@layer reset,tokens,base,layout;@layer components{.hero{padding-block:var(--space-5) var(--space-6);text-align:center;position:relative}.hero__glyphs{color:var(--color-accent);opacity:.07;pointer-events:none;user-select:none;margin:0;font-size:clamp(5rem,18vw,11rem);line-height:1;position:absolute;inset-block-start:0;inset-inline-end:0}.hero__title{font-size:var(--text-hero);letter-spacing:-.02em;margin-block-end:var(--space-3)}.hero__accent{color:var(--color-accent)}.hero__lede{font-size:var(--text-lg);color:var(--color-muted);max-inline-size:38rem;margin-inline:auto}.hero--search{padding-block-end:var(--space-5)}.hero__search{max-inline-size:42rem;text-align:start;margin-block-start:var(--space-4);margin-inline:auto}.discover{margin-block-start:var(--space-6)}.discover__hint{color:var(--color-muted);font-size:var(--text-sm);margin-block-start:calc(-1 * var(--space-2))}.discover__grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));margin:0;padding:0;list-style:none;display:grid}.discover__item{position:relative}.discover__item>.icon-btn,.daily-idiom__body>.icon-btn{z-index:var(--z-raised);position:absolute;inset-block-start:var(--space-2);inset-inline-end:var(--space-2)}.discover-card{gap:2px;block-size:100%;display:grid}.discover-card__hanzi{font-size:var(--text-xl)}.discover-card__reading{color:var(--color-accent);font-size:var(--text-sm)}.discover-card__gloss{color:var(--color-muted);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.discover-card__badge{border:1px solid var(--color-border-strong);border-radius:var(--radius-full);color:var(--color-faint);justify-self:start;margin-block-start:var(--space-1);padding:.05em .6em;font-size:.7rem}.daily-idiom{margin-block-start:var(--space-5)}.daily-idiom__body{max-inline-size:34rem;position:relative}.daily-idiom__card,.upcoming__card{border-inline-start:3px solid var(--color-accent)}.daily-idiom__card{gap:var(--space-1);max-inline-size:34rem;display:grid}.daily-idiom__hanzi{font-size:var(--text-2xl)}.daily-idiom__reading{color:var(--color-accent)}.daily-idiom__gloss{color:var(--color-muted);font-size:var(--text-sm)}.upcoming{margin-block-start:var(--space-5)}.upcoming__card{gap:var(--space-1);max-inline-size:34rem;display:grid}.upcoming__date{font-size:var(--text-xl);font-weight:700;line-height:1.15}.upcoming__countdown{color:var(--color-accent);font-size:var(--text-sm);font-weight:600}.upcoming__name{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-1);display:flex}.upcoming__hanzi{font-size:var(--text-xl)}.upcoming__reading{color:var(--color-accent);font-size:var(--text-sm)}.upcoming__lunar{color:var(--color-muted);font-size:var(--text-sm)}.upcoming__lunar-label{color:var(--color-faint)}.upcoming__more{color:var(--color-accent);font-size:var(--text-sm);margin-block-start:var(--space-1);font-weight:500}.home-blog{margin-block-start:var(--space-5)}.home-blog__head{justify-content:space-between;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.home-blog__head h2{margin:0}.home-blog__all{color:var(--color-accent);font-size:var(--text-sm);white-space:nowrap;font-weight:500;text-decoration:none}.home-blog__list{margin:var(--space-3) 0 0;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));padding:0;list-style:none;display:grid}.home-blog__item{padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:inherit;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);gap:2px;text-decoration:none;display:grid}.home-blog__item:hover,.home-blog__item:focus-visible{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.home-blog__date{color:var(--color-faint);font-size:var(--text-sm)}.home-blog__title{font-size:var(--text-lg);font-weight:600}.home-blog__subtitle{color:var(--color-accent);font-size:var(--text-sm)}.how{margin-block-start:var(--space-6)}.how__steps{gap:var(--space-2);color:var(--color-muted);max-inline-size:42rem;padding-inline-start:1.2em;display:grid}.features{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));display:grid}@media (width>=1200px){.features,.discover__grid{grid-template-columns:repeat(3,1fr)}}.feature-card{gap:var(--space-2);padding:var(--space-4);align-content:start;display:grid}.feature-card__icon{block-size:1.75rem;inline-size:1.75rem;color:var(--color-accent)}.feature-card__title{font-size:var(--text-lg);margin:0}.feature-card__desc{color:var(--color-muted);font-size:var(--text-sm);margin:0}.sheet-config{gap:var(--space-3);max-inline-size:30rem;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:grid}.sheet-config .segmented__legend{font-size:var(--text-sm);font-weight:500}.sheet-config__grid-option{align-items:center;gap:var(--space-2);display:inline-flex}.sheet-config__grid-icon{fill:none;stroke:currentColor;stroke-width:1.5px;flex-shrink:0;block-size:24px;inline-size:24px}.sheet-config__grid-guide{stroke-width:1px;stroke-dasharray:2 2}.sheet-config__row{gap:var(--space-1);font-size:var(--text-sm);font-weight:500;display:grid}.sheet-config__row input[type=range]{min-block-size:28px}.sheet-config__text{min-block-size:44px;padding-inline:var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font:inherit;font-weight:400}.sheet-config__row--readout{color:var(--color-text);margin:0}.sheet-config__hint{color:var(--color-faint);font-size:.8rem;font-weight:400}.sheet-config__row--checkbox{grid-template-columns:auto 1fr;align-items:center;min-block-size:44px}.sheet-config__row input[type=checkbox]{block-size:1.1rem;inline-size:1.1rem}.sheet-config__generate{justify-self:start}.sheet-config__status{color:var(--color-muted);font-size:var(--text-sm);min-block-size:1.2em;margin:0}.collection-bar{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);margin-block-end:var(--space-4);display:grid}.collection-bar__loading{color:var(--color-muted)}.collection-bar__row,.collection-bar__form{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.collection-bar__pick{font-weight:600}.collection-bar__select,.collection-bar__name,.collection-bar__manual{min-block-size:44px;padding-inline:var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font:inherit}.collection-bar__select{flex:14rem;max-inline-size:24rem}.collection-bar__name{flex:12rem;max-inline-size:20rem}.collection-bar__manual{inline-size:100%}.collection-bar__check{align-items:center;gap:var(--space-2);min-block-size:44px;margin-inline-end:var(--space-2);display:inline-flex}.collection-bar__note{color:var(--color-muted);font-size:var(--text-sm);margin:0}.collection-bar__confirm{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg);display:grid}.collection-bar__confirm p,.collection-bar__status p{margin:0}.collection-bar__confirm-actions,.collection-bar__status{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.collection-bar__status{color:var(--color-muted)}}@layer utilities;