:root{--bg: #101210;--surface: #1a1d1b;--text: #e7e4dc;--muted: #8d8a82;--line: #2a2e2b;--accent: #d6a15a;--again: #c45c4a;--good: #7d9a78;--nav-h: 56px;color-scheme:dark;background:var(--bg)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:var(--app-h, 100dvh);margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button,input,textarea{font:inherit;font-size:16px;color:inherit;touch-action:manipulation}button{cursor:pointer;background:none;border:none;padding:0}button:disabled{cursor:default;opacity:.5}input,textarea{width:100%;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px;min-height:48px;color-scheme:dark}textarea{min-height:180px;resize:vertical;line-height:1.7}::placeholder{color:var(--muted);opacity:1}input:-webkit-autofill{-webkit-text-fill-color:var(--text);box-shadow:0 0 0 1000px var(--surface) inset}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.jp{font-family:Noto Sans JP,sans-serif;font-weight:400}h1{margin:0 0 8px;font-size:32px;font-weight:500;letter-spacing:-.02em;text-align:center}p{margin:0}.gate,.login-wrap,.shell{height:100%;background:var(--bg)}.gate{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:calc(24px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom))}.login-wrap{display:flex;justify-content:center;overflow:auto}.login{width:min(100%,420px);min-height:100%;display:flex;flex-direction:column;justify-content:center;justify-content:safe center;gap:12px;padding:calc(24px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom))}.shell{display:flex;flex-direction:column;overflow:hidden}.top{flex:none;display:flex;justify-content:flex-end;padding:calc(4px + env(safe-area-inset-top)) 8px 0}.icon-btn{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--text);background:var(--surface);border:1px solid var(--line);font-size:18px}.main{flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom))}.shell.kb .nav{display:none}.shell.kb .main{padding-bottom:env(safe-area-inset-bottom)}.nav{position:fixed;z-index:10;left:0;right:0;bottom:0;display:flex;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--line)}.nav a{flex:1;min-height:48px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--muted)}.nav a.active{color:var(--text)}.page{flex:1 0 auto;display:flex;flex-direction:column;gap:12px;width:min(100%,520px);margin:0 auto;padding:8px 16px 20px}.stack{display:flex;flex-direction:column;gap:12px}.figure{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 0 8px}.due{margin:0;font-size:clamp(64px,18vw,96px);font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.03em;line-height:.95;text-align:center}.muted{color:var(--muted)}.center{text-align:center}.error{color:var(--again);font-size:14px;text-align:center}.solo{margin:auto;text-align:center;font-size:18px}.done{margin:auto;display:flex;flex-direction:column;align-items:center;gap:8px}.done .solo{margin:0}.btn{width:100%;min-height:52px;border-radius:12px;background:var(--surface);border:1px solid var(--line);color:var(--text);padding:0 16px}.btn.accent{background:var(--accent);border-color:transparent;color:#101210;font-weight:500}.btn.large{min-height:72px;font-size:20px}.text-btn{align-self:center;min-height:48px;padding:0 12px;color:var(--muted);background:none}.self-start{align-self:flex-start}.new-row{display:flex;align-items:center;gap:12px}.new-label{color:var(--muted);min-width:40px}.seg{flex:1;display:flex;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.seg button{flex:1;min-height:48px;color:var(--muted);border-radius:0}.seg button+button{border-left:1px solid var(--line)}.seg button.on{background:var(--line);color:var(--text)}.review-page{min-height:100%;padding-bottom:84px}.card-hit{flex:1;width:100%;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px 8px;text-align:center}.surface{display:block;width:100%;font-size:clamp(42px,12vw,72px);font-weight:500;line-height:1.25;word-break:break-word}.reading,.meaning,.example,.pitch{display:block;width:100%;max-width:28rem}.reading{color:var(--muted);font-size:16px}.meaning{font-size:18px}.example{font-size:16px;line-height:1.45}.pitch{color:var(--muted);font-size:14px}.grade{position:fixed;z-index:15;left:0;right:0;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;width:min(100%,520px);margin:0 auto;padding:8px 16px;background:var(--bg)}.grade button{min-height:52px;border-radius:12px;font-weight:500;color:#101210}.grade .again{background:var(--again)}.grade .good{background:var(--good)}.grade .easy{background:var(--accent)}.editor{min-height:100%}.editor textarea{flex:1;min-height:160px;font-size:18px}.token-flow{font-family:Noto Sans JP,sans-serif;font-size:22px;line-height:2;white-space:pre-wrap;word-break:break-word}.token-flow .unknown{color:var(--muted)}.token{display:inline;min-width:0;min-height:0;padding:0;font:inherit;line-height:inherit;color:var(--text);background:none;border:none}.token.unknown{color:var(--muted)}.backdrop{position:fixed;z-index:29;inset:0;width:100%;height:100%;min-height:100%;border:none;border-radius:0;background:#101210b8}.sheet{position:fixed;z-index:30;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:12px;width:min(100%,520px);margin:0 auto;padding:20px 16px calc(16px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line)}.sheet-reading{color:var(--muted);font-size:15px}.sheet-meaning{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:20px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{flex:1 1 calc(25% - 8px);min-width:64px;min-height:48px;padding:0 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}.chip.on{color:var(--text);border-color:var(--accent);background:var(--surface)}.elapsed{margin:4px 0;text-align:center;font-size:clamp(56px,16vw,84px);font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.03em;line-height:1}.quick{display:flex;flex-direction:column;gap:12px;margin-top:8px;padding-top:16px;border-top:1px solid var(--line)}.account-page{min-height:100%}.attribution{margin-top:auto;padding-top:12px;color:var(--muted);font-size:14px}.kana-page{min-height:100%}.kana-bar{display:flex;align-items:center;justify-content:space-between}.kana-time{min-width:48px;text-align:right;font-variant-numeric:tabular-nums}.kana-char{flex:1;display:flex;align-items:center;justify-content:center;margin:0;font-size:clamp(72px,22vw,128px);font-weight:500;line-height:1}.kana-score{margin:auto}.passage-list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.passage-list li+li{border-top:1px solid var(--line)}.passage{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 2px;text-align:left;color:var(--text)}.passage-gloss{flex:none;color:var(--muted);font-size:14px;text-align:right}.explain{margin:0;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--text);font-size:15px;line-height:1.55;white-space:pre-wrap}.review-page.has-hear{padding-bottom:140px}.hear{position:fixed;z-index:16;left:50%;bottom:calc(var(--nav-h) + 68px + env(safe-area-inset-bottom));transform:translate(-50%);min-width:48px;min-height:48px}