:root{color-scheme:light dark;--bg: #f9f9f7;--surface: #fcfcfb;--ink: #0b0b0b;--ink-2: #52514e;--muted: #898781;--line: #e1e0d9;--border: rgba(11, 11, 11, .1);--accent: #2a78d6;--accent-strong: #1c5cab;--good: #006300;--rate-again: #d03b3b;--rate-hard: #c98500;--rate-good: #008300;--rate-easy: #2a78d6;--heat-0: transparent;--heat-1: #b7d3f6;--heat-2: #6da7ec;--heat-3: #2a78d6;--heat-4: #184f95}@media(prefers-color-scheme:dark){:root{--bg: #0d0d0d;--surface: #1a1a19;--ink: #ffffff;--ink-2: #c3c2b7;--muted: #898781;--line: #2c2c2a;--border: rgba(255, 255, 255, .1);--accent: #3987e5;--accent-strong: #86b6ef;--good: #0ca30c;--rate-again: #e66767;--rate-hard: #eda100;--rate-good: #0ca30c;--rate-easy: #3987e5;--heat-1: #184f95;--heat-2: #256abf;--heat-3: #3987e5;--heat-4: #86b6ef}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}#root{min-height:100dvh}a{color:var(--accent);text-decoration:none}main.page{max-width:640px;margin:0 auto;padding:16px 16px calc(76px + env(safe-area-inset-bottom))}h1{font-size:1.5rem;margin:8px 0 4px}h2{font-size:1.1rem;margin:20px 0 8px}.subtitle{color:var(--ink-2);margin:0 0 16px;font-size:.95rem}.center-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center}.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px;margin-bottom:10px}.panel.clickable{cursor:pointer;transition:border-color .15s;display:block;color:inherit}.panel.clickable:hover{border-color:var(--accent)}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.spread{justify-content:space-between}.badge{font-size:.78rem;padding:2px 9px;border-radius:999px;border:1px solid var(--line);color:var(--ink-2);white-space:nowrap}.badge.due{border-color:var(--accent);color:var(--accent);font-weight:600}.badge.pending{border-color:var(--rate-hard);color:var(--rate-hard);font-weight:600}.badge.type{background:var(--bg)}label.field{display:block;margin-bottom:12px;font-size:.9rem;color:var(--ink-2)}input[type=text],input[type=password],input[type=number],textarea,select{width:100%;margin-top:5px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit}textarea{resize:vertical;min-height:84px}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 18px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-weight:600;cursor:pointer;text-align:center}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-strong)}.btn.danger{color:var(--rate-again);border-color:var(--rate-again)}.btn.small{padding:6px 12px;font-size:.85rem;font-weight:500}.btn.block{width:100%}.btn:disabled{opacity:.5;cursor:default}.error{color:var(--rate-again);font-size:.9rem;margin:8px 0}.notice{color:var(--good);font-size:.9rem;margin:8px 0}nav.bottom{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:20}nav.bottom a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 6px;font-size:.7rem;color:var(--muted)}nav.bottom a .ico{font-size:1.25rem;line-height:1}nav.bottom a.active{color:var(--accent);font-weight:600}.study-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px 18px;margin:12px 0;min-height:220px;display:flex;flex-direction:column;gap:14px}.study-question{font-size:1.25rem;font-weight:600;white-space:pre-wrap}.study-answer{font-size:1.1rem;white-space:pre-wrap;border-top:1px solid var(--line);padding-top:14px}.study-context{font-size:.9rem;color:var(--ink-2);background:var(--bg);border-radius:10px;padding:10px 12px;white-space:pre-wrap}.rate-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.rate-btn{border:1.5px solid;border-radius:12px;padding:10px 4px;background:var(--surface);font:inherit;font-weight:700;cursor:pointer;display:flex;flex-direction:column;gap:2px;align-items:center}.rate-btn small{font-weight:400;font-size:.72rem;color:var(--ink-2)}.rate-btn.r1{border-color:var(--rate-again);color:var(--rate-again)}.rate-btn.r2{border-color:var(--rate-hard);color:var(--rate-hard)}.rate-btn.r3{border-color:var(--rate-good);color:var(--rate-good)}.rate-btn.r4{border-color:var(--rate-easy);color:var(--rate-easy)}.progress-bar{height:4px;border-radius:2px;background:var(--line);overflow:hidden}.progress-bar>div{height:100%;background:var(--accent);transition:width .2s}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media(max-width:420px){.tiles{grid-template-columns:repeat(2,1fr)}}.tile{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px}.tile .value{font-size:1.5rem;font-weight:600}.tile .label{font-size:.78rem;color:var(--ink-2);margin-top:2px}.heatmap-wrap{overflow-x:auto;padding-bottom:4px}.heatmap{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,12px);gap:3px;width:max-content}.heat-cell{width:12px;height:12px;border-radius:3px;background:var(--heat-0);border:1px solid var(--line)}.heat-cell.h1{background:var(--heat-1);border-color:transparent}.heat-cell.h2{background:var(--heat-2);border-color:transparent}.heat-cell.h3{background:var(--heat-3);border-color:transparent}.heat-cell.h4{background:var(--heat-4);border-color:transparent}.heat-cell.empty{background:transparent;border-color:transparent}.heat-tip{position:fixed;transform:translate(-50%,calc(-100% - 8px));background:var(--ink);color:var(--bg);font-size:.75rem;padding:4px 8px;border-radius:6px;pointer-events:none;white-space:nowrap;z-index:30}.heat-legend{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--muted);margin-top:6px}.prompt-box{width:100%;min-height:180px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.8rem}.steps{color:var(--ink-2);font-size:.9rem;padding-left:20px;margin:10px 0}.steps li{margin-bottom:4px}.card-q{font-weight:600;white-space:pre-wrap}.card-a{white-space:pre-wrap;color:var(--ink-2);margin-top:6px}.card-src{font-size:.85rem;color:var(--muted);background:var(--bg);border-radius:8px;padding:8px 10px;margin-top:8px;white-space:pre-wrap}.muted{color:var(--muted);font-size:.85rem}.logo{width:64px;height:64px;border-radius:16px}