*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-ui);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overscroll-behavior-y:none}h1,h2,h3,h4,p,figure,blockquote{margin:0}ul,ol{margin:0;padding:0;list-style:none}button,input,textarea,select{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:6px}::selection{background:var(--gold-wash);color:var(--ink)}:root{--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", Roboto, "Helvetica Neue", Arial, sans-serif;--font-scripture: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, "Georgia", "Times New Roman", serif;--bg: #faf6ef;--bg-veil: #f3ecdf;--surface: #fffdf9;--surface-2: #f8f2e7;--surface-3: #f1e9db;--surface-sunk: #efe7d8;--ink: #241f1a;--ink-2: #5d5348;--ink-3: #8e8375;--ink-inverse: #fdfaf4;--line: rgba(36, 31, 26, .09);--line-strong: rgba(36, 31, 26, .16);--gold: #9d7226;--gold-bright: #b9873a;--gold-wash: rgba(157, 114, 38, .13);--olive: #5c6f4e;--olive-wash: rgba(92, 111, 78, .13);--navy: #35486b;--navy-wash: rgba(53, 72, 107, .12);--clay: #a0553f;--clay-wash: rgba(160, 85, 63, .12);--rose: #9d4f63;--good: #4b7a4e;--good-wash: rgba(75, 122, 78, .14);--warn: #a8762c;--warn-wash: rgba(168, 118, 44, .14);--bad: #a24a3c;--bad-wash: rgba(162, 74, 60, .13);--focus: #9d7226;--shadow-xs: 0 1px 2px rgba(58, 44, 26, .05);--shadow-sm: 0 2px 8px rgba(58, 44, 26, .06), 0 1px 2px rgba(58, 44, 26, .04);--shadow-md: 0 10px 28px -10px rgba(58, 44, 26, .2), 0 2px 8px rgba(58, 44, 26, .05);--shadow-lg: 0 28px 60px -24px rgba(58, 44, 26, .34), 0 6px 18px rgba(58, 44, 26, .07);--shadow-card: 0 1px 2px rgba(58, 44, 26, .05), 0 12px 30px -18px rgba(58, 44, 26, .3);--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 26px;--r-2xl: 32px;--r-pill: 999px;--ease: cubic-bezier(.22, .61, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--spring: cubic-bezier(.34, 1.4, .5, 1);--nav-h: 68px;--page-max: 1180px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);--paper-tint: rgba(157, 114, 38, .05);color-scheme:light}:root[data-theme=dark]{--bg: #14120f;--bg-veil: #1a1713;--surface: #1f1b16;--surface-2: #251f19;--surface-3: #2c251d;--surface-sunk: #191612;--ink: #f2eade;--ink-2: #b9ad9b;--ink-3: #877c6d;--ink-inverse: #14120f;--line: rgba(242, 234, 222, .1);--line-strong: rgba(242, 234, 222, .19);--gold: #d9ab55;--gold-bright: #e6bd6d;--gold-wash: rgba(217, 171, 85, .16);--olive: #93ad81;--olive-wash: rgba(147, 173, 129, .15);--navy: #8ba4cd;--navy-wash: rgba(139, 164, 205, .15);--clay: #d38d75;--clay-wash: rgba(211, 141, 117, .15);--rose: #d78ba0;--good: #7fb583;--good-wash: rgba(127, 181, 131, .16);--warn: #d9ab55;--warn-wash: rgba(217, 171, 85, .16);--bad: #d98a78;--bad-wash: rgba(217, 138, 120, .16);--focus: #d9ab55;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 2px 10px rgba(0, 0, 0, .42);--shadow-md: 0 12px 30px -12px rgba(0, 0, 0, .7), 0 2px 8px rgba(0, 0, 0, .35);--shadow-lg: 0 30px 66px -26px rgba(0, 0, 0, .8), 0 6px 18px rgba(0, 0, 0, .4);--shadow-card: 0 1px 2px rgba(0, 0, 0, .4), 0 14px 34px -20px rgba(0, 0, 0, .85);--paper-tint: rgba(217, 171, 85, .045);color-scheme:dark}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root[data-motion=reduced] *,:root[data-motion=reduced] *:before,:root[data-motion=reduced] *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.h1{font-size:clamp(1.55rem,5vw,2rem);font-weight:650;letter-spacing:-.021em;line-height:1.15}.h2{font-size:1.2rem;font-weight:640;letter-spacing:-.014em;line-height:1.25}.h3{font-size:1.02rem;font-weight:620;letter-spacing:-.008em}.eyebrow{font-size:.685rem;font-weight:640;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3)}.body{font-size:.94rem;line-height:1.55;color:var(--ink-2)}.small{font-size:.82rem;line-height:1.5;color:var(--ink-3)}.tiny{font-size:.74rem;line-height:1.45;color:var(--ink-3)}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.scripture{font-family:var(--font-scripture);font-size:calc(1.06rem * var(--scripture-scale, 1));line-height:1.62;letter-spacing:.002em;color:var(--ink);hanging-punctuation:first}.scripture-lg{font-size:calc(1.34rem * var(--scripture-scale, 1));line-height:1.55}.scripture-xl{font-size:calc(clamp(1.34rem,4.6vw,1.72rem) * var(--scripture-scale, 1));line-height:1.5}:root[data-serif=off] .scripture,:root[data-serif=off] .scripture-lg,:root[data-serif=off] .scripture-xl{font-family:var(--font-ui);letter-spacing:-.01em}.reference{font-family:var(--font-scripture);font-weight:600;letter-spacing:.006em}:root[data-serif=off] .reference{font-family:var(--font-ui)}.app{min-height:100dvh;display:flex;background:radial-gradient(1200px 620px at 82% -12%,var(--paper-tint),transparent 62%),radial-gradient(900px 520px at -10% 8%,var(--navy-wash),transparent 58%),var(--bg)}.main{flex:1;min-width:0;display:flex;flex-direction:column;padding-bottom:calc(var(--nav-h) + var(--safe-b) + 12px)}.page{width:100%;max-width:var(--page-max);margin:0 auto;padding:0 clamp(16px,4.4vw,30px) 34px}.page-head{padding-top:calc(var(--safe-t) + 20px);padding-bottom:16px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.stack{display:flex;flex-direction:column}.stack-2{gap:8px}.stack-3{gap:12px}.stack-4{gap:16px}.stack-5{gap:22px}.stack-6{gap:30px}.row{display:flex;align-items:center;gap:10px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.center{display:flex;align-items:center;justify-content:center}.grid{display:grid;gap:14px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.card-pad{padding:clamp(16px,3.6vw,22px)}.card-quiet{background:var(--surface-2);box-shadow:none;border-color:var(--line)}.card-sunk{background:var(--surface-sunk);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:none}.paper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.42;background-image:repeating-linear-gradient(0deg,transparent 0 2px,var(--paper-tint) 2px 3px),repeating-linear-gradient(90deg,transparent 0 3px,var(--paper-tint) 3px 4px);mix-blend-mode:multiply}:root[data-theme=dark] .paper:before{mix-blend-mode:screen;opacity:.3}.glass{background:color-mix(in srgb,var(--surface) 78%,transparent);backdrop-filter:saturate(1.5) blur(18px);-webkit-backdrop-filter:saturate(1.5) blur(18px)}.divider{height:1px;background:var(--line);border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border-radius:var(--r-pill);font-size:.92rem;font-weight:600;letter-spacing:-.005em;border:1px solid transparent;transition:transform .16s var(--spring),background .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease);white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:active:not(:disabled){transform:scale(.965)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn-primary{background:linear-gradient(175deg,var(--gold-bright),var(--gold));color:#fffdf7;box-shadow:0 1px #ffffff3d inset,var(--shadow-md)}.btn-primary:hover:not(:disabled){filter:brightness(1.05)}:root[data-theme=dark] .btn-primary{color:#241d10}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--surface-2)}.btn-ghost{background:transparent;color:var(--ink-2)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.btn-quiet{background:var(--surface-2);color:var(--ink);border-color:var(--line)}.btn-quiet:hover:not(:disabled){background:var(--surface-3)}.btn-danger{background:var(--bad-wash);color:var(--bad);border-color:transparent}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--bad) 22%,transparent)}.btn-sm{min-height:36px;padding:0 13px;font-size:.83rem;border-radius:var(--r-pill)}.btn-lg{min-height:54px;padding:0 26px;font-size:1rem}.btn-block{width:100%}.icon-btn{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-pill);color:var(--ink-2);transition:background .16s var(--ease),color .16s var(--ease),transform .16s var(--spring);-webkit-tap-highlight-color:transparent}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}.icon-btn:active{transform:scale(.9)}.icon-btn.is-on{color:var(--gold);background:var(--gold-wash)}.icon-btn.is-fav{color:var(--rose);background:color-mix(in srgb,var(--rose) 14%,transparent)}.chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:var(--r-pill);font-size:.775rem;font-weight:570;letter-spacing:.002em;background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line);white-space:nowrap;transition:background .16s var(--ease),color .16s var(--ease),border-color .16s var(--ease)}button.chip{cursor:pointer}button.chip:hover{background:var(--surface-3);color:var(--ink)}.chip.is-active{background:var(--gold-wash);color:var(--gold);border-color:color-mix(in srgb,var(--gold) 34%,transparent)}.chip-theme{background:hsl(var(--h) 42% 50% / .11);color:hsl(var(--h) 45% 32%);border-color:hsl(var(--h) 40% 50% / .22)}:root[data-theme=dark] .chip-theme{background:hsl(var(--h) 40% 62% / .15);color:hsl(var(--h) 55% 76%);border-color:hsl(var(--h) 40% 62% / .26)}.badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:var(--r-pill);font-size:.68rem;font-weight:680;letter-spacing:.05em;text-transform:uppercase;background:var(--surface-3);color:var(--ink-3)}.badge-kjv{background:var(--gold-wash);color:var(--gold);letter-spacing:.09em}.badge-new{background:var(--surface-3);color:var(--ink-3)}.badge-learning{background:var(--warn-wash);color:var(--warn)}.badge-reviewing{background:var(--navy-wash);color:var(--navy)}.badge-mastered{background:var(--good-wash);color:var(--good)}.badge-due{background:var(--clay-wash);color:var(--clay)}.count-dot{min-width:19px;height:19px;padding:0 5px;border-radius:var(--r-pill);background:var(--gold);color:#fffdf7;font-size:.68rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}:root[data-theme=dark] .count-dot{color:#241d10}.segmented{display:inline-flex;padding:4px;gap:3px;background:var(--surface-sunk);border:1px solid var(--line);border-radius:var(--r-pill);position:relative}.segmented button{flex:1;min-height:34px;padding:0 14px;border-radius:var(--r-pill);font-size:.83rem;font-weight:590;color:var(--ink-3);transition:color .18s var(--ease),background .22s var(--ease),box-shadow .22s var(--ease);white-space:nowrap}.segmented button:hover{color:var(--ink-2)}.segmented button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.segmented-block{display:flex;width:100%}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:.815rem;font-weight:600;color:var(--ink-2)}.input,.textarea{width:100%;padding:12px 14px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line-strong);font-size:.94rem;transition:border-color .16s var(--ease),box-shadow .16s var(--ease),background .16s var(--ease)}.input::placeholder,.textarea::placeholder{color:var(--ink-3)}.input:focus,.textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3.5px var(--gold-wash)}.textarea{min-height:122px;resize:vertical;line-height:1.55;font-family:var(--font-scripture)}.switch{position:relative;width:50px;height:30px;border-radius:var(--r-pill);background:var(--surface-sunk);border:1px solid var(--line-strong);transition:background .22s var(--ease),border-color .22s var(--ease);flex:none}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .26s var(--spring)}.switch[aria-checked=true]{background:var(--gold);border-color:var(--gold)}.switch[aria-checked=true]:after{transform:translate(20px)}.verse-card{display:flex;flex-direction:column;gap:14px;padding:clamp(18px,4vw,24px)}.verse-card .scripture{text-wrap:pretty}.verse-rule{width:34px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--gold),transparent)}.verse-actions{display:flex;align-items:center;gap:6px;padding-top:4px}.verse-row{display:flex;gap:13px;align-items:flex-start;padding:14px 16px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);transition:background .16s var(--ease),transform .16s var(--spring),border-color .16s var(--ease);text-align:left;width:100%}.verse-row:hover{background:var(--surface-2);border-color:var(--line-strong)}.verse-row:active{transform:scale(.99)}.pips{display:inline-flex;gap:3px;align-items:center}.pip{width:6px;height:6px;border-radius:50%;background:var(--line-strong);transition:background .3s var(--ease),transform .3s var(--spring)}.pip.on{background:var(--gold)}.pip.on.mastered{background:var(--good)}.bar{height:7px;border-radius:var(--r-pill);background:var(--surface-sunk);overflow:hidden;position:relative}.bar>span{display:block;height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--gold),var(--gold-bright));transition:width .6s var(--ease-out)}.bar.good>span{background:linear-gradient(90deg,var(--good),color-mix(in srgb,var(--good) 70%,white))}.bar.thin{height:5px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:stretch;padding:6px 8px calc(6px + var(--safe-b));background:color-mix(in srgb,var(--surface) 84%,transparent);backdrop-filter:saturate(1.6) blur(20px);-webkit-backdrop-filter:saturate(1.6) blur(20px);border-top:1px solid var(--line)}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:54px;border-radius:var(--r-lg);color:var(--ink-3);font-size:.66rem;font-weight:620;letter-spacing:.012em;position:relative;transition:color .2s var(--ease),background .2s var(--ease);-webkit-tap-highlight-color:transparent}.bottom-nav a[aria-current=page]{color:var(--gold);background:var(--gold-wash)}.bottom-nav a:active{transform:scale(.94)}.nav-badge{position:absolute;top:6px;left:calc(50% + 7px);min-width:17px;height:17px;padding:0 4px;border-radius:var(--r-pill);background:var(--clay);color:#fff;font-size:.62rem;font-weight:700;display:flex;align-items:center;justify-content:center}.sidebar{display:none;width:260px;flex:none;flex-direction:column;gap:6px;padding:26px 16px 18px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--surface) 46%,transparent);position:sticky;top:0;height:100dvh}.sidebar a{display:flex;align-items:center;gap:12px;height:46px;padding:0 14px;border-radius:var(--r-md);color:var(--ink-2);font-size:.92rem;font-weight:570;transition:background .16s var(--ease),color .16s var(--ease)}.sidebar a:hover{background:var(--surface-2);color:var(--ink)}.sidebar a[aria-current=page]{background:var(--gold-wash);color:var(--gold);font-weight:640}.brand{display:flex;align-items:center;gap:11px;padding:0 12px 20px}.brand-name{font-family:var(--font-scripture);font-size:1.12rem;font-weight:620;letter-spacing:-.01em}@media(min-width:900px){.sidebar{display:flex}.bottom-nav{display:none}.main{padding-bottom:20px}.page{padding-left:clamp(22px,3vw,40px);padding-right:clamp(22px,3vw,40px)}}.ring{position:relative;display:inline-flex}.ring svg{transform:rotate(-90deg)}.ring-track{stroke:var(--surface-sunk)}.ring-fill{stroke:var(--gold);transition:stroke-dashoffset .9s var(--ease-out)}.ring-fill.good{stroke:var(--good)}.ring-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.stat{padding:15px 16px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:3px;min-width:0}.stat-value{font-size:1.62rem;font-weight:650;letter-spacing:-.028em;line-height:1.05;font-variant-numeric:tabular-nums}.stat-label{font-size:.755rem;color:var(--ink-3);font-weight:560;letter-spacing:.008em}.stat-accent .stat-value{color:var(--gold)}.flash-stage{perspective:1800px;width:100%;display:flex;justify-content:center;touch-action:none}.flash-stage *{touch-action:none}.flash-card{position:relative;width:100%;max-width:560px;min-height:min(60dvh,460px);transform-style:preserve-3d;transition:transform .62s var(--ease-out);cursor:pointer;-webkit-tap-highlight-color:transparent}.flash-card.flipped{transform:rotateY(180deg)}.flash-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;border-radius:var(--r-2xl);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);padding:clamp(22px,5vw,34px);overflow:hidden}.flash-back{transform:rotateY(180deg)}.flash-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;overflow-y:auto;overscroll-behavior:contain}.flash-foot{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:14px;color:var(--ink-3);font-size:.775rem}.flash-hint{position:absolute;top:18px;padding:6px 13px;border-radius:var(--r-pill);font-size:.73rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:0;transition:opacity .12s linear;pointer-events:none}.flash-hint.left{left:18px;background:var(--bad-wash);color:var(--bad)}.flash-hint.right{right:18px;background:var(--good-wash);color:var(--good)}.session-bar{display:flex;gap:3px;height:4px;border-radius:var(--r-pill);overflow:hidden}.session-bar i{flex:1;background:var(--surface-sunk);border-radius:var(--r-pill);transition:background .4s var(--ease)}.session-bar i.done{background:var(--gold)}.session-bar i.current{background:color-mix(in srgb,var(--gold) 45%,transparent)}.grades{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.grade{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:60px;padding:8px 4px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface);font-size:.79rem;font-weight:620;color:var(--ink-2);box-shadow:var(--shadow-xs);transition:transform .16s var(--spring),background .16s var(--ease),color .16s var(--ease),border-color .16s var(--ease)}.grade:active{transform:scale(.955)}.grade kbd{font-size:.62rem;font-weight:700;color:var(--ink-3);background:var(--surface-sunk);border-radius:4px;padding:1px 5px;font-family:var(--font-ui)}.grade.missed:hover{background:var(--bad-wash);color:var(--bad);border-color:transparent}.grade.struggled:hover{background:var(--warn-wash);color:var(--warn);border-color:transparent}.grade.knew:hover{background:var(--navy-wash);color:var(--navy);border-color:transparent}.grade.mastered:hover{background:var(--good-wash);color:var(--good);border-color:transparent}.tile-tray{display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}.tile{padding:9px 13px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line-strong);box-shadow:var(--shadow-xs);font-family:var(--font-scripture);font-size:calc(.97rem * var(--scripture-scale, 1));line-height:1.2;color:var(--ink);transition:transform .15s var(--spring),background .15s var(--ease),opacity .2s var(--ease),border-color .15s var(--ease);-webkit-tap-highlight-color:transparent}:root[data-serif=off] .tile{font-family:var(--font-ui)}.tile:hover{background:var(--surface-2);border-color:var(--gold)}.tile:active{transform:scale(.93)}.tile.used{opacity:.22;pointer-events:none;transform:scale(.94)}.tile.placed{background:var(--gold-wash);border-color:color-mix(in srgb,var(--gold) 36%,transparent)}.tile.ok{background:var(--good-wash);border-color:color-mix(in srgb,var(--good) 40%,transparent);color:var(--good)}.tile.err{background:var(--bad-wash);border-color:color-mix(in srgb,var(--bad) 40%,transparent);color:var(--bad)}.answer-area{min-height:116px;padding:14px;border-radius:var(--r-lg);background:var(--surface-sunk);border:1px dashed var(--line-strong);transition:border-color .2s var(--ease),background .2s var(--ease)}.answer-area.ok{border-style:solid;border-color:color-mix(in srgb,var(--good) 44%,transparent);background:var(--good-wash)}.answer-area.err{border-style:solid;border-color:color-mix(in srgb,var(--bad) 40%,transparent);background:var(--bad-wash)}.choice{display:flex;align-items:center;gap:13px;width:100%;padding:16px 18px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-xs);text-align:left;font-size:1.02rem;font-weight:560;transition:transform .16s var(--spring),background .18s var(--ease),border-color .18s var(--ease)}.choice:hover:not(:disabled){background:var(--surface-2);border-color:var(--line-strong)}.choice:active:not(:disabled){transform:scale(.985)}.choice-key{width:27px;height:27px;flex:none;border-radius:var(--r-sm);background:var(--surface-sunk);color:var(--ink-3);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center}.choice.correct{background:var(--good-wash);border-color:color-mix(in srgb,var(--good) 45%,transparent);color:var(--good)}.choice.correct .choice-key{background:var(--good);color:#fff}.choice.wrong{background:var(--bad-wash);border-color:color-mix(in srgb,var(--bad) 45%,transparent);color:var(--bad)}.choice.wrong .choice-key{background:var(--bad);color:#fff}.choice.dim{opacity:.45}.feed{height:calc(100dvh - var(--nav-h) - var(--safe-b) - var(--feed-offset, 116px));overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 calc(clamp(16px,4.4vw,30px)*-1);padding:0 clamp(16px,4.4vw,30px)}.feed::-webkit-scrollbar{display:none}.feed-slide{scroll-snap-align:center;scroll-snap-stop:always;height:100%;display:flex;align-items:center;padding:8px 0}.feed-card{width:100%;max-width:620px;margin:0 auto;touch-action:pan-y;will-change:transform;position:relative}.feed-stamp{position:absolute;top:20px;padding:8px 16px;border-radius:var(--r-pill);font-size:.76rem;font-weight:720;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;opacity:0;z-index:3;border:2px solid currentColor}.feed-stamp.save{right:20px;color:var(--good);background:var(--good-wash);transform:rotate(9deg)}.feed-stamp.skip{left:20px;color:var(--ink-3);background:var(--surface-3);transform:rotate(-9deg)}.heart-burst{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:4;color:var(--rose);animation:burst .72s var(--ease-out) forwards}@keyframes burst{0%{opacity:0;transform:scale(.4)}22%{opacity:1;transform:scale(1.12)}55%{opacity:1;transform:scale(.98)}to{opacity:0;transform:scale(1.3)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:color-mix(in srgb,var(--bg) 62%,rgba(20,14,6,.5));backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);display:flex;align-items:flex-end;justify-content:center;animation:fade .22s var(--ease) both}@media(min-width:700px){.overlay{align-items:center;padding:24px}}.sheet{width:100%;max-width:640px;max-height:88dvh;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2xl) var(--r-2xl) 0 0;box-shadow:var(--shadow-lg);padding:10px clamp(18px,4vw,26px) calc(24px + var(--safe-b));animation:rise .34s var(--ease-out) both}@media(min-width:700px){.sheet{border-radius:var(--r-2xl);padding-bottom:26px;animation:pop .28s var(--ease-out) both}}.sheet-grip{width:40px;height:4px;border-radius:var(--r-pill);background:var(--line-strong);margin:6px auto 14px}@media(min-width:700px){.sheet-grip{display:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{transform:translateY(28px);opacity:0}to{transform:none;opacity:1}}@keyframes pop{0%{transform:scale(.965);opacity:0}to{transform:none;opacity:1}}.toasts{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--nav-h) + var(--safe-b) + 16px);z-index:120;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;width:min(440px,calc(100vw - 32px))}@media(min-width:900px){.toasts{bottom:26px}}.toast{display:flex;align-items:center;gap:10px;padding:11px 17px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--ink) 92%,transparent);color:var(--ink-inverse);font-size:.86rem;font-weight:560;box-shadow:var(--shadow-lg);animation:toast-in .3s var(--ease-out) both;max-width:100%}.toast svg{flex:none}.toast span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes toast-in{0%{transform:translateY(14px) scale(.96);opacity:0}to{transform:none;opacity:1}}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:42px 24px;border-radius:var(--r-xl);background:var(--surface-2);border:1px dashed var(--line-strong)}.empty-icon{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface);color:var(--gold);box-shadow:var(--shadow-sm)}.tint{background:linear-gradient(150deg,hsl(var(--h) 44% 52% / .13),transparent 62%)}.hero{position:relative;border-radius:var(--r-2xl);padding:clamp(20px,4.6vw,30px);background:linear-gradient(158deg,color-mix(in srgb,var(--gold) 16%,var(--surface)),var(--surface) 58%),var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);overflow:hidden}.hero:after{content:"";position:absolute;width:260px;height:260px;right:-90px;top:-120px;border-radius:50%;background:radial-gradient(circle,var(--gold-wash),transparent 68%);pointer-events:none}.quick{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:15px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-xs);text-align:left;transition:transform .16s var(--spring),background .16s var(--ease),border-color .16s var(--ease);min-height:96px;justify-content:space-between}.quick:hover{background:var(--surface-2);border-color:var(--line-strong)}.quick:active{transform:scale(.975)}.quick-icon{width:34px;height:34px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;background:hsl(var(--h, 38) 44% 52% / .13);color:hsl(var(--h, 38) 46% 34%)}:root[data-theme=dark] .quick-icon{color:hsl(var(--h, 38) 56% 72%)}.quick-label{font-size:.87rem;font-weight:600;letter-spacing:-.006em}.heat{display:flex;gap:3px;align-items:flex-end}.heat i{flex:1;height:26px;border-radius:3px;background:var(--surface-sunk);transition:background .4s var(--ease)}.heat i.on{background:var(--gold)}.heat i.today{box-shadow:0 0 0 2px var(--gold-wash)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border-bottom:0}.setting-row.soon{opacity:.56}.version-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:var(--r-pill);background:var(--surface-sunk);color:var(--ink-3);font-size:.7rem;font-weight:560;font-variant-numeric:tabular-nums;letter-spacing:.01em}.link{color:var(--gold);font-weight:600}.link:hover{text-decoration:underline}.scroll-x{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;margin:0 calc(clamp(16px,4.4vw,30px)*-1);padding-left:clamp(16px,4.4vw,30px);padding-right:clamp(16px,4.4vw,30px);scroll-snap-type:x proximity}.scroll-x::-webkit-scrollbar{display:none}.scroll-x>*{scroll-snap-align:start;flex:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.fade-in{animation:fade-up .42s var(--ease-out) both}@keyframes fade-up{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.stagger>*{animation:fade-up .44s var(--ease-out) both}.stagger>*:nth-child(1){animation-delay:.02s}.stagger>*:nth-child(2){animation-delay:.06s}.stagger>*:nth-child(3){animation-delay:.1s}.stagger>*:nth-child(4){animation-delay:.14s}.stagger>*:nth-child(5){animation-delay:.18s}.stagger>*:nth-child(6){animation-delay:.22s}.keyrows{display:grid;gap:2px}.keyrow{display:grid;grid-template-columns:minmax(96px,132px) 1fr;align-items:baseline;gap:12px;padding:7px 10px;border-radius:var(--r-md)}.keyrow:nth-child(odd){background:var(--surface-2)}.keyrow dt{display:flex;gap:5px;flex-wrap:wrap}.keyrow dd{color:var(--ink-2);font-size:.92rem}kbd{font:600 .76rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-block;min-width:1.9em;text-align:center;padding:5px 7px;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:6px}