:root{--app-viewport-height:100dvh;--keyboard-inset:0px;--font-sans:"Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--canvas:#faf9f6;--canvas-warm:#f2efe6;--surface:#fff;--sunken:#f3f1eb;--line:#e2ded3;--line-strong:#d6d2c7;--line-soft:#edeae2;--ink:#171a18;--ink-2:#3a3e37;--ink-3:#55594f;--ink-4:#6b6f68;--accent:#2f7355;--accent-weak:#e8f0e8;--solid:#17251e;--solid-on:#f4f7f2;--solid-on-dim:#9fb7a9;--again-bg:#f6eae6;--again-line:#e3c9c0;--again-ink:#7e3b29;--again-strong:#9e4433;--hard-bg:#f6f1e4;--hard-line:#e0d7be;--hard-ink:#6a5a2e;--hard-strong:#8a6a1f;--easy-bg:#e8f0e8;--easy-line:#c6dac8;--easy-ink:#245c42;--state-learned:#1e5c40;--state-learning:#3f8a67;--state-fresh:#79b699;--state-rest:#edeae2;--state-rest-line:#ddd9cd;--seg-cut:#0006;--r-sm:7px;--r-md:12px;--r-lg:14px;--r-xl:18px;--tap:44px;--tap-nav:48px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--canvas:#14171a;--canvas-warm:#181c1e;--surface:#1b1f21;--sunken:#1b1f21;--line:#2a2e31;--line-strong:#3a3f40;--line-soft:#24282a;--ink:#e8ece8;--ink-2:#ccd2cc;--ink-3:#b9beb9;--ink-4:#8a908b;--accent:#63a886;--accent-weak:#1c2620;--solid:#63a886;--solid-on:#0f1b15;--solid-on-dim:#1f3d2e;--again-bg:#2a1e1b;--again-line:#4a322c;--again-ink:#e0a392;--again-strong:#c98e76;--hard-bg:#262218;--hard-line:#47412c;--hard-ink:#d9c98f;--hard-strong:#d9c98f;--easy-bg:#1c2620;--easy-line:#34463b;--easy-ink:#9ccbaf;--state-learned:#82c7a3;--state-learning:#4f9272;--state-fresh:#305a48;--state-rest:#24282a;--seg-cut:#0000008c;--state-rest-line:#32373a}}*{box-sizing:border-box}html,body{background:var(--canvas);height:100%;color:var(--ink);font:400 16px/1.5 var(--font-sans);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;margin:0;padding:0;overflow:hidden}#app{height:var(--app-viewport-height);flex-direction:column;display:flex;overflow:hidden}.shell,.shell__main{flex-direction:column;flex:1;min-height:0;display:flex}.shell__rail{display:none}.screen{background:var(--canvas);flex-direction:column;flex:1;min-height:0;display:flex}.screen--warm{background:var(--canvas-warm)}.screen__head{flex:none;padding:14px 20px 0}.screen__body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:18px 20px 4px;overflow-y:auto}.screen__foot{padding:10px 20px calc(18px + env(safe-area-inset-bottom));flex:none}.tabbar{padding:6px 12px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--canvas);flex:none;justify-content:space-around;align-items:center;gap:4px;display:flex}.tabbar a{min-height:var(--tap-nav);color:var(--ink-4);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:4px 0;font-size:12px;text-decoration:none;display:flex}.tabbar a svg{display:block}.tabbar a.nav--on{color:var(--accent)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4);font-size:11px}.title{letter-spacing:-.01em;margin:0;font-size:24px;font-weight:500}.title--lg{font-size:30px;line-height:1.15}.prose{color:var(--ink-4);text-wrap:pretty;margin:0;font-size:14px;line-height:1.5}.note{color:var(--ink-4);text-wrap:pretty;margin:0;font-size:12px;line-height:1.5}.stack{flex-direction:column;gap:16px;display:flex}.row{align-items:center;gap:8px;display:flex}.spacer{flex:1}.badge{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border-radius:var(--r-sm);padding:6px 10px;font-size:11px;font-weight:500}.badge--new{background:var(--accent);color:#f4f7f2}@media (prefers-color-scheme:dark){.badge--new{color:#0f1b15}}.badge--due{border:1px solid var(--line-strong);color:var(--ink-3);padding:5px 9px}.badge--lapses{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--again-strong);font-size:11px}.chip{border:1px solid var(--line);color:var(--ink-3);background:0 0;border-radius:16px}.chip--on{background:var(--solid);border-color:var(--solid);color:var(--solid-on)}.dot{border-radius:4px;flex:none;width:16px;height:16px;display:inline-block}.dot--known{background:var(--state-learned)}.dot--progress{background:var(--state-learning)}.dot--started{background:var(--state-fresh)}.option{border:1px solid var(--line);border-radius:var(--r-lg);text-align:left;width:100%;color:var(--ink-3);background:0 0;align-items:center;gap:12px;padding:13px 14px;display:flex}.option--on{border:1.5px solid var(--accent);background:var(--accent-weak);color:var(--ink)}.option__dot{border:1px solid var(--line-strong);border-radius:50%;flex:none;width:10px;height:10px}.option--on .option__dot{background:var(--accent);border-color:var(--accent)}.pill{border:1px solid var(--line-strong);font-family:var(--font-mono);color:var(--ink-4);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:6px;padding:6px 11px;font-size:11px;display:inline-flex}.pill.tap:after{width:100%}.pill__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pill__dot{background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:18px}.panel--dashed{border-style:dashed;border-color:var(--line-strong);background:0 0}.hook{flex-direction:column;gap:10px;display:flex}.hook__text{color:var(--ink);text-wrap:pretty;margin:0;font-size:16px;line-height:1.5}.hook__text b{font-weight:600}.notice{border-radius:var(--r-lg);border:1px solid;gap:12px;padding:13px 15px;display:flex}.notice__dot{border-radius:50%;flex:none;width:8px;height:8px;margin-top:6px}.notice__body{text-wrap:pretty;font-size:13px;line-height:1.45}.notice__body b{font-weight:600}.notice--warn{background:var(--hard-bg);border-color:var(--hard-line);color:var(--hard-ink)}.notice--warn .notice__dot{background:var(--hard-strong)}.notice--danger{background:var(--again-bg);border-color:var(--again-line);color:var(--again-ink)}.notice--danger .notice__dot{background:var(--again-strong)}.notice__title{margin-bottom:4px;font-size:14px;font-weight:500;display:block}button,.btn{font:inherit;cursor:pointer;min-height:var(--tap);border-radius:var(--r-lg);border:1px solid var(--line-strong);color:var(--ink);text-align:center;-webkit-tap-highlight-color:transparent;background:0 0;padding:15px 16px}button:disabled{opacity:.45;cursor:not-allowed}.tap{min-height:0;position:relative}.tap:after{content:"";width:max(100%, var(--tap));height:max(100%, var(--tap));position:absolute;top:50%;left:50%;translate:-50% -50%}.btn--solid{background:var(--solid);border-color:var(--solid);color:var(--solid-on);border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;padding:18px 16px;font-size:17px;font-weight:500;display:flex}.btn--solid:disabled{background:var(--sunken);border-color:var(--line-strong);color:var(--ink-4);opacity:1}.btn--ghost{width:100%;color:var(--ink);border-radius:16px;padding:16px;font-size:16px}.btn--danger{color:var(--again-ink);border-color:var(--line-strong);width:100%;font-size:15px}.btn__key{font-family:var(--font-mono);color:var(--solid-on-dim);font-size:12px}input[type=text],input[type=email],input[type=password]{width:100%;font:inherit;border-radius:var(--r-md);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);padding:15px;font-size:16px}input[type=password]{font-family:var(--font-mono);letter-spacing:.2em}input::placeholder{color:var(--ink-4);opacity:.8;letter-spacing:normal}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.field{flex-direction:column;gap:6px;display:flex}.segmented{background:var(--canvas-warm);border-radius:var(--r-md);padding:3px;font-size:14px;display:flex}.segmented button{color:var(--ink-3);background:0 0;border:0;border-radius:9px;flex:1;padding:10px;font-weight:500}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0000000f}.meter{background:var(--line-soft);border-radius:2px;flex:1;height:4px;overflow:hidden}.meter>span{background:var(--accent);height:100%;transition:width .2s;display:block}.split--mix .split__seg+.split__seg{border-left:1.5px solid var(--seg-cut)}.divider{align-items:center;gap:9px;display:flex}.divider__label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4);white-space:nowrap;font-size:10px}.divider__line{background:var(--line-soft);flex:1;height:1px}.soon{border:1px dashed var(--line-strong);border-radius:var(--r-lg);color:var(--ink-4);text-align:center;text-wrap:pretty;margin:0;padding:14px;font-size:13px}.sheet-root{z-index:20;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.sheet__scrim{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#171a1861;border:0;border-radius:0;min-height:0;padding:0;position:absolute;inset:0}.sheet{background:var(--surface);border-top:1px solid var(--line);padding:14px 20px calc(24px + env(safe-area-inset-bottom));overscroll-behavior:contain;border-radius:26px 26px 0 0;flex-direction:column;gap:12px;max-height:85%;display:flex;position:relative;overflow-y:auto;box-shadow:0 -12px 34px #28281e2e}.sheet__grip{background:var(--line-strong);border-radius:2px;width:38px;height:4px;margin:0 auto}.sheet__title{margin:0;font-size:18px;font-weight:500}@media (width>=900px){.sheet{border-radius:26px;max-width:480px;margin:0 auto 24px}}.error-text{color:var(--again-strong);margin:0;font-size:14px}.skeleton{background:var(--line-soft);border-radius:6px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}.meter>span{transition:none}}@media (width>=900px){.shell{flex-direction:row}.shell__rail{background:var(--canvas-warm);border-right:1px solid var(--line);width:230px;padding:26px 20px calc(20px + env(safe-area-inset-bottom));flex-direction:column;flex:none;gap:26px;display:flex}.shell__brand{align-items:center;gap:10px;font-size:15px;font-weight:500;display:flex}.shell__brand i{background:var(--accent);border-radius:6px;width:20px;height:20px}.rail-nav{flex-direction:column;gap:4px;font-size:15px;display:flex}.rail-nav a{min-height:var(--tap);color:var(--ink-4);border:1px solid #0000;border-radius:11px;align-items:center;padding:11px 13px;text-decoration:none;display:flex}.rail-nav a.nav--on{background:var(--surface);border-color:var(--line);color:var(--ink);font-weight:500}.rail-facts{font-family:var(--font-mono);color:var(--ink-3);flex-direction:column;gap:8px;margin-top:auto;font-size:11px;display:flex}.tabbar{display:none}.screen__head,.screen__body,.screen__foot{padding-left:24px;padding-right:24px}.screen__head>*,.screen__body>*,.screen__foot>*{width:100%;max-width:620px;margin-inline:auto}.screen__head{padding-top:32px}.screen__body{padding-top:22px}.screen__foot{padding-bottom:32px}}