@layer reset,tokens,base,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}img,svg{display:block;max-inline-size:100%}button{font:inherit;color:inherit;background:none;border:none}}@layer base{@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}}@layer base{@font-face{font-family:"Noto Serif Tibetan Variable";src:url(/assets/noto-serif-tibetan-tibetan-wght-normal-ChgVb9kd.woff2) format("woff2-variations");font-weight:100 900;font-style:normal;font-display:block;unicode-range:U+0F00-0FFF,U+200C-200D,U+25CC,U+3008-300B}}@layer tokens{:root{--palette-cream-50: oklch(97% .025 85);--palette-cream-100: oklch(99% .012 85);--palette-cream-200: oklch(93% .03 85);--palette-marigold-500: oklch(78% .17 70);--palette-marigold-600: oklch(68% .16 65);--palette-turquoise-500: oklch(75% .13 195);--palette-turquoise-600: oklch(65% .12 195);--palette-coral-500: oklch(70% .17 25);--palette-coral-600: oklch(60% .16 25);--palette-leaf-500: oklch(72% .19 145);--palette-leaf-600: oklch(62% .17 145);--palette-indigo-900: oklch(30% .05 275);--palette-indigo-700: oklch(45% .06 275);--color-page: var(--palette-cream-50);--color-surface: var(--palette-cream-100);--color-surface-raised: var(--palette-cream-200);--color-ink: var(--palette-indigo-900);--color-ink-muted: var(--palette-indigo-700);--color-primary: var(--palette-marigold-500);--color-primary-edge: var(--palette-marigold-600);--color-accent: var(--palette-turquoise-500);--color-accent-edge: var(--palette-turquoise-600);--color-correct: var(--palette-leaf-500);--color-correct-edge: var(--palette-leaf-600);--color-wrong: var(--palette-coral-500);--color-wrong-edge: var(--palette-coral-600);--color-focus: var(--palette-turquoise-600);--color-streak-warm: var(--palette-marigold-500);--color-streak-hot: var(--palette-coral-500);--color-streak-blazing: var(--palette-turquoise-500)}}@layer tokens{:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius-sm: .5rem;--radius-lg: 1.25rem;--radius-xl: 2rem;--radius-pill: 999px;--edge-depth: 4px}}@layer tokens{:root{--font-ui: "Nunito Variable", system-ui, sans-serif;--font-tibetan: "Noto Serif Tibetan Variable", serif;--leading-tight: 1.15;--leading-body: 1.4;--leading-tibetan: 1.35;--text-sm: clamp(.85rem, 3vw, .95rem);--text-base: clamp(1rem, 3.6vw, 1.15rem);--text-lg: clamp(1.25rem, 5vw, 1.5rem);--text-xl: clamp(1.6rem, 7vw, 2.25rem);--size-glyph: clamp(4rem, 22vw, 10rem);--size-choice-glyph: clamp(2rem, 9vw, 3rem)}}@layer tokens{:root{--duration-fast: .12s;--duration-base: .24s;--duration-slow: .48s;--duration-celebration: 1.2s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 1ms;--duration-base: 1ms;--duration-slow: 1ms;--duration-celebration: 1ms}}}@layer components{@keyframes kf-pop{50%{transform:scale(var(--kf-pop-scale, 1.12))}}@keyframes kf-shake{25%{transform:translate(calc(var(--kf-shake-distance, 6px) * -1))}75%{transform:translate(var(--kf-shake-distance, 6px))}}@keyframes kf-flip-in{0%{transform:perspective(400px) rotateX(-70deg) scale(.92);opacity:0}to{transform:none;opacity:1}}@keyframes kf-star-fill{0%{transform:scale(.4) rotate(-30deg);opacity:0}to{transform:none;opacity:1}}@keyframes kf-confetti-fall{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(540deg);opacity:0}}}@layer base{body{background:var(--color-page);color:var(--color-ink);font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-body);-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}button{touch-action:manipulation;cursor:pointer}button:disabled{cursor:default}}@layer components{.profile-card{display:grid;gap:var(--space-2)}.profile-card__pick{min-block-size:5rem;padding:var(--space-4);border-radius:var(--radius-xl);font-size:var(--text-lg);font-weight:700;color:var(--color-ink)}.profile-card__pick[data-color=marigold]{background:var(--color-primary);box-shadow:0 var(--edge-depth) 0 var(--color-primary-edge)}.profile-card__pick[data-color=turquoise]{background:var(--color-accent);box-shadow:0 var(--edge-depth) 0 var(--color-accent-edge)}.profile-card__pick[data-color=coral]{background:var(--color-wrong);box-shadow:0 var(--edge-depth) 0 var(--color-wrong-edge)}.profile-card__pick[data-color=indigo]{background:var(--color-ink-muted);box-shadow:0 var(--edge-depth) 0 var(--color-ink);color:var(--color-surface)}.profile-card__pick:active{transform:translateY(var(--edge-depth));box-shadow:none}.profile-card__rename{min-block-size:3rem;font-size:var(--text-sm);color:var(--color-ink-muted);text-decoration:underline}.profile-card__input{inline-size:100%;min-block-size:5rem;padding:var(--space-4);border:3px solid var(--color-accent);border-radius:var(--radius-xl);font:inherit;font-size:var(--text-lg)}}@layer components{.profiles-screen{display:grid;gap:var(--space-5);align-content:center;min-block-size:100dvh;padding:var(--space-5);padding-block-end:max(var(--space-5),env(safe-area-inset-bottom));max-inline-size:30rem;margin-inline:auto}.profiles-screen__title{font-size:var(--text-xl);line-height:var(--leading-tight);text-align:center}.profiles-screen__list{display:grid;gap:var(--space-4)}.profiles-screen__add{min-block-size:3.5rem;border-radius:var(--radius-lg);border:3px dashed var(--color-surface-raised);color:var(--color-ink-muted);font-weight:700}}@layer components{.offline-audio{display:grid;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface)}.offline-audio__title{margin:0;font-size:var(--text-base)}.offline-audio__note{margin:0;font-size:var(--text-sm);color:var(--color-ink-muted)}.offline-audio__button{min-height:48px;padding-inline:var(--space-4);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-ink);font:inherit;font-weight:700}.offline-audio__button[disabled]{background:var(--color-surface-raised);color:var(--color-ink-muted)}}@layer components{.curriculum-screen{display:grid;gap:var(--space-4);align-content:start;min-height:100dvh;padding:var(--space-4)}.curriculum-screen__header{display:flex;gap:var(--space-3);align-items:center;justify-content:space-between}.curriculum-screen__title{margin:0;font-size:var(--text-lg)}.curriculum-screen__close{min-height:48px;padding-inline:var(--space-4);border-radius:var(--radius-pill);background:var(--color-surface-raised);font:inherit;font-weight:700}.stage-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2)}.stage-tabs__tab{min-height:48px;padding-inline:var(--space-4);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink-muted);font:inherit;font-weight:700;white-space:nowrap}.stage-tabs__tab[data-state=active]{background:var(--color-primary);color:var(--color-ink)}.chapter-list{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.chapter-card{display:grid;grid-template-columns:1fr auto;gap:var(--space-1) var(--space-3);width:100%;min-height:48px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);font:inherit;text-align:start}.chapter-card[data-current=true]{outline:var(--space-1) solid var(--color-accent)}.chapter-card[data-state=locked]{color:var(--color-ink-muted)}.chapter-card[data-state=cleared] .chapter-card__fill{background:var(--color-correct)}.chapter-card__title{font-weight:700}.chapter-card__status{font-size:var(--text-sm);color:var(--color-ink-muted);white-space:nowrap}.chapter-card__bar{grid-column:1 / -1;overflow:hidden;height:var(--space-2);border-radius:var(--radius-pill);background:var(--color-surface-raised)}.chapter-card__fill{display:block;height:100%;border-radius:inherit;background:var(--color-primary);transform-origin:left center;transition:scale var(--duration-base) var(--ease-out)}.chapter-confirm{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;padding:var(--space-3)}.chapter-confirm__question{flex:1 1 100%;margin:0;font-size:var(--text-sm)}.chapter-confirm__yes,.chapter-confirm__no{min-height:48px;padding-inline:var(--space-4);border-radius:var(--radius-pill);font:inherit;font-weight:700}.chapter-confirm__yes{background:var(--color-primary)}.chapter-confirm__no{background:var(--color-surface-raised)}}@layer components{.celebration{position:fixed;inset:0;display:grid;place-items:center;pointer-events:none;z-index:1}.celebration__banner{padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);background:var(--color-primary);box-shadow:0 var(--edge-depth) 0 var(--color-primary-edge);font-size:var(--text-lg);font-weight:900;animation:kf-pop var(--duration-slow) var(--ease-spring);--kf-pop-scale: 1.2}.celebration__particle{position:absolute;inset-block-start:0;inset-inline-start:var(--kf-confetti-x);inline-size:.75rem;block-size:.75rem;border-radius:var(--radius-sm);background:var(--color-accent);animation:kf-confetti-fall var(--duration-celebration) var(--ease-out) var(--kf-confetti-delay) forwards}.celebration__particle:nth-child(3n){background:var(--color-primary)}.celebration__particle:nth-child(3n+1){background:var(--color-wrong)}}@layer components{.glyph{display:block;inline-size:auto;max-inline-size:100%;font-family:var(--font-tibetan)}}@layer components{.glyph-display{display:grid;place-items:center;padding:var(--space-5) var(--space-6);border-radius:var(--radius-xl);background:var(--color-surface);animation:kf-flip-in var(--duration-slow) var(--ease-out)}.glyph-display .glyph{block-size:calc(var(--size-glyph) * var(--leading-tibetan))}}@layer components{.sound-card{display:grid;place-items:center;min-block-size:8rem;inline-size:min(100%,16rem);border-radius:var(--radius-xl);background:var(--color-primary);box-shadow:0 var(--edge-depth) 0 var(--color-primary-edge);color:var(--color-ink)}.sound-card:active{transform:translateY(var(--edge-depth));box-shadow:none}}@layer components{.choices{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);inline-size:100%}.choice{min-block-size:3rem;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:0 var(--edge-depth) 0 var(--color-surface-raised);font-size:var(--text-lg);font-weight:700;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.choice--glyph{display:grid;place-items:center}.choice .glyph{block-size:calc(var(--size-choice-glyph) * var(--leading-tibetan))}.choice:active:not(:disabled){transform:translateY(var(--edge-depth));box-shadow:none}.choice[data-state=correct]{background:var(--color-correct);box-shadow:0 var(--edge-depth) 0 var(--color-correct-edge);animation:kf-pop var(--duration-base) var(--ease-spring)}.choice[data-state=wrong]{background:var(--color-wrong);box-shadow:0 var(--edge-depth) 0 var(--color-wrong-edge);animation:kf-shake var(--duration-base) var(--ease-out)}@media(hover:hover){.choice[data-state=idle]:not(:disabled):hover{background:var(--color-surface-raised)}}}@layer components{.score-board{display:grid;grid-template-columns:1fr auto;gap:0 var(--space-3);align-items:baseline;min-width:0;font-size:var(--text-sm);font-weight:700;color:var(--color-ink-muted)}.score-board__chapter{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-ink)}.score-board__level{white-space:nowrap}.score-board__bar{grid-column:1 / -1;overflow:hidden;height:var(--space-2);margin-top:var(--space-1);border-radius:var(--radius-pill);background:var(--color-surface-raised)}.score-board__fill{display:block;height:100%;border-radius:inherit;background:var(--color-primary);transform-origin:left center;scale:0 1;transition:scale var(--duration-base) var(--ease-out)}}@layer components{.streak-meter{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-weight:900;font-size:var(--text-sm);color:var(--color-ink);animation:kf-pop var(--duration-base) var(--ease-spring)}.streak-meter[data-tier=warm]{background:var(--color-streak-warm)}.streak-meter[data-tier=hot]{background:var(--color-streak-hot)}.streak-meter[data-tier=blazing]{background:var(--color-streak-blazing);--kf-pop-scale: 1.25}}@layer components{.mastery-stars{display:flex;gap:var(--space-1);font-size:var(--text-lg)}.mastery-stars__star{color:var(--color-surface-raised)}.mastery-stars__star[data-filled=true]{color:var(--color-primary);animation:kf-star-fill var(--duration-base) var(--ease-spring)}}@layer components{.training-screen{display:grid;grid-template-rows:auto 1fr auto;gap:var(--space-5);min-block-size:100dvh;padding:var(--space-4);padding-block-end:max(var(--space-4),env(safe-area-inset-bottom));max-inline-size:40rem;margin-inline:auto}.training-screen__header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-2) var(--space-3)}.training-screen__streak{justify-self:center}.training-screen__nav{display:flex;gap:var(--space-1);justify-self:end}.training-screen__header .score-board{grid-column:1 / -1}.training-screen__stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4)}.mode-toggle{display:flex;gap:var(--space-2)}.mode-toggle__button{min-block-size:3rem;padding-inline:var(--space-4);border-radius:var(--radius-pill);background:var(--color-surface);font-weight:700}.mode-toggle__button[data-state=active]{background:var(--color-accent)}.training-screen__switch{min-block-size:3rem;padding-inline:var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:700;color:var(--color-ink-muted)}}