:root{--bg:#000;--panel:#0b0b0b;--raised:#141414;--hover:#161616;--border:#222;--border-active:#3a3a3a;--text:#f1efe8;--muted:#8f8d84;--accent:#34d399;--good:#34d399;--good-dim:#2aaf7e;--warn:#e0a63c;--bad:#e05c5c;--card-bg:#f1efe8;--card-red:#c22f2f;--card-black:#16140f;--cell-unknown:#1a1a18;--cell-bad:#5e2626;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Commit Mono,ui-monospace,SF Mono,Menlo,Consolas,monospace}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0}body{letter-spacing:.02em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='2' height='2' fill='rgba(51,51,51,0.35)'/%3E%3C/svg%3E");background-size:12px 12px;line-height:1.55}button{font:inherit;color:inherit;letter-spacing:inherit}.mono{font-variant-numeric:tabular-nums;font-family:inherit}.red{color:var(--card-red)}.hint{color:var(--muted);font-size:.82rem}.warn{color:var(--warn)}.bad{color:var(--bad)}.app{max-width:760px;margin:0 auto;padding:0 12px 80px}.nav{z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);scrollbar-width:none;background:#000000e0;align-items:center;gap:2px;padding:10px 0;display:flex;position:sticky;top:0;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.brand{background:var(--card-bg);color:var(--card-black);border-radius:6px;flex:none;margin-right:10px;padding:2px 8px;font-size:1rem;font-weight:700}.nav button{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:7px 11px;transition:color .12s;position:relative}.nav button:hover,.nav button.on{color:var(--text)}.nav .tab-label{z-index:1;position:relative}.tab-pill{background:var(--raised);border:1px solid var(--border);border-radius:8px;position:absolute;inset:0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px}.panel h2{letter-spacing:.01em;margin:0 0 12px;font-size:1.25rem;font-weight:700}.panel h3{margin:22px 0 8px;font-size:.95rem;font-weight:700}.field{margin:16px 0}.field label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:7px;font-size:.72rem;display:block}.seg{flex-wrap:wrap;gap:4px;display:inline-flex}.seg button{background:var(--bg);border:1px solid var(--border);cursor:pointer;color:var(--muted);border-radius:8px;padding:6px 12px;transition:color .12s,border-color .12s,background .12s}.seg button:hover{color:var(--text);border-color:var(--border-active)}.seg button.on{border-color:var(--border-active);color:var(--text);background:var(--raised)}.btnrow{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}button.primary{background:var(--text);border:1px solid var(--text);color:#0a0a0a;cursor:pointer;border-radius:9px;padding:9px 20px;font-weight:700;transition:opacity .12s,transform .12s}button.primary:hover{opacity:.9}button.primary:active{transform:scale(.98)}button.primary:disabled{opacity:.35;cursor:default;transform:none}.btnrow button:not(.primary),button.danger{background:var(--bg);border:1px solid var(--border);cursor:pointer;color:var(--muted);border-radius:9px;padding:9px 16px;transition:color .12s,border-color .12s,transform .12s}.btnrow button:not(.primary):hover{color:var(--text);border-color:var(--border-active)}.btnrow button:not(.primary):active{transform:scale(.98)}button.danger{border-color:var(--bad);color:var(--bad)}.btnrow button:disabled{opacity:.35;cursor:default;transform:none}.pcard{background:var(--card-bg);-webkit-user-select:none;user-select:none;border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative;box-shadow:0 1px 2px #00000080,0 4px 14px #00000059}.pcard-red{color:var(--card-red)}.pcard-black{color:var(--card-black)}.pcard-dim{opacity:.15}.pcard-click{cursor:pointer;transition:transform .12s}.pcard-click:active{transform:scale(.94)}.pcard-corner{text-align:center;font-size:.6em;font-weight:700;line-height:1;position:absolute;top:4px;left:5px}.pcard-corner-br{inset:auto 5px 4px auto;transform:rotate(180deg)}.pcard-center{font-size:1.4em}.pcard-sm{width:44px;height:62px;font-size:16px}.pcard-md{width:70px;height:98px;font-size:24px}.pcard-lg{width:110px;height:154px;font-size:38px}.pcard-xl{width:160px;height:224px;font-size:56px}.focus-screen{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:78vh;display:flex}.focus-name{color:var(--muted);font-size:1.2rem}.next-btn{border:1px solid var(--border);letter-spacing:.2em;color:var(--muted);cursor:pointer;background:0 0;border-radius:9px;padding:10px 34px;transition:color .12s,border-color .12s}.next-btn:hover{color:var(--text);border-color:var(--border-active)}.focus-clock{color:var(--muted);font-variant-numeric:tabular-nums;font-size:1.3rem}.focus-clock-inline{color:var(--muted);font-variant-numeric:tabular-nums}.focus-meta{color:var(--muted);font-size:.9rem}.focus-hint{color:#333;font-size:.8rem}.drill-progress{color:var(--muted);font-variant-numeric:tabular-nums;margin-bottom:12px;font-size:.8rem}.drill-prompt{justify-content:center;margin:18px 0 26px;display:flex}.bigname{text-align:center;font-size:1.9rem;font-weight:700}.choices{grid-template-columns:1fr 1fr;gap:8px;display:grid}.choices .choice{background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:14px 10px;font-size:.95rem;transition:border-color .12s,background .12s,transform .12s}.choices .choice:hover:not(:disabled){border-color:var(--border-active);background:var(--hover)}.choices .choice:active:not(:disabled){transform:scale(.98)}.choice-key{border:1px solid var(--border);min-width:1.4em;color:var(--muted);text-align:center;border-radius:4px;margin-right:10px;padding:1px 4px;font-size:.72rem;display:inline-block}.choices-cards .choice{position:relative}.choice-key-card{z-index:1;background:var(--bg,#000);margin:0;position:absolute;top:-6px;left:-6px}.choices-cards{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.choices-cards .choice{background:0 0;border:2px solid #0000;border-radius:10px;padding:2px}.reveal-correct{border-color:var(--good)!important}.reveal-wrong{border-color:var(--bad)!important}.feedback{text-align:center;margin-top:18px}.bignumber{text-align:center;letter-spacing:.12em;font-variant-numeric:tabular-nums;font-size:3.2rem;font-weight:700}.digit-input{background:var(--bg);border:1px solid var(--border);width:180px;color:var(--text);text-align:center;letter-spacing:.15em;font-variant-numeric:tabular-nums;border-radius:10px;margin:0 auto;padding:12px;font-family:inherit;font-size:1.6rem;transition:border-color .12s;display:block}.digit-input:focus{border-color:var(--border-active);outline:none}.digit-input:disabled{opacity:.6}.digit-stats{flex-wrap:wrap;gap:5px;display:flex}.digit-stat{background:var(--bg);border:1px solid var(--border);border-radius:8px;flex-direction:column;align-items:center;min-width:40px;padding:5px 6px;display:flex}.digit-stat b{font-variant-numeric:tabular-nums;font-size:.95rem}.digit-stat span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.68rem}.digit-stat.weak{border-color:var(--bad)}.digit-stat.weak span{color:var(--bad)}.digit-stat.mid{border-color:var(--warn)}.digit-stat.off{opacity:.5}.feedback-sounds{margin-top:4px;display:block}.statrow{flex-wrap:wrap;gap:10px;margin:14px 0;display:flex}.stat{background:var(--bg);border:1px solid var(--border);border-radius:10px;flex-direction:column;align-items:center;min-width:90px;padding:10px 16px;display:flex}.stat b{font-variant-numeric:tabular-nums;font-size:1.2rem}.stat span{color:var(--muted);font-size:.72rem}.worklist{margin:6px 0;padding-left:18px}.worklist li{margin:4px 0}.recall-head{justify-content:space-between;align-items:baseline;display:flex}.recall-input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:10px;margin:8px 0;padding:12px;font-family:inherit;font-size:1.05rem;transition:border-color .12s}.recall-input:focus{border-color:var(--border-active);outline:none}.answer-strip{flex-wrap:wrap;gap:5px;min-height:28px;margin:10px 0;display:flex}.chip{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:3px 7px;font-size:.85rem}.chip-next{color:var(--muted);border-style:dashed}.deck-grid{flex-direction:column;gap:6px;margin-top:14px;display:flex;overflow-x:auto}.deck-row{gap:4px;display:flex}.diff-strip{flex-wrap:wrap;gap:5px;margin:14px 0;display:flex}.diff-cell{border-radius:6px;flex-direction:column;align-items:center;min-width:34px;padding:4px 6px;font-size:.8rem;display:flex}.diff-cell.ok{background:#34d3991f}.diff-cell.err{background:#e05c5c24}.diff-cell .got{color:var(--bad);font-size:.7rem;text-decoration:line-through}.heatmap{margin:20px 0}.heatmap-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.heatmap-head h3{margin:0}.heatmap-table{border-collapse:separate;border-spacing:3px;table-layout:fixed;width:100%}.heatmap-table th{color:var(--muted);width:34px;font-size:.8rem;font-weight:600}.heatmap-table td{text-align:center;font-variant-numeric:tabular-nums;cursor:pointer;border-radius:5px;padding:5px 2px;font-size:.72rem}.dash-head{align-items:baseline;gap:12px;display:flex}.focus-box{background:var(--bg);border:1px solid var(--border);border-radius:10px;margin:14px 0;padding:12px 16px}.focus-box h3{margin:0 0 6px}.levels{margin:8px 0;padding:0;list-style:none}.levels li{border-radius:8px;grid-template-columns:30px 1fr auto;align-items:baseline;gap:10px;padding:7px 8px;display:grid}.levels li.done .lvl-title{color:var(--muted)}.levels li.done .lvl-n{color:var(--good)}.levels li.active{background:var(--bg);border:1px solid var(--border)}.lvl-n{text-align:center;font-weight:700}.lvl-progress{text-align:right}.assoc-suit h3{margin:18px 0 8px}.assoc-grid{grid-template-columns:1fr 1fr;gap:6px 14px;display:grid}.assoc-row{align-items:center;gap:8px;display:flex}.assoc-card{text-align:right;flex:none;width:34px;font-weight:700}.assoc-row input{background:var(--bg);border:1px solid var(--border);min-width:0;color:var(--text);border-radius:8px;flex:1;padding:7px 10px;font-family:inherit;transition:border-color .12s}.assoc-row input:focus{border-color:var(--border-active);outline:none}.runs-table{border-collapse:collapse;width:100%;font-size:.85rem}.runs-table th{text-align:left;color:var(--muted);padding:6px 8px;font-weight:600}.runs-table td{border-top:1px solid var(--border);padding:6px 8px}.runs-table tr.perfect td{color:var(--good)}@media (width<=520px){.assoc-grid,.choices{grid-template-columns:1fr}.pcard-xl{width:130px;height:182px;font-size:46px}.bignumber{font-size:2.6rem}}