@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}}@layer utilities;