@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(./atkinson-hyperlegible-latin-ext-400-normal.DRk46D-x.woff2)format("woff2"),url(./atkinson-hyperlegible-latin-ext-400-normal.Bbz-b3yf.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(./atkinson-hyperlegible-latin-400-normal.BrHNak5F.woff2)format("woff2"),url(./atkinson-hyperlegible-latin-400-normal.BbWidj28.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(./atkinson-hyperlegible-latin-ext-700-normal.BoVPHkS0.woff2)format("woff2"),url(./atkinson-hyperlegible-latin-ext-700-normal.CKkU2Dpt.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(./atkinson-hyperlegible-latin-700-normal.GZI4o3u0.woff2)format("woff2"),url(./atkinson-hyperlegible-latin-700-normal.BK6Glc0m.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(./literata-cyrillic-ext-wght-normal.CGKlZYBf.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(./literata-cyrillic-wght-normal.DLqwHbi6.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(./literata-greek-ext-wght-normal.e3e57Shi.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(./literata-greek-wght-normal.CO1l-giJ.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(./literata-vietnamese-wght-normal.LcSrhZ7T.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(./literata-latin-ext-wght-normal.BnEbWgdZ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(./literata-latin-wght-normal.DLxlUchJ.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--k-font-content:"Literata Variable", "Noto Serif JP", "Noto Naskh Arabic", "Noto Serif", serif;--k-font-ui:"Atkinson Hyperlegible", "Noto Sans JP", "Noto Naskh Arabic", "Noto Sans", sans-serif;--k-text-prompt:2.75rem;--k-text-prompt-leading:1.15;--k-text-prompt-leading-cjk:1.45;--k-text-prompt-leading-arabic:1.8;--k-text-answer:1.75rem;--k-text-answer-leading:1.3;--k-text-title:1.375rem;--k-text-title-leading:1.25;--k-text-example:1.1875rem;--k-text-example-leading:1.5;--k-text-numeral:2.125rem;--k-text-screen-title:1.625rem;--k-text-screen-title-leading:1.2;--k-text-row:1.0625rem;--k-text-row-leading:1.4;--k-text-action:1rem;--k-text-action-leading:1.2;--k-text-action-weight:700;--k-text-meta:.84375rem;--k-text-meta-leading:1.4;--k-text-body-leading:1.55;--k-text-section:.75rem;--k-text-section-weight:600;--k-text-section-tracking:.12em;--k-text-eyebrow-tracking:.14em;--k-prompt-clamp:clamp(1.75rem, 2.75rem, 12cqw);--k-space-1:.25rem;--k-space-2:.5rem;--k-space-3:.75rem;--k-space-4:1rem;--k-space-5:1.25rem;--k-space-6:1.5rem;--k-space-8:2rem;--k-gutter:1.25rem;--k-row-padding-block:.75rem;--k-row-padding-inline:1rem;--k-section-gap:1.5rem;--k-touch-floor:2.75rem;--k-radius-container:1rem;--k-radius-control:.625rem;--k-radius-pill:999px;--k-radius-rating:.75rem;--k-ease:cubic-bezier(.2, 0, .2, 1);--k-duration-reveal:.12s;--k-duration-press:80ms;--k-duration-sheet:.22s;--k-duration-celebrate:.4s;--k-sheet-scrim:#1e1b166b;--k-sheet-shadow:0 -8px 32px #1e1b1624;--k-icon:1.25rem;--k-icon-nav:1.5rem;--k-icon-stroke:1.75px;--k-rail:5.5rem;--k-answer-zone:18.5rem;--k-focus-width:2px;--k-focus-offset:2px;--k-pill-ready-height:2.75rem;--k-pill-ready-min-width:4.125rem;--k-pill-ready-padding:0 1rem;--k-pill-ready-gap:.4375rem;--k-pill-status-height:1.75rem;--k-pill-status-padding:0 .75rem;--k-button-inline:2.75rem;--k-button-sheet-primary:3.25rem;--k-button-sheet-secondary:3rem;--k-sheet-radius:1.125rem 1.125rem 1rem 1rem;--k-sheet-grabber:2.5rem;--k-red:#a93a2c;--k-amber:#b5761c;--k-leaf:#4a7a46;--k-pine:#16584e;--k-hard:var(--k-red);--k-good:var(--k-leaf);--k-easy:var(--k-pine);--k-rating-height:3.75rem;--k-rating-fill-hard:var(--k-hard);--k-rating-fill-good:var(--k-good);--k-rating-fill-easy:var(--k-easy);--k-rating-ink-hard:var(--k-on-accent);--k-rating-ink-good:var(--k-on-accent);--k-rating-ink-easy:var(--k-on-accent);--k-rating-enabled-border:transparent}:root,body[data-appearance=warm]{--k-bg:#f2ebdd;--k-surface:#fbf6ec;--k-sunken:#e6dcc7;--k-ink:#1e1b16;--k-ink-dim:#8a806f;--k-accent:#16584e;--k-ai:#6f4a9b;--k-ink-body:#4b4437;--k-destructive:#8e2e22;--k-dot-unstudied:#c0b49c;--k-rating-label-muted:#b3a997;--k-border-muted:#c0b49c;--k-control-border:var(--k-sunken);--k-on-accent:var(--k-surface);--k-divider-card:#8a806fb3;--k-status-neutral:#e6dcc7;--k-status-neutral-ink:var(--k-ink-body);--k-status-error:#f6e3df;--k-status-error-ink:#8e2e22;--k-status-ai:#ede4f5;--k-status-ai-ink:#553378;--k-status-listed:#dde8e4;--k-status-listed-ink:#16584e;--k-cal-0:#e6dcc7;--k-cal-1:#b9cfc7;--k-cal-2:#6e9e92;--k-cal-3:#16584e}body[data-appearance=light]{--k-ink-body:color-mix(in oklab, var(--k-ink) 72%, var(--k-ink-dim));--k-bg:#f5f6f7;--k-surface:#fff;--k-sunken:#eceef1;--k-ink:#16181c;--k-ink-dim:#868d98;--k-accent:#0f5c52;--k-ai:#6b45a0;--k-cal-0:#eceef1;--k-cal-1:#b6d2ca;--k-cal-2:#5f9488;--k-cal-3:#0f5c52}body[data-appearance=dark]{--k-ink-body:color-mix(in oklab, var(--k-ink) 72%, var(--k-ink-dim));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--k-bg:#14120e;--k-surface:#1d1a15;--k-sunken:#26221b;--k-ink:#f1eadc;--k-ink-dim:#7c7362;--k-accent:#6fbcab;--k-ai:#b79be8;--k-control-border:#3a322a;--k-hard:#d9705f;--k-good:#8fbe89;--k-easy:#6fbcab;--k-cal-0:#26221b;--k-cal-1:#2f4a42;--k-cal-2:#497e70;--k-cal-3:#6fbcab;--k-rating-fill-hard:var(--k-surface);--k-rating-fill-good:var(--k-surface);--k-rating-fill-easy:var(--k-surface);--k-rating-ink-hard:var(--k-hard);--k-rating-ink-good:var(--k-good);--k-rating-ink-easy:var(--k-easy);--k-rating-enabled-border:var(--k-control-border)}@media (prefers-color-scheme:dark){body[data-appearance=system]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--k-bg:#14120e;--k-surface:#1d1a15;--k-sunken:#26221b;--k-ink:#f1eadc;--k-ink-dim:#7c7362;--k-accent:#6fbcab;--k-ai:#b79be8;--k-control-border:#3a322a;--k-hard:#d9705f;--k-good:#8fbe89;--k-easy:#6fbcab;--k-cal-0:#26221b;--k-cal-1:#2f4a42;--k-cal-2:#497e70;--k-cal-3:#6fbcab;--k-rating-fill-hard:var(--k-surface);--k-rating-fill-good:var(--k-surface);--k-rating-fill-easy:var(--k-surface);--k-rating-ink-hard:var(--k-hard);--k-rating-ink-good:var(--k-good);--k-rating-ink-easy:var(--k-easy);--k-rating-enabled-border:var(--k-control-border)}}@media (prefers-reduced-motion:reduce){:root{--k-duration-reveal:0s;--k-duration-press:0s;--k-duration-sheet:0s;--k-duration-celebrate:0s}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-ui:"Atkinson Hyperlegible", "Noto Sans", "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", sans-serif;--font-display:"Literata Variable", "Noto Serif", "Noto Serif JP", serif;--ink:oklch(25% .014 66);--ink-soft:oklch(48% .012 66);--ink-faint:oklch(61% .01 66);--paper:oklch(98.4% .009 74);--paper-deep:oklch(96.4% .012 74);--surface:oklch(99.2% .006 74);--line:oklch(89.5% .012 74);--line-strong:oklch(82% .014 74);--accent:oklch(52% .135 31);--accent-soft:oklch(94% .032 31);--good:oklch(49% .095 151);--good-soft:oklch(94.5% .026 151);--hard:oklch(56% .095 78);--hard-soft:oklch(95% .03 78);--easy:oklch(50% .08 255);--easy-soft:oklch(95% .025 255);--focus:oklch(51% .16 252);--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:.45rem;--radius-md:.75rem;--radius-lg:1rem;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-toggle:cubic-bezier(.65, 0, .35, 1);--z-sidebar:200;--z-toast:500}*{box-sizing:border-box}html{background:var(--k-bg);max-width:100%;font-family:var(--font-ui);font-kerning:normal;overflow-x:clip}html:has(body[data-appearance=light]){background:#f5f6f7}html:has(body[data-appearance=dark]){background:#14120e}body{background:var(--paper);min-width:0;max-width:100%;min-height:100vh;color:var(--ink);font-family:var(--font-ui);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.5;overflow-x:clip}:lang(th){font-family:"Noto Sans Thai", "Leelawadee UI", Tahoma, var(--font-ui)}input:lang(th),textarea:lang(th){line-height:1.65}body[data-appearance=light]{--ink:oklch(23% .006 255);--ink-soft:oklch(46% .006 255);--ink-faint:oklch(62% .005 255);--paper:oklch(98.8% .002 255);--paper-deep:oklch(96.5% .003 255);--surface:oklch(100% 0 0);--line:oklch(90% .004 255);--line-strong:oklch(81% .006 255);--accent:oklch(50% .12 31);--accent-soft:oklch(95% .022 31);--good:oklch(48% .095 151);--good-soft:oklch(96% .02 151);--hard:oklch(55% .09 78);--hard-soft:oklch(96% .024 78);--easy:oklch(49% .075 255);--easy-soft:oklch(96% .02 255)}body[data-appearance=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:oklch(92% .01 74);--ink-soft:oklch(76% .01 74);--ink-faint:oklch(61% .01 74);--paper:oklch(16% .012 66);--paper-deep:oklch(21% .012 66);--surface:oklch(24% .012 66);--line:oklch(34% .012 66);--line-strong:oklch(43% .012 66);--accent:oklch(72% .11 31);--accent-soft:oklch(27% .045 31);--good:oklch(74% .09 151);--good-soft:oklch(28% .04 151);--hard:oklch(78% .085 78);--hard-soft:oklch(29% .038 78);--easy:oklch(76% .075 255);--easy-soft:oklch(28% .035 255);--focus:oklch(72% .13 252)}@media (prefers-color-scheme:dark){:is(html:has(body[data-appearance=system]),html:has(body:not([data-appearance]))){background:#14120e}body[data-appearance=system],body:not([data-appearance]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:oklch(92% .01 74);--ink-soft:oklch(76% .01 74);--ink-faint:oklch(61% .01 74);--paper:oklch(16% .012 66);--paper-deep:oklch(21% .012 66);--surface:oklch(24% .012 66);--line:oklch(34% .012 66);--line-strong:oklch(43% .012 66);--accent:oklch(72% .11 31);--accent-soft:oklch(27% .045 31);--good:oklch(74% .09 151);--good-soft:oklch(28% .04 151);--hard:oklch(78% .085 78);--hard-soft:oklch(29% .038 78);--easy:oklch(76% .075 255);--easy-soft:oklch(28% .035 255);--focus:oklch(72% .13 252)}}body[data-appearance=dark] .brand-button img,body[data-appearance=dark] .mobile-logo img{filter:invert()brightness(1.2)}body[data-appearance=dark] .app-header{background:color-mix(in oklch, var(--paper) 92%, transparent)}body[data-appearance=dark] .star-pattern{background-color:var(--surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cpath d='M11 3c.5 4.7 2.3 6.5 7 7-4.7.5-6.5 2.3-7 7-.5-4.7-2.3-6.5-7-7 4.7-.5 6.5-2.3 7-7Z' fill='%23403a34'/%3E%3C/svg%3E")}button,input,textarea,select{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}::selection{color:var(--ink);background:oklch(86% .08 75)}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}.skip-link{top:var(--space-sm);left:var(--space-sm);z-index:700;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);background:var(--ink);color:var(--surface);text-decoration:none;position:fixed;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.button{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);min-height:2.75rem;color:var(--ink);transition:transform .12s var(--ease-out), background-color .18s var(--ease-out), border-color .18s var(--ease-out);padding:.65rem 1rem;font-weight:700;line-height:1.2}.button:hover:not(:disabled){border-color:var(--ink-faint);background:var(--paper-deep)}.button:active:not(:disabled){transform:translateY(1px)}.button.primary{border-color:var(--ink);background:var(--ink);color:var(--surface)}.button.primary:hover:not(:disabled){background:oklch(31% .016 66)}.button.secondary{border-color:var(--line);background:var(--paper-deep)}.button.ghost{color:var(--ink-soft);background:0 0;border-color:#0000}.button.compact{align-items:center;gap:var(--space-xs);min-height:2.5rem;padding:.5rem .8rem;display:inline-flex}.button.subscribed{background:var(--good-soft);color:var(--good);border-color:oklch(79% .055 151)}.button-row{gap:var(--space-sm);flex-wrap:wrap;display:flex}.icon-button{border-radius:var(--radius-sm);width:2.75rem;height:2.75rem;color:var(--ink-soft);background:0 0;border:0;flex:none;place-items:center;text-decoration:none;display:inline-grid}.icon-button:hover{background:var(--paper-deep);color:var(--ink)}.text-link{color:var(--ink-soft);background:0 0;border:0;font-weight:700}.text-link:hover{color:var(--ink)}label{gap:var(--space-xs);color:var(--ink-soft);font-size:.875rem;font-weight:700;display:grid}label small{font-weight:400}input,textarea,select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:2.75rem;color:var(--ink);transition:border-color .16s var(--ease-out), background-color .16s var(--ease-out);padding:.68rem .8rem;font-size:1rem;font-weight:400;line-height:1.4}textarea{resize:vertical;min-height:5.5rem}input:hover,textarea:hover,select:hover{border-color:var(--line-strong)}input:focus,textarea:focus,select:focus{border-color:var(--focus);background:var(--surface);outline:2px solid color-mix(in oklch, var(--focus) 20%, transparent);outline-offset:0}input::placeholder,textarea::placeholder{color:oklch(55% .01 66);opacity:1}.form-error{color:var(--accent);font-size:.875rem;font-weight:700}.login-page{min-height:100svh;padding:max(var(--space-lg), env(safe-area-inset-top)) var(--space-md) max(var(--space-lg), env(safe-area-inset-bottom));background:var(--paper);grid-template-rows:auto 1fr auto;display:grid;overflow:hidden}.login-brand{padding:var(--space-sm);justify-content:center;display:flex}.login-stage{padding:var(--space-xl) 0;place-items:center;display:grid}.login-stack{gap:var(--space-sm);width:min(100%,25rem);display:grid}.login-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 1.25rem 3rem oklch(45% .015 66/.08)}.login-card-primary,.english-face{gap:var(--space-md);padding:var(--space-xl) var(--space-lg);display:grid}.login-card h1,.login-card h2{font-family:var(--font-display);text-align:center;font-size:1.55rem;font-weight:650;line-height:1.18}.login-card-primary:lang(ja) h1,.login-card-primary:lang(ko) h1,.login-card-primary:lang(zh) h1{font-family:Noto Serif JP,Noto Serif,serif}.login-card p{color:var(--ink-soft);text-align:center}.login-card form{gap:var(--space-sm);display:grid}.login-card .button{width:100%;margin-top:var(--space-xs)}.reveal-card{min-height:18rem;overflow:hidden}.reveal-face{border-radius:inherit;background:var(--surface);width:100%;height:100%;min-height:18rem;color:var(--ink);border:0;position:relative;overflow:hidden}.star-pattern{background-color:var(--surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cpath d='M11 3c.5 4.7 2.3 6.5 7 7-4.7.5-6.5 2.3-7 7-.5-4.7-2.3-6.5-7-7 4.7-.5 6.5-2.3 7-7Z' fill='%23ddd8d0'/%3E%3C/svg%3E");position:absolute;inset:0}.reveal-face strong{z-index:1;position:relative}.english-face{min-height:18rem;animation:reveal-in .36s var(--ease-out) both;align-content:center}.login-footer{color:var(--ink-soft);letter-spacing:.14em;text-align:center;text-transform:uppercase;font-size:.75rem;font-weight:700}.app-shell{background:var(--paper);min-height:100svh}.sidebar{z-index:var(--z-sidebar);border-right:1px solid var(--line);background:var(--surface);width:min(20rem,100vw - 3rem);max-width:100%;transition:transform .3s var(--ease-out);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;overflow-x:clip;transform:translate(-102%)}.sidebar.open{transform:translate(0)}.sidebar-brand{min-height:4rem;padding:0 var(--space-md);justify-content:space-between;align-items:center;display:flex}.brand-button{background:0 0;border:0;align-items:center;min-height:2.75rem;display:inline-flex}.sidebar-nav{gap:var(--space-lg);min-width:0;min-height:0;padding:var(--space-sm);flex-direction:column;flex:1;display:flex;overflow:clip auto}.nav-group,.deck-navigation{gap:var(--space-2xs);min-width:0;display:grid}.nav-item{align-items:center;gap:var(--space-sm);border-radius:var(--radius-sm);width:100%;min-width:0;max-width:100%;min-height:2.75rem;padding:.65rem var(--space-sm);color:var(--ink-soft);text-align:left;background:0 0;border:1px solid #0000;font-weight:700;text-decoration:none;display:flex}.nav-item:hover{background:var(--paper-deep);color:var(--ink)}.nav-item.active{border-color:var(--line);background:var(--paper);color:var(--ink)}.nav-item.quiet{color:var(--ink-faint)}.nav-label{min-height:2.75rem;padding-left:var(--space-sm);color:var(--ink-faint);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:700;display:flex}.deck-nav-item{align-items:flex-start}.deck-nav-item>svg{flex:none;margin-top:.05rem}.deck-nav-item span{overflow-wrap:anywhere;white-space:normal;min-width:0;line-height:1.35}.sidebar-footer{gap:var(--space-2xs);border-top:1px solid var(--line);padding:var(--space-sm);display:grid}.scrim{z-index:calc(var(--z-sidebar) - 1);background:oklch(20% .01 66/.28);border:0;position:fixed;inset:0}.app-frame{min-width:0}.app-header{z-index:100;align-items:center;gap:var(--space-xs);border-bottom:1px solid var(--line);min-height:3.75rem;padding:0 var(--space-sm);background:color-mix(in oklch, var(--paper) 96%, transparent);grid-template-columns:2.75rem 1fr auto 2.75rem;display:grid;position:sticky;top:0}.header-context{color:var(--ink-soft);font-size:.875rem;display:none}.mobile-logo{justify-self:center}.avatar{border:1px solid var(--ink);background:var(--ink);width:2rem;height:2rem;color:var(--surface);border-radius:50%;place-items:center;font-weight:700;text-decoration:none;display:grid}.avatar img,.profile-avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.alpha-notice{z-index:90;border-bottom:1px solid var(--line);background:color-mix(in oklch, var(--paper-deep) 82%, var(--accent-soft));min-height:2rem;color:var(--ink-soft);position:relative}.alpha-notice-content{justify-content:center;align-items:center;gap:var(--space-2xs);min-height:2rem;padding-inline:2.5rem;font-size:.7rem;font-weight:700;display:flex;position:relative}.alpha-info-button,.alpha-dismiss-button{border-radius:var(--radius-sm);width:1.75rem;height:1.75rem;color:inherit;background:0 0;border:0;flex:none;place-items:center;display:inline-grid}.alpha-info-button:hover,.alpha-dismiss-button:hover{background:color-mix(in oklch, var(--ink) 6%, transparent);color:var(--ink)}.alpha-dismiss-button{right:var(--space-xs);position:absolute}.alpha-details{top:calc(100% + var(--space-xs));gap:var(--space-sm);border:1px solid var(--line);border-radius:var(--radius-md);width:min(19rem,100vw - 2rem);padding:var(--space-md);background:var(--surface);color:var(--ink);font-size:.875rem;font-weight:400;line-height:1.45;display:grid;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 .75rem 2rem oklch(25% .01 66/.14)}.alpha-details a{justify-content:center;align-items:center;gap:var(--space-xs);border:1px solid var(--line);border-radius:var(--radius-sm);min-height:2.5rem;padding-inline:var(--space-sm);color:var(--ink);font-weight:700;text-decoration:none;display:inline-flex}.alpha-details a:hover{border-color:var(--line-strong);background:var(--paper-deep)}.bottom-nav{z-index:120;border-top:1px solid var(--line);padding:var(--space-xs) max(var(--space-xs), env(safe-area-inset-right)) max(var(--space-xs), env(safe-area-inset-bottom)) max(var(--space-xs), env(safe-area-inset-left));background:var(--surface);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset:auto 0 0}.bottom-nav a,.bottom-nav button{min-height:3rem;color:var(--ink-faint);background:0 0;border:0;place-items:center;gap:.1rem;font-size:.7rem;font-weight:700;display:grid}.bottom-nav a.active,.bottom-nav button.active{color:var(--ink)}.content-page{width:min(100%,47rem);padding:var(--space-xl) var(--space-md) 7rem;margin-inline:auto}.page-enter{animation:page-enter .5s var(--ease-out) both}.page-intro{gap:var(--space-xs);display:grid}.eyebrow{color:var(--ink-faint);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:700}.page-intro h1,.deck-heading h1,.profile-heading h1{font-family:var(--font-display);letter-spacing:-.035em;margin-left:-.04em;font-size:2rem;font-weight:650;line-height:1.08}.page-intro>p:last-child,.deck-description{max-width:56ch;color:var(--ink-soft)}.page-section{gap:var(--space-sm);margin-top:var(--space-xl);display:grid}.section-heading{justify-content:space-between;align-items:end;gap:var(--space-md);display:flex}.section-heading h2,.deck-page h2{font-family:var(--font-display);letter-spacing:-.025em;font-size:1.4rem;font-weight:630;line-height:1.15}.section-heading>span{color:var(--ink-faint);font-size:.875rem}.due-strip{justify-content:space-between;align-items:center;gap:var(--space-md);margin-top:var(--space-lg);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-sm);background:var(--surface);display:flex}.due-strip>div:first-child{min-width:5rem;padding-left:var(--space-xs);gap:0;display:grid}.due-strip span{color:var(--ink-soft);font-size:.8rem;font-weight:700}.due-strip strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.75rem;line-height:1.1}.simple-list{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.simple-row{justify-content:space-between;align-items:center;gap:var(--space-md);border:0;border-bottom:1px solid var(--line);width:100%;min-height:3.75rem;padding:var(--space-sm) var(--space-md);text-align:left;background:0 0;display:flex}.simple-row:last-child{border-bottom:0}.simple-row:hover:not(.static){background:var(--paper-deep)}.row-leading{align-items:center;gap:var(--space-sm);min-width:0;display:inline-flex}.row-leading strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-meta{color:var(--ink-faint);flex:none;font-size:.875rem}.row-menu .action-menu{top:calc(100% - var(--space-xs))}.empty-state{justify-items:start;gap:var(--space-sm);border:1px dashed var(--line-strong);border-radius:var(--radius-md);padding:var(--space-xl);display:grid}.empty-state h3{font-family:var(--font-display);font-size:1.25rem}.empty-state p{max-width:48ch;color:var(--ink-soft)}.inline-notice{margin-top:var(--space-lg);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);background:var(--hard-soft);color:oklch(43% .07 78);border:1px solid oklch(83% .04 78)}.recent-deck{justify-content:space-between;align-items:flex-start;gap:var(--space-md);border:1px solid var(--line);border-radius:var(--radius-md);width:100%;min-height:7rem;padding:var(--space-md);background:var(--surface);text-align:left;transition:transform .18s var(--ease-out), border-color .18s var(--ease-out);display:flex}.recent-deck:hover{border-color:var(--line-strong);transform:translateY(-2px)}.recent-deck>span:first-child{gap:var(--space-2xs);display:grid}.recent-deck small{color:var(--ink-faint)}.library-filters{gap:var(--space-sm);margin-top:var(--space-lg);border-block:1px solid var(--line);padding-block:var(--space-md);display:grid}.input-with-icon{display:block;position:relative}.input-with-icon svg{color:var(--ink-faint);pointer-events:none;position:absolute;top:50%;left:.8rem;transform:translateY(-50%)}.input-with-icon input{padding-left:2.5rem}.results-heading{margin-top:var(--space-lg);color:var(--ink-faint);font-size:.875rem}.library-results{gap:var(--space-sm);margin-top:var(--space-sm);display:grid}.library-deck{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);transition:transform .18s var(--ease-out), border-color .18s var(--ease-out);display:grid}.library-deck:hover{border-color:var(--line-strong);transform:translateY(-2px)}.library-deck-main{gap:var(--space-xs);padding:var(--space-md);text-align:left;background:0 0;border:0;display:grid}.language-pair{color:var(--ink-faint);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:700}.library-deck h2{font-family:var(--font-display);font-size:1.3rem;line-height:1.2}.library-deck p{color:var(--ink-soft)}.deck-byline{color:var(--ink-faint);font-size:.875rem}.official-badge{border:1px solid color-mix(in oklch, var(--accent), transparent 62%);background:color-mix(in oklch, var(--accent), transparent 90%);color:var(--accent);letter-spacing:.02em;text-transform:uppercase;border-radius:999px;align-items:center;margin-left:.35rem;padding:.1rem .45rem;font-size:.72rem;font-weight:800;display:inline-flex}.library-deck-actions{justify-content:space-between;align-items:center;gap:var(--space-md);border-top:1px solid var(--line);padding:var(--space-sm) var(--space-md);display:flex}.social-proof{align-items:center;gap:var(--space-xs);color:var(--ink-faint);font-size:.875rem;display:inline-flex}.deck-heading{gap:var(--space-md);display:grid;position:relative}.deck-heading.has-owner-actions{padding-right:3.25rem}.deck-heading>div:first-child{gap:var(--space-xs);min-width:0;display:grid}.deck-heading h1{overflow-wrap:anywhere;max-width:18ch}.deck-description{max-width:44ch;line-height:1.6}.deck-heading .deck-byline{align-items:center;gap:var(--space-xs);margin-top:var(--space-xs);color:var(--ink-faint);flex-wrap:wrap;display:flex}.deck-heading .official-badge{margin-left:0}.deck-heading>.menu-anchor{position:absolute;top:0;right:0}.deck-subscription-button{width:100%;margin-top:var(--space-xs);white-space:nowrap;justify-content:center}.deck-due{align-items:stretch;gap:var(--space-md);padding:var(--space-md);display:grid}.deck-due>div:first-child{grid-template-columns:minmax(0,1fr) auto;align-items:end;min-width:0;padding:0}.deck-due .button-row{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));display:grid}.deck-due .button{width:100%}.menu-anchor{flex:none;position:relative}.action-menu{top:calc(100% + var(--space-2xs));z-index:40;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);min-width:10rem;display:grid;position:absolute;right:0;overflow:hidden;box-shadow:0 1rem 2rem oklch(35% .012 66/.12)}.action-menu button{border:0;border-bottom:1px solid var(--line);min-height:2.75rem;padding:0 var(--space-sm);color:var(--ink);text-align:left;background:0 0;font-weight:700}.action-menu button:last-child{border-bottom:0}.action-menu button:hover{background:var(--paper-deep)}.action-menu button.danger{color:var(--accent)}.add-card-panel,.create-form{gap:var(--space-md);margin-top:var(--space-xl);border-block:1px solid var(--line);padding-block:var(--space-xl);display:grid}.add-card-panel form,.create-form{gap:var(--space-md)}.add-card-panel form{display:grid}.field-grid{gap:var(--space-md);display:grid}.example-fields{border-block:1px solid var(--line);padding-block:var(--space-sm)}.example-fields summary{min-height:2.75rem;color:var(--ink-soft);cursor:pointer;font-weight:700;line-height:2.75rem}.example-fields[open] .field-grid{padding-top:var(--space-md)}.advanced-fields{border-block:1px solid var(--line);padding-block:var(--space-xs)}.advanced-fields summary{justify-content:space-between;align-items:center;gap:var(--space-sm);min-height:2.75rem;color:var(--ink-soft);cursor:pointer;font-weight:700;list-style:none;display:flex}.advanced-fields summary::-webkit-details-marker{display:none}.advanced-fields summary svg{transition:transform .18s var(--ease-out);transform:rotate(180deg)}.advanced-fields[open] summary svg{transform:rotate(90deg)}.advanced-panel{gap:var(--space-md);padding:var(--space-sm) 0 var(--space-md);display:grid}.audio-upload-field{gap:var(--space-sm);border-block:1px solid var(--line);padding-block:var(--space-md);display:grid}.audio-upload-field>div:first-child{gap:var(--space-2xs);color:var(--ink-soft);font-size:.875rem;font-weight:700;display:grid}.audio-upload-field small,.audio-upload-field .helper-copy{font-weight:400}.file-input{min-height:3rem;padding:var(--space-2xs);font-size:.875rem}.file-input::file-selector-button{min-height:2.4rem;margin-right:var(--space-sm);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding-inline:var(--space-sm);background:var(--paper-deep);color:var(--ink);font:inherit;cursor:pointer;font-weight:700}.selected-file{justify-content:space-between;align-items:center;gap:var(--space-sm);min-width:0;color:var(--ink-soft);font-size:.875rem;display:flex}.selected-file>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.examples-fieldset,.example-list{gap:var(--space-sm);display:grid}.examples-heading,.example-pair-heading{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.examples-heading>span{color:var(--ink-soft);font-size:.875rem;font-weight:700}.examples-heading small{font-weight:400}.example-pair{gap:var(--space-sm);border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--space-sm);background:color-mix(in oklch, var(--paper-deep) 55%, transparent);display:grid}.example-pair-heading strong{color:var(--ink);font-size:.875rem}.example-pair-heading .icon-button{width:2.25rem;height:2.25rem}.helper-copy{color:var(--ink-soft);font-size:.875rem}.form-actions{margin-top:var(--space-xs)}.edit-card-panel{border-block:0}.cards-section{margin-top:var(--space-2xl)}.card-list{border-block:1px solid var(--line);overflow:visible}.card-row{align-items:center;gap:var(--space-sm);border-bottom:1px solid var(--line);min-height:5rem;padding:var(--space-sm) 0;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.card-row.preview{grid-template-columns:minmax(0,1fr)}.card-row:last-child{border-bottom:0}.due-dot{background:var(--line-strong);border-radius:50%;width:.45rem;height:.45rem}.due-dot.due{background:var(--accent)}.card-copy{min-width:0;display:grid}.card-copy strong{font-size:1.06rem}.card-copy span,.card-copy small{color:var(--ink-faint);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card-copy span{color:var(--ink-soft)}.check-field{align-items:flex-start;gap:var(--space-sm);border-block:1px solid var(--line);padding-block:var(--space-md);display:flex}.check-field input{width:1.25rem;min-height:1.25rem;accent-color:var(--ink);margin-top:.15rem}.check-field>span{display:grid}.profile-page{width:min(100%,53rem)}.profile-heading{align-items:flex-start;gap:var(--space-md);display:flex}.profile-avatar{background:var(--ink);width:4.75rem;height:4.75rem;color:var(--surface);font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:2rem;display:grid}.profile-identity{gap:var(--space-2xs);min-width:0;display:grid}.profile-heading h1{overflow-wrap:anywhere;max-width:15ch}.profile-handle{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-meta{gap:var(--space-xs);margin-top:var(--space-2xs);color:var(--ink-faint);flex-wrap:wrap;font-size:.8rem;font-weight:700;display:flex}.profile-copy{max-width:56ch;margin-top:var(--space-lg);color:var(--ink-soft);line-height:1.65}.profile-activity{--activity-cell:.68rem;--activity-gap:.22rem;gap:var(--space-lg);margin-top:var(--space-2xl);border-block:1px solid var(--line-strong);padding-block:var(--space-lg);display:grid}.activity-heading{justify-content:space-between;align-items:end;gap:var(--space-md);display:flex}.activity-heading>div{gap:var(--space-2xs);display:grid}.activity-heading h2{font-family:var(--font-display);letter-spacing:-.025em;font-size:1.5rem;font-weight:630;line-height:1.15}.streak-summary{color:var(--ink-soft);flex:none;font-size:.8rem}.streak-summary strong{color:var(--accent);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.35rem}.calendar-shell{gap:var(--space-xs);grid-template-columns:2.25rem minmax(0,1fr);min-width:0;display:none}.calendar-scroll{min-width:0;padding-bottom:var(--space-xs);scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin;overflow-x:auto}.calendar-chart{width:max-content}.calendar-months{grid-template-columns:repeat(53, var(--activity-cell));column-gap:var(--activity-gap);height:1.35rem;color:var(--ink-faint);font-size:.68rem;display:grid}.calendar-months span{white-space:nowrap}.calendar-weekdays{grid-template-rows:repeat(7, var(--activity-cell));row-gap:var(--activity-gap);color:var(--ink-faint);font-size:.62rem;line-height:var(--activity-cell);padding-top:1.35rem;display:grid}.activity-days{grid-template-columns:repeat(53, var(--activity-cell));grid-template-rows:repeat(7, var(--activity-cell));gap:var(--activity-gap);display:grid}.activity-day{border:1px solid var(--line);background:var(--paper-deep);border-radius:.18rem}.activity-day.studied{border-color:color-mix(in oklch, var(--accent), transparent 72%);background:color-mix(in oklch, var(--accent), var(--paper) 62%)}.activity-day.medium{background:color-mix(in oklch, var(--accent), var(--paper) 35%)}.activity-day.busy{border-color:color-mix(in oklch, var(--accent), transparent 24%);background:var(--accent)}.activity-day.future{background:0 0;border-color:#0000}.monthly-activity{gap:var(--space-xs);display:grid}.monthly-activity-row{align-items:center;gap:var(--space-xs);grid-template-columns:2.25rem minmax(0,1fr) 2.25rem;min-height:2rem;display:grid}.monthly-activity-label,.monthly-activity-count{color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:.78rem}.monthly-activity-count{text-align:right}.monthly-activity-track{background:var(--paper-deep);border-radius:.42rem;height:1.65rem;display:block;overflow:hidden}.monthly-activity-bar{width:var(--month-activity);border-radius:inherit;background:var(--accent);height:100%;display:block}.activity-notes{gap:var(--space-lg);color:var(--ink-faint);flex-wrap:wrap;font-size:.8rem;display:flex}.activity-notes strong{color:var(--ink);font-variant-numeric:tabular-nums}.language-section{margin-top:var(--space-2xl)}.section-heading>div{gap:var(--space-2xs);display:grid}.language-ledger{border-block:1px solid var(--line)}.language-row{align-items:center;gap:var(--space-md);border-bottom:1px solid var(--line);padding-block:var(--space-md);grid-template-columns:2.75rem minmax(0,1fr);display:grid}.language-row:last-child{border-bottom:0}.language-mark{border:1px solid var(--line-strong);background:var(--surface);border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;font-size:1.35rem;line-height:1;display:grid;position:relative}.language-mark:after{bottom:calc(100% + var(--space-xs));z-index:10;border-radius:var(--radius-sm);background:var(--ink);width:max-content;max-width:12rem;color:var(--surface);content:attr(data-tooltip);opacity:0;pointer-events:none;transition:opacity .14s var(--ease-out), transform .14s var(--ease-out);padding:.3rem .5rem;font-size:.7rem;font-weight:700;line-height:1.25;position:absolute;left:50%;transform:translate(-50%,.25rem)}.language-mark:hover:after{opacity:1;transform:translate(-50%)}.language-copy{min-width:0}.language-primary{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.language-primary>span:first-child{min-width:0;display:grid}.language-primary strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.language-primary small{color:var(--ink-faint);font-size:.78rem}.language-session-count{color:var(--ink-soft);font-variant-numeric:tabular-nums;flex:none;font-size:.82rem}.profile-decks{margin-top:var(--space-2xl)}.profile-deck-copy{gap:.1rem;min-width:0;display:grid}.profile-deck-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-deck-copy small{color:var(--ink-faint)}.profile-empty{gap:var(--space-xs);border-block:1px solid var(--line);padding-block:var(--space-lg);display:grid}.profile-empty h3{font-family:var(--font-display);font-size:1.15rem}.profile-empty p{max-width:46ch;color:var(--ink-soft)}.settings-page{width:min(100%,54rem)}.settings-card{gap:var(--space-lg);margin-top:var(--space-xl);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-lg);background:var(--surface);display:grid}.settings-card .section-heading{align-items:start}.settings-card .section-heading>div{gap:var(--space-2xs);display:grid}.settings-card h2{font-family:var(--font-display);letter-spacing:-.025em;font-size:1.45rem;font-weight:630;line-height:1.15}.study-preferences-form{gap:var(--space-md);display:grid}.settings-form-fields{border-block:1px solid var(--line)}.settings-form-row{gap:var(--space-sm);border-bottom:1px solid var(--line);padding-block:var(--space-md);display:grid}.settings-form-row:last-child{border-bottom:0}.settings-form-row label{gap:var(--space-2xs);color:var(--ink)}.settings-form-row label small{color:var(--ink-soft);font-weight:400;line-height:1.35}.settings-form-actions{justify-content:flex-end}.deck-session-setting{gap:var(--space-md);border-block:1px solid var(--line);padding-block:var(--space-sm);display:grid}.deck-session-setting .check-field{padding-block:var(--space-xs);border:0}.appearance-options{gap:var(--space-sm);display:grid}.appearance-option{align-items:center;gap:var(--space-sm);border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--space-sm);background:var(--paper);text-align:left;transition:border-color .16s var(--ease-out), background-color .16s var(--ease-out), transform .12s var(--ease-out);display:flex}.appearance-option:hover,.appearance-option.active{border-color:var(--line-strong);background:var(--paper-deep)}.appearance-option.active{box-shadow:inset 0 0 0 1px var(--ink-faint)}.appearance-option strong,.appearance-option small{display:block}.appearance-option small{color:var(--ink-soft);margin-top:.1rem;font-size:.8rem;line-height:1.3}.appearance-swatch{border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;width:2.5rem;height:2.5rem;display:grid}.appearance-swatch span{border-radius:inherit;width:1.3rem;height:1.3rem}.appearance-swatch.warm{background:oklch(96.4% .012 74)}.appearance-swatch.warm span{background:linear-gradient(135deg,oklch(99.2% .006 74) 0 50%,oklch(52% .135 31) 50% 100%)}.appearance-swatch.light{background:oklch(98.8% .002 255)}.appearance-swatch.light span{background:linear-gradient(135deg,oklch(100% 0 0) 0 50%,oklch(82% .004 255) 50% 100%)}.appearance-swatch.dark{background:oklch(20% .01 66)}.appearance-swatch.dark span{background:linear-gradient(135deg,oklch(14% .01 66) 0 50%,oklch(76% .01 66) 50% 100%)}.study-mode-page{width:min(100%,50rem)}.back-link{align-items:center;gap:var(--space-xs);min-height:2.75rem;margin-left:calc(-1 * var(--space-sm));padding-inline:var(--space-sm);color:var(--ink-soft);background:0 0;border:0;font-weight:700;display:inline-flex}.back-link:hover{color:var(--ink)}.study-mode-heading{gap:var(--space-xs);max-width:38rem;margin-top:var(--space-lg);display:grid}.study-mode-heading h1{font-family:var(--font-display);letter-spacing:-.04em;margin-left:-.04em;font-size:clamp(2rem,7vw,2.75rem);font-weight:650;line-height:1.08}.study-mode-heading>p:last-child{color:var(--ink-soft)}.study-mode-list{margin-top:var(--space-2xl);border-block:1px solid var(--line-strong)}.study-mode-option{align-items:center;gap:var(--space-md);border:0;border-bottom:1px solid var(--line);width:100%;min-height:6.5rem;padding:var(--space-md) var(--space-xs);text-align:left;transition:background-color .18s var(--ease-out);background:0 0;grid-template-columns:2.25rem minmax(0,1fr) auto;display:grid}.study-mode-option:last-child{border-bottom:0}.study-mode-option:hover:not(:disabled){background:var(--paper-deep)}.mode-number{color:var(--ink-faint);font-variant-numeric:tabular-nums;letter-spacing:.08em;align-self:start;padding-top:.1rem;font-size:.75rem;font-weight:700}.mode-copy{gap:var(--space-2xs);display:grid}.mode-copy>span:last-child{max-width:46ch;color:var(--ink-soft);line-height:1.4}.mode-title-line{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.mode-title-line strong{font-family:var(--font-display);font-size:1.25rem;font-weight:650}.mode-title-line small{background:var(--accent-soft);color:var(--accent);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.12rem .45rem;font-size:.68rem;font-weight:800}.mode-action{color:var(--ink-soft);white-space:nowrap;font-size:.875rem;font-weight:700;display:none}.study-page{background:var(--paper);height:100svh;overflow:hidden}.study-header{align-items:center;gap:var(--space-xs);border-bottom:1px solid var(--line);min-height:3.75rem;padding:0 var(--space-sm);background:var(--surface);grid-template-columns:2.75rem minmax(0,1fr) auto;display:grid}.study-back{border-radius:var(--radius-sm);min-width:0;min-height:2.75rem;color:var(--ink-soft);background:0 0;border:0;justify-self:start;place-items:center;display:inline-grid}.study-title{min-width:0;color:var(--ink);font-family:var(--font-display);letter-spacing:-.02em;text-align:center;font-size:1rem;font-weight:650;line-height:1.1;display:grid;overflow:hidden}.study-title>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.study-title small{color:var(--ink-faint);font-family:var(--font-ui);letter-spacing:.06em;text-transform:uppercase;font-size:.65rem;font-weight:700}.study-progress{color:var(--ink-faint);font-variant-numeric:tabular-nums;justify-self:end;font-size:.875rem}.study-workspace{height:calc(100svh - 3.75rem);position:relative;overflow:hidden}.study-stack{gap:var(--space-sm);width:min(100%,31rem);height:100%;padding:clamp(.75rem, 2.5svh, 1.25rem) var(--space-md);grid-template-rows:minmax(0,1fr) minmax(0,1fr) auto auto;margin-inline:auto;display:grid}.study-stack.choice-exercise{grid-template-rows:minmax(6rem,.7fr) auto auto auto;overflow-y:auto}.study-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);place-items:center;min-height:0;display:grid;overflow:hidden;box-shadow:0 1rem 2.5rem oklch(43% .012 66/.055)}.study-content,.answer-content{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-xl);text-align:center;display:flex}.study-content>strong{overflow-wrap:anywhere;min-width:0;max-width:100%;font-family:var(--font-display);font-size:clamp(2.25rem,10vw,3.5rem);font-weight:650;line-height:1.1}.study-content>strong:lang(th){font-family:Noto Sans Thai,Leelawadee UI,Tahoma,sans-serif;line-height:1.3}.voice-control{flex:none;place-items:center;display:inline-grid;position:relative}.voice-button{border:1px solid var(--line);background:var(--paper);width:2.25rem;height:2.25rem;color:var(--ink-soft);transition:border-color .16s var(--ease-out), color .16s var(--ease-out), transform .12s var(--ease-out);border-radius:50%;flex:none;place-items:center;display:inline-grid}.voice-button.prominent{gap:var(--space-xs);border-color:var(--ink);background:var(--ink);width:auto;height:auto;min-height:3.25rem;color:var(--surface);border-radius:999px;padding:.7rem 1.1rem;font-weight:700;display:inline-flex}.voice-button.prominent:hover:not(:disabled),.voice-button.prominent.is-active{border-color:var(--ink);background:color-mix(in oklch, var(--ink) 90%, var(--surface));color:var(--surface);transform:translateY(-1px)}.voice-button:hover:not(:disabled),.voice-button.is-active{border-color:var(--line-strong);color:var(--ink)}.voice-button.is-loading{animation:voice-pulse .9s var(--ease-toggle) infinite alternate}.voice-error{z-index:2;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:max-content;max-width:12rem;color:var(--accent);padding:.2rem .4rem;font-size:.7rem;font-weight:700;position:absolute;top:calc(100% + .25rem);left:50%;transform:translate(-50%);box-shadow:0 .5rem 1rem oklch(35% .012 66/.08)}.listening-prompt{padding:var(--space-xl);place-items:center;display:grid}.answer-card{position:relative}.reveal-answer{width:100%;height:100%;min-height:inherit;background:var(--surface);border:0;place-items:center;display:grid;position:relative}.reveal-answer>strong{z-index:1;position:relative}.answer-content{animation:reveal-in .3s var(--ease-out) both;flex-wrap:wrap}.answer-content .reading{color:var(--ink);font-family:var(--font-display);font-size:2rem}.answer-divider{background:var(--line-strong);width:1px;height:2.5rem}.answer-content>strong{font-size:2rem}.choice-options{gap:var(--space-xs);grid-template-columns:1fr;display:grid}.choice-options button{align-items:center;gap:var(--space-sm);border:1px solid var(--line);border-radius:var(--radius-sm);min-height:3.5rem;padding:.65rem var(--space-sm);background:var(--surface);text-align:left;transition:border-color .18s var(--ease-out), background-color .18s var(--ease-out), transform .12s var(--ease-out), opacity .18s var(--ease-out);grid-template-columns:1.75rem minmax(0,1fr) 1.5rem;display:grid}.choice-options button:hover:not(:disabled){border-color:var(--line-strong);background:var(--paper-deep);transform:translateY(-1px)}.choice-options button:disabled{cursor:default;opacity:1}.choice-options button.unselected{opacity:.48}.choice-options button.correct{border-color:color-mix(in oklch, var(--good), transparent 45%);background:var(--good-soft);color:var(--good)}.choice-options button.wrong{border-color:color-mix(in oklch, var(--accent), transparent 45%);background:var(--accent-soft);color:var(--accent)}.choice-options kbd{border:1px solid var(--line);width:1.65rem;height:1.65rem;color:var(--ink-faint);font-family:var(--font-ui);border-radius:50%;place-items:center;font-size:.75rem;display:inline-grid}.choice-options strong{overflow-wrap:anywhere;min-width:0;color:var(--ink);font-size:1rem;line-height:1.25}.choice-feedback{justify-content:space-between;align-items:center;gap:var(--space-sm);min-height:3.5rem;display:flex}.choice-feedback>span{display:grid}.choice-feedback small{color:var(--ink-soft)}.choice-continue{flex:none}.study-details{z-index:110;align-content:start;gap:var(--space-lg);border-top:1px solid var(--line);padding:var(--space-lg);background:var(--surface);transition:transform .32s var(--ease-out);display:grid;position:fixed;inset:3.75rem 0 0;overflow-y:auto;transform:translateY(102%)}.study-details.open{transform:translateY(0)}.details-heading{color:var(--ink-faint);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:700;display:flex}.study-details section{gap:var(--space-sm);display:grid}.study-details h2{font-family:var(--font-display);font-size:1.35rem}.example-copy-list{gap:var(--space-sm);display:grid}.example-copy{gap:var(--space-xs);border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--space-md) 3.25rem var(--space-md) var(--space-md);background:var(--paper);display:grid;position:relative}.example-index{background:var(--paper-deep);width:1.5rem;height:1.5rem;color:var(--ink-faint);border-radius:50%;place-items:center;font-size:.75rem;font-weight:700;display:inline-grid}.example-copy p{color:var(--ink-soft)}.example-copy:not(:has(.voice-button)){padding-right:var(--space-md)}.example-copy .voice-control{top:var(--space-sm);right:var(--space-sm);position:absolute}.details-empty{color:var(--ink-soft)}.details-trigger{justify-content:center;align-items:center;gap:var(--space-xs);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:3.5rem;color:var(--ink-soft);font-weight:700;display:flex}.details-trigger:hover,.details-trigger.active{border-color:var(--line-strong);background:var(--paper-deep);color:var(--ink)}.details-count{background:var(--accent-soft);min-width:1.5rem;height:1.5rem;color:var(--accent);border-radius:50%;place-items:center;font-size:.75rem;display:inline-grid}.study-complete-page{overflow-y:auto}.session-complete{align-content:center;justify-items:start;gap:var(--space-lg);width:min(100% - 2rem,31rem);min-height:calc(100svh - 3.75rem);padding-block:var(--space-2xl);margin-inline:auto;display:grid}.completion-mark{border:1px solid color-mix(in oklch, var(--good), transparent 55%);background:var(--good-soft);width:3.25rem;height:3.25rem;color:var(--good);border-radius:50%;place-items:center;display:inline-grid}.completion-copy{gap:var(--space-xs);display:grid}.completion-copy h2{font-family:var(--font-display);letter-spacing:-.035em;font-size:2.35rem;font-weight:650;line-height:1.08}.completion-copy>p:last-child{max-width:38ch;color:var(--ink-soft)}.completion-actions{gap:var(--space-sm);flex-wrap:wrap;width:100%;display:flex}.completion-actions .button{flex:10rem}.completion-share{justify-self:center;align-items:center;gap:var(--space-xs);min-height:2.75rem;margin-top:calc(-1 * var(--space-xs));border:1px solid var(--line);border-radius:var(--radius-sm);padding-inline:var(--space-md);background:var(--surface);color:var(--ink);transition:background-color .16s var(--ease-out), border-color .16s var(--ease-out), transform .12s var(--ease-out);font-weight:700;text-decoration:none;display:inline-flex}.completion-share:hover{border-color:var(--line-strong);background:var(--paper-deep)}.completion-share:active{transform:translateY(1px)}.boot-screen{align-content:center;place-items:center;gap:var(--space-sm);background:var(--paper);min-height:100vh;color:var(--ink-soft);display:grid}.boot-mark{color:var(--ink);animation:breathe 1.2s var(--ease-toggle) infinite alternate;font-size:1.5rem}.toast{right:var(--space-md);bottom:calc(5rem + env(safe-area-inset-bottom));z-index:var(--z-toast);align-items:center;gap:var(--space-sm);border:1px solid var(--line-strong);border-radius:var(--radius-md);max-width:min(28rem,100vw - 2rem);padding:var(--space-sm);background:var(--ink);color:var(--surface);animation:toast-in .32s var(--ease-out) both;display:flex;position:fixed;box-shadow:0 1rem 3rem oklch(25% .01 66/.18)}.toast.success{background:oklch(32% .06 151)}.toast button{width:2.25rem;height:2.25rem;color:inherit;background:0 0;border:0;place-items:center;display:grid}.toast.update-toast{bottom:calc(9rem + env(safe-area-inset-bottom))}.toast .toast-action{width:auto;min-width:4.5rem;padding-inline:var(--space-sm);border:1px solid color-mix(in oklch, currentColor 35%, transparent);border-radius:var(--radius-sm);font-weight:700}.toast .toast-action:hover{background:color-mix(in oklch, currentColor 12%, transparent)}@keyframes page-enter{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-in{0%{opacity:0;transform:translateY(.45rem)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{0%{opacity:.35;transform:rotate(45deg)scale(.85)}to{opacity:1;transform:rotate(45deg)scale(1)}}@keyframes voice-pulse{0%{opacity:.55;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (width>=40rem){.login-page{padding-inline:var(--space-xl)}.login-stack{width:25rem}.login-card-primary,.english-face{padding:var(--space-xl)}.content-page{padding:var(--space-2xl) var(--space-xl) 7rem}.page-intro h1,.deck-heading h1,.profile-heading h1{font-size:2.35rem}.section-heading h2,.deck-page h2{font-size:1.6rem}.profile-heading{align-items:center;gap:var(--space-lg)}.profile-avatar{width:5.5rem;height:5.5rem;font-size:2.35rem}.calendar-shell{display:grid}.monthly-activity{display:none}.deck-heading{gap:var(--space-xl);grid-template-columns:minmax(0,1fr) auto}.deck-heading h1{max-width:14ch}.deck-heading.has-owner-actions{padding-right:0}.deck-heading>.menu-anchor{place-self:start end;position:relative;top:auto;right:auto}.deck-subscription-button{place-self:start end;width:auto;min-width:9rem;margin-top:0}.deck-due{grid-template-columns:auto minmax(0,1fr);align-items:center}.deck-due>div:first-child{min-width:5rem;padding-left:var(--space-xs);grid-template-columns:1fr}.deck-due .button-row{justify-content:flex-end;display:flex}.deck-due .button{width:auto}.field-grid,.library-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.library-filters{grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(9rem,.8fr))}.settings-form-row{align-items:center;gap:var(--space-xl);grid-template-columns:minmax(0,1fr) minmax(14rem,18rem)}.settings-form-row>input,.settings-form-row>select{justify-self:end}.appearance-options{grid-template-columns:repeat(3,minmax(0,1fr))}.study-mode-option{padding-inline:var(--space-md)}.mode-action{display:inline}.choice-options{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.app-shell{grid-template-columns:17rem minmax(0,1fr);display:grid}.sidebar{width:17rem;height:100svh;position:sticky;top:0;transform:none}.mobile-close,.menu-button,.mobile-logo,.bottom-nav{display:none}.app-header{padding-inline:var(--space-xl);grid-template-columns:1fr auto}.header-context{display:inline}.content-page{padding-top:var(--space-2xl);padding-bottom:var(--space-3xl)}.study-workspace{transition:padding-right .32s var(--ease-out)}.study-page.details-open .study-workspace{padding-right:23rem}.study-details{border-top:0;border-left:1px solid var(--line);width:23rem;inset:3.75rem 0 0 auto;transform:translate(102%)}.study-details.open{transform:translate(0)}.study-stack{grid-template-rows:none;align-content:start;width:31rem;height:auto;min-height:0;padding-top:clamp(3rem,10vh,7rem);padding-bottom:6rem}.study-stack.choice-exercise{grid-template-rows:none;width:min(100%,40rem);padding-top:clamp(2rem,7vh,5rem);overflow:visible}.study-card{min-height:clamp(13rem,34vh,19rem)}.choice-exercise .study-card{min-height:clamp(9rem,24vh,13rem)}.study-content>strong{font-size:3.5rem}.toast{bottom:var(--space-lg)}.toast.update-toast{bottom:5rem}}@media (pointer:coarse){.nav-item,.button,.icon-button{min-height:2.75rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}