:root{--bg: #0b0b0c;--panel: #17181b;--border: #2a2c31;--text: #ececee;--muted: #9a9ba1;--accent: #ff8c00;--ok: #1db954;--warn: #e5342b;--page-x: 16px;--page-top: 8px;--page-bottom: 24px;--gap-xs: 4px;--gap-sm: 6px;--gap: 8px;--gap-md: 10px;--gap-lg: 12px;--panel-pad-y: 14px;--panel-pad-x: 16px;--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--radius-pill: 999px;--control-pad-y: 8px;--control-pad-x: 14px;--fs-micro: 10px;--fs-tiny: 11px;--fs-xs: 12px;--fs-sm: 13px;--fs-md: 14px;--fs-base: 15px;--fs-lg: 17px;--fs-xl: 19px;--fs-2xl: 22px;--fs-timer: 56px;--fs-case: 64px;--content-max: 900px;--level-max: 1220px;--level-max-lg: 1420px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:var(--fs-base)/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;padding:0 env(safe-area-inset-right) 0 env(safe-area-inset-left)}.app{display:flex;flex-direction:column;min-height:100vh}.topbar{position:sticky;top:0;z-index:20;background:#0b0b0ceb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.topbar-inner{max-width:var(--content-max);margin:0 auto;display:flex;align-items:center;flex-wrap:wrap;gap:var(--gap-md);padding:calc(var(--gap) + env(safe-area-inset-top)) var(--page-x) var(--gap)}.brand{display:flex;align-items:center;gap:var(--gap);flex:none}.brand-icon{width:26px;height:26px;border-radius:var(--radius-sm);display:block}.wordmark{font-size:var(--fs-lg);font-weight:700;letter-spacing:-.01em}.platform-badge{font-size:var(--fs-tiny);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1px 6px}.topnav{display:flex;align-items:center;gap:2px;margin-left:auto}.topnav button{display:flex;align-items:center;gap:var(--gap-sm);background:none;border:1px solid transparent;border-radius:var(--radius);color:var(--muted);font-size:var(--fs-sm);padding:var(--gap-sm) var(--gap-md)}.topnav button:hover:not(.active){color:var(--text);background:#1c1e22}.topnav button.active{color:var(--accent);background:#221a10;border-color:#3a2a12}.tabicon{width:18px;height:18px;flex:none}.tabicon.wide{width:23px}main{flex:1;width:100%;max-width:var(--content-max);margin:0 auto;padding:var(--page-top) var(--page-x) calc(var(--page-bottom) + env(safe-area-inset-bottom))}@media(max-width:640px){.topbar-inner{gap:var(--gap-sm);padding-bottom:0}.topnav{margin-left:0;flex:1 0 100%;gap:0}.topnav button{flex:1;flex-direction:column;gap:2px;font-size:var(--fs-xs);padding:var(--gap-sm) 2px;border-radius:0;border-color:transparent}.topnav button.active{background:none;border-bottom-color:var(--accent)}.wordmark{font-size:var(--fs-base)}}.stack{display:flex;flex-direction:column;gap:var(--gap-lg)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--panel-pad-y) var(--panel-pad-x)}.panel h2{font-size:var(--fs-md);margin:0 0 var(--gap-md);color:var(--muted);font-weight:600}.row{display:flex;flex-wrap:wrap;gap:var(--gap);align-items:center}.row.space-between{justify-content:space-between}button{font:inherit;background:#23252a;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:var(--control-pad-y) var(--control-pad-x);cursor:pointer}button:hover:not(:disabled){border-color:#3a3d44}button:disabled{opacity:.4;cursor:default}button.link{background:none;border:none;color:var(--accent);padding:0}input{font:inherit;background:#0f1013;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:var(--control-pad-y) var(--gap-md);min-width:190px}.status{margin:10px 0 0;color:var(--muted)}.status.ok{color:var(--ok)}.status.warning,.warning{color:var(--warn)}.hint{color:var(--muted);font-size:var(--fs-sm);margin:10px 0 0}.muted{color:var(--muted);font-size:var(--fs-sm)}.device-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--gap-sm)}.device-list button{width:100%;text-align:left;display:flex;gap:12px;align-items:baseline}.device-name{flex:1}.device-mac,.device-rssi{color:var(--muted);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.cube-net{margin:12px 0}.log{margin:10px 0 0;max-height:260px;overflow:auto;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);white-space:pre-wrap;word-break:break-all}.topnav button.pending:after{content:"";display:block;width:3px;height:3px;margin:3px auto 0;border-radius:50%;background:currentColor;opacity:.5}select,input[type=text],input:not([type]){font:inherit;background:#23252a;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:7px var(--gap-md)}input.grow{flex:1;min-width:0}h3{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:12px 0 6px;font-weight:600}.field{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-md);padding:6px 0;color:var(--muted);font-size:var(--fs-sm)}.field select{min-width:130px}.check{display:flex;align-items:center;gap:8px;padding:6px 0;color:var(--muted);font-size:var(--fs-sm)}button.primary{background:var(--accent);border-color:var(--accent);color:#17181b;font-weight:600}button.danger{color:var(--warn)}.warn-banner{color:var(--accent);font-size:13px;margin:0 0 4px}.hint.ok{color:var(--ok)}.small{font-size:var(--fs-xs)}.seg{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.seg button{border:none;border-radius:0;background:transparent;padding:7px 12px}.seg button.on{background:var(--accent);color:#17181b;font-weight:600}.chip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-sm)}.chip{border-radius:var(--radius-pill);padding:6px 12px;font-size:var(--fs-sm)}.chip.on{background:var(--accent);border-color:var(--accent);color:#17181b;font-weight:600}.dock{position:sticky;bottom:0;padding:10px 0;background:linear-gradient(transparent,var(--bg) 40%)}.dock button{width:100%;padding:12px;font-size:var(--fs-base)}.algtable{display:flex;flex-direction:column;max-height:60vh;overflow-y:auto}.algrow{display:grid;grid-template-columns:1fr 44px 56px 56px 56px;align-items:center;gap:var(--gap-xs);padding:3px 0;border-bottom:1px solid #1f2126;background:none;border-left:none;border-right:none;border-top:none;text-align:left;color:inherit}.algrow.head{position:sticky;top:0;background:var(--panel);z-index:1;border-bottom:1px solid var(--border)}.algrow.head .cell{color:var(--muted);font-size:var(--fs-tiny);text-transform:uppercase;letter-spacing:.05em;background:none;border:none;padding:4px 0;cursor:pointer;text-align:right}.algrow.head .cell.alg{text-align:left}.algrow.tappable{cursor:pointer}.algrow.tappable:hover{background:#1c1e22}.cell{font-size:var(--fs-sm)}.cell.num{text-align:right;font-variant-numeric:tabular-nums}.cell.alg{display:flex;gap:8px;align-items:baseline;min-width:0}.cell.alg .pair{font-weight:600;letter-spacing:.03em}.cell.alg .word{color:var(--muted);font-size:var(--fs-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button.chip-inline{background:none;border:none;padding:2px 6px;border-radius:6px;opacity:.4}button.chip-inline.on{opacity:1}button.chip-inline.on .pair{color:var(--accent)}.tier-fast{color:var(--ok)}.tier-mid{color:#e8c33a}.tier-slow{color:var(--warn)}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.summary>div{display:flex;flex-direction:column;gap:2px}.summary .k{color:var(--muted);font-size:var(--fs-tiny);text-transform:uppercase;letter-spacing:.05em}.summary .v{font-size:var(--fs-lg);font-variant-numeric:tabular-nums}.chart{display:block}.attempts{display:flex;flex-direction:column;max-height:50vh;overflow-y:auto}.attempt{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #1f2126}.attempt .t{font-variant-numeric:tabular-nums}.session{text-align:center}.progress{height:3px;background:#23252a;border-radius:2px;margin:10px 0 18px}.progress>div{height:100%;background:var(--accent);border-radius:2px;transition:width .12s linear}.case{font-size:var(--fs-case);font-weight:700;letter-spacing:.06em;line-height:1.1}.case-word{font-size:var(--fs-2xl);color:var(--muted);margin-top:6px}.reveal{min-height:26px;margin-top:12px;color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-base)}.next{margin-top:18px;color:var(--muted);font-size:var(--fs-sm);letter-spacing:.04em}.last-time{margin-top:10px;font-size:var(--fs-sm)}.buffers{display:flex;flex-wrap:wrap;gap:var(--gap-sm);align-items:center}.buffer-chip{display:inline-flex;align-items:center;gap:var(--gap-xs);border:1px solid var(--border);border-radius:var(--radius-pill);padding:2px 4px 2px 6px}.buffer-chip .name{font-weight:600;font-size:var(--fs-sm)}.buffer-chip .badge{font-size:var(--fs-micro);text-transform:uppercase;color:var(--accent);letter-spacing:.05em}.buffer-chip button{background:none;border:none;padding:2px 4px;color:var(--muted);font-size:var(--fs-xs)}.buffer-chip button:disabled{opacity:.25}.buffer-chip .rm{color:var(--warn)}select.add{padding:4px 8px;font-size:var(--fs-xs);border-radius:var(--radius-pill)}.colors .k{width:46px;color:var(--muted);font-size:var(--fs-xs)}.swatch{width:26px;height:26px;border-radius:6px;border:2px solid transparent;padding:0}.swatch.on{border-color:var(--accent)}.swatch:disabled{opacity:.25}.net-preview{margin-top:12px}.scheme-net{position:relative;margin:12px 0}.scheme-cell{position:absolute;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:700;color:#111;cursor:pointer}.scheme-cell.sel{outline:2px solid var(--accent);outline-offset:1px}.letter-input{width:48px;text-align:center;text-transform:uppercase;font-weight:700}.pair-input{width:56px;text-align:center;text-transform:uppercase;font-weight:700}.preset-row{width:100%;margin-bottom:4px}.confirm{border:1px solid var(--accent);border-radius:var(--radius);padding:10px;margin:8px 0}.confirm p{margin:0 0 8px;font-size:var(--fs-sm)}.memo-list{display:flex;flex-direction:column;max-height:55vh;overflow-y:auto}.memo-row{display:flex;align-items:center;gap:8px;padding:4px 0;border-bottom:1px solid #1f2126}.memo-row .pair{width:34px;font-weight:700;letter-spacing:.05em}.memo-row .rm,.attempt .rm{background:none;border:none;color:var(--warn);font-size:16px;padding:2px 6px}.stattable{display:flex;flex-direction:column}.statrow{display:grid;grid-template-columns:52px 1fr 1fr 1fr;align-items:baseline;gap:var(--gap-sm);padding:4px 0;border-bottom:1px solid #1f2126}.statrow.head{border-bottom:1px solid var(--border)}.statrow .k{color:var(--muted);font-size:var(--fs-tiny);text-transform:uppercase;letter-spacing:.05em}.statrow .v{text-align:right;font-variant-numeric:tabular-nums;font-size:var(--fs-md)}.statrow .best{display:block;color:var(--muted);font-size:var(--fs-micro)}.dnf{color:var(--warn)}.statrow .v.st-bottom{color:var(--accent)}.statrow .v.st-middle{color:#e8c33a}.statrow .v.st-top{color:var(--ok)}.statcol{background:none;border:1px solid transparent;border-radius:var(--radius-sm);padding:2px 4px;font:inherit;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:var(--fs-tiny);cursor:pointer;justify-self:end}.statcol:hover{color:var(--text)}.statcol.on{color:var(--text);border-color:var(--accent)}.statchart{display:flex;flex-direction:column;gap:var(--gap-xs)}.statchart-head{display:flex;align-items:baseline;gap:var(--gap-sm);flex-wrap:wrap}.statchart-title{font-size:var(--fs-tiny);font-weight:600;color:var(--muted)}.statchart-legend{display:inline-flex;align-items:center;gap:3px;font-size:var(--fs-micro);color:var(--accent)}.statchart-hint{margin-left:auto;font-size:var(--fs-micro);color:var(--muted)}.statchart-empty{color:var(--muted);font-size:var(--fs-xs);text-align:center;margin:var(--gap-lg) 0}.statchart-svg{display:block;width:100%;height:auto;touch-action:none;-webkit-user-select:none;user-select:none}.statchart-axis{fill:var(--muted);font-size:8px}.statchart-bubble{fill:var(--text);font-size:9px;font-weight:700;font-variant-numeric:tabular-nums}.timerzone{text-align:center;-webkit-user-select:none;user-select:none;touch-action:none;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-sm);transition:background 90ms linear,border-color 90ms linear}.timerzone.holding{background:#4a3c0c;border-color:#7a6413}.timerzone.armed{background:#14431f;border-color:var(--ok)}.timer{font-size:var(--fs-timer);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.result-time{font-size:34px;font-variant-numeric:tabular-nums;margin:6px 0}.scramble{display:flex;flex-wrap:wrap;gap:var(--gap-sm) var(--gap-md);justify-content:center;font-size:var(--fs-xl);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.scramble .token.matched{color:var(--ok)}.scramble .token.partial{color:#e8c33a}.scramble .token.pending{color:var(--text)}.scramble-hint{min-height:22px;margin-top:14px;color:var(--muted);font-size:var(--fs-sm)}.algrow{grid-template-columns:1fr 28px 40px 52px 52px 52px}.cell.book{text-align:center;background:none;border:none;padding:0;font-size:var(--fs-sm)}.bookicon{font-size:var(--fs-sm);filter:grayscale(1);opacity:.45}.bookicon.ok,.bookicon.needs{filter:none;opacity:1}.bookicon.needs:after{content:"";position:absolute;margin:-2px 0 0 -14px;width:16px;height:16px;border:1px solid var(--accent);border-radius:50%}.algrow-btn{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius);background:#1c1e22;margin-bottom:4px;text-align:left;color:inherit}.algrow-btn.static{background:none}.algrow-btn.mine{border-color:var(--accent)}.algrow-btn .mono,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-sm)}.algrow-btn button.left{background:none;border:none;padding:0;text-align:left}.badge.star{color:var(--accent);font-size:var(--fs-micro);text-transform:uppercase}.badge.alt{color:#1f6feb;font-size:var(--fs-micro);text-transform:uppercase}.alglist{max-height:55vh;overflow-y:auto}.warn-text{color:var(--accent)}.cube3d{width:100%;display:block;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);touch-action:none;cursor:grab}.cube3d:active{cursor:grabbing}.solution{display:flex;flex-direction:column;gap:2px}.solution-line{font-size:var(--fs-sm);line-height:1.5;padding:2px 4px;border-radius:var(--radius-sm);overflow-x:auto;white-space:nowrap}.solution-line.active{background:#23252b}.solution-line .comment{color:var(--muted)}.solution-line .cancel{color:var(--accent)}.move-correction{color:var(--warn);font-weight:600}.move-blamed{color:#ffd60a;font-weight:600}.alg-edge{color:#1f6feb}.alg-corner{color:#1db954}.alg-parity{color:#a371f7}.alg-twist{color:var(--accent)}.alg-mistake{color:var(--warn)}.exec-graph{width:100%;height:auto;touch-action:none;cursor:crosshair}.exec-graph .band{fill:currentColor;opacity:.15}.exec-graph .band.bright{opacity:.34;filter:saturate(.5) brightness(1.3)}.exec-graph .band.pause{fill:#ff6ea9;opacity:.22;filter:none}.exec-graph .stair{stroke:currentColor;stroke-width:1.1;fill:none;stroke-linejoin:miter;stroke-linecap:butt;vector-effect:non-scaling-stroke}.exec-graph .grid{stroke:var(--border);stroke-width:1;opacity:.45}.exec-graph .tps-ref{stroke:var(--muted);stroke-width:1;opacity:.7;stroke-dasharray:4 3}.exec-graph .playhead{stroke:var(--accent);stroke-width:1.5;opacity:.9}.exec-graph .scrubline{stroke:#e9eaee;stroke-width:1;opacity:.55}.exec-graph .axis{stroke:var(--border);stroke-width:1}.exec-graph .axis-label{fill:var(--muted);font-size:9px}.stack.tight{gap:var(--gap-sm)}.exec-readout{align-items:center;gap:var(--gap-sm);min-height:18px}.exec-readout .dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.exec-readout .push-right{margin-left:auto}.strong{font-weight:700}.algrow.statsrow{grid-template-columns:1fr 28px 40px 52px 52px}.algrow .cell.alg.rowopen{background:none;border:none;padding:2px 0;text-align:left;color:inherit;cursor:pointer}.algrow .cell.alg.rowopen:hover .pair{color:var(--accent)}.algrow.solverow{grid-template-columns:1fr 28px}.algrow.solverow .rowopen{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:var(--gap-xs);align-items:center;width:100%;background:none;border:none;padding:0;text-align:left;color:inherit}.algrow.solverow button.rowopen{cursor:pointer}.algrow.solverow button.rowopen:hover{background:#1c1e22}.algrow.solverow .rm{background:none;border:none;color:var(--warn);font-size:16px;padding:2px 6px}.solution-line.pickable{display:block;width:100%;text-align:left;background:none;border:1px solid #2a2c31;cursor:pointer}.solution-line.pickable:hover{background:#1c1e22}.solution-line.pickable.asking{border-color:var(--accent)}@media(min-width:1290px){.wide-level{margin-inline:calc((var(--content-max) - var(--level-max)) / 2 - var(--page-x))}.solve-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:var(--gap-lg);align-items:start}.solve-rail{position:sticky;top:68px}}.solve-layout.running{display:block;margin-inline:0}@media(max-width:1289px){.solve-layout{display:flex;flex-direction:column;gap:var(--gap-lg)}.solve-rail{order:2}.solve-main{order:1}}.algrow.timesrow{grid-template-columns:30px minmax(0,1.15fr) repeat(5,minmax(0,1fr));gap:2px}.algrow.timesrow .cell{font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.algrow.timesrow .cell.alg{color:var(--muted);font-size:var(--fs-tiny)}.algrow.timesrow .cell.alg .pair{font-weight:400;letter-spacing:0}.algrow.timesrow .cell.num.strong{font-weight:600}.algrow.head.timesrow .cell{font-size:var(--fs-micro);cursor:default}.timestable{max-height:min(70vh,620px);scrollbar-gutter:stable}@media(min-width:1290px){.recon-columns{display:grid;grid-template-columns:300px minmax(0,1fr) 360px;gap:var(--gap-lg);align-items:start}.recon-columns.no-player{grid-template-columns:minmax(0,1fr) 360px}.recon-solution .solution{max-height:min(64vh,620px);overflow-y:auto}}@media(min-width:1500px){.recon-level{--level-max: var(--level-max-lg)}}@media(max-width:1289px){.recon-columns{display:flex;flex-direction:column;gap:var(--gap-lg)}}.recon-player .row{gap:var(--gap-sm)}.recon-player input[type=range]{width:100%;min-width:0}