*{margin:0;padding:0;box-sizing:border-box}body{background:var(--ink);color:var(--color-text);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}button{font-family:inherit;cursor:pointer}select{font-family:var(--font-mono);font-size:.8rem;padding:.3rem 1.5rem .3rem .5rem;background:var(--surface);border:1px solid var(--hairline);border-radius:4px;color:var(--color-text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238A8C9C'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}select:focus{outline:none;border-color:var(--color-accent)}select option{background:var(--elevated);color:var(--color-text);padding:.3rem}.custom-select{position:relative;display:inline-block}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-family:var(--font-mono);font-size:.8rem;padding:.3rem .5rem;background:var(--surface);border:1px solid var(--hairline);border-radius:4px;color:var(--color-text);cursor:pointer;transition:border-color .15s;white-space:nowrap}.custom-select-trigger:hover{border-color:var(--color-text-dim)}.custom-select-trigger.open{border-color:var(--color-accent)}.custom-select-label{overflow:hidden;text-overflow:ellipsis}.custom-select-arrow{flex-shrink:0;color:var(--color-text-dim);transition:transform .15s}.custom-select-trigger.open .custom-select-arrow{transform:rotate(180deg)}.custom-select-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:100%;background:var(--elevated);border:1px solid var(--hairline);border-radius:6px;padding:4px;z-index:50;max-height:240px;overflow-y:auto}.custom-select-option{display:block;width:100%;text-align:left;font-family:var(--font-mono);font-size:.8rem;padding:.35rem .5rem;background:none;border:none;border-radius:4px;color:var(--color-text-dim);cursor:pointer;transition:all .1s;white-space:nowrap}.custom-select-option:hover{background:var(--hairline);color:var(--color-text)}.custom-select-option.selected{color:var(--color-text)}:root{--ink: #0c0d12;--surface: #15161d;--elevated: #1e2029;--hairline: #2c2e3a;--bg: var(--ink);--bg-surface: var(--surface);--bg-elevated: var(--elevated);--border: var(--hairline);--color-text: #ECEDF2;--color-text-dim: #8A8C9C;--cube-white: #F2F3F5;--cube-yellow: #FFD23F;--cube-red: #E8412B;--cube-orange: #FF7A1A;--cube-blue: #2D7DF6;--cube-green: #21C467;--color-accent: var(--cube-green);--color-ready: var(--cube-green);--color-inspection: var(--cube-yellow);--color-warning: var(--cube-orange);--color-danger: var(--cube-red);--font-mono: "Space Mono", ui-monospace, "SF Mono", "Fira Code", monospace;--font-sans: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}.app{max-width:1200px;margin:0 auto;padding:1rem;min-height:100vh;display:flex;flex-direction:column}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:.5rem 0 1rem;border-bottom:1px solid var(--border);margin-bottom:1.5rem}.header-left{display:flex;align-items:center;gap:.5rem}.app-header h1{font-family:var(--font-mono);font-size:1.25rem;font-weight:700;letter-spacing:-.02em;cursor:pointer}.server-dot{width:7px;height:7px;border-radius:50%;background:var(--color-text-dim);opacity:.4;transition:all .3s}.server-dot.online{background:var(--color-ready);opacity:1}.server-dot.offline{background:transparent;border:1.5px solid var(--color-danger);opacity:1}.server-dot.maintenance{background:var(--color-warning);box-shadow:0 0 0 1.5px var(--bg),0 0 0 2.5px var(--color-warning);opacity:1}.mode-tabs{display:flex;gap:0;background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;overflow-x:auto;overflow-y:hidden;max-width:100%;scrollbar-width:none}.mode-tabs::-webkit-scrollbar{display:none}.mode-tabs button{white-space:nowrap}.mode-tabs button{font-family:var(--font-mono);font-size:.8rem;padding:.35rem 1rem;background:transparent;border:none;color:var(--color-text-dim);cursor:pointer;transition:all .15s}.mode-tabs button:hover{color:var(--color-text)}.mode-tabs button.active{background:var(--color-accent);color:#07140c;font-weight:700}.beta-badge{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--color-warning);color:#000;padding:.1rem .35rem;border-radius:3px;vertical-align:middle;margin-left:.25rem}.header-right{display:flex;align-items:center;justify-self:end;gap:.75rem;min-width:0}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:3px}@media(max-width:768px){.app-header{grid-template-columns:1fr auto;grid-template-areas:"brand auth" "tabs tabs";row-gap:.6rem;column-gap:.5rem}.header-left{grid-area:brand;min-width:0}.mode-tabs{grid-area:tabs;justify-self:stretch}.header-right{grid-area:auth}}.app-main{display:grid;grid-template-columns:1fr 320px;gap:1.5rem;margin-bottom:2rem}@media(max-width:768px){.app-main{grid-template-columns:1fr}}.scramble-row{display:flex;gap:.75rem;align-items:flex-start;margin-bottom:1.5rem}.scramble-row .scramble{margin-bottom:0;flex:1}.skip-btn{flex-shrink:0;padding:.25rem .5rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;color:var(--color-text-dim);font-size:.75rem;cursor:pointer;transition:all .15s;align-self:center}.skip-btn:hover{color:var(--color-text);border-color:var(--color-text-dim)}.scramble{font-family:var(--font-mono);font-size:.9rem;padding:.75rem;background:var(--bg-surface);border-radius:8px;border:1px solid var(--border);display:flex;flex-wrap:wrap;gap:.5rem;min-height:3rem;align-items:center}.scramble.loading{color:var(--color-text-dim);font-style:italic}.scramble-move{padding:.2rem .45rem;border-radius:6px;background:var(--bg-elevated);border:1px solid var(--border);font-variant-numeric:tabular-nums}.scramble-edit-btn{font-family:var(--font-mono);font-size:.7rem;padding:.15rem .4rem;margin-left:auto;background:transparent;border:1px solid var(--border);color:var(--color-text-dim);border-radius:3px;cursor:pointer;transition:all .15s;flex-shrink:0}.scramble-edit-btn:hover{border-color:var(--color-text-dim);color:var(--color-text)}.scramble-editing{gap:.5rem;flex-wrap:wrap}.scramble-input-error{border-color:var(--color-danger)}.scramble-error{width:100%;font-size:.7rem;color:var(--color-danger)}.scramble-input{flex:1;font-family:var(--font-mono);font-size:.9rem;padding:.25rem .5rem;background:var(--bg-elevated);border:1px solid var(--color-accent);color:var(--color-text);border-radius:4px;outline:none;min-width:0}.scramble-confirm-btn,.scramble-cancel-btn{font-family:var(--font-mono);font-size:.75rem;padding:.25rem .6rem;border:none;border-radius:4px;cursor:pointer;flex-shrink:0;transition:opacity .15s}.scramble-confirm-btn{background:var(--color-accent);color:#fff}.scramble-confirm-btn:hover{opacity:.9}.scramble-cancel-btn{background:var(--bg-elevated);border:1px solid var(--border);color:var(--color-text-dim)}.scramble-cancel-btn:hover{color:var(--color-text)}.timer{text-align:center;padding:2rem 0;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center}.timer-cube{margin-bottom:1.25rem;animation:cube-snap .32s cubic-bezier(.2,.9,.3,1)}@keyframes cube-snap{0%{transform:rotate(-22deg) scale(.94);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}.timer-display{font-family:var(--font-mono);font-size:6rem;font-weight:700;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;transition:color .15s}.timer-penalty{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:var(--color-danger);margin-top:.25rem}.timer-hint{font-size:.8rem;color:var(--color-text-dim);margin-top:.75rem}@media(prefers-reduced-motion:reduce){.timer-cube{animation:none}}.penalty-buttons{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.penalty-buttons button{font-family:var(--font-mono);font-size:.85rem;padding:.4rem 1rem;background:var(--bg-elevated);border:1px solid var(--border);color:var(--color-text-dim);border-radius:6px;transition:all .15s}.penalty-buttons button:hover{border-color:var(--color-accent);color:var(--color-text)}.penalty-buttons button.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.session-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.stat{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:.75rem;text-align:center}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim);margin-bottom:.25rem}.stat-value{font-family:var(--font-mono);font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:-.01em}.camera-section{margin-bottom:1rem}.camera-feed{position:relative;background:var(--bg-surface);border:2px solid var(--border);border-radius:8px;overflow:hidden;aspect-ratio:4 / 3;transition:border-color .3s}.camera-feed.calibrated{border-color:var(--color-ready)}.camera-feed video{width:100%;height:100%;object-fit:cover;display:block}.camera-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 2rem;box-sizing:border-box;line-height:1.5;color:var(--color-text-dim);font-size:.9rem}.camera-enable-link{cursor:pointer;transition:color .15s}.camera-enable-link:hover{color:var(--color-text)}.camera-placeholder.disabled .camera-enable-link{cursor:default}.camera-placeholder.disabled .camera-enable-link:hover{color:inherit}.camera-placeholder.disabled{cursor:default;opacity:.5}.camera-placeholder.disabled:hover{color:var(--color-text-dim)}.camera-overlay{position:absolute;bottom:6px;left:6px;pointer-events:none}.phone-pair-link{display:block;margin:.6rem auto 0;background:none;border:none;padding:0;font:inherit;font-size:.8rem;color:var(--color-text-dim);text-decoration:underline;cursor:pointer}.phone-pair-link:hover{color:var(--color-text)}.phone-pair-panel{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:.6rem .75rem;box-sizing:border-box;text-align:center;overflow-y:auto;min-height:0}.phone-pair-panel>*{flex-shrink:0}.phone-pair-title{font-weight:600}.phone-pair-qr{background:#fff;padding:6px;border-radius:6px;line-height:0}.phone-pair-code{font-family:var(--font-mono);font-size:1.2rem;letter-spacing:.3em;text-indent:.3em;color:var(--color-text)}.phone-pair-hint{font-size:.75rem;color:var(--color-text-dim);line-height:1.4;max-width:90%}.phone-preview{width:100%;height:100%;object-fit:contain;background:#000;display:block}.phone-cam{position:relative;width:100vw;height:100vh;height:100dvh;background:#000;overflow:hidden}.phone-cam-video{width:100%;height:100%;object-fit:cover}.phone-cam-join{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;text-align:center;color:var(--color-text, #eee)}.phone-cam-join h1{margin:0}.phone-cam-dim{color:var(--color-text-dim, #999);margin:0}.phone-cam-code{font-family:var(--font-mono, monospace);font-size:1.6rem;letter-spacing:.3em;text-align:center;text-transform:uppercase;width:9ch;padding:.4rem .6rem;background:#ffffff14;border:1px solid var(--border, #444);border-radius:6px;color:inherit}.phone-cam-btn{font:inherit;padding:.55rem 1.2rem;border-radius:6px;border:1px solid var(--border, #444);background:var(--bg-surface, #1a1a1a);color:var(--color-text, #eee);cursor:pointer}.phone-cam-btn:disabled{opacity:.4}.phone-cam-status{position:absolute;top:0;left:0;right:0;padding:calc(.6rem + env(safe-area-inset-top,0px)) 3rem .6rem;background:#000000a6;color:#eee;text-align:center;font-size:.85rem}.phone-cam-stop{position:absolute;top:calc(.35rem + env(safe-area-inset-top,0px));right:.6rem;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:#0000008c;color:#eee;font-size:1.15rem;line-height:1;cursor:pointer;z-index:5}.phone-cam-status.solving{color:#ff6b6b}.phone-cam-status.calibrating{color:#ffd166}.phone-cam .feedback-banner{top:calc(3.6rem + env(safe-area-inset-top,0px));left:.75rem;right:auto;max-width:38%}.phone-cam-select{position:absolute;top:calc(3.6rem + env(safe-area-inset-top,0px));right:.75rem;max-width:60%;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.phone-cam-select select{font:inherit;font-size:.8rem;max-width:60vw;padding:.3rem .5rem;border-radius:6px;border:1px solid var(--border, #444);background:#000000a6;color:#eee}.phone-cam-fps{font-family:var(--font-mono, monospace);font-size:.7rem;color:#ccc;background:#000000a6;padding:.15rem .4rem;border-radius:4px}.phone-cam-tips{position:absolute;bottom:calc(.75rem + env(safe-area-inset-bottom,0px));left:.75rem;right:.75rem;background:#000000a6;border-radius:8px;padding:.6rem .8rem;color:#ccc;font-size:.8rem;line-height:1.45}.phone-cam-tips p{margin:.25rem 0}.phone-cam-retry{position:absolute;bottom:25%;left:50%;transform:translate(-50%)}.phone-cam-error{position:absolute;bottom:4rem;left:50%;transform:translate(-50%);background:#781414d9;color:#fff;padding:.4rem .8rem;border-radius:6px;font-size:.8rem;white-space:nowrap}.phone-cam-join .phone-cam-error{position:static;transform:none}.feedback-banner{position:absolute;top:6px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;max-width:95%}.feedback-hint{font-size:.75rem;padding:.25rem .6rem;background:#000000bf;color:var(--accent-warn, #ffb84d);border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-bar{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.4rem .5rem;background:var(--bg-surface);border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px}.cal-bar.cal-bar-active{justify-content:flex-start}.record-control{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.4rem .5rem;background:var(--bg-surface);border:1px solid var(--border);border-top:none}.record-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .8rem;font-size:.8rem;font-weight:600;color:#fff;background:#c0392b;border:none;border-radius:6px;cursor:pointer}.record-btn.recording{background:#444;animation:record-pulse 1.2s ease-in-out infinite}@keyframes record-pulse{50%{background:#c0392b}}.record-hint{font-size:.7rem;color:var(--text-muted, #888)}.shutter-control{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.4rem;padding:.35rem .5rem;font-size:.72rem;color:var(--text-muted, #888);background:var(--bg-surface);border:1px solid var(--border);border-top:none}.shutter-toggle{display:flex;align-items:center;gap:.3rem;cursor:pointer}.shutter-control input[type=range]{width:110px}.shutter-end{font-size:.65rem;opacity:.7}.shutter-hint{flex-basis:100%;text-align:center;color:var(--accent-warn, #c90)}.cal-instruction{font-size:.75rem;color:var(--color-text-dim)}.cal-colors{display:flex;gap:4px}.cal-color-dot{width:18px;height:18px;border-radius:3px;border:2px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;opacity:.3;transition:all .2s}.cal-color-dot.found{opacity:1;border-color:#fff6}.cal-color-dot.current{opacity:1;border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.cal-step-num{font-family:var(--font-mono);font-weight:600;color:var(--color-accent)}.cal-sample-count{font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-dim);min-width:1.5rem;text-align:right}.cal-btn-next{background:var(--color-accent)!important;border-color:var(--color-accent)!important;color:#fff!important}.cal-check{font-size:.6rem;font-weight:700;color:#000000b3}.cal-btn-group{display:flex;gap:.4rem}.cal-btn{font-family:var(--font-mono);font-size:.7rem;padding:.2rem .5rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;color:var(--color-text-dim);cursor:pointer;transition:all .15s}.cal-bar-active .cal-btn{margin-left:auto}.cal-btn:hover{border-color:var(--color-text-dim);color:var(--color-text)}.cal-badge{font-family:var(--font-mono);font-size:.7rem;padding:.2rem .5rem;background:#000000b3;color:var(--color-ready);border-radius:4px}.camera-disable-btn{position:absolute;top:6px;right:6px;width:22px;height:22px;padding:0;border:none;border-radius:50%;background:#0009;color:var(--color-text-dim);font-size:.9rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;z-index:2}.camera-disable-btn:hover{background:#000000d9;color:var(--color-text)}.move-log{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:.75rem;margin-bottom:1rem}.move-log.empty{color:var(--color-text-dim);font-size:.85rem;text-align:center;padding:1rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;margin-bottom:1rem}.move-log-header{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim);margin-bottom:.5rem}.move-log-list{display:flex;flex-wrap:wrap;gap:.35rem}.move-entry{font-family:var(--font-mono);font-size:.8rem;display:inline-flex;align-items:baseline;gap:.2rem}.move-notation{background:var(--bg-elevated);padding:.15rem .35rem;border-radius:3px;font-weight:500}.move-time{font-size:.65rem;color:var(--color-text-dim)}.cube-state{display:grid;grid-template-columns:repeat(4,48px);grid-template-rows:repeat(3,48px);gap:3px;justify-content:center;padding:.75rem 0}.cube-face{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:2px;background:var(--ink);padding:2px;border-radius:3px;overflow:hidden}.cube-sticker{aspect-ratio:1;border-radius:2px}.solve-section{border-top:1px solid var(--border);padding-top:1.5rem}.solve-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.solve-section-header h2+.session-selector{margin-left:0}.solve-section-header .clear-btn{margin-left:auto}.solve-section-header h2{font-size:1rem;font-weight:600}.clear-btn{font-size:.75rem;padding:.3rem .75rem;background:transparent;border:1px solid var(--border);color:var(--color-text-dim);border-radius:4px}.clear-btn:hover{border-color:var(--color-danger);color:var(--color-danger)}.solve-list{font-size:.85rem}.solve-list.empty{color:var(--color-text-dim);text-align:center;padding:2rem}.solve-list-header{display:grid;grid-template-columns:3rem 5rem 5rem 1fr 6rem 7rem;gap:.5rem;padding:.5rem .75rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim);border-bottom:1px solid var(--border)}.solve-row{display:grid;grid-template-columns:3rem 5rem 5rem 1fr 6rem 7rem;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s}.solve-row:hover{background:var(--bg-surface)}.col-time{font-family:var(--font-mono);font-weight:500}.col-time sup{color:var(--color-warning);font-size:.7em;margin-left:2px}.col-num{color:var(--color-text-dim)}.col-scramble{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-status{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-dim)}.col-status.status-analyzing{color:var(--color-accent)}.col-status.status-none,.col-status.status-ineligible{opacity:.4}.col-actions{display:flex;gap:.25rem}.col-actions button{font-size:.7rem;padding:.15rem .4rem;background:transparent;border:1px solid var(--border);color:var(--color-text-dim);border-radius:3px;transition:all .1s}.col-actions button:hover{border-color:var(--color-text-dim);color:var(--color-text)}.col-actions button.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.col-actions button.save{border-color:var(--color-accent);color:var(--color-accent)}.col-actions button.save:hover{background:var(--color-accent);color:#fff}.col-actions button.delete:hover{border-color:var(--color-danger);color:var(--color-danger)}.col-cube{font-size:.75rem;color:var(--color-text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.date-header{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim);padding:.6rem .75rem .3rem;background:var(--bg);border-bottom:1px solid var(--border)}.date-group+.date-group .date-header{border-top:1px solid var(--border)}.load-more-btn{display:block;width:100%;padding:.6rem;font-family:var(--font-mono);font-size:.75rem;background:var(--bg-surface);border:1px solid var(--border);border-top:none;color:var(--color-text-dim);cursor:pointer;text-align:center;transition:all .1s}.load-more-btn:hover{background:var(--bg-elevated);color:var(--color-text)}.session-selector{display:flex;align-items:center;gap:.35rem}.session-select .custom-select-trigger{max-width:180px;font-size:.75rem}.session-select .custom-select-option{font-size:.75rem}.session-add-btn,.session-rename-btn,.session-del-btn{font-family:var(--font-mono);font-size:.85rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;color:var(--color-text-dim);cursor:pointer;line-height:1}.session-rename-btn{transform:scaleX(-1)}.session-add-btn:hover,.session-rename-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.session-del-btn:hover{border-color:var(--color-danger);color:var(--color-danger)}.session-create-inline,.session-rename-inline{display:flex;gap:.25rem;align-items:center}.session-name-input{font-family:var(--font-mono);font-size:.75rem;padding:.2rem .4rem;background:var(--bg-surface);border:1px solid var(--color-accent);border-radius:4px;color:var(--color-text);width:140px}.session-create-inline button,.session-rename-inline button{font-family:var(--font-mono);font-size:.7rem;padding:.2rem .4rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;color:var(--color-text-dim);cursor:pointer}.session-create-inline button:hover,.session-rename-inline button:hover{border-color:var(--color-text-dim);color:var(--color-text)}.reconstruction{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.recon-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.recon-header h3{font-size:.9rem;font-weight:600}.recon-header button{font-size:.75rem;padding:.25rem .6rem;background:transparent;border:1px solid var(--border);color:var(--color-text-dim);border-radius:4px}.recon-header button:hover{border-color:var(--color-text-dim);color:var(--color-text)}.recon-empty{color:var(--color-text-dim);font-size:.85rem;text-align:center;padding:1rem}.recon-stats{display:flex;gap:1.5rem;font-size:.8rem;color:var(--color-text-dim);margin-bottom:.75rem}.recon-timeline{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.75rem}.recon-move{font-family:var(--font-mono);font-size:.8rem;padding:.2rem .4rem;background:var(--bg-elevated);border:1px solid transparent;color:var(--color-text-dim);border-radius:3px;cursor:pointer;transition:all .1s}.recon-move:hover{color:var(--color-text);border-color:var(--border)}.recon-move.active{background:var(--color-accent);color:#fff}.recon-move.past{color:var(--color-text)}.recon-controls{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.75rem}.recon-controls button{font-size:.8rem;padding:.3rem .6rem;background:var(--bg-elevated);border:1px solid var(--border);color:var(--color-text-dim);border-radius:4px}.recon-controls button:hover:not(:disabled){color:var(--color-text);border-color:var(--color-text-dim)}.recon-controls button:disabled{opacity:.3;cursor:default}.recon-step-label{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-dim);min-width:12rem;text-align:center}.tps-chart{display:flex;align-items:flex-end;gap:.5rem;height:60px}.tps-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim);writing-mode:vertical-rl;transform:rotate(180deg)}.tps-bars{flex:1;display:flex;align-items:flex-end;gap:1px;height:100%}.tps-bar{flex:1;min-width:3px;max-width:12px;background:var(--color-accent);opacity:.5;border-radius:1px 1px 0 0;cursor:pointer;transition:opacity .1s}.tps-bar:hover{opacity:.8}.tps-bar.active{opacity:1;background:var(--color-ready)}.video-analyzer{max-width:900px;margin:0 auto}.analyzer-form{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:1.25rem;margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim);margin-bottom:.4rem}.form-input{width:100%;font-family:var(--font-mono);font-size:.9rem;padding:.5rem .75rem;background:var(--bg-elevated);border:1px solid var(--border);color:var(--color-text);border-radius:6px;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--color-accent)}.form-input.file-input{font-family:var(--font-sans);font-size:.8rem;padding:.4rem;cursor:pointer}.form-input.file-input::file-selector-button{font-family:var(--font-mono);font-size:.75rem;padding:.3rem .6rem;background:var(--bg-surface);border:1px solid var(--border);color:var(--color-text-dim);border-radius:4px;cursor:pointer;margin-right:.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.file-name{font-size:.75rem;color:var(--color-text-dim);margin-top:.25rem;display:block}.analyze-btn{width:100%;font-family:var(--font-mono);font-size:.9rem;font-weight:600;padding:.6rem;background:var(--color-accent);border:none;color:#fff;border-radius:6px;cursor:pointer;transition:opacity .15s}.analyze-btn:hover:not(:disabled){opacity:.9}.analyze-btn:disabled{opacity:.4;cursor:default}.processing-status{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;color:var(--color-text-dim);font-size:.9rem}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.analyzer-note{font-size:.75rem;color:var(--color-text-dim);margin-bottom:.5rem}.analyzer-protocol{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;font-size:.8rem;line-height:1.5;color:var(--color-text-dim);margin-bottom:1rem}.analyzer-error{background:#f443361a;border:1px solid var(--color-danger);color:var(--color-danger);border-radius:8px;padding:.75rem 1rem;font-size:.85rem;margin-bottom:1.5rem}.analyzer-results{margin-top:1rem}.results-summary{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:1rem;margin-bottom:1rem}.results-summary h3{font-size:.9rem;font-weight:600;margin-bottom:.5rem}.results-notation{font-family:var(--font-mono);font-size:1.1rem;font-weight:500;margin-bottom:.5rem}.results-meta{display:flex;gap:1.5rem;font-size:.8rem;color:var(--color-text-dim)}.results-grid{display:grid;grid-template-columns:1fr 280px;gap:1rem}@media(max-width:768px){.results-grid,.form-row{grid-template-columns:1fr}}.results-left{min-width:0}.results-right{display:flex;flex-direction:column;gap:1rem}.calibration-info{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:.75rem}.info-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim);margin-bottom:.4rem}.info-detail{display:flex;flex-wrap:wrap;gap:.5rem}.sample-count{font-family:var(--font-mono);font-size:.75rem;padding:.15rem .4rem;background:var(--bg-elevated);border-radius:3px}.debug-view{max-width:1000px;margin:0 auto}.debug-picker{text-align:center;padding:3rem 1rem}.debug-picker h2{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.debug-hint{font-size:.85rem;color:var(--color-text-dim);margin-bottom:1.5rem}.debug-hint code{background:var(--bg-elevated);padding:.1rem .4rem;border-radius:3px;font-size:.8rem}.debug-empty{color:var(--color-text-dim);font-size:.9rem;padding:2rem}.debug-empty code{background:var(--bg-elevated);padding:.1rem .4rem;border-radius:3px}.debug-scramble-bar{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;margin-bottom:.75rem}.debug-scramble-label{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim);flex-shrink:0}.debug-scramble-moves{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text)}.debug-picker-form{display:flex;gap:.75rem;max-width:400px;margin:0 auto}.debug-picker-form .custom-select{flex:1}.debug-picker-form .custom-select-trigger{width:100%}.debug-picker-form .analyze-btn{width:auto;padding:.5rem 1.5rem}.debug-frame-viewer{position:relative;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:.75rem;min-height:200px}.debug-frame-placeholder{display:flex;align-items:center;justify-content:center;min-height:300px;color:var(--color-text-dim);font-size:.9rem}.debug-frame-img{width:100%;display:block}.debug-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006}.debug-graph-container{background:var(--bg-surface);border:1px solid var(--border);border-bottom:none;border-radius:8px 8px 0 0;padding:.25rem .75rem}.debug-graph-canvas{width:100%;height:32px;cursor:crosshair;display:block;border-radius:4px}.debug-graph-container+.debug-controls{border-top-left-radius:0;border-top-right-radius:0}.debug-controls{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;margin-bottom:.75rem}.debug-controls button{font-family:var(--font-mono);font-size:1rem;padding:.25rem .5rem;background:var(--bg-elevated);border:1px solid var(--border);color:var(--color-text-dim);border-radius:4px;cursor:pointer;line-height:1}.debug-controls button:hover{color:var(--color-text);border-color:var(--color-text-dim)}.debug-slider{flex:1;accent-color:var(--color-accent)}.debug-frame-counter{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-dim);min-width:7rem;text-align:center}.debug-timestamp{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-dim)}.debug-toggle{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--color-text-dim);cursor:pointer;white-space:nowrap}.debug-toggle input{accent-color:var(--color-accent)}.debug-info{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:.75rem;margin-bottom:.75rem}.debug-info-row{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.debug-badge{font-family:var(--font-mono);font-size:.8rem;font-weight:600;padding:.2rem .6rem;border-radius:4px}.debug-badge.aligned{background:#00e67626;color:var(--color-ready)}.debug-badge.unaligned{background:#f4433626;color:var(--color-danger)}.debug-stat{font-size:.8rem;color:var(--color-text-dim)}.debug-groups{display:flex;gap:1rem;flex-wrap:wrap}.debug-face-group{background:var(--bg-elevated);border-radius:6px;padding:.5rem}.debug-face-header{font-family:var(--font-mono);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.35rem;color:var(--color-text-dim)}.debug-face-grid{display:grid;grid-template-columns:repeat(3,28px);grid-template-rows:repeat(3,28px);gap:2px}.debug-sticker{display:flex;align-items:center;justify-content:center;border-radius:2px;font-family:var(--font-mono);font-size:.6rem;font-weight:700;color:#0009;cursor:default}.debug-sticker.empty{background:var(--bg-surface);border:1px dashed var(--border)}.debug-back-btn{font-family:var(--font-mono);font-size:.8rem;padding:.4rem 1rem;background:transparent;border:1px solid var(--border);color:var(--color-text-dim);border-radius:6px;cursor:pointer}.debug-back-btn:hover{border-color:var(--color-text-dim);color:var(--color-text)}.debug-source-tabs{display:flex;gap:0;background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;overflow:hidden;margin-bottom:1rem;width:fit-content}.debug-source-tabs button{font-family:var(--font-mono);font-size:.8rem;padding:.4rem 1.25rem;background:transparent;border:none;color:var(--color-text-dim);cursor:pointer;transition:all .15s}.debug-source-tabs button:hover{color:var(--color-text)}.debug-source-tabs button.active{background:var(--color-accent);color:#fff}.debug-engine-selector{display:flex;align-items:center;gap:0;margin-bottom:.75rem}.debug-engine-label{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-dim);margin-right:.5rem}.debug-engine-selector button{font-family:var(--font-mono);font-size:.75rem;padding:.3rem .75rem;background:transparent;border:1px solid var(--border);color:var(--color-text-dim);cursor:pointer;transition:all .15s}.debug-engine-selector button:first-of-type{border-radius:4px 0 0 4px}.debug-engine-selector button:last-child{border-radius:0 4px 4px 0}.debug-engine-selector button:not(:first-of-type){border-left:none}.debug-engine-selector button:hover{color:var(--color-text)}.debug-engine-selector button.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.debug-compare-frames{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.75rem;position:relative}.debug-compare-panel .debug-frame-viewer{margin-bottom:0}.debug-compare-label{font-family:var(--font-mono);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim);padding:.25rem .5rem;background:var(--bg-surface);border:1px solid var(--border);border-bottom:none;border-radius:6px 6px 0 0}.debug-compare-stats{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:.75rem;margin-bottom:.75rem}.debug-compare-stats table{width:100%;font-family:var(--font-mono);font-size:.75rem;border-collapse:collapse}.debug-compare-stats th{text-align:center;font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim);padding:.25rem .5rem;border-bottom:1px solid var(--border)}.debug-compare-stats th:first-child{text-align:left}.debug-compare-stats td{padding:.2rem .5rem;text-align:center;color:var(--color-text)}.debug-compare-stats td:first-child{text-align:left;color:var(--color-text-dim)}.debug-compare-stats tr.diff td{color:var(--color-warning);font-weight:600}.debug-compare-grids{display:flex;gap:2rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.debug-compare-grid-col{flex:1}.debug-compare-grid-label{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim);margin-bottom:.35rem}.debug-dataset-header{display:flex;align-items:center;margin-bottom:.75rem}.debug-dataset-filename{font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-dim);padding:.25rem 0;word-break:break-all}.debug-dataset-mismatch{font-family:var(--font-mono);font-size:.75rem;color:var(--color-warning);font-weight:600;padding:.4rem .75rem;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:6px;margin-top:.5rem}.debug-camera-section{margin-bottom:.75rem}.debug-camera-controls{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.debug-camera-controls .analyze-btn{width:auto;padding:.4rem 1.5rem}.debug-color-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:.75rem;margin-bottom:.75rem;overflow-x:auto}.debug-section-label{font-family:var(--font-mono);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim);margin-bottom:.4rem;margin-top:.5rem}.debug-section-label:first-child{margin-top:0}.debug-centroids{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.debug-centroid-row{display:flex;align-items:center;gap:.5rem;padding:.15rem 0;font-family:var(--font-mono);font-size:.75rem}.debug-centroid-header{color:var(--color-text-dim);font-size:.65rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);padding-bottom:.25rem;margin-bottom:.15rem}.centroid-color{display:flex;align-items:center;gap:.35rem;min-width:5.5rem;color:var(--color-text)}.centroid-swatch{width:12px;height:12px;border-radius:2px;flex-shrink:0;border:1px solid rgba(255,255,255,.15)}.centroid-swatch-sm{display:inline-block;width:9px;height:9px;border-radius:2px;flex-shrink:0;border:1px solid rgba(255,255,255,.15)}.centroid-val{min-width:2.5rem;text-align:right;color:var(--color-text-dim)}.debug-color-group{margin-bottom:.5rem}.debug-color-group-header{font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--color-text);margin-bottom:.25rem}.debug-color-table{display:flex;flex-direction:column}.debug-color-row{display:flex;align-items:center;gap:0;font-family:var(--font-mono);font-size:.7rem;padding:.15rem 0;border-bottom:1px solid rgba(255,255,255,.03)}.debug-color-row.empty{opacity:.35}.debug-color-header-row{color:var(--color-text-dim);font-size:.6rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);padding-bottom:.25rem;margin-bottom:.1rem}.ct-pos{min-width:1.5rem;text-align:center;color:var(--color-text-dim)}.ct-lab{min-width:2.5rem;text-align:right;color:var(--color-text);padding:0 .15rem}.ct-result{min-width:2.5rem;text-align:center;display:flex;align-items:center;gap:.2rem;justify-content:center;font-weight:600;padding:0 .25rem}.ct-dist{min-width:2.5rem;text-align:right;color:var(--color-text-dim);padding:0 .15rem}.ct-dist.best{color:var(--color-ready);font-weight:600}.ct-margin{min-width:3rem;text-align:right;color:var(--color-text-dim);padding:0 .15rem}.ct-margin.warn{color:var(--color-warning);font-weight:600}.debug-picker-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:.5rem .75rem;margin-bottom:.75rem}.debug-picker-result{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.8rem;margin-bottom:.25rem}.debug-picker-class{font-weight:600;color:var(--color-text)}.debug-picker-lab{color:var(--color-text-dim)}.debug-picker-coords{color:var(--color-text-dim);font-size:.7rem;margin-left:auto}.debug-picker-distances{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-family:var(--font-mono);font-size:.7rem}.debug-picker-dist{display:inline-flex;align-items:center;gap:.2rem;color:var(--color-text-dim)}.debug-picker-dist.best{color:var(--color-ready);font-weight:600}.debug-picker-margin{margin-left:auto;color:var(--color-text-dim)}.debug-picker-margin.warn{color:var(--color-warning);font-weight:600}.debug-scatter-container{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:.5rem .75rem;margin-bottom:.75rem}.debug-scatter-canvas{width:100%;height:180px;display:block;border-radius:4px}.debug-sticker-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:.75rem;margin-bottom:.75rem;overflow-x:auto}.debug-section-toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.debug-section-toggle:hover{color:var(--color-text)}.debug-sticker-group{margin-bottom:.5rem}.debug-sticker-table{display:flex;flex-direction:column}.debug-sticker-row{display:flex;align-items:center;gap:0;font-family:var(--font-mono);font-size:.7rem;padding:.15rem 0;border-bottom:1px solid rgba(255,255,255,.03)}.debug-sticker-row.empty{opacity:.35}.debug-sticker-header-row{color:var(--color-text-dim);font-size:.6rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);padding-bottom:.25rem;margin-bottom:.1rem}.st-pos{min-width:1.5rem;text-align:center;color:var(--color-text-dim)}.st-centroid{min-width:5.5rem;text-align:right;padding:0 .25rem}.st-area{min-width:3.5rem;text-align:right;padding:0 .25rem}.st-conf{min-width:3rem;text-align:right;padding:0 .25rem}.st-conf.warn{color:var(--color-warning);font-weight:600}.st-angles{min-width:5.5rem;text-align:right;padding:0 .25rem;color:var(--color-text-dim)}.st-bbox{min-width:4rem;text-align:right;padding:0 .25rem;color:var(--color-text-dim)}.st-verts,.st-quad{min-width:2.5rem;text-align:right;padding:0 .25rem;color:var(--color-text-dim)}.st-lrpt{min-width:5.5rem;text-align:right;padding:0 .25rem}.st-slope{min-width:3rem;text-align:right;padding:0 .25rem}.annotate-view{max-width:1200px;margin:0 auto}.annotate-selector{text-align:center;padding:3rem 1rem}.annotate-selector h2{font-family:var(--font-sans);font-size:1.1rem;margin-bottom:1rem;color:var(--color-text)}.annotate-selector-row{display:flex;gap:.5rem;justify-content:center;align-items:center}.annotate-selector-row .custom-select{min-width:300px}.annotate-selector-row .custom-select-trigger{width:100%;font-size:.85rem}.annotate-selector-row>button{background:var(--color-accent);color:#fff;border:none;padding:.5rem 1.25rem;border-radius:6px;font-family:var(--font-sans);cursor:pointer}.annotate-selector-row>button:disabled{opacity:.5;cursor:default}.annotate-toolbar{display:flex;justify-content:space-between;align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:.5rem .75rem;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.annotate-tools{display:flex;gap:.35rem;align-items:center}.annotate-tools button{background:var(--bg-elevated);border:1px solid var(--border);color:var(--color-text);padding:.35rem .75rem;border-radius:4px;font-family:var(--font-sans);font-size:.8rem;cursor:pointer}.annotate-tools button:hover{background:var(--border)}.annotate-tools button.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.annotate-tools button:disabled{opacity:.4;cursor:default}.annotate-sep{width:1px;height:1.5rem;background:var(--border);margin:0 .25rem}.annotate-stats{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-dim)}.annotate-dirty{color:var(--color-warning)}.annotate-canvas-container{position:relative;background:#000;border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:.5rem}.annotate-canvas-container img{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.annotate-canvas-container svg{position:absolute;top:0;left:0;width:100%;height:100%}.ann-polygon{fill:#6496ff26;stroke:#6496ffcc;stroke-width:2;cursor:pointer}.ann-polygon.selected{fill:#ffdc3226;stroke:#ffdc32e6;stroke-width:3}.ann-vertex{fill:#fff;stroke:var(--color-accent);stroke-width:2;cursor:grab}.ann-vertex:hover{r:10;fill:var(--color-accent)}.ann-drawing{fill:none;stroke:var(--color-ready);stroke-width:2;stroke-dasharray:6 3}.ann-ghost-line{stroke:var(--color-ready);stroke-width:1.5;stroke-dasharray:4 4;opacity:.6}.ann-close-indicator{fill:none;stroke:var(--color-ready);stroke-width:2;opacity:.7}.ann-draw-vertex{fill:var(--color-ready);stroke:#fff;stroke-width:1.5}.ann-kp-quad{fill:#ffaa0014;stroke:#fa09;stroke-width:2;cursor:pointer}.ann-kp-quad.selected{fill:#ffaa0026;stroke:#ffaa00e6;stroke-width:3}.ann-kp-corner{stroke-width:3;cursor:grab}.ann-kp-corner.occluded{stroke-dasharray:4 3}.ann-kp-label{font-size:12px;font-weight:700;font-family:var(--font-mono);text-anchor:middle;dominant-baseline:central;pointer-events:none;-webkit-user-select:none;user-select:none}.annotate-nav{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:.5rem .75rem}.annotate-nav-controls{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.annotate-nav-controls button{background:var(--bg-elevated);border:1px solid var(--border);color:var(--color-text);padding:.25rem .5rem;border-radius:4px;font-family:var(--font-mono);font-size:.8rem;cursor:pointer;min-width:2rem}.annotate-nav-controls button:hover{background:var(--border)}.annotate-frame-label{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text);min-width:8rem;text-align:center}.annotate-aligned-toggle{display:flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-dim);margin-left:auto;cursor:pointer}.annotate-slider{width:100%;accent-color:var(--color-accent)}.annotate-align-group{display:flex;gap:.2rem}.annotate-align-group button.classify-active{background:#e68a00;border-color:#e68a00;color:#fff}.annotate-align-group button.aligned-active{background:#2a7d2a;border-color:#2a7d2a;color:#fff}.annotate-align-group button.unaligned-active{background:#b33;border-color:#b33;color:#fff}.annotate-align-badge{position:absolute;top:8px;left:8px;z-index:10;padding:3px 10px;border-radius:4px;font-family:var(--font-mono);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;pointer-events:none}.annotate-align-badge.aligned{background:#2a7d2ad9;color:#fff}.annotate-align-badge.unaligned{background:#b43232d9;color:#fff}.annotate-export-result{margin-top:.5rem;padding:.5rem .75rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-dim)}.auth-login-btn{font-family:var(--font-mono);font-size:.8rem;padding:.35rem .75rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;color:var(--color-text);cursor:pointer;transition:all .15s}.auth-login-btn:hover{background:var(--bg-elevated);border-color:var(--color-accent)}.auth-user{position:relative}.auth-avatar-btn{background:none;border:2px solid transparent;padding:0;cursor:pointer;border-radius:50%;display:flex;align-items:center;transition:border-color .15s}.auth-avatar-btn:hover{border-color:var(--color-accent)}.auth-avatar{width:28px;height:28px;border-radius:50%;display:block}.auth-avatar-fallback{width:28px;height:28px;border-radius:50%;background:var(--bg-elevated);color:var(--color-text-dim);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.8rem;font-weight:600}.auth-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:.75rem;min-width:160px;z-index:50}.auth-dropdown-name{font-size:.8rem;color:var(--color-text);margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.auth-dropdown-logout{font-family:var(--font-mono);font-size:.75rem;width:100%;text-align:left;padding:.3rem 0;background:none;border:none;color:var(--color-text-dim);cursor:pointer}.auth-dropdown-logout:hover{color:var(--color-danger)}.auth-loading,.auth-error{display:flex;align-items:center;justify-content:center;min-height:200px;font-family:var(--font-mono);font-size:1rem;color:var(--color-text-dim)}.auth-error{color:var(--color-danger)}.cube-selector{display:flex;align-items:center;gap:.35rem}.cube-select .custom-select-trigger{max-width:160px;font-size:.75rem}.cube-select .custom-select-option{font-size:.75rem}.cube-add-btn{font-family:var(--font-mono);font-size:.85rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;color:var(--color-text-dim);cursor:pointer}.cube-add-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.cube-del-btn{font-family:var(--font-mono);font-size:.9rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;color:var(--color-text-dim);cursor:pointer;line-height:1}.cube-del-btn:hover{border-color:var(--color-danger);color:var(--color-danger)}.cube-create-inline{display:flex;gap:.25rem;align-items:center}.cube-name-input{font-family:var(--font-mono);font-size:.75rem;padding:.2rem .4rem;background:var(--bg-surface);border:1px solid var(--color-accent);border-radius:4px;color:var(--color-text);width:120px}.cube-create-inline button{font-family:var(--font-mono);font-size:.7rem;padding:.2rem .4rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;color:var(--color-text-dim);cursor:pointer}.migration-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.migration-modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:2rem;max-width:400px;text-align:center}.migration-modal h3{margin:0 0 .75rem;font-family:var(--font-mono);font-size:1.1rem}.migration-modal p{color:var(--color-text-dim);font-size:.9rem;margin:0 0 1.5rem;line-height:1.5}.migration-actions{display:flex;gap:.75rem;justify-content:center}.migration-import-btn{font-family:var(--font-mono);padding:.5rem 1.5rem;background:var(--color-accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem}.migration-import-btn:hover{opacity:.9}.migration-skip-btn{font-family:var(--font-mono);padding:.5rem 1.5rem;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--color-text-dim);cursor:pointer;font-size:.9rem}.migration-skip-btn:hover{border-color:var(--color-text-dim)}.app-footer{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem 0 1rem;margin-top:auto;border-top:1px solid var(--border)}.footer-link{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-dim);background:none;border:none;padding:0;cursor:pointer;text-decoration:none;transition:color .15s}.footer-link:hover{color:var(--color-text)}.footer-sep{color:var(--color-text-dim);font-size:.75rem;opacity:.4}.feedback-wrapper{position:relative;display:flex;align-items:center}.feedback-popover{position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%);width:300px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:.75rem;z-index:50;box-shadow:0 8px 24px #0006}.feedback-header{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:.8rem;font-weight:600;margin-bottom:.5rem}.feedback-close{background:none;border:none;color:var(--color-text-dim);font-size:1.1rem;cursor:pointer;padding:0;line-height:1}.feedback-close:hover{color:var(--color-text)}.feedback-types{display:flex;gap:.25rem;margin-bottom:.5rem}.feedback-type{font-family:var(--font-mono);font-size:.65rem;padding:.2rem .5rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;color:var(--color-text-dim);cursor:pointer;transition:all .15s}.feedback-type:hover{border-color:var(--color-text-dim);color:var(--color-text)}.feedback-type.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.feedback-textarea{width:100%;font-family:var(--font-sans);font-size:.8rem;padding:.5rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;color:var(--color-text);resize:vertical;min-height:80px;box-sizing:border-box;margin-bottom:.5rem}.feedback-textarea:focus{outline:none;border-color:var(--color-accent)}.feedback-textarea::placeholder{color:var(--color-text-dim);opacity:.6}.feedback-submit{width:100%;font-family:var(--font-mono);font-size:.8rem;font-weight:600;padding:.4rem;background:var(--color-accent);border:none;border-radius:6px;color:#fff;cursor:pointer;transition:opacity .15s}.feedback-submit:hover:not(:disabled){opacity:.9}.feedback-submit:disabled{opacity:.4;cursor:default}.feedback-sent{text-align:center;font-family:var(--font-mono);font-size:.8rem;color:var(--color-ready);padding:1rem 0}.guide{max-width:700px;margin:0 auto;padding:1rem 0 2rem}.guide-section{margin-bottom:2rem}.guide-section h2{font-family:var(--font-mono);font-size:1rem;font-weight:700;margin-bottom:.75rem;letter-spacing:-.01em}.guide-section p{font-size:.9rem;line-height:1.65;color:var(--color-text-dim);max-width:68ch}.guide-features{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media(max-width:600px){.guide-features{grid-template-columns:1fr}}.guide-feature{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem}.guide-feature h3{font-family:var(--font-mono);font-size:.85rem;font-weight:600;margin-bottom:.35rem}.guide-feature p{font-size:.8rem;line-height:1.55;color:var(--color-text-dim)}.guide-steps{list-style:none;counter-reset:step;padding:0;margin:.75rem 0 0}.guide-steps li{counter-increment:step;position:relative;padding:.6rem 0 .6rem 2rem;font-size:.85rem;line-height:1.6;color:var(--color-text-dim);border-left:2px solid var(--border);margin-left:.5rem}.guide-steps li:before{content:counter(step);position:absolute;left:-.7rem;top:.6rem;width:1.3rem;height:1.3rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:50%;font-family:var(--font-mono);font-size:.7rem;font-weight:600;display:flex;align-items:center;justify-content:center;color:var(--color-accent)}.guide-steps li strong{color:var(--color-text)}.guide-tips{margin:.75rem 0 0;padding-left:1.25rem}.guide-tips li{font-size:.85rem;line-height:1.6;color:var(--color-text-dim);margin-bottom:.35rem}.dataset-browser{max-width:1200px;margin:1rem auto;padding:0 1rem}.dataset-sources{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.dataset-source-tab{font-family:var(--font-mono);font-size:.8rem;padding:.4rem .75rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;color:var(--color-text-dim);cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:.5rem}.dataset-source-tab:hover{border-color:var(--color-accent);color:var(--color-text)}.dataset-source-tab.active{background:var(--bg-elevated);border-color:var(--color-accent);color:var(--color-text)}.dataset-source-count{font-size:.7rem;color:var(--color-text-dim);opacity:.7}.dataset-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.dataset-stats{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-dim);display:flex;gap:.5rem;align-items:center}.dataset-stat-sep{opacity:.4}.dataset-filters{display:flex;gap:.35rem}.dataset-filter-btn{font-family:var(--font-mono);font-size:.75rem;padding:.3rem .6rem;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--color-text-dim);cursor:pointer;transition:all .15s}.dataset-filter-btn:hover{border-color:var(--color-accent)}.dataset-filter-btn.active{background:var(--bg-elevated);border-color:var(--color-accent);color:var(--color-text)}.dataset-loading{text-align:center;padding:3rem;font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-dim)}.dataset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem;overflow-y:auto;max-height:calc(100vh - 220px);padding-bottom:1rem}.dataset-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;cursor:pointer;overflow:hidden;transition:border-color .15s}.dataset-card:hover{border-color:var(--color-accent)}.dataset-card-img{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-elevated)}.dataset-card-img img{width:100%;height:100%;object-fit:cover;display:block}.dataset-card-placeholder{width:100%;height:100%;background:var(--bg-elevated)}.dataset-kp-badge{position:absolute;top:4px;right:4px;background:#000000b3;color:#fff;font-family:var(--font-mono);font-size:.65rem;padding:1px 5px;border-radius:3px}.dataset-card-footer{display:flex;align-items:center;gap:.35rem;padding:.3rem .4rem;overflow:hidden}.dataset-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.dataset-card-name{font-family:var(--font-mono);font-size:.65rem;color:var(--color-text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dataset-empty{grid-column:1 / -1;text-align:center;padding:3rem;font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-dim)}.tracker-analysis{padding:16px;max-width:1400px;margin:0 auto}.tracker-toolbar{display:flex;gap:12px;margin-bottom:14px}.tracker-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:18px}.tracker-controls{display:flex;align-items:center;gap:6px;padding:8px 4px 0}.tracker-frame-counter{font-weight:600;font-variant-numeric:tabular-nums;min-width:110px;text-align:center}.tracker-frame-info{font-size:14px;padding:4px;color:#ccc;min-height:42px;font-variant-numeric:tabular-nums}.tracker-video-wrap{position:relative;width:fit-content;max-width:100%}.tracker-overlay-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.tracker-det-toggle{display:flex;align-items:center;gap:6px;font-size:14px;color:#ccc;-webkit-user-select:none;user-select:none}.tracker-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:#ccc;padding:4px;min-height:26px}.legend-item{display:inline-flex;align-items:center;gap:5px}.legend-swatch{width:12px;height:12px;display:inline-block;border-radius:2px}.tracker-seq{font-size:14px;margin:4px 0}.tracker-seq .seq-label{display:inline-block;width:44px;color:#888}.tracker-anchors{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.anchor-chip{font-size:12px;padding:3px 8px;border-radius:10px;background:#2c2c34;color:#ffd54f;border:1px solid #444;cursor:pointer}.anchor-chip:hover{background:#3a3a44}.tracker-cands table{width:100%;font-size:13px;border-collapse:collapse}.tracker-cands td{padding:3px 6px;border-bottom:1px solid #333}.tracker-cands .cand-top td{color:#4caf50;font-weight:600}.tracker-side-col h4{margin:10px 0 6px}.notation-canonical{font-size:13px;color:#888;margin-top:4px}.notation-fallback-note{font-size:13px;color:#c9a14a;margin-top:6px}.versus-view{flex:1;width:100%}.versus-error{background:#f443361a;border:1px solid var(--color-danger);color:var(--color-danger);border-radius:8px;padding:.5rem .75rem;font-size:.8rem}.versus-waiting{display:inline-flex;align-items:center;gap:.6rem;color:var(--color-text-dim);font-size:.85rem}.versus-waiting-center{display:flex;justify-content:center;padding:1.5rem}.versus-signin{max-width:420px;margin:4rem auto;text-align:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:2.5rem 2rem}.versus-signin h2{font-family:var(--font-mono);font-size:1.2rem;margin-bottom:.75rem}.versus-signin p{color:var(--color-text-dim);font-size:.9rem;margin-bottom:1.5rem}.versus-lobby{max-width:760px;margin:0 auto}.lobby-top{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}@media(max-width:768px){.lobby-top{grid-template-columns:1fr}}.lobby-rating-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.lobby-identity{display:flex;align-items:center;gap:.5rem}.lobby-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.lobby-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:var(--color-accent);color:#fff;font-size:.8rem;font-weight:600}.lobby-name{font-size:.9rem;color:var(--color-text)}.lobby-elo{display:flex;align-items:baseline;gap:.4rem}.lobby-elo-value{font-family:var(--font-mono);font-size:2.4rem;font-weight:300;line-height:1}.lobby-elo-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim)}.lobby-record{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-dim);display:flex;gap:.4rem}.lobby-record .record-w{color:var(--color-ready)}.lobby-record .record-l{color:var(--color-danger)}.lobby-record .record-sep{opacity:.4}.lobby-actions{display:flex;flex-direction:column;justify-content:center;gap:.75rem}.lobby-find-btn{font-family:var(--font-mono);font-size:1rem;padding:.9rem 1.5rem;background:var(--color-accent);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:opacity .15s}.lobby-find-btn:hover:not(:disabled){opacity:.9}.lobby-find-btn:disabled{opacity:.5;cursor:default}.lobby-invite-row{display:flex;gap:.75rem}.lobby-invite-btn,.lobby-join-btn{flex:1;font-family:var(--font-mono);font-size:.85rem;padding:.5rem .75rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;color:var(--color-text-dim);cursor:pointer;transition:all .15s}.lobby-invite-btn:hover:not(:disabled),.lobby-join-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-text)}.lobby-invite-btn:disabled,.lobby-join-btn:disabled{opacity:.5;cursor:default}.lobby-section{margin-bottom:2rem}.lobby-section h3{font-family:var(--font-mono);font-size:.9rem;margin-bottom:.75rem;color:var(--color-text)}.lobby-empty{color:var(--color-text-dim);font-size:.85rem;padding:1rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.lobby-retry-btn{font-family:var(--font-mono);font-size:.75rem;padding:.3rem .75rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;color:var(--color-text-dim);cursor:pointer}.lobby-retry-btn:hover{border-color:var(--color-accent);color:var(--color-text)}.match-history{display:flex;flex-direction:column;gap:2px;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.match-history.empty{color:var(--color-text-dim);font-size:.85rem;padding:1.25rem;text-align:center;display:block}.history-row{display:grid;grid-template-columns:28px 1fr auto auto auto;align-items:center;gap:.75rem;padding:.55rem .75rem;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--color-text);font-size:.85rem;cursor:pointer;text-align:left;transition:background .1s}.history-row:last-child{border-bottom:none}.history-row:hover{background:var(--bg-elevated)}.res-chip{font-family:var(--font-mono);font-size:.75rem;font-weight:600;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px}.res-chip.win{background:#00e67626;color:var(--color-ready)}.res-chip.loss{background:#f4433626;color:var(--color-danger)}.res-chip.draw{background:#88889926;color:var(--color-text-dim)}.history-opp{display:flex;align-items:center;gap:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-avatar{width:18px;height:18px;border-radius:50%;object-fit:cover}.history-times{font-family:var(--font-mono);font-size:.8rem;display:flex;align-items:center;gap:.4rem}.history-vs{color:var(--color-text-dim);font-size:.7rem}.elo-delta{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-dim)}.elo-delta.up{color:var(--color-ready)}.elo-delta.down{color:var(--color-danger)}.history-date{font-size:.75rem;color:var(--color-text-dim)}.leaderboard{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.lb-row{display:grid;grid-template-columns:44px 1fr auto auto;align-items:center;gap:.75rem;padding:.5rem .75rem;border-bottom:1px solid var(--border);font-size:.85rem}.lb-row:last-child{border-bottom:none}.lb-row.me{background:#6c5ce714}.lb-rank{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-dim)}.lb-player{display:flex;align-items:center;gap:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-avatar{width:18px;height:18px;border-radius:50%;object-fit:cover}.lb-elo{font-family:var(--font-mono);font-weight:500}.lb-record{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-dim)}@media(max-width:768px){.leaderboard{width:100%}.lb-row{grid-template-columns:32px 1fr auto auto;gap:.5rem;padding:.5rem;font-size:.8rem}.lb-record{font-size:.7rem}}.queue-panel{max-width:360px;margin:4rem auto;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:2.5rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.queue-spinner{width:28px;height:28px;border-width:3px}.queue-title{font-size:.95rem;color:var(--color-text)}.queue-stats{display:flex;gap:1.5rem}.queue-stat{display:flex;flex-direction:column;align-items:center;gap:.2rem}.queue-stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim)}.queue-stat-value{font-family:var(--font-mono);font-size:.95rem}.queue-cancel-btn{font-family:var(--font-mono);padding:.5rem 1.5rem;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--color-text-dim);cursor:pointer}.queue-cancel-btn:hover{border-color:var(--color-text-dim);color:var(--color-text)}.versus-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.versus-modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:1.5rem;width:100%;max-width:420px;max-height:90vh;overflow-y:auto}.versus-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.versus-modal-header h3{font-family:var(--font-mono);font-size:1rem}.versus-modal-close{background:none;border:none;color:var(--color-text-dim);font-size:1.4rem;line-height:1;cursor:pointer;padding:0 .25rem}.versus-modal-close:hover{color:var(--color-text)}.invite-waiting,.invite-create,.invite-join{display:flex;flex-direction:column;align-items:center;gap:1rem}.invite-code{font-family:var(--font-mono);font-size:2.2rem;font-weight:600;letter-spacing:.25em;padding:.5rem 1rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px}.invite-link-row{display:flex;align-items:center;gap:.5rem;max-width:100%}.invite-link{font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-copy-btn,.invite-create-btn,.invite-join-btn{font-family:var(--font-mono);font-size:.85rem;padding:.45rem 1rem;background:var(--color-accent);border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0}.invite-copy-btn:hover,.invite-create-btn:hover:not(:disabled),.invite-join-btn:hover:not(:disabled){opacity:.9}.invite-create-btn:disabled,.invite-join-btn:disabled{opacity:.5;cursor:default}.invite-hint{font-size:.8rem;color:var(--color-text-dim);text-align:center}.invite-waiting-row{display:flex;align-items:center;gap:.6rem;color:var(--color-text-dim);font-size:.85rem}.invite-cancel-btn{font-family:var(--font-mono);padding:.4rem 1.25rem;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--color-text-dim);cursor:pointer}.invite-cancel-btn:hover{border-color:var(--color-text-dim)}.invite-rated-toggle{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--color-text);cursor:pointer}.invite-code-input{font-family:var(--font-mono);font-size:1.1rem;letter-spacing:.15em;text-align:center;padding:.5rem .75rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;color:var(--color-text);width:100%}.invite-code-input:focus{outline:none;border-color:var(--color-accent)}.versus-room{position:relative}.versus-room-grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,1.2fr) 320px;gap:1.5rem;margin-bottom:2rem}@media(max-width:980px){.versus-room-grid{grid-template-columns:1fr}}@media(max-width:768px){.versus-room-grid{grid-template-columns:1fr;gap:1rem}.versus-col{width:100%;max-width:100%}.versus-col-timer{order:-1}.versus-col-side{width:100%}.versus-view,.versus-room{width:100%;max-width:100%;overflow-x:hidden}.versus-modal{padding:1.1rem}.match-detail-modal{max-width:100%}}.versus-col{display:flex;flex-direction:column;gap:1rem;min-width:0}.versus-scramble-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.versus-scramble-card .scramble{margin-bottom:0}.versus-scramble-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim);display:flex;align-items:center;gap:.5rem}.versus-rated-chip{font-family:var(--font-mono);font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--color-accent);color:#fff;padding:.1rem .35rem;border-radius:3px}.versus-rated-chip.casual{background:var(--bg-elevated);border:1px solid var(--border);color:var(--color-text-dim)}.versus-ready{display:flex;flex-direction:column;align-items:center;gap:.6rem}.versus-ready-hint{font-size:.8rem;color:var(--color-text-dim);text-align:center}.versus-ready-btn{font-family:var(--font-mono);font-size:1rem;padding:.7rem 2.5rem;background:var(--color-ready);border:none;border-radius:8px;color:#000;font-weight:600;cursor:pointer;transition:opacity .15s}.versus-ready-btn:hover{opacity:.9}.versus-conn-banner{background:#ff98001a;border:1px solid var(--color-warning);color:var(--color-warning);border-radius:8px;padding:.5rem .75rem;font-size:.8rem}.versus-col-timer{align-items:center;justify-content:flex-start}.versus-penalty-chip{font-family:var(--font-mono);font-size:.75rem;font-weight:600;padding:.15rem .5rem;border-radius:4px;display:inline-block}.versus-penalty-chip.plus2{background:#ff980026;color:var(--color-warning)}.versus-penalty-chip.dnf{background:#f4433626;color:var(--color-danger)}.versus-countdown-overlay{position:absolute;inset:0;z-index:60;background:#0a0a0fe0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;border-radius:8px}.versus-countdown-num{font-family:var(--font-mono);font-size:7rem;font-weight:300;line-height:1;color:var(--color-inspection)}.versus-countdown-sub{font-size:.9rem;color:var(--color-text-dim)}.opponent-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.6rem}.opp-identity{display:flex;align-items:center;gap:.6rem}.opp-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.opp-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:var(--color-accent);color:#fff;font-size:.9rem;font-weight:600}.opp-name-block{display:flex;flex-direction:column;min-width:0;flex:1}.opp-name{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opp-elo{font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-dim)}.conn-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.conn-dot.online{background:var(--color-ready);box-shadow:0 0 6px #00e67680}.conn-dot.offline{background:var(--color-danger)}.opp-status-row{display:flex;align-items:center;gap:.5rem}.opp-badge{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .5rem;border-radius:4px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--color-text-dim)}.opp-badge-scrambled{color:var(--color-text)}.opp-badge-inspecting{color:var(--color-inspection);border-color:var(--color-inspection)}.opp-badge-solving{color:var(--color-ready);border-color:var(--color-ready)}.opp-badge-done{color:var(--color-accent);border-color:var(--color-accent)}.opp-badge-abandoned{color:var(--color-danger);border-color:var(--color-danger)}.opp-clock{font-family:var(--font-mono);font-size:1.8rem;font-weight:300;text-align:center;color:var(--color-text-dim)}.opp-clock.running{color:var(--color-text)}.chat-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid var(--border);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim)}.chat-mute-btn{font-family:var(--font-mono);font-size:.7rem;padding:.15rem .5rem;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--color-text-dim);cursor:pointer}.chat-mute-btn:hover{border-color:var(--color-text-dim);color:var(--color-text)}.chat-mute-btn.muted{border-color:var(--color-warning);color:var(--color-warning)}.chat-messages{flex:1;min-height:120px;max-height:220px;overflow-y:auto;padding:.6rem .75rem;display:flex;flex-direction:column;gap:.35rem}.chat-empty{color:var(--color-text-dim);font-size:.8rem;text-align:center;margin:auto}.chat-msg{font-size:.85rem;line-height:1.35;word-break:break-word}.chat-author{font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-dim);margin-right:.4rem}.chat-msg.mine .chat-author{color:var(--color-accent)}.chat-input-row{display:flex;gap:.5rem;padding:.5rem .75rem;border-top:1px solid var(--border)}.chat-input{flex:1;font-family:var(--font-sans);font-size:.85rem;padding:.4rem .6rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--color-text);min-width:0}.chat-input:focus{outline:none;border-color:var(--color-accent)}.chat-input:disabled{opacity:.5}.chat-send-btn{font-family:var(--font-mono);font-size:.8rem;padding:.4rem .8rem;background:var(--color-accent);border:none;border-radius:6px;color:#fff;cursor:pointer}.chat-send-btn:disabled{opacity:.4;cursor:default}.match-results{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}.results-banner{font-family:var(--font-mono);font-size:2rem;font-weight:300;text-align:center;padding:1.25rem 0 .25rem}.results-banner.win{color:var(--color-ready)}.results-banner.loss{color:var(--color-danger)}.results-banner.draw{color:var(--color-text-dim)}.results-banner.aborted{color:var(--color-warning)}.results-abort-reason{text-align:center;color:var(--color-text-dim);font-size:.85rem}.results-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.results-side{display:flex;flex-direction:column;align-items:center;gap:.35rem;border-radius:8px;padding:.75rem}.results-side.winner{background:#00e6760f}.results-name{font-size:.85rem;color:var(--color-text-dim);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results-time{font-family:var(--font-mono);font-size:2rem;font-weight:300;display:flex;align-items:center;gap:.5rem}.results-elo,.results-vs{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-dim)}.results-flag-note{background:#ff980014;border:1px solid var(--color-warning);color:var(--color-warning);border-radius:8px;padding:.5rem .75rem;font-size:.8rem;text-align:center}.results-actions{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.results-rematch-btn{font-family:var(--font-mono);padding:.5rem 1.5rem;background:var(--color-accent);border:none;border-radius:6px;color:#fff;cursor:pointer}.results-rematch-btn:hover{opacity:.9}.results-back-btn{font-family:var(--font-mono);padding:.5rem 1.5rem;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--color-text-dim);cursor:pointer}.results-back-btn:hover{border-color:var(--color-text-dim);color:var(--color-text)}.results-rematch-note{font-size:.85rem;color:var(--color-text)}.results-breakdown-section{display:flex;flex-direction:column;gap:.75rem}.results-breakdown-header{display:flex;align-items:center;justify-content:space-between}.results-breakdown-header h3{font-family:var(--font-mono);font-size:.9rem}.results-refresh-btn{font-family:var(--font-mono);font-size:.75rem;padding:.3rem .75rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;color:var(--color-text-dim);cursor:pointer}.results-refresh-btn:hover{border-color:var(--color-accent);color:var(--color-text)}.results-breakdowns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:768px){.results-breakdowns{grid-template-columns:1fr}}.solve-breakdown{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:1rem;min-width:0}.breakdown-header{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.breakdown-title{font-size:.85rem;color:var(--color-text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breakdown-time{font-family:var(--font-mono);font-size:1.1rem;display:flex;align-items:center;gap:.4rem;flex-shrink:0}.breakdown-unavailable{background:var(--bg-elevated);border:1px dashed var(--border);border-radius:8px;padding:1.25rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.breakdown-unavailable p{color:var(--color-text-dim);font-size:.85rem}.breakdown-stats{display:flex;gap:1.25rem;font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-dim)}.breakdown-enter-btn{font-family:var(--font-mono);font-size:.75rem;padding:.3rem .75rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;color:var(--color-text-dim);cursor:pointer}.breakdown-enter-btn:hover{border-color:var(--color-accent);color:var(--color-text)}.solve-review-btn{width:100%;margin-top:.6rem;padding:.55rem 1rem;font-family:var(--font-mono);font-size:.85rem;font-weight:600;color:var(--bg);background:var(--color-accent);border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem}.solve-review-btn:hover{filter:brightness(1.1)}.solve-review-icon{font-size:1rem;line-height:1}.solve-review{margin-top:.75rem;display:flex;flex-direction:column;gap:.75rem;text-align:left}.solve-review-cases{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.solve-review-hide{align-self:center;font-family:var(--font-mono);font-size:.7rem;padding:.25rem .7rem;background:none;border:1px solid var(--border);border-radius:4px;color:var(--color-text-dim);cursor:pointer}.solve-review-hide:hover{color:var(--color-text)}.recon-stats.recon-compact{font-size:.75rem;gap:.75rem}.recon-timeline.recon-compact .recon-move{font-size:.7rem;padding:.2rem .35rem}.recon-controls.recon-compact button{padding:.2rem .5rem}.recon-controls.recon-compact .recon-step-label{font-size:.7rem}.tps-chart.recon-compact .tps-bars{height:48px}.match-detail-modal{max-width:820px}.detail-meta{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.8rem;color:var(--color-text-dim);margin-bottom:.5rem}.detail-scramble{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-dim);text-align:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;padding:.5rem .75rem;margin-bottom:1rem;word-break:break-word}.match-detail-modal .results-grid,.match-detail-modal .results-breakdowns{margin-bottom:1rem}.results-chat{max-width:480px;width:100%;margin:0 auto}.move-editor{margin-top:.75rem}.me-chips{display:flex;flex-wrap:wrap;align-items:center;row-gap:.25rem;margin-bottom:.5rem}.me-chip{position:relative;display:inline-flex;align-items:center;gap:.2rem;-webkit-user-select:none;user-select:none}.me-chip .me-delete{font-size:.7rem;line-height:1;opacity:0;transition:opacity .1s}.me-chip:hover .me-delete{opacity:.7}.me-chip .me-delete:hover{opacity:1;color:#e5534b}.me-chip.me-highlight{outline:2px solid var(--color-accent);animation:me-pulse 1.2s ease-in-out infinite}@keyframes me-pulse{0%,to{outline-color:var(--color-accent)}50%{outline-color:transparent}}.me-gap{display:inline-flex;align-items:center;justify-content:center;width:.9rem;min-height:1.5rem}.me-gap.editing{width:auto}.me-insert{font-family:var(--font-mono);font-size:.75rem;line-height:1;padding:0 .15rem;background:none;border:none;color:var(--color-accent);cursor:pointer;opacity:0;transition:opacity .1s}.me-gap:hover .me-insert{opacity:1}.me-input{font-family:var(--font-mono);font-size:.8rem;width:4ch;padding:.2rem .3rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:3px;color:var(--color-text)}.me-input.invalid{border-color:#e5534b;outline:1px solid #e5534b}.me-note{font-size:.75rem;color:var(--color-text-dim);font-style:italic;margin:.25rem 0}.me-preview-status{min-height:1.2rem;font-size:.8rem;margin-bottom:.5rem}.me-status.valid{color:#3fb950}.me-status.invalid{color:#e5534b}.me-status.checking,.me-status.error{color:var(--color-text-dim)}.me-paste{margin-bottom:.5rem}.me-paste-box{display:block;width:100%;font-family:var(--font-mono);font-size:.8rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;color:var(--color-text);padding:.4rem .5rem;margin-bottom:.35rem;resize:vertical}.me-paste-error{font-size:.75rem;color:#e5534b;margin:.25rem 0 0}.me-actions{display:flex;align-items:center;gap:.5rem}.me-paste button,.me-actions button{font-size:.8rem;padding:.3rem .7rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;color:var(--color-text-dim)}.me-paste button:hover:not(:disabled),.me-actions button:hover:not(:disabled){color:var(--color-text);border-color:var(--color-text-dim)}.me-paste button:disabled,.me-actions button:disabled{opacity:.3;cursor:default}.me-actions .me-save{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.me-actions .me-save:hover:not(:disabled){opacity:.9;color:#fff;border-color:var(--color-accent)}.me-save-error{font-size:.75rem;color:#e5534b}.recon-tabs{display:inline-flex;margin-bottom:.75rem}.analysis-view{display:flex;flex-direction:column;gap:.75rem}.analysis-status{color:var(--color-text-dim);font-size:.85rem;text-align:center;padding:1rem;align-items:center}.analysis-note{font-size:.75rem;color:var(--color-text-dim)}.analysis-error{font-size:.8rem;color:var(--color-danger)}.analysis-btn{font-size:.75rem;padding:.25rem .6rem;background:transparent;border:1px solid var(--border);color:var(--color-text-dim);border-radius:4px;cursor:pointer;align-self:center}.analysis-btn:hover{border-color:var(--color-text-dim);color:var(--color-text)}.analysis-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.analysis-warning-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:#ff98001f;border:1px solid var(--color-warning);border-radius:6px;padding:.6rem .75rem;font-size:.85rem}.analysis-warning-banner .analysis-btn{border-color:var(--color-warning);color:var(--color-warning);white-space:nowrap}.phase-timeline{display:flex;flex-direction:column;gap:.4rem}.phase-bar{display:flex;height:26px;border-radius:4px;overflow:visible;margin-bottom:.9rem}.phase-seg{position:relative;display:flex;flex-basis:0;min-width:3px}.phase-seg-rec{opacity:.35}.phase-seg-exec{flex:1}.phase-seg-skip{flex:0 0 8px;opacity:.85}.phase-skip-label{position:absolute;top:100%;left:50%;transform:translate(-50%);font-size:.55rem;color:var(--color-text-dim);white-space:nowrap;margin-top:2px}.phase-pause-tick{position:absolute;top:-3px;bottom:-3px;width:2px;transform:translate(-1px)}.phase-pause-tick.notable{background:var(--color-warning)}.phase-pause-tick.severe{background:var(--color-danger)}.phase-legend{display:flex;flex-wrap:wrap;gap:.25rem .9rem;font-size:.7rem;color:var(--color-text-dim)}.phase-legend-item{display:inline-flex;align-items:center;gap:.3rem}.phase-legend-swatch{width:9px;height:9px;border-radius:2px;display:inline-block}.phase-stats-table{width:100%;border-collapse:collapse;font-size:.8rem}.phase-stats-table th,.phase-stats-table td{text-align:left;padding:.3rem .5rem;border-bottom:1px solid var(--border)}.phase-stats-table th{color:var(--color-text-dim);font-weight:500;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}.phase-stats-table tfoot td{font-weight:600;border-bottom:none}.phase-row-skipped,.phase-skipped-cell{color:var(--color-text-dim);font-style:italic}.xcross-badge{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--color-ready);color:#000;padding:.1rem .35rem;border-radius:3px;vertical-align:middle;margin-left:.4rem}.case-cards{display:flex;flex-wrap:wrap;gap:.75rem}.case-card,.optimal-card,.coaching{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;padding:.6rem .75rem;font-size:.8rem;flex:1 1 240px}.case-title{font-size:.8rem;font-weight:600;margin-bottom:.35rem}.case-group{font-size:.65rem;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.04em;margin-left:.25rem}.case-skip{color:var(--color-ready);font-weight:600}.case-nonstandard{color:var(--color-text-dim)}.case-compare{margin-bottom:.35rem}.case-algs{display:flex;flex-direction:column;gap:.2rem}.case-alg{font-family:var(--font-mono);font-size:.75rem;background:var(--bg-surface);border-radius:3px;padding:.15rem .35rem;width:fit-content}.optimal-card p{margin:0 0 .35rem}.coaching p{margin:0 0 .5rem;line-height:1.5}.coaching-pending{display:flex;align-items:center;gap:.4rem;color:var(--color-text-dim)}.coaching-spinner{width:12px;height:12px;border:2px solid var(--border);border-top-color:var(--color-accent);border-radius:50%;animation:coaching-spin .8s linear infinite}@keyframes coaching-spin{to{transform:rotate(360deg)}}.match-analysis{display:flex;flex-direction:column;gap:1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;padding:.75rem;margin-bottom:1rem}.match-analysis-player{display:flex;flex-direction:column;gap:.4rem}.match-analysis-name{font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.match-analysis-chip{font-size:.6rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-dim);border:1px solid var(--border);border-radius:3px;padding:.1rem .35rem}.match-analysis-pending{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--color-text-dim)}.match-analysis-stats{display:flex;flex-wrap:wrap;gap:.25rem 1rem;font-size:.8rem}.match-analysis-stat-label{color:var(--color-text-dim);font-size:.65rem;text-transform:uppercase;letter-spacing:.04em;margin-right:.15rem}.match-analysis-stat.phase-win{color:var(--color-ready);font-weight:600}.match-analysis-stat.phase-win .match-analysis-stat-label{color:var(--color-ready)}.ritual-row{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding:6px 10px;border:1px solid var(--border, #333);border-radius:8px;font-size:.85rem;background:var(--panel, #1c1c22)}.ritual-row-label{opacity:.85}.ritual-row-ok{color:#7fd6a4}.ritual-row-todo{opacity:.55}.ritual-row-btn{padding:3px 10px;border-radius:6px;border:1px solid #4f7cff;background:transparent;color:#9db8ff;cursor:pointer;font-size:.8rem}.ritual-row-btn:disabled{opacity:.35;cursor:default}.ritual-backdrop{position:fixed;inset:0;z-index:1000;background:#000000a6;display:flex;align-items:center;justify-content:center}.ritual-overlay{width:min(440px,92vw);padding:22px 26px;border-radius:14px;background:var(--panel, #1d1d24);border:1px solid #3a3a44;box-shadow:0 12px 48px #00000080}.ritual-overlay h3{margin:0 0 10px}.ritual-why{font-size:.9rem;opacity:.85;margin:8px 0}.ritual-note{font-size:.8rem;opacity:.6;margin:8px 0}.ritual-overlay-actions{display:flex;gap:10px;margin-top:14px}.ritual-start{padding:8px 16px;border-radius:8px;border:none;background:#4f7cff;color:#fff;cursor:pointer;font-weight:600}.ritual-start:disabled{opacity:.4;cursor:default}.ritual-cancel{padding:8px 14px;border-radius:8px;border:1px solid var(--border, #444);background:transparent;color:inherit;cursor:pointer}.ritual-stepper{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.ritual-chip{font-size:.75rem;padding:3px 8px;border-radius:999px;border:1px solid #444;opacity:.5}.ritual-chip.current{opacity:1;border-color:#4f7cff;color:#9db8ff}.ritual-chip.done{opacity:.9;border-color:#2e9e5b;color:#7fd6a4}.ritual-instruction{font-size:1rem;margin:6px 0 12px}.ritual-turns{display:flex;gap:12px;margin:12px 0}.ritual-turn-dot{width:38px;height:38px;border-radius:50%;border:2px solid #444;display:flex;align-items:center;justify-content:center;font-weight:700}.ritual-turn-dot.hit{border-color:#2e9e5b;color:#7fd6a4}.ritual-live{font-size:.85rem;color:#9db8ff;min-height:1.2em}.ritual-live.retry{color:#ffb36b}.ritual-results{font-size:.9rem;padding-left:4px;list-style:none}.ritual-results li{margin:4px 0;color:#7fd6a4}.phone-ritual{margin-top:10px;padding:12px 14px;border-radius:10px;border:1px solid #3a3a44;background:#0a0a0fcc;font-size:1rem}.phone-ritual .ritual-turns{margin:10px 0 0}.phone-ritual-step{line-height:1.45}.phone-ritual-count{display:block;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#9db8ff;margin-bottom:2px}.phone-ritual .ritual-turn-dot{width:44px;height:44px;font-size:1.05rem}.phone-ritual .ritual-live{font-size:.95rem;margin-top:6px}.phone-cam-mirror{display:flex;align-items:center;gap:6px;font-size:.72rem;color:#9a9aa5;background:#0000008c;padding:.15rem .45rem;border-radius:4px}.cal-save-target{margin-top:6px;padding:6px 10px;border-radius:8px;background:#ffffff0a;border:1px solid #2c2c34;font-size:.78rem;color:var(--color-text-dim, #9a9aa5)}.cal-save-target strong{color:var(--color-text, #e8e8ee)}.cal-stepper{display:inline-flex;gap:6px;margin-left:8px;flex-wrap:wrap;vertical-align:middle}.ritual-mode-choice{display:flex;gap:8px;margin:12px 0 6px}.ritual-mode{flex:1;padding:8px 10px;border-radius:8px;border:1px solid var(--border, #444);background:transparent;color:inherit;cursor:pointer;font-size:.85rem;opacity:.7}.ritual-mode.selected{opacity:1;border-color:#4f7cff;color:#9db8ff;background:#4f7cff14}.phone-ritual-success{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 34px;border-radius:16px;background:#0a0a0fe0;border:1px solid #2e9e5b;text-align:center;font-size:1.15rem;z-index:6}.phone-ritual-check{width:54px;height:54px;border-radius:50%;border:2px solid #2e9e5b;color:#7fd6a4;font-size:1.7rem;display:flex;align-items:center;justify-content:center}.phone-ritual-success-sub{font-size:.85rem;color:var(--color-text-dim, #9a9aa5);max-width:240px}@media(pointer:coarse){html,body{overflow-x:hidden}.app{max-width:100vw;overflow-x:clip}}.app{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.app-header{padding-top:calc(.5rem + env(safe-area-inset-top))}.app-footer{padding-bottom:calc(.75rem + env(safe-area-inset-bottom))}.phone-cam{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.timer-touch{touch-action:none;user-select:none;-webkit-user-select:none;cursor:pointer;padding:1.25rem 0}.native-home{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;gap:1rem;text-align:center}.native-home-sub{color:var(--text-dim, #9a9aa5);margin:0 0 .5rem}.native-home-card{display:flex;flex-direction:column;gap:6px;width:min(320px,85vw);padding:18px 20px;border-radius:14px;border:1px solid #3a3a44;background:#ffffff0a;color:inherit;font:inherit;cursor:pointer}.native-home-card strong{font-size:1.1rem}.native-home-card span{font-size:.85rem;color:var(--text-dim, #9a9aa5)}.native-home-card:active{background:#ffffff17}.server-settings-popover{width:280px}.server-settings-label{display:flex;flex-direction:column;gap:4px;font-size:.8rem;margin:8px 0;text-align:left}.server-settings-input{padding:7px 9px;border-radius:8px;border:1px solid #3a3a44;background:#ffffff0d;color:inherit;font:inherit;font-size:.85rem}.server-settings-current{font-size:.72rem;color:var(--text-dim, #9a9aa5);margin:4px 0 8px;text-align:left;word-break:break-all}.server-settings-actions{display:flex;gap:8px;justify-content:flex-end}.qr-scanner{position:fixed;inset:0;z-index:100;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.qr-scanner-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.qr-scanner-frame{position:absolute;top:50%;left:50%;width:min(60vw,260px);height:min(60vw,260px);transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.8);border-radius:16px;box-shadow:0 0 0 100vmax #00000059}.qr-scanner-hint{position:relative;color:#fff;font-size:.9rem;margin-bottom:12px;text-shadow:0 1px 3px rgba(0,0,0,.8)}.qr-scanner-cancel{position:relative;width:min(60vw,260px)}.phone-cam-scan{margin-bottom:8px}.phone-cam-exit{margin-top:14px;background:none;border:none;color:var(--text-dim, #9a9aa5);font:inherit;font-size:.9rem;cursor:pointer}body.native-preview-active,body.native-preview-active #root,body.native-preview-active .app,body.native-preview-active .phone-cam{background:transparent!important}.native-camera-cutout{background:transparent}.phone-cam .native-camera-cutout{position:absolute;inset:0}.camera-feed .native-camera-cutout{width:100%;height:100%}.upload-progress{position:absolute;bottom:calc(4.5rem + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;width:min(260px,70vw);padding:8px 12px;border-radius:10px;background:#0a0a0fbf}.upload-progress-bar{width:100%;height:4px;border-radius:2px;background:#ffffff26;overflow:hidden}.upload-progress-fill{height:100%;border-radius:2px;background:var(--color-accent, #21C467);transition:width .3s ease}.upload-progress-text{font-size:.72rem;color:var(--color-text-dim, #9a9aa5);font-family:var(--font-mono, monospace)}.phone-cam-hs-toggle{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--color-text-dim, #9a9aa5)}.phone-cam-native-hint{font-size:.65rem;color:#9a9aa5;background:#000000a6;padding:.15rem .4rem;border-radius:4px}body.native-preview-active .app-main,body.native-preview-active .right-panel,body.native-preview-active .camera-section,body.native-preview-active .camera-feed{background:transparent!important}.camera-feed .native-camera-cutout{position:absolute;inset:0}.lens-control{display:flex;align-items:center;gap:10px;margin-top:6px}.lens-format{font-size:.75rem;color:var(--color-text-dim, #9a9aa5);font-family:var(--font-mono, monospace)}.camera-settings-backdrop{position:fixed;inset:0;z-index:120;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:16px}.camera-settings{width:min(360px,92vw);max-height:80vh;overflow-y:auto;border-radius:14px;border:1px solid #3a3a44;background:#17171d;padding:14px}.camera-settings-sub{font-size:.8rem;color:var(--color-text-dim, #9a9aa5);margin:6px 0 12px}.camera-settings-empty{font-size:.85rem;color:var(--color-text-dim, #9a9aa5);padding:12px 0}.camera-settings-lens{display:flex;flex-direction:column;gap:3px;width:100%;text-align:left;padding:10px 12px;margin:6px 0;border-radius:10px;border:1px solid #3a3a44;background:#ffffff08;color:inherit;font:inherit;cursor:pointer}.camera-settings-lens.active{border-color:#4f7cff}.camera-settings-lens:active{background:#ffffff14}.camera-settings-lens-name{display:flex;align-items:center;gap:8px;font-weight:600}.camera-settings-badge{font-size:.65rem;padding:2px 7px;border-radius:999px;border:1px solid #2e9e5b;color:#7fd6a4;font-weight:500}.camera-settings-badge.current{border-color:#4f7cff;color:#9db8ff}.camera-settings-lens-caps{font-size:.78rem;color:var(--color-text-dim, #9a9aa5)}.camera-settings-lens-note{font-size:.72rem;color:var(--color-text-dim, #9a9aa5);font-style:italic}html{-webkit-tap-highlight-color:transparent}button,select,a,input,textarea,label,summary{touch-action:manipulation}button,select,.mode-tabs,.custom-select-trigger{user-select:none;-webkit-user-select:none}html.native-app,html.native-app body{overscroll-behavior-y:none}@media(pointer:coarse){input,select,textarea{font-size:max(16px,1em)}button:active{opacity:.7}}@media(hover:none){.mode-tabs button:hover{color:var(--color-text-dim)}.mode-tabs button.active:hover{color:#fff}.skip-btn:hover{color:var(--color-text-dim);border-color:var(--border)}}@media(pointer:coarse)and (max-width:768px){.mode-tabs{position:fixed;left:0;right:0;bottom:0;z-index:90;display:flex;border:none;border-top:1px solid var(--border);border-radius:0;background:#12121ad9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding-bottom:env(safe-area-inset-bottom,0px)}.mode-tabs button{flex:1 1 0;min-width:0;min-height:48px;padding:.6rem .25rem;font-size:.85rem}.mode-tabs .beta-badge{display:none}.mode-tabs button:nth-child(n+4){display:none}.app-header{grid-template-columns:auto 1fr}.app{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}}.grid-cal-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:4}.grid-cal-square{height:56%;aspect-ratio:1;box-sizing:border-box;border:2px solid rgba(255,255,255,.95);border-radius:4px;box-shadow:0 0 0 9999px #00000040;background-image:linear-gradient(to right,transparent calc(33.333% - 1px),rgba(255,255,255,.75) calc(33.333% - 1px),rgba(255,255,255,.75) calc(33.333% + 1px),transparent calc(33.333% + 1px),transparent calc(66.667% - 1px),rgba(255,255,255,.75) calc(66.667% - 1px),rgba(255,255,255,.75) calc(66.667% + 1px),transparent calc(66.667% + 1px)),linear-gradient(to bottom,transparent calc(33.333% - 1px),rgba(255,255,255,.75) calc(33.333% - 1px),rgba(255,255,255,.75) calc(33.333% + 1px),transparent calc(33.333% + 1px),transparent calc(66.667% - 1px),rgba(255,255,255,.75) calc(66.667% - 1px),rgba(255,255,255,.75) calc(66.667% + 1px),transparent calc(66.667% + 1px))}.phone-grid-overlay .grid-cal-square{height:auto;width:min(56vw,56vh);width:min(56vw,56dvh)}.grid-cal-done{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;background:#0a0a0fe0;border:1px solid #2e9e5b;color:#7fd6a4;font-weight:600;text-transform:capitalize}.grid-cal-done-check{width:22px;height:22px;border-radius:50%;border:2px solid #2e9e5b;display:flex;align-items:center;justify-content:center;font-size:.8rem}.grid-cal-color{text-transform:uppercase;letter-spacing:.04em;text-shadow:0 0 2px rgba(0,0,0,.9),0 0 1px rgba(0,0,0,.9)}.grid-cal-progress{display:block;font-size:.75rem;color:var(--color-text-dim, #9a9aa5);margin-top:2px}.grid-cal-hint{display:block;font-size:.78rem;color:#ffb36b;margin-top:2px}.cal-color-dot.grid-current{outline:2px solid #9db8ff;outline-offset:2px}.cal-auto-link{font:inherit;font-size:.75rem;background:none;border:none;color:var(--color-text-dim, #9a9aa5);text-decoration:underline;cursor:pointer;padding:.2rem .3rem}.cal-auto-link:hover{color:var(--color-text, #e8e8ee)}.phone-grid-panel{position:absolute;left:.75rem;right:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom,0px));margin-top:0;z-index:5;text-align:center}.phone-grid-color{text-transform:uppercase;letter-spacing:.04em;text-shadow:0 0 2px rgba(0,0,0,.9)}.contribute{max-width:720px;margin:0 auto;padding:2rem 1rem 4rem;color:var(--color-text)}.contribute-head h1{font-family:var(--font-mono);font-size:1.5rem;margin:.75rem 0 .5rem}.contribute-intro,.contribute-collected{color:var(--color-text-dim);font-size:.9rem;line-height:1.55;margin:.5rem 0}.contribute-intro,.contribute-collected,.contribute-steps,.contribute-dim,.contribute-hint{max-width:68ch}.contribute-collected{font-size:.82rem}.contribute-steps{margin:.75rem 0 0;padding-left:1.1rem;color:var(--color-text-dim);font-size:.84rem;line-height:1.55}.contribute-steps li{margin:.3rem 0}.contribute-steps strong{color:var(--color-text)}.contribute-hint{color:var(--color-text-dim);font-size:.74rem;line-height:1.4}.contribute-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:1rem 1.1rem;margin-top:1rem}.contribute-card h2{font-family:var(--font-mono);font-size:1rem;margin:0 0 .5rem}.contribute-optional{font-family:var(--font-mono);font-size:.65rem;color:var(--color-text-dim);border:1px solid var(--border);border-radius:4px;padding:.05rem .35rem;margin-left:.4rem;vertical-align:middle}.contribute-dim{color:var(--color-text-dim);font-size:.82rem;line-height:1.5;margin:.5rem 0}.contribute-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-top:.6rem}.contribute-btn{font-family:var(--font-mono);font-size:.82rem;padding:.45rem .9rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;color:var(--color-text);cursor:pointer;transition:all .15s}.contribute-btn:hover:not(:disabled){border-color:var(--color-accent)}.contribute-btn:disabled{opacity:.45;cursor:not-allowed}.contribute-btn.primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.contribute-btn.danger{border-color:var(--color-danger);color:var(--color-danger)}.contribute-status{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--color-text-dim)}.contribute-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.contribute-video-wrap{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border:1px solid var(--border);border-radius:8px;overflow:hidden}.contribute-video{width:100%;height:100%;object-fit:cover}.contribute-video-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--color-text-dim);font-family:var(--font-mono);font-size:.85rem}.contribute-preview{width:100%;max-height:280px;margin-top:.6rem;border:1px solid var(--border);border-radius:8px;background:#000}.contribute-recording{color:var(--color-danger);font-family:var(--font-mono);font-size:.82rem;margin:.6rem 0 0}.contribute-file{font-family:var(--font-mono);font-size:.82rem;padding:.45rem .9rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;color:var(--color-text);cursor:pointer;transition:all .15s}.contribute-file:hover{border-color:var(--color-accent)}.contribute-file input{display:none}.contribute-field{display:flex;flex-direction:column;gap:.3rem;margin-top:.75rem;font-size:.82rem;color:var(--color-text-dim)}.contribute-field input,.contribute-field textarea{font-family:var(--font-mono);font-size:.85rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;color:var(--color-text);padding:.5rem .6rem}.contribute-field textarea{min-height:70px;resize:vertical}.contribute-field input:focus,.contribute-field textarea:focus{outline:none;border-color:var(--color-accent)}.contribute-consent{display:flex;align-items:flex-start;gap:.6rem;margin-top:1rem;padding:.7rem .85rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;font-size:.85rem;color:var(--color-text);line-height:1.45;cursor:pointer;transition:border-color .15s}.contribute-consent.checked{border-color:var(--color-accent)}.contribute-consent input{width:1.15rem;height:1.15rem;margin-top:.05rem;accent-color:var(--color-accent);cursor:pointer;flex-shrink:0}.contribute-error{background:#f443361f;border:1px solid var(--color-danger);color:#f2a2a2;border-radius:6px;padding:.5rem .7rem;margin:.6rem 0;font-size:.82rem}.contribute-link{background:none;border:none;color:var(--color-accent);cursor:pointer;font-size:.82rem;margin-left:.5rem;text-decoration:underline}.contribute-progress{height:6px;background:var(--bg-elevated);border-radius:3px;overflow:hidden;margin-top:.6rem}.contribute-progress-bar{height:100%;background:var(--color-accent);transition:width .2s}.contribute-success h2,.contribute-signin p{margin-top:0}