: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}.year-scrubber-bar{background:var(--surface-card);border:1px solid var(--border-strong);border-radius:var(--radius-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;padding:12px 16px;display:flex;box-shadow:0 4px 12px #00000040}.year-stepper-group{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.year-stepper-label{font-family:var(--font-mono);letter-spacing:.05em;color:var(--text-tertiary);align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}.year-stepper-controls{align-items:center;gap:8px;display:flex}.year-step-btn{background:var(--surface-elevated);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:var(--radius-xs);cursor:pointer;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;transition:all .15s;display:inline-flex}.year-step-btn:hover:not(:disabled){border-color:var(--cube-blue);background:var(--surface-hover);color:#fff}.year-step-btn:disabled{opacity:.35;cursor:not-allowed}.year-select-wrapper{align-items:center;display:inline-flex;position:relative}.year-trigger-btn{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;height:44px;min-height:44px;padding:0 14px;transition:all .15s;display:inline-flex}.year-trigger-btn:hover,.year-trigger-btn.active{border-color:var(--cube-yellow);background:var(--surface-hover);box-shadow:0 0 10px #eab30826}.year-chevron-icon{color:var(--text-tertiary);transition:transform .2s,color .15s}.year-trigger-btn:hover .year-chevron-icon,.year-trigger-btn.active .year-chevron-icon{color:var(--cube-yellow)}.year-chevron-icon.rotated{transform:rotate(180deg)}.year-badge-num{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:-.02em;font-size:18px;font-weight:700}.year-picker-popover{z-index:120;background:var(--surface-card);border:1px solid var(--border-strong);border-radius:var(--radius-sm);min-width:390px;max-width:calc(100vw - 32px);padding:14px;animation:.15s ease-out popoverFadeIn;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 16px 36px #000000a6,0 0 0 1px #ffffff0d}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.year-popover-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.year-popover-title{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-tertiary);font-size:11px;font-weight:700}.year-popover-close-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:inline-flex}.year-popover-close-btn:hover{color:#fff;background:var(--surface-hover)}.year-popover-body{scrollbar-width:thin;scrollbar-color:var(--border-strong) var(--surface-card);flex-direction:column;gap:12px;max-height:460px;padding-right:6px;display:flex;overflow-y:auto}.year-popover-body::-webkit-scrollbar{width:6px}.year-popover-body::-webkit-scrollbar-track{background:var(--surface-card);border-radius:3px}.year-popover-body::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.year-popover-body::-webkit-scrollbar-thumb:hover{background:var(--cube-blue)}.year-popover-era-section{flex-direction:column;gap:6px;display:flex}.year-popover-era-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--cube-blue);font-size:10px;font-weight:700}.year-popover-grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.year-grid-cell{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;min-height:44px;padding:8px 6px;transition:all .15s;display:flex}.year-grid-cell:hover:not(:disabled){background:var(--surface-hover);border-color:var(--cube-blue);color:#fff;transform:translateY(-1px)}.year-grid-cell.selected{background:var(--cube-yellow);border-color:var(--cube-yellow);box-shadow:0 0 12px #eab30866}.year-grid-cell.selected .cell-year{color:#0a0d14;font-weight:800}.year-grid-cell.disabled{opacity:.35;cursor:not-allowed;background:#ffffff05}.cell-year{font-family:var(--font-mono);color:var(--text-primary);font-size:13px;font-weight:600}.cell-subnote{font-size:9px;font-family:var(--font-mono);color:var(--text-muted);margin-top:2px}.year-era-pills{align-items:center;gap:6px;margin-left:6px;display:flex}.year-era-pill-btn{background:var(--surface-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);font-family:var(--font-mono);cursor:pointer;border-radius:18px;justify-content:center;align-items:center;height:36px;min-height:36px;padding:0 12px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.year-era-pill-btn:hover:not(:disabled){border-color:var(--cube-blue);color:#fff;background:var(--surface-hover)}.year-era-pill-btn.active{border-color:var(--cube-blue);color:var(--cube-blue);background:#3b82f626;font-weight:700}.year-era-pill-btn:disabled{opacity:.3;cursor:not-allowed}.year-scrubber-subtext{font-family:var(--font-mono);color:var(--cube-blue);font-size:12px;font-weight:600}@media (width<=768px){.year-scrubber-bar{flex-direction:column;align-items:stretch}.year-stepper-group{justify-content:space-between}.year-era-pills{justify-content:space-between;width:100%;margin-left:0}}.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}.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}.landing-title{font-size:22px}}