:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a12;--surface:#15151f;--text:#f2f2f7;--muted:#9494ad;--border:#2a2a3d;--accent:#22e2ff;--on-accent:#001318;--correct-bg:#10333d;--correct-fg:#22e2ff;--wrong-bg:#3a0f2c;--wrong-fg:#ff3d9a;--danger:#ff3d9a;--selected-bg:#22e2ff24;--danger-border:#ff3d9a66;--login-glow:#22e2ff14;--active-glow:#22e2ff80;--highlight-pink:#ff3d9a;--highlight-green:#39ff6a;--highlight-purple:#a663f2;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f6f8;--surface:#fff;--text:#1a1c20;--muted:#6b7280;--border:#e2e4e8;--accent:#2563eb;--on-accent:#fff;--correct-bg:#d7f5df;--correct-fg:#157a3d;--wrong-bg:#fbdede;--wrong-fg:#a3222b;--danger:#c0392b;--selected-bg:#eef3ff;--danger-border:#f2c6c6;--login-glow:#00000014;--active-glow:#0000}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent}.app-shell{flex-direction:column;height:100dvh;display:flex}.app-header{padding:max(10px, env(safe-area-inset-top)) 12px 10px;background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;display:flex}.theme-toggle{border:1px solid var(--border);color:var(--text);white-space:nowrap;background:0 0;border-radius:8px;flex:none;padding:6px 10px;font-size:13px}.app-header select{flex:1;min-width:0;font-size:16px;font-weight:600}.app-main{flex:1;padding:12px 12px 24px;overflow-y:auto}.tab-bar{border-top:1px solid var(--border);background:var(--surface);padding-bottom:env(safe-area-inset-bottom);display:flex}.tab-bar button{color:var(--muted);background:0 0;border:none;flex:1;padding:10px 4px;font-size:13px}.tab-bar button.active{color:var(--accent);text-shadow:0 0 10px var(--active-glow);font-weight:700}button{cursor:pointer}button,input,select{font-size:15px}input,select,textarea{background:var(--surface);color:var(--text);accent-color:var(--accent)}input::placeholder{color:var(--muted)}.screen h2{margin-top:0}.center-message{height:100%;color:var(--muted);text-align:center;justify-content:center;align-items:center;padding:24px;display:flex}.login-screen{background:var(--surface);border:1px solid var(--border);max-width:360px;box-shadow:0 0 24px var(--login-glow);border-radius:12px;margin:10vh auto;padding:24px}.login-screen form{flex-direction:column;gap:12px;display:flex}.login-screen label{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.login-screen input{border:1px solid var(--border);border-radius:8px;padding:8px}.login-screen button[type=submit]{background:var(--accent);color:var(--on-accent);border:none;border-radius:8px;padding:10px;font-weight:600}.link-button{color:var(--accent);background:0 0;border:none;margin-top:12px;padding:0}.hint{color:var(--muted);font-size:13px;line-height:1.5}.error{color:var(--danger);font-size:13px}.success{color:var(--correct-fg);font-size:14px}.list{margin:0;padding:0;list-style:none}.list li{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 8px;display:flex}.list li.selected{background:var(--selected-bg)}.list .list-main{text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:8px;font-size:15px;display:flex}.list .empty{color:var(--muted)}.badge{background:var(--accent);color:var(--on-accent);border-radius:999px;padding:2px 8px;font-size:11px}.icon-button{border:1px solid var(--border);background:0 0;border-radius:8px;padding:6px 10px;font-size:13px}.icon-button.danger{color:var(--danger);border-color:var(--danger-border)}.add-row{gap:8px;margin-top:12px;display:flex}.add-row.small input{font-size:13px}.add-row input{border:1px solid var(--border);border-radius:8px;flex:1;padding:8px}.add-row button{background:var(--accent);color:var(--on-accent);border:none;border-radius:8px;padding:8px 14px}.settings-panel{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.subject-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:10px;padding:12px}.subject-card-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.subject-card-header strong{flex:1}.unit-list{margin:0 0 8px;padding:0;list-style:none}.unit-list li{align-items:center;gap:8px;padding:4px 0 4px 1em;font-size:14px;display:flex}.unit-list li button{margin-left:auto}.filter-row{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.filter-row select,.filter-row input{border:1px solid var(--border);border-radius:8px;padding:6px}.filter-row label{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.round-row{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.round-row select{border:1px solid var(--border);border-radius:8px;flex:1;padding:8px}.round-row button:not(.icon-button){background:var(--accent);color:var(--on-accent);white-space:nowrap;border:none;border-radius:8px;padding:8px 12px}.list li.study-time-row{flex-direction:column;align-items:stretch;gap:6px}.study-time-main{align-items:center;gap:8px;display:flex}.study-time-name{text-align:left;flex:1;font-weight:600}.study-time-value{color:var(--muted);font-variant-numeric:tabular-nums}.select-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.select-toolbar .hint{margin-right:auto}.question-row input[type=checkbox]{flex:none;width:20px;height:20px}.questions-tab-wrapper{height:100%}.questions-screen{flex-direction:column;height:100%;min-height:0;display:flex}.questions-scroll-area{flex:1;min-height:0;overflow-y:auto}.question-list{margin:0;padding:0;list-style:none}.question-row{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 6px;display:flex}.q-number{min-width:44px;font-size:14px;font-weight:600}.grade-buttons{flex:1;gap:4px;display:flex}.grade-btn{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex:1;max-width:44px;padding:8px 0;font-size:16px}.grade-btn.selected-maru2,.grade-btn.selected-maru{background:var(--correct-bg);color:var(--correct-fg);border-color:var(--correct-fg)}.grade-btn.selected-sankaku,.grade-btn.selected-batsu{background:var(--wrong-bg);color:var(--wrong-fg);border-color:var(--wrong-fg)}:root[data-theme=dark] .grade-btn.selected-maru2{background:var(--surface);text-shadow:0 0 6px var(--correct-fg), 0 0 18px var(--correct-fg), 0 0 34px var(--correct-fg), 0 0 70px #22e2ffb3}:root[data-theme=dark] .grade-btn.selected-maru{background:var(--surface);color:var(--highlight-green);border-color:var(--highlight-green);text-shadow:0 0 6px var(--highlight-green), 0 0 18px var(--highlight-green), 0 0 34px var(--highlight-green), 0 0 70px #39ff6ab3}:root[data-theme=dark] .grade-btn.selected-sankaku{background:var(--surface);color:var(--highlight-purple);border-color:var(--highlight-purple);text-shadow:0 0 6px var(--highlight-purple), 0 0 18px var(--highlight-purple), 0 0 34px var(--highlight-purple), 0 0 70px #a663f2b3}:root[data-theme=dark] .grade-btn.selected-batsu{background:var(--surface);text-shadow:0 0 6px var(--wrong-fg), 0 0 18px var(--wrong-fg), 0 0 34px var(--wrong-fg), 0 0 70px #ff3d9ab3}.stats-table{border-collapse:collapse;white-space:nowrap;width:100%;margin-bottom:16px;font-size:13px;display:block;overflow-x:auto}.stats-table th,.stats-table td{border:1px solid var(--border);text-align:center;background:var(--surface);padding:6px 8px}:root[data-theme=dark] .stats-table th{color:#fff;text-shadow:0 0 4px var(--highlight-green), 0 0 11px var(--highlight-green), 0 0 19px var(--highlight-green), 0 0 40px #39ff6a99}:root[data-theme=dark] .stats-table td{color:#fff;text-shadow:0 0 4px var(--highlight-pink), 0 0 11px var(--highlight-pink), 0 0 19px var(--highlight-pink), 0 0 40px #ff3d9a99}:root[data-theme=dark] .stats-table.plain-table th,:root[data-theme=dark] .stats-table.plain-table td{color:var(--text);text-shadow:none}.stats-table th:first-child,.stats-table td:first-child{text-align:left;white-space:nowrap}.stats-table td.cell-maru2,.stats-table td.cell-maru{background:var(--correct-bg);color:var(--correct-fg);font-weight:700}.stats-table td.cell-sankaku,.stats-table td.cell-batsu{background:var(--wrong-bg);color:var(--wrong-fg);font-weight:700}:root[data-theme=dark] .stats-table td.cell-maru2{color:var(--correct-fg);text-shadow:0 0 4px var(--correct-fg), 0 0 11px var(--correct-fg), 0 0 19px var(--correct-fg), 0 0 40px #22e2ff99}:root[data-theme=dark] .stats-table td.cell-maru{color:var(--highlight-green);text-shadow:0 0 4px var(--highlight-green), 0 0 11px var(--highlight-green), 0 0 19px var(--highlight-green), 0 0 40px #39ff6a99}:root[data-theme=dark] .stats-table td.cell-sankaku{color:var(--highlight-purple);text-shadow:0 0 4px var(--highlight-purple), 0 0 11px var(--highlight-purple), 0 0 19px var(--highlight-purple), 0 0 40px #a663f299}:root[data-theme=dark] .stats-table td.cell-batsu{color:var(--wrong-fg);text-shadow:0 0 4px var(--wrong-fg), 0 0 11px var(--wrong-fg), 0 0 19px var(--wrong-fg), 0 0 40px #ff3d9a99}:root[data-theme=dark] .stats-heading{color:var(--accent);text-shadow:0 0 4px var(--accent), 0 0 11px var(--accent), 0 0 19px var(--accent), 0 0 40px #22e2ff99}:root[data-theme=dark] .neon-pink{color:#fff;text-shadow:0 0 4px var(--highlight-pink), 0 0 11px var(--highlight-pink), 0 0 19px var(--highlight-pink), 0 0 40px #ff3d9a99;font-weight:700}:root[data-theme=dark] .neon-pink-value{color:var(--highlight-pink);text-shadow:0 0 4px var(--highlight-pink), 0 0 11px var(--highlight-pink), 0 0 19px var(--highlight-pink), 0 0 40px #ff3d9a99;font-weight:700}:root[data-theme=dark] .neon-green{color:#fff;text-shadow:0 0 4px var(--highlight-green), 0 0 11px var(--highlight-green), 0 0 19px var(--highlight-green), 0 0 40px #39ff6a99;font-weight:700}.stats-row{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:10px;display:flex}.stats-row>.stats-table{flex:0 auto;width:auto;min-width:80px;margin-bottom:0;font-size:12px}.donut-chart-row{flex:none;align-items:center;gap:10px;display:flex}.donut-center-value{fill:var(--text);font-size:9px;font-weight:700}.donut-center-label{fill:var(--muted);font-size:7px}.donut-legend{min-width:0;margin:0;padding:0;font-size:11px;list-style:none}.donut-legend li{white-space:nowrap;align-items:center;gap:4px;padding:2px 0;display:flex}.legend-swatch{border-radius:2px;flex:none;width:10px;height:10px}.legend-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:84px;overflow:hidden}.trend-chart{flex:none}.trend-grid{stroke:var(--border);stroke-width:1px}.trend-axis-label{fill:var(--muted);font-size:8px}.trend-end-label{fill:var(--text);font-size:10px;font-weight:700}