:root{--cube-white:#f3f4f6;--cube-yellow:#eab308;--cube-green:#22c55e;--cube-blue:#3b82f6;--cube-red:#ef4444;--cube-orange:#f97316;--bg-primary:#0a0d14;--bg-secondary:#0f131c;--surface-card:#151a26;--surface-elevated:#1b2130;--surface-hover:#232a3d;--border-subtle:#242c3f;--border-strong:#333e58;--border-active:#475569;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-muted:#475569;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-xs:3px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5}.spectrum-bar{width:100%;height:3px;display:flex}.spectrum-bar span{flex:1;height:100%}.sp-white{background:var(--cube-white)}.sp-yellow{background:var(--cube-yellow)}.sp-green{background:var(--cube-green)}.sp-blue{background:var(--cube-blue)}.sp-red{background:var(--cube-red)}.sp-orange{background:var(--cube-orange)}.app-container{max-width:1240px;margin:0 auto;padding:0 20px 60px}.app-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:20px 0;display:flex}.brand-section{align-items:center;gap:14px;display:flex}.rubik-grid-icon{box-shadow:0 0 0 1px var(--border-strong);background:#000;border-radius:4px;grid-template-rows:repeat(3,7px);grid-template-columns:repeat(3,7px);gap:2px;padding:3px;display:grid}.rubik-grid-icon div{border-radius:1px;width:7px;height:7px}.brand-title{letter-spacing:-.01em;color:var(--text-primary);align-items:center;gap:8px;font-size:19px;font-weight:700;display:flex}.brand-badge{font-family:var(--font-mono);color:var(--text-tertiary);border-radius:var(--radius-xs);background:var(--surface-card);border:1px solid var(--border-subtle);padding:2px 8px;font-size:11px}.view-mode-tabs{background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);gap:4px;padding:4px;display:inline-flex}.view-mode-btn{color:var(--text-secondary);border-radius:var(--radius-xs);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.view-mode-btn:hover{color:var(--text-primary);background:#ffffff0a}.view-mode-btn.active{color:var(--text-primary);background:var(--surface-elevated);box-shadow:0 1px 3px #0006}.view-mode-btn.active.mode-overview{border-bottom:2px solid var(--cube-white)}.view-mode-btn.active.mode-tm{border-bottom:2px solid var(--cube-yellow)}.view-mode-btn.active.mode-archive{border-bottom:2px solid var(--cube-blue)}.view-mode-btn:disabled,.view-mode-btn.nav-disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.brand-section.nav-locked{opacity:.6;cursor:not-allowed!important}.surface-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:22px}.move-u,.move-token-u{color:var(--cube-white);font-weight:600}.move-d,.move-token-d{color:var(--cube-yellow);font-weight:600}.move-f,.move-token-f{color:var(--cube-green);font-weight:600}.move-b,.move-token-b{color:var(--cube-blue);font-weight:600}.move-l,.move-token-l{color:var(--cube-orange);font-weight:600}.move-r,.move-token-r{color:var(--cube-red);font-weight:600}.scramble-strip{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);letter-spacing:.04em;text-align:center;-webkit-user-select:all;user-select:all;margin-bottom:24px;padding:16px 20px;font-size:17px;line-height:1.8}.stopwatch-container{text-align:center;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;cursor:pointer;margin-bottom:24px;padding:40px 20px;transition:all .2s}.stopwatch-display{font-family:var(--font-mono);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-bottom:16px;font-size:96px;font-weight:700;line-height:1;transition:color .15s}.stopwatch-idle{color:var(--text-primary)}.stopwatch-holding{color:var(--cube-red);text-shadow:0 0 20px #ef44444d}.stopwatch-ready{color:var(--cube-green);text-shadow:0 0 20px #22c55e66}.stopwatch-running{color:var(--cube-yellow);text-shadow:0 0 20px #eab3084d}.stopwatch-instructions{color:var(--text-tertiary);font-size:13px;font-family:var(--font-mono);letter-spacing:.02em}.solve-cassette{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px;display:grid}@media (width<=900px){.solve-cassette{grid-template-columns:1fr}}.solve-cassette-scrollable{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--border-strong) var(--surface-card);-webkit-overflow-scrolling:touch;gap:12px;margin-bottom:24px;padding-bottom:10px;overflow-x:auto;display:flex!important}.solve-cassette-scrollable .solve-pod{flex:0 0 220px;min-width:220px}.solve-cassette-scrollable::-webkit-scrollbar{height:6px}.solve-cassette-scrollable::-webkit-scrollbar-track{background:var(--surface-card);border-radius:3px}.solve-cassette-scrollable::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.solve-cassette-scrollable::-webkit-scrollbar-thumb:hover{background:var(--border-active)}.solve-pod{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:14px 16px;transition:all .2s;position:relative}.solve-pod.active{border-color:var(--cube-yellow);background:#eab3080d;box-shadow:0 0 14px #eab30826}.solve-pod.trimmed-best{border-color:var(--cube-green);background:#22c55e0d}.solve-pod.trimmed-worst{border-color:var(--cube-red);background:#ef44440d}.solve-pod.counted{border-color:var(--cube-blue);background:#3b82f608}.solve-pod-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.solve-pod-index{color:var(--text-tertiary);font-size:11px;font-weight:700;font-family:var(--font-mono)}.solve-pod-tag{font-size:9px;font-family:var(--font-mono);text-transform:uppercase;border-radius:2px;padding:2px 6px;font-weight:700}.tag-active{color:var(--cube-yellow);background:#eab30833}.tag-best{color:var(--cube-green);background:#22c55e33}.tag-worst{color:var(--cube-red);background:#ef444433}.tag-counted{color:var(--cube-blue);background:#3b82f633}.tag-queued{color:var(--text-muted);background:#ffffff0d}.solve-pod-time{font-family:var(--font-mono);color:var(--text-primary);margin-bottom:6px;font-size:22px;font-weight:700}.solve-pod-scramble{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.pod-modifiers{gap:4px;margin-top:8px;display:flex}.btn-modifier{border:1px solid var(--border-subtle);color:var(--text-tertiary);cursor:pointer;font-size:10px;font-family:var(--font-mono);background:0 0;border-radius:2px;padding:2px 6px;transition:all .1s}.btn-modifier:hover{color:var(--text-primary);border-color:var(--border-strong)}.btn-modifier.active-pen{color:var(--cube-yellow);border-color:var(--cube-yellow);background:#eab30833}.btn-modifier.active-dnf{color:var(--cube-red);border-color:var(--cube-red);background:#ef444433}.benchmark-banner{background:var(--surface-card);border:1px solid var(--border-subtle);border-left:4px solid var(--cube-yellow);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:24px;display:flex}.ao5-headline{font-family:var(--font-mono);color:var(--cube-yellow);font-size:38px;font-weight:800;line-height:1.1}.benchmark-card-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:24px;display:grid}.stat-box{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);border-left-width:3px;padding:16px 18px}.stat-box.border-yellow{border-left-color:var(--cube-yellow)}.stat-box.border-blue{border-left-color:var(--cube-blue)}.stat-box.border-green{border-left-color:var(--cube-green)}.stat-box.border-orange{border-left-color:var(--cube-orange)}.stat-box-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:4px;font-size:11px;font-weight:600}.stat-box-val{font-family:var(--font-mono);color:var(--text-primary);font-size:24px;font-weight:700}.stat-box-sub{color:var(--text-secondary);margin-top:4px;font-size:12px}.placement-strip{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:18px;display:grid}.placement-chip{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:12px 14px}.placement-chip-year{font-family:var(--font-mono);color:var(--text-primary);margin-bottom:2px;font-size:14px;font-weight:700}.placement-chip-rank{font-size:12px;font-weight:600}.btn-primary{background:var(--cube-yellow);color:#000;border-radius:var(--radius-xs);cursor:pointer;border:none;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.btn-primary:hover{background:#facc15}.btn-secondary{background:var(--surface-elevated);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);cursor:pointer;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--border-strong)}.btn-sm{padding:6px 12px;font-size:12px}.select-input{background:var(--surface-elevated);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:var(--radius-xs);font-size:13px;font-family:var(--font-mono);outline:none;padding:8px 12px}.select-input:focus{border-color:var(--cube-blue)}.nav-tabs{background:var(--bg-secondary);border-radius:var(--radius-xs);border:1px solid var(--border-subtle);gap:2px;padding:3px;display:inline-flex}.nav-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:2px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.nav-tab-btn:hover{color:var(--text-primary)}.nav-tab-btn.active{background:var(--surface-elevated);color:var(--text-primary)}.app-footer{border-top:1px solid var(--border-subtle);color:var(--text-tertiary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:50px;padding-top:20px;font-size:12px;display:flex}.landing-container{max-width:960px;margin:16px auto 40px}.landing-hero{text-align:center;margin-bottom:24px}.landing-title{letter-spacing:-.03em;color:var(--text-primary);max-width:780px;margin:0 auto 14px;font-size:38px;font-weight:800;line-height:1.15}.landing-subtitle{color:var(--text-secondary);max-width:640px;margin:0 auto;font-size:15.5px;line-height:1.6}.landing-previews-grid{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px;display:grid}.preview-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;justify-content:space-between;padding:22px;transition:all .15s;display:flex}.preview-card:hover{border-color:var(--border-strong)}.card-tm:hover{border-color:var(--cube-yellow)}.card-archive:hover{border-color:var(--cube-blue)}.preview-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.preview-icon-title{align-items:center;gap:10px;display:flex}.preview-icon{border-radius:var(--radius-xs);justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.icon-tm{color:var(--cube-yellow);background:#eab3081f}.icon-archive{color:var(--cube-blue);background:#3b82f61f}.preview-title{color:var(--text-primary);font-size:17px;font-weight:700}.preview-tag{font-family:var(--font-mono);letter-spacing:.02em;border-radius:3px;padding:2px 7px;font-size:10.5px;font-weight:600}.tag-tm{color:var(--cube-yellow);background:#eab30814;border:1px solid #eab30840}.tag-archive{color:var(--cube-blue);background:#3b82f614;border:1px solid #3b82f640}.preview-description{color:var(--text-secondary);margin-bottom:16px;font-size:13px;line-height:1.55}.micro-cassette-box{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);margin-bottom:20px;padding:12px 14px}.micro-cassette-label{font-family:var(--font-mono);letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:8px;font-size:9.5px;font-weight:700}.micro-cassette-pods{grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:8px;display:grid}.micro-pod{background:var(--surface-card);border:1px solid var(--border-subtle);text-align:center;border-radius:3px;flex-direction:column;gap:2px;padding:6px 3px;display:flex}.mp-idx{font-family:var(--font-mono);color:var(--text-tertiary);font-size:8.5px}.mp-time{font-family:var(--font-mono);color:var(--text-primary);font-size:11px;font-weight:700}.mp-best{border-color:var(--cube-green);background:#22c55e0f}.mp-best .mp-time{color:var(--cube-green)}.mp-worst{border-color:var(--cube-red);background:#ef44440f}.mp-worst .mp-time{color:var(--cube-red)}.micro-cassette-footer{color:var(--text-secondary);font-size:11px;font-family:var(--font-mono);justify-content:space-between;align-items:center;display:flex}.mcf-tag{color:var(--cube-yellow);font-weight:600}.micro-archive-box{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);margin-bottom:20px;padding:12px 14px}.micro-archive-label{font-family:var(--font-mono);letter-spacing:.05em;color:var(--text-tertiary);justify-content:space-between;align-items:center;margin-bottom:14px;font-size:9.5px;font-weight:700;display:flex}.micro-archive-delta{color:var(--cube-green);align-items:center;gap:3px;display:inline-flex}.micro-progression-row{justify-content:space-between;align-items:flex-end;margin-bottom:10px;padding:4px 8px 0;display:flex}.prog-step{flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;display:flex}.ps-year{font-family:var(--font-mono);color:var(--text-tertiary);margin-top:2px;font-size:9.5px}.ps-val{font-family:var(--font-mono);color:var(--text-secondary);font-size:9.5px;font-weight:600}.ps-bar{background:var(--cube-blue);opacity:.75;border-radius:2px;width:14px}.prog-current .ps-bar{background:var(--cube-yellow);opacity:1}.micro-archive-footer{color:var(--text-secondary);font-size:11px;font-family:var(--font-mono);justify-content:space-between;display:flex}.preview-action-btn{justify-content:center;width:100%;padding:10px;font-size:13px}.epoch-rail-container{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:20px;padding:18px 20px}.epoch-rail-title{font-family:var(--font-mono);letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:12px;font-size:10.5px;font-weight:700}.epoch-rail-nodes{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.epoch-node{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);cursor:pointer;padding:10px 12px;transition:all .15s}.epoch-node:hover{border-color:var(--cube-blue);background:#3b82f60d}.epoch-year{font-family:var(--font-mono);color:var(--text-primary);margin-bottom:2px;font-size:14px;font-weight:700}.epoch-name{color:var(--text-secondary);margin-bottom:2px;font-size:12px;font-weight:600}.epoch-desc{color:var(--text-tertiary);margin-bottom:4px;font-size:11px}.epoch-stat{font-family:var(--font-mono);color:var(--cube-blue);font-size:11px;font-weight:600}.landing-footnote{text-align:center;color:var(--text-tertiary);margin-top:14px;font-size:12px}@media (width<=768px){.landing-previews-grid{grid-template-columns:1fr}.epoch-rail-nodes{grid-template-columns:1fr 1fr}.landing-title{font-size:22px}}