:root{--bg:#0f1115;--panel:#171a21;--panel-2:#1e222b;--line:#2a2f3a;--text:#e8eaf0;--muted:#9aa3b2;--accent:#5b9dff;--good:#3ecf8e;--warn:#f5b942;--bad:#ff6b6b;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--bg:#f6f7fa;--panel:#fff;--panel-2:#eef0f5;--line:#dfe3ea;--text:#14171f;--muted:#5d6676;--accent:#1f6feb;--good:#1a9f66;--warn:#b7791f;--bad:#d64545;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}a{color:var(--accent)}main{max-width:880px;margin:0 auto;padding:16px}h1,h2{margin:0 0 8px;line-height:1.2}h2{font-size:1.05rem}.muted{color:var(--muted);margin:4px 0}.site-header{justify-content:space-between;align-items:center;gap:16px;max-width:880px;margin:0 auto;padding:14px 16px;display:flex}.brand{color:var(--text);letter-spacing:-.02em;font-size:1.25rem;font-weight:800;text-decoration:none}.site-header nav{gap:6px;display:flex}.site-header nav a{color:var(--muted);border-radius:999px;padding:8px 14px;font-weight:600;text-decoration:none}.site-header nav a:hover{color:var(--text);background:var(--panel)}.site-footer{max-width:880px;color:var(--muted);margin:24px auto;padding:0 16px;font-size:.85rem}button{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);cursor:pointer;border-radius:10px;min-height:40px;padding:9px 14px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}button.on{background:var(--accent);border-color:var(--accent);color:#fff}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}button.link{color:var(--muted);background:0 0;border:none;min-height:0;padding:2px 6px;text-decoration:underline}button:focus-visible,.timer-face:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}kbd{font:inherit;background:#ffffff24;border:1px solid #ffffff38;border-radius:6px;margin-left:6px;padding:1px 6px;font-size:.75rem}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:12px 0;display:flex}.toolbar-buttons{flex-wrap:wrap;gap:8px;display:flex}.check{color:var(--muted);align-items:center;gap:8px;display:inline-flex}.scramble-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:1fr auto;align-items:center;gap:16px;padding:16px;display:grid}.scramble-text{letter-spacing:.04em;word-spacing:.35em;overflow-wrap:anywhere;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(1rem,2.6vw,1.35rem)}.scramble-preview{width:110px;height:110px}.timer-face{text-align:center;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:var(--panel);border:2px solid var(--line);border-radius:var(--radius);cursor:pointer;margin:14px 0;padding:36px 12px}.timer-time{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:clamp(3.5rem,18vw,7.5rem);font-weight:800;line-height:1.05;display:block}.timer-hint{color:var(--muted);margin:6px 0 0}.phase-holding{border-color:var(--bad)}.phase-holding .timer-time{color:var(--bad)}.phase-ready{border-color:var(--good)}.phase-ready .timer-time{color:var(--good)}.phase-inspecting{border-color:var(--warn)}.phase-inspecting .timer-time{color:var(--warn)}.phase-running{border-color:var(--accent)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:14px 0;display:grid}.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;padding:12px 14px;display:flex}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}.stat-value{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700}.stat-sub{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.solve-list{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.solve-list-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.solves{max-height:340px;margin:0;padding-left:2.2em;overflow:auto}.solves li{border-bottom:1px solid var(--line);padding:5px 0}.solves li::marker{color:var(--muted);font-size:.85rem}.solves li{display:list-item}.solve-time{font-variant-numeric:tabular-nums;margin-right:10px;font-weight:600}.solve-meta{color:var(--muted);margin-right:10px;font-size:.85rem}.pen-dnf .solve-time{color:var(--bad)}.pen-plus2 .solve-time{color:var(--warn)}.cube-view,.cube-view twisty-player{width:100%;height:100%}.tabs{gap:8px;display:flex}.tab{padding:10px 18px;font-weight:700}.tab-count{color:inherit;opacity:.7;margin-left:8px;font-size:.85rem;font-weight:500}.set-title{margin:8px 0 12px}.progress-card{margin-bottom:14px}.meter{background:var(--panel-2);border:1px solid var(--line);border-radius:999px;height:10px;display:flex;overflow:hidden}.meter-known{background:var(--good)}.meter-learning{background:var(--warn)}.meter-legend{color:var(--muted);flex-wrap:wrap;gap:16px;margin:8px 0 0;font-size:.9rem;display:flex}.dot{border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.dot.known{background:var(--good)}.dot.learning{background:var(--warn)}.dot.unseen{background:var(--panel-2);border:1px solid var(--line)}.case-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:minmax(200px,320px) 1fr;align-items:center;gap:20px;padding:18px;display:grid}.case-view{aspect-ratio:1;width:100%}.case-view-F2L{aspect-ratio:1}.case-actions,.case-answer{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.case-answer h2{font-size:1.4rem}.alg{word-spacing:.3em;overflow-wrap:anywhere;margin:4px 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.1rem}.rate-row{flex-wrap:wrap;gap:8px;display:flex}.browse{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-top:18px;padding:12px 16px}.browse summary{cursor:pointer;font-weight:600}.browse table{border-collapse:collapse;width:100%;margin-top:10px}.browse th,.browse td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:7px 8px}.browse tbody th{white-space:nowrap;width:1%;font-weight:600}@media (max-width:640px){.scramble-card{grid-template-columns:1fr}.scramble-preview{width:100%;max-width:160px;height:120px}.case-card{grid-template-columns:1fr}.case-view{max-width:300px;margin:0 auto}.timer-face{padding:52px 12px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.tutorial{max-width:46rem;margin:0 auto;padding:0 16px 48px}.tutorial h2{margin-top:2rem}.demo{margin:1rem 0}.demo-box{max-width:360px;height:260px}.demo figcaption{opacity:.85;font-size:.9rem}.level-list{max-width:46rem;padding:0;list-style:none}.level-list li{margin:1rem 0}.btn{border:1px solid;border-radius:6px;margin:0 8px 8px 0;padding:8px 12px;text-decoration:none;display:inline-block}.review{max-width:46rem;margin:0 auto;padding:0 16px 48px}.review-video{background:#000;border-radius:8px;width:100%;max-height:60vh}.review-table{border-collapse:collapse;width:100%;margin:12px 0}.review-table th,.review-table td{text-align:left;border-bottom:1px solid #8080804d;padding:6px 8px}.review .btn,.view-toggle .btn{cursor:pointer;color:inherit;font:inherit;background:0 0}