@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:600;src:url(../media/bricolage-grotesque-latin-600-normal.3_r60-qkmao3a.woff2)format("woff2"),url(../media/bricolage-grotesque-latin-600-normal.43dks9d9p25mk.woff)format("woff")}
@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:700;src:url(../media/bricolage-grotesque-latin-700-normal.0rb33xx2bxpl8.woff2)format("woff2"),url(../media/bricolage-grotesque-latin-700-normal.2t_7v9suanut1.woff)format("woff")}
@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(../media/manrope-latin-400-normal.2xa18tgv2np2i.woff2)format("woff2"),url(../media/manrope-latin-400-normal.16uzrbq5-8z5v.woff)format("woff")}
@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(../media/manrope-latin-500-normal.23dhs730snm70.woff2)format("woff2"),url(../media/manrope-latin-500-normal.1uxcnzel4f8qj.woff)format("woff")}
@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(../media/manrope-latin-600-normal.2ybi4mo9-3upl.woff2)format("woff2"),url(../media/manrope-latin-600-normal.0d_nc7hu7m8km.woff)format("woff")}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-mono-latin-500-normal.11q3guvgd1r20.woff2)format("woff2"),url(../media/ibm-plex-mono-latin-500-normal.1fgk-kmy-32_a.woff)format("woff")}
:root{--bg:#101112;--surface-0:#131415;--surface-1:#171819;--surface-2:#1c1d1f;--surface-3:#232426;--text:#f2f1ed;--text-secondary:#a3a19c;--text-tertiary:#6f6e6a;--border:#292a2c;--border-strong:#38393c;--accent:#b8a4ff;--accent-soft:#b8a4ff24;--success:#66b887;--warning:#d9a45d;--radius-sm:5px;--radius-md:8px;--radius-lg:12px;--display:"Bricolage Grotesque", sans-serif;--body:"Manrope", sans-serif;--mono:"IBM Plex Mono", monospace}body{overflow:hidden}button{cursor:pointer;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.35}.app-shell{width:100%;height:100dvh;min-height:0;color:var(--text);background:var(--bg);grid-template-rows:56px minmax(0,1fr) 80px;display:grid;overflow:hidden}.topbar{z-index:20;border-bottom:1px solid var(--border);background:var(--surface-0);grid-template-columns:264px 1fr 264px;align-items:center;height:56px;display:grid;position:relative}.brand{border-right:1px solid var(--border);height:100%;color:var(--text);font:600 16px var(--display);letter-spacing:-.02em;align-items:center;gap:10px;padding:0 18px;text-decoration:none;display:flex}.brand-mark{grid-template-columns:1fr 1fr;gap:2px;width:22px;height:22px;display:grid}.brand-mark i{background:#d8d6cf;border-radius:2px;display:block}.brand-mark i:nth-child(2){background:var(--accent)}.brand-mark i:nth-child(3){background:#5e6063;grid-column:1/3}.topbar nav{justify-content:center;align-items:center;gap:4px;height:100%;display:flex}.topbar nav a{border-radius:var(--radius-sm);height:32px;color:var(--text-tertiary);align-items:center;gap:7px;padding:0 12px;font-size:11px;font-weight:600;text-decoration:none;transition:color .16s,background .16s;display:flex}.topbar nav a:hover{color:var(--text-secondary);background:var(--surface-1)}.topbar nav a.active{color:var(--text);background:var(--surface-2)}.top-actions{color:var(--text-tertiary);font:8px var(--mono);text-transform:uppercase;letter-spacing:.08em;justify-content:flex-end;padding:0 18px;display:flex}.workspace{grid-template-columns:264px minmax(440px,1fr) 370px;min-height:0;display:grid}.guide-rail,.inspector{background:var(--surface-0);min-height:0}.guide-rail{border-right:1px solid var(--border);grid-template-rows:auto auto auto auto auto minmax(0,1fr);display:grid;overflow:hidden}.guide-rail-heading{justify-content:space-between;align-items:flex-end;padding:18px 16px 14px;display:flex}.guide-rail-heading h2{font:600 18px var(--display);letter-spacing:-.02em;margin:5px 0 0}.guide-rail-heading>b{color:var(--text-tertiary);font:9px var(--mono);font-weight:500}.eyebrow{color:var(--text-tertiary);font:8px var(--mono);letter-spacing:.1em}.guide-domains{border-radius:var(--radius-md);background:var(--bg);grid-template-columns:1fr 1fr;gap:3px;margin:0 12px 8px;padding:3px;display:grid}.guide-domains button{border-radius:var(--radius-sm);min-height:31px;color:var(--text-tertiary);font:8px var(--mono);justify-content:center;align-items:center;gap:7px;padding:0 8px;display:flex}.guide-domains button span{opacity:.65}.guide-domains button.active{color:var(--text);background:var(--surface-2)}.guide-levels{scrollbar-width:none;gap:2px;margin:0 12px 8px;display:flex;overflow-x:auto}.guide-levels button{border-radius:var(--radius-sm);min-width:64px;height:28px;color:var(--text-tertiary);font:8px var(--mono);text-transform:uppercase;white-space:nowrap;flex:1 0 auto;justify-content:center;align-items:center;gap:5px;padding:0 8px;display:flex}.guide-levels button:hover{color:var(--text-secondary);background:var(--surface-1)}.guide-levels button.active{color:var(--text);background:var(--surface-2)}.guide-levels button span{opacity:.55}.guide-search-row{gap:5px;margin:0 12px 10px;display:flex}.guide-search{border:1px solid var(--border);border-radius:var(--radius-md);min-width:0;height:34px;color:var(--text-tertiary);background:var(--bg);flex:1;align-items:center;gap:8px;padding:0 10px;transition:border-color .16s;display:flex}.guide-search:focus-within{border-color:var(--border-strong)}.guide-search input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:10px}.guide-search input::placeholder{color:var(--text-tertiary)}.guide-groups{scrollbar-width:none;border-bottom:1px solid var(--border);gap:3px;padding:0 12px 10px;display:flex;overflow-x:auto}.guide-groups button{border-radius:var(--radius-sm);color:var(--text-tertiary);white-space:nowrap;flex:none;gap:5px;padding:6px 7px;font-size:8px;display:flex}.guide-groups button:hover{color:var(--text-secondary);background:var(--surface-1)}.guide-groups button.active{color:var(--text);background:var(--surface-2)}.guide-groups button span{opacity:.55;font:7px var(--mono)}.guide-case-list{scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent;min-height:0;overflow-y:auto}.guide-frequency-note{z-index:2;border-bottom:1px solid var(--border);min-height:26px;color:var(--text-tertiary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#131415f5;justify-content:space-between;align-items:center;padding:0 10px;display:flex;position:sticky;top:0}.guide-frequency-note span{color:var(--accent);font:6px var(--mono);letter-spacing:.08em}.guide-frequency-note small{font:6px var(--mono)}.guide-case-list>button{width:100%;min-height:68px;color:var(--text-secondary);text-align:left;border-bottom:1px solid #202123;grid-template-columns:20px 50px minmax(0,1fr) auto;align-items:center;gap:7px;padding:6px 10px;transition:background .14s;display:grid}.guide-case-list>button:hover{background:var(--surface-1)}.guide-case-list>button.active{color:var(--text);background:var(--surface-2);box-shadow:inset 2px 0 var(--accent)}.guide-case-number{color:var(--text-tertiary);font:8px var(--mono)}.guide-case-list>button.active .guide-case-number{color:var(--accent)}.case-thumbnail{width:50px;height:50px;display:block}.guide-case-list>button>span:nth-child(3){flex-direction:column;gap:4px;min-width:0;display:flex}.guide-case-list b{font:600 11px var(--display)}.guide-case-list small{color:var(--text-tertiary);font:7px var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.guide-case-frequency{color:#777570;font:7px var(--mono);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.guide-case-list>button:hover .guide-case-frequency,.guide-case-list>button.active .guide-case-frequency{color:var(--text-secondary)}.guide-case-list>p{color:var(--text-secondary);padding:16px;font-size:10px}.cube-stage{background:#151617;min-height:0;position:relative;overflow:hidden}.stage-header{z-index:3;pointer-events:none;justify-content:space-between;align-items:flex-start;height:66px;padding:16px 20px;display:flex;position:absolute;top:0;left:0;right:0}.stage-meta{flex-direction:column;gap:4px;display:flex}.stage-meta span{color:var(--text-tertiary);font:8px var(--mono);letter-spacing:.08em}.stage-meta b{color:var(--text-secondary);font:500 11px var(--body)}.stage-state{color:var(--text-tertiary);font:8px var(--mono);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;display:flex}.stage-state i{background:var(--warning);border-radius:50%;width:6px;height:6px}.stage-state.solved{color:var(--success)}.stage-state.solved i{background:var(--success)}.canvas-wrap{position:absolute;inset:4% 4% 9%}.floating-tools{z-index:4;flex-direction:column;gap:4px;display:flex;position:absolute;top:64px;right:16px}.floating-tool{border:1px solid var(--border);border-radius:var(--radius-sm);min-height:31px;color:var(--text-tertiary);background:var(--surface-1);align-items:center;gap:6px;padding:0 9px;font-size:9px;display:flex}.floating-tool:hover{color:var(--text-secondary);border-color:var(--border-strong)}.floating-tool.active{color:var(--text);background:var(--surface-2)}.cube-hint{color:var(--text-tertiary);font:8px var(--mono);white-space:nowrap;align-items:center;gap:6px;display:flex;position:absolute;bottom:70px;left:50%;transform:translate(-50%)}.telemetry{z-index:3;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-0);grid-template-columns:92px 92px 1fr;height:48px;display:grid;position:absolute;inset:auto 16px 14px}.telemetry>div{border-right:1px solid var(--border);flex-direction:column;justify-content:center;gap:3px;padding:8px 11px;display:flex}.telemetry>div:last-child{border:0}.telemetry span{color:var(--text-tertiary);font:7px var(--mono)}.telemetry b{color:var(--text);font:15px var(--mono)}.telemetry b em{color:var(--text-tertiary);font-size:8px;font-style:normal}.mini-progress{background:var(--surface-3);border-radius:2px;height:3px;overflow:hidden}.mini-progress i{background:var(--accent);height:100%;transition:width .25s;display:block}.inspector{scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent;border-left:1px solid var(--border);padding:24px 22px 30px;overflow-y:auto}.guide-title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.guide-title-row h1{font:700 28px/1.02 var(--display);letter-spacing:-.04em;margin:7px 0 0}.case-badge{border-radius:var(--radius-sm);color:var(--accent);background:var(--accent-soft);font:8px var(--mono);white-space:nowrap;padding:5px 7px}.guide-tags{flex-wrap:wrap;gap:5px;margin:14px 0 22px;display:flex}.guide-tags span{border-radius:var(--radius-sm);color:var(--text-tertiary);background:var(--surface-2);font:8px var(--mono);padding:4px 7px}.guide-tags span.optimal-origin{color:var(--accent);background:var(--accent-soft)}.guide-recognition{border-bottom:1px solid var(--border);color:var(--text-secondary);gap:10px;padding:0 0 18px;display:flex}.guide-recognition span,.guide-step-card span,.guide-cue span{color:var(--text-tertiary);font:7px var(--mono);letter-spacing:.09em}.guide-recognition p,.guide-step-card p,.guide-cue p{color:var(--text-secondary);margin:6px 0 0;font-size:10px;line-height:1.6}.guide-recreate{border-bottom:1px solid var(--border);margin-top:20px;padding-bottom:20px}.guide-recreate-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.guide-recreate-heading>div{color:var(--text-secondary);align-items:center;gap:7px;display:flex}.guide-recreate-heading span{font:7px var(--mono);letter-spacing:.09em}.guide-recreate-heading button{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-tertiary);font:7px var(--mono);align-items:center;gap:5px;padding:5px 7px;display:inline-flex}.guide-recreate-heading button:hover{color:var(--text);border-color:var(--border-strong)}.guide-recreate ol{counter-reset:recreate-step;gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.guide-recreate li{counter-increment:recreate-step;grid-template-columns:18px 78px 1fr;align-items:baseline;gap:7px;display:grid}.guide-recreate li:before{content:counter(recreate-step);color:var(--accent);font:8px var(--mono)}.guide-recreate li b{color:var(--text);font:600 9px var(--display)}.guide-recreate li span{color:var(--text-tertiary);font-size:8px;line-height:1.45}.guide-setup-notation{border-radius:var(--radius-sm);background:var(--bg);flex-wrap:wrap;gap:3px;margin-top:12px;padding:8px;display:flex}.guide-setup-notation code{border:1px solid var(--pattern-border);min-width:27px;color:var(--pattern-text);background:var(--pattern-bg);font:9px var(--mono);text-align:center;border-radius:3px;padding:5px}.guide-recreate-note{color:var(--text-tertiary);margin:8px 0 0;font-size:8px;line-height:1.45}.guide-notation{margin-top:20px}.guide-notation-heading{color:var(--text-tertiary);font:7px var(--mono);letter-spacing:.09em;justify-content:space-between;gap:8px;display:flex}.guide-notation-heading small{color:var(--text-tertiary);font:7px var(--mono);letter-spacing:0;text-align:right}.guide-notation-heading.playback{margin-top:13px}.algorithm-map{margin-top:7px}.algorithm-pattern{border:1px solid var(--border);min-height:48px;color:var(--text);background:var(--surface-1);font:10px/1.55 var(--mono);white-space:normal;border-radius:11px;flex-wrap:wrap;align-items:center;gap:5px;padding:8px;display:flex}.algorithm-chunk{border:1px solid var(--pattern-border);min-height:29px;color:var(--pattern-text);background:var(--pattern-bg);box-shadow:inset 0 -2px var(--pattern-rail);border-radius:8px;align-items:center;gap:3px;padding:4px 6px;display:inline-flex;position:relative}.algorithm-chunk.repeated{border-style:solid;padding-right:16px}.algorithm-chunk-moves{gap:5px;display:inline-flex}.algorithm-chunk-moves>span{display:inline-block}.algorithm-paren,.algorithm-repeat-count{color:var(--pattern-strong);font-weight:700}.algorithm-repeat-cue{border:1px solid var(--pattern-border);min-width:15px;height:15px;color:var(--pattern-strong);font:6px var(--mono);background:#151617;border-radius:999px;justify-content:center;align-items:center;gap:1px;padding:0 3px;display:inline-flex;position:absolute;top:-6px;right:-5px}.algorithm-map-key{color:var(--text-tertiary);font:6px var(--mono);flex-wrap:wrap;justify-content:space-between;gap:5px 12px;margin-top:6px;display:flex}.algorithm-map-key span{align-items:center;gap:4px;display:inline-flex}.algorithm-map-key i{background:var(--pattern-rail);border-radius:2px;width:7px;height:7px;margin-right:-2px}.algorithm-map-key b{color:var(--text-secondary);font:8px var(--mono)}.tone-0{--pattern-bg:#5eb8ff17;--pattern-border:#5eb8ff47;--pattern-text:#b9e2ff;--pattern-strong:#71c5ff;--pattern-rail:#4aa9e8}.tone-1{--pattern-bg:#ffae4817;--pattern-border:#ffae4847;--pattern-text:#ffd7a3;--pattern-strong:#ffb65d;--pattern-rail:#dc8d31}.tone-2{--pattern-bg:#5bd39317;--pattern-border:#5bd39345;--pattern-text:#b8efd1;--pattern-strong:#65d99b;--pattern-rail:#42ad74}.tone-3{--pattern-bg:#e5789917;--pattern-border:#e5789945;--pattern-text:#f3c0cf;--pattern-strong:#e887a4;--pattern-rail:#c45c7c}.tone-4{--pattern-bg:#b8a4ff1a;--pattern-border:#b8a4ff4d;--pattern-text:#d9ceff;--pattern-strong:#b8a4ff;--pattern-rail:#8e77e5}.guide-notation>div:last-child{flex-wrap:wrap;gap:3px;margin-top:9px;display:flex}.guide-notation button{border:1px solid var(--pattern-border);min-width:29px;color:var(--pattern-text);background:var(--pattern-bg);box-shadow:inset 0 -2px var(--pattern-rail);font:10px var(--mono);border-radius:4px;padding:6px}.guide-notation button:hover{filter:brightness(1.16)}.guide-notation button.done{opacity:.56;color:var(--success)}.guide-notation button.active{opacity:1;color:#171323;border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 2px #b8a4ff21}.guide-step-card{border-left:2px solid var(--accent);background:var(--surface-1);min-height:114px;margin-top:18px;padding:17px 14px 17px 70px;position:relative}.guide-step-count{color:var(--text);font:700 26px var(--display);position:absolute;top:17px;left:13px}.guide-step-count small{color:var(--text-tertiary);font:8px var(--mono)}.guide-step-card h3{font:600 15px var(--display);margin:7px 0 0}.guide-cue{margin-top:16px;padding:0 2px}.guide-cue span{color:var(--accent)}.guide-source{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.guide-source p{color:var(--text-tertiary);margin:0;font-size:8px;line-height:1.55}.guide-source a{color:var(--text-secondary);align-items:center;gap:5px;margin-top:9px;font-size:9px;text-decoration:none;display:inline-flex}.guide-source a:hover{color:var(--text)}.guide-source-links{flex-direction:column;align-items:flex-start;display:flex}.pll-recognition-lesson{border:1px solid var(--border);background:var(--surface-1);border-radius:15px;margin-bottom:12px;overflow:hidden}.pll-recognition-lesson summary{min-height:40px;color:var(--text-secondary);font:600 9px var(--display);cursor:pointer;justify-content:space-between;align-items:center;padding:0 13px;list-style:none;display:flex}.pll-recognition-lesson summary::-webkit-details-marker{display:none}.pll-recognition-lesson summary:after{content:"+";color:var(--accent);font:13px var(--mono)}.pll-recognition-lesson[open] summary:after{content:"−"}.pll-recognition-lesson>div{border-top:1px solid var(--border);padding:0 13px 13px}.pll-recognition-lesson p{color:var(--text-secondary);margin:11px 0;font-size:9px;line-height:1.55}.pll-recognition-lesson dl{gap:7px;margin:0;display:grid}.pll-recognition-lesson dl>div{grid-template-columns:62px 1fr;gap:7px;display:grid}.pll-recognition-lesson dt{color:var(--accent);font:7px var(--mono);text-transform:uppercase}.pll-recognition-lesson dd{color:var(--text-tertiary);margin:0;font-size:8px;line-height:1.45}.pll-permutation{border:1px solid var(--border);background:radial-gradient(circle at 50% 44%, #b8a4ff14, transparent 54%), var(--bg);border-radius:17px;margin:0 0 12px;padding:13px}.pll-permutation-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.pll-permutation-heading span{color:var(--accent);font:7px var(--mono);letter-spacing:.08em}.pll-permutation-heading small{color:var(--text-tertiary);font:7px var(--mono)}.pll-permutation svg{width:min(196px,76%);margin:7px auto 0;display:block;overflow:visible}.pll-board{fill:#ffffff05;stroke:var(--border-strong);stroke-width:1.2px}.pll-front-mark{stroke:var(--accent);stroke-width:3px;stroke-linecap:round}.pll-front-label{fill:var(--text-tertiary);font:5px var(--mono);letter-spacing:.12em}.pll-piece{fill:#24272a;stroke:#a5a29a;stroke-width:1.5px}.pll-piece.solved{fill:#5bd39329;stroke:var(--success)}.pll-swap-arrow{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linecap:round;opacity:.88}.pll-arrow-head{fill:var(--accent)}.pll-permutation figcaption{color:var(--text-tertiary);font:6px var(--mono);flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.pll-permutation figcaption span{align-items:center;gap:4px;display:inline-flex}.pll-permutation figcaption i{background:#24272a;border:1px solid #a5a29a;width:8px;height:8px;display:inline-block}.pll-permutation figcaption i.corner{border-radius:2px}.pll-permutation figcaption i.edge{border-radius:50%}.pll-permutation figcaption i.solved{border-color:var(--success);background:#5bd39329;border-radius:50%}.optimal-pll-rationale,.pll-execution-note,.pll-alternates{border:1px solid var(--border);background:var(--surface-1);border-radius:15px;margin-top:14px;padding:13px}.optimal-pll-rationale>div,.pll-alternates-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.optimal-pll-rationale>div span,.pll-execution-note span,.pll-alternates-heading span{color:var(--accent);font:7px var(--mono);letter-spacing:.09em}.optimal-pll-rationale>div b{color:var(--text-secondary);font:7px var(--mono)}.optimal-pll-rationale ul{grid-template-columns:repeat(4,1fr);gap:4px;margin:11px 0;padding:0;list-style:none;display:grid}.optimal-pll-rationale li{background:var(--bg);border-radius:9px;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:8px 3px;display:flex}.optimal-pll-rationale li b{color:var(--text);font:13px var(--mono)}.optimal-pll-rationale li span{color:var(--text-tertiary);font:5px var(--mono);text-align:center;text-transform:uppercase}.optimal-pll-rationale p,.pll-execution-note p{color:var(--text-secondary);margin:7px 0 0;font-size:9px;line-height:1.55}.pll-alternates-heading small{color:var(--text-tertiary);font:6px var(--mono)}.pll-alternate{border-top:1px solid var(--border);margin-top:11px;padding-top:11px}.pll-alternate>b{color:var(--text-tertiary);font:7px var(--mono)}.pll-alternate .algorithm-pattern{min-height:0}.pll-alternate .algorithm-map-key{display:none}.playback-bar{z-index:18;border-top:1px solid var(--border);background:var(--surface-0);grid-template-columns:264px 370px 1fr;align-items:center;display:grid;position:relative}.playback-context{border-right:1px solid var(--border);flex-direction:column;justify-content:center;gap:3px;height:100%;padding:13px 18px;display:flex}.playback-context b{font:600 13px var(--display)}.playback-context small{color:var(--text-tertiary);font:8px var(--mono)}.playback-controls{justify-content:center;align-items:center;gap:7px;display:flex}.playback-controls button{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-tertiary);place-items:center;display:grid}.playback-controls button:hover{color:var(--text);background:var(--surface-2)}.playback-controls .play-button{color:#171323;background:var(--accent);border-radius:50%;width:42px;height:42px}.playback-controls .speed-button{width:38px;font:9px var(--mono)}.timeline{color:var(--text-tertiary);font:8px var(--mono);grid-template-columns:24px 1fr 24px;align-items:center;gap:8px;padding:0 22px;display:grid}.timeline>div{align-items:center;height:38px;display:flex}.timeline button{border-top:1px solid var(--surface-3);flex:1;height:100%;position:relative}.timeline button i{background:var(--surface-3);border-radius:50%;width:5px;height:5px;position:absolute;top:-3px;left:0}.timeline button small{color:var(--text-tertiary);font:7px var(--mono);position:absolute;top:8px;left:-3px}.timeline button.done{border-color:var(--success)}.timeline button.done i{background:var(--success)}.timeline button.active i{background:var(--accent);transform:scale(1.5)}.timeline button.active small{color:var(--accent)}.analyze-shell{grid-template-rows:56px minmax(0,1fr)}.analyze-placeholder{background:var(--bg);place-items:center;min-height:0;padding:48px 24px;display:grid;overflow-y:auto}.analyze-placeholder section{width:min(760px,100%)}.analyze-icon{border:1px solid var(--border-strong);border-radius:var(--radius-md);width:48px;height:48px;color:var(--accent);background:var(--surface-1);place-items:center;margin-bottom:48px;display:grid}.analyze-placeholder h1{max-width:700px;font:700 clamp(42px, 6vw, 78px)/.94 var(--display);letter-spacing:-.055em;margin:14px 0 18px}.analyze-placeholder p{max-width:590px;color:var(--text-secondary);margin:0;font-size:13px;line-height:1.75}.analyze-roadmap{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);margin-top:54px;display:grid}.analyze-roadmap>div{border-right:1px solid var(--border);flex-direction:column;gap:5px;min-height:116px;padding:18px 20px;display:flex}.analyze-roadmap span{color:var(--accent);font:8px var(--mono)}.analyze-roadmap b{font:600 14px var(--display);margin-top:auto}.analyze-roadmap small{color:var(--text-tertiary);font-size:9px}.placeholder-rule{color:var(--text-tertiary);font:8px var(--mono);letter-spacing:.08em;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:24px;display:grid}.placeholder-rule i{background:var(--border);height:1px}.placeholder-rule b{color:var(--text-secondary);font-weight:500}@media (max-width:1100px){.workspace{grid-template-columns:216px minmax(360px,1fr) 330px}.topbar{grid-template-columns:216px 1fr 216px}.playback-bar{grid-template-columns:216px 330px 1fr}.timeline button small{display:none}}@media (max-width:860px){.app-shell{grid-template-rows:54px minmax(0,1fr) 68px;padding-bottom:58px}.analyze-shell{grid-template-rows:54px minmax(0,1fr)}.topbar{grid-template-columns:auto 1fr;height:54px}.brand{border-right:0;width:164px}.top-actions{display:none}.topbar nav{z-index:30;border-top:1px solid var(--border);background:var(--surface-0);height:58px;position:fixed;bottom:0;left:0;right:0}.topbar nav a{border-radius:0;flex:1;justify-content:center;min-width:0;height:100%}.workspace{flex-direction:column;display:flex;overflow:hidden}.guide-rail{border:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex:0 0 208px;order:2;grid-template-rows:35px 34px 38px 38px minmax(0,1fr);width:100%}.guide-rail-heading{display:none}.guide-domains,.guide-levels{margin:3px 9px 0}.guide-search-row{margin:4px 9px}.guide-search{height:30px}.guide-groups{border-top:1px solid var(--border);padding:4px 9px}.guide-case-list{display:flex;overflow:auto hidden}.guide-case-list>button{border-right:1px solid var(--border);border-bottom:0;flex:0 0 226px;min-height:62px}.cube-stage{flex:0 0 43%;order:1}.inspector{border:0;border-top:1px solid var(--border);flex:auto;order:3;overflow-y:auto}.playback-bar{justify-content:center;height:68px;display:flex}.playback-context,.timeline{display:none}}@media (max-width:540px){.app-shell{padding-bottom:58px}.brand{width:auto}.topbar nav a{gap:6px}.stage-header{padding:13px 14px}.stage-state{font-size:7px}.floating-tools{top:52px;right:10px}.floating-tool{justify-content:center;width:31px;padding:0}.floating-tool span,.cube-hint{display:none}.telemetry{grid-template-columns:72px 78px 1fr;inset:auto 9px 9px}.telemetry>div{padding-inline:8px}.inspector{padding:20px 16px 28px}.guide-title-row h1{font-size:25px}.analyze-placeholder{place-items:start;padding:36px 20px}.analyze-icon{margin-bottom:36px}.analyze-placeholder h1{font-size:44px}.analyze-roadmap{grid-template-columns:1fr;margin-top:40px}.analyze-roadmap>div{border-right:0;border-bottom:1px solid var(--border);min-height:82px}.analyze-roadmap>div:last-child{border-bottom:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.studio-app{grid-template-rows:56px minmax(0,1fr)}.studio-workspace{background:#0d0e0f;min-height:0;position:relative;overflow:hidden}.studio-stage{position:absolute;inset:0}.studio-stage .canvas-wrap{transition:left .24s,right .24s;inset:68px 12% 116px}.studio-workspace.library-is-open .canvas-wrap{left:322px}.studio-workspace.details-is-open .canvas-wrap{right:372px}.studio-toolbar{z-index:14;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;height:42px;display:grid;position:absolute;top:14px;left:16px;right:16px}.studio-toolbar-group{pointer-events:auto;align-items:center;gap:8px;display:flex}.studio-toolbar-group>button{border:1px solid var(--border);border-radius:var(--radius-md);min-width:34px;height:34px;color:var(--text-tertiary);background:#131415eb;justify-content:center;align-items:center;gap:6px;padding:0 9px;font-size:9px;display:inline-flex}.studio-toolbar-group>button:hover{color:var(--text);border-color:var(--border-strong)}.studio-toolbar-group>button.active{color:var(--text);background:var(--surface-3)}.studio-toolbar-actions{justify-content:flex-end}.studio-breadcrumb{flex-direction:column;gap:2px;min-width:0;display:flex}.studio-breadcrumb span{color:var(--text-tertiary);font:7px var(--mono);text-transform:uppercase;letter-spacing:.08em}.studio-breadcrumb b{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;overflow:hidden}.studio-toolbar .stage-state{border:1px solid var(--border);border-radius:var(--radius-md);background:#131415eb;justify-self:center;padding:7px 9px}.move-readout{z-index:4;border:1px solid var(--border);pointer-events:none;background:#131415e0;border-radius:50%;align-content:center;place-items:center;width:70px;height:70px;display:grid;position:absolute;top:74px;left:50%;transform:translate(-50%)}.move-readout span{color:var(--text-tertiary);font:6px var(--mono);letter-spacing:.1em}.move-readout b{color:var(--text);font:600 20px var(--mono);margin:2px 0 0}.move-readout small{color:var(--text-tertiary);font:6px var(--mono)}.studio-stage .cube-hint{bottom:112px}.studio-drawer{z-index:12;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-0);animation:.18s ease-out both studio-drawer-in;position:absolute;top:68px;bottom:112px;overflow:hidden;box-shadow:0 18px 46px #0000003d}.library-drawer{transform-origin:0;width:304px;left:16px}.lesson-drawer{transform-origin:100%;grid-template-rows:44px minmax(0,1fr);width:354px;display:grid;right:16px}@keyframes studio-drawer-in{0%{opacity:0}to{opacity:1}}.studio-drawer .guide-rail{border-radius:inherit;border:0;width:100%;height:100%}.guide-rail-actions{align-items:center;gap:8px;display:flex}.guide-rail-actions b{color:var(--text-tertiary);font:9px var(--mono);font-weight:500}.guide-rail-actions button,.drawer-header button{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-tertiary);place-items:center;display:grid}.guide-rail-actions button:hover,.drawer-header button:hover{color:var(--text);background:var(--surface-2)}.drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:0 9px 0 14px;display:flex}.drawer-header>div{color:var(--text-secondary);align-items:center;gap:7px;font-size:10px;font-weight:600;display:flex}.lesson-scroll{scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent;min-height:0;padding:20px 20px 26px;overflow-y:auto}.lesson-tabs{border-bottom:1px solid var(--border);gap:18px;margin:0 -20px;padding:0 20px;display:flex}.lesson-tabs button{height:38px;color:var(--text-tertiary);font-size:9px;font-weight:600;position:relative}.lesson-tabs button:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.lesson-tabs button.active{color:var(--text)}.lesson-tabs button.active:after{transform:scaleX(1)}.lesson-panel .guide-recognition{padding-bottom:17px}.lesson-panel .guide-recreate{border-bottom:0;margin-top:0;padding-bottom:0}.transport-dock{z-index:15;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:#131415f5;grid-template-rows:28px 56px;width:min(760px,100% - 32px);height:84px;display:grid;position:absolute;bottom:14px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 18px 44px #0000004d}.transport-timeline{border-bottom:1px solid var(--border);color:var(--text-tertiary);font:7px var(--mono);grid-template-columns:20px 1fr 20px;align-items:center;gap:7px;padding:0 13px;display:grid}.transport-timeline>div{align-items:center;height:100%;display:flex}.transport-timeline button{border-top:1px solid var(--surface-3);flex:1;height:100%;position:relative}.transport-timeline button i{background:var(--surface-3);border-radius:50%;width:5px;height:5px;position:absolute;top:-3px;left:0}.transport-timeline button small{color:var(--text-tertiary);font:6px var(--mono);position:absolute;top:6px;left:-3px}.transport-timeline button.done{border-color:var(--success)}.transport-timeline button.done i{background:var(--success)}.transport-timeline button.active i{background:var(--accent);transform:scale(1.4)}.transport-timeline button.active small{color:var(--accent)}.transport-main{grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);align-items:center;display:grid}.transport-case{min-width:0;height:100%;color:var(--text-tertiary);text-align:left;align-items:center;gap:9px;padding:0 15px;display:flex}.transport-case:hover{background:var(--surface-1)}.transport-case>span{flex-direction:column;gap:2px;min-width:0;display:flex}.transport-case b{color:var(--text);font:600 10px var(--display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.transport-case small{color:var(--text-tertiary);font:7px var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.transport-main .playback-controls{padding:0 12px}.transport-main .playback-controls button{width:30px;height:30px}.transport-main .playback-controls .play-button{width:40px;height:40px}.transport-progress{color:var(--text-tertiary);font:7px var(--mono);grid-template-columns:auto minmax(42px,1fr) auto;align-items:center;gap:8px;padding:0 15px;display:grid}.transport-progress>div{background:var(--surface-3);border-radius:2px;height:3px;overflow:hidden}.transport-progress i{background:var(--accent);height:100%;display:block}.transport-progress b{color:var(--text-secondary);font-weight:500}@media (max-width:1100px){.studio-workspace.library-is-open .canvas-wrap{left:292px}.studio-workspace.details-is-open .canvas-wrap{right:342px}.library-drawer{width:274px}.lesson-drawer{width:324px}.studio-toolbar-group>button span{display:none}}@media (max-width:860px){.studio-app{grid-template-rows:54px minmax(0,1fr);padding-bottom:58px}.studio-workspace.library-is-open .canvas-wrap,.studio-workspace.details-is-open .canvas-wrap,.studio-stage .canvas-wrap{inset:58px 0 104px}.studio-toolbar{grid-template-columns:1fr auto;top:8px;left:9px;right:9px}.studio-toolbar .stage-state{display:none}.studio-toolbar-actions{justify-self:end}.studio-breadcrumb{max-width:135px}.move-readout{width:58px;height:58px;top:58px}.move-readout b{font-size:17px}.studio-stage .cube-hint{display:none}.studio-drawer{border-radius:10px;width:auto;inset:56px 8px 101px}.lesson-drawer{width:auto}.library-drawer .guide-rail{grid-template-rows:auto auto auto auto auto minmax(0,1fr)}.library-drawer .guide-rail-heading{padding:14px 14px 11px;display:flex}.library-drawer .guide-domains,.library-drawer .guide-levels{margin:0 10px 6px}.library-drawer .guide-search-row{margin:0 10px 7px}.library-drawer .guide-groups{border-top:0;padding:0 10px 8px}.library-drawer .guide-case-list{display:block;overflow:hidden auto}.library-drawer .guide-case-list>button{border-right:0;border-bottom:1px solid var(--border);width:100%;min-height:64px}.guide-frequency-note{display:none}.transport-dock{width:calc(100% - 16px);height:84px;bottom:8px}.transport-main{grid-template-columns:minmax(82px,1fr) auto minmax(82px,1fr)}.transport-progress{padding-inline:10px}.transport-progress span{display:none}}@media (max-width:540px){.studio-toolbar-group>button{width:32px;min-width:32px;padding:0}.studio-breadcrumb{display:none}.studio-toolbar{grid-template-columns:auto 1fr}.studio-toolbar-actions{margin-left:auto}.move-readout{left:50%}.transport-timeline{display:none}.transport-dock{grid-template-rows:58px;height:58px}.studio-drawer{bottom:75px}.transport-main{grid-template-columns:70px 1fr 54px}.transport-case{justify-content:center;padding:0}.transport-case>span{display:none}.transport-main .playback-controls{gap:3px;padding:0}.transport-progress{grid-template-columns:1fr auto;padding:0 10px 0 3px}.transport-progress b{font-size:6px}.lesson-scroll{padding:18px 16px 24px}.lesson-tabs{margin-inline:-16px;padding-inline:16px}.guide-title-row h1{font-size:27px}}:root{--radius-sm:9px;--radius-md:13px;--radius-lg:19px;--radius-xl:25px}.topbar nav{border:1px solid var(--border);background:var(--bg);border-radius:999px;width:fit-content;height:38px;margin:auto;padding:3px}.topbar nav a{border-radius:999px;height:30px}.top-actions span{border:1px solid var(--border);background:var(--surface-1);border-radius:999px;padding:7px 10px}.brand-mark,.brand-mark i{border-radius:6px}.studio-toolbar-group>button,.studio-toolbar .stage-state{border-radius:999px}.studio-toolbar-group>button{min-width:36px;padding-inline:11px}.move-readout{border-width:1px;box-shadow:0 10px 28px #0000002e}.studio-drawer,.transport-dock{border-radius:var(--radius-xl)}.guide-rail{padding:7px}.guide-rail-heading{padding:13px 10px 12px}.guide-domains{border-radius:15px;margin-inline:4px;padding:4px}.guide-domains button{border-radius:11px}.guide-levels{background:var(--bg);border-radius:13px;margin-inline:4px;padding:3px}.guide-levels button{border-radius:10px}.guide-search-row{margin-inline:4px}.guide-search{border-radius:13px}.guide-groups{scrollbar-width:auto;border-bottom:0;flex-wrap:wrap;align-content:flex-start;margin:0 4px 5px;padding:0 0 7px;overflow:visible}.guide-groups button{background:var(--surface-1);border-radius:999px}.guide-case-list{padding:2px 1px 8px}.guide-case-list>button{background:0 0;border:1px solid #0000;border-radius:14px;min-height:66px;margin-bottom:4px}.guide-case-list>button:hover{border-color:var(--border);background:var(--surface-1)}.guide-case-list>button.active{border-color:var(--border);background:var(--surface-2);box-shadow:none;border-radius:14px}.guide-case-list>button.active:before{content:"";background:var(--accent);border-radius:999px;width:4px;height:22px}.guide-case-list>button{grid-template-columns:4px 18px 46px minmax(0,1fr) auto auto}.guide-case-list>button .guide-case-number{grid-column:2}.guide-case-list>button .case-thumbnail{grid-column:3}.guide-case-list>button>span:nth-child(3){grid-column:4}.guide-case-list>button .guide-case-frequency{grid-column:5}.guide-case-list>button>svg{grid-column:6}.case-thumbnail{border-radius:10px;width:46px;height:46px}.drawer-header{border:1px solid var(--border);background:var(--surface-1);border-radius:14px;margin:7px;padding-inline:11px 5px}.lesson-drawer{grid-template-rows:58px minmax(0,1fr)}.guide-title-row h1{line-height:1.06}.case-badge,.guide-tags span{border-radius:999px}.lesson-tabs{border:1px solid var(--border);background:var(--bg);border-radius:999px;gap:3px;width:fit-content;margin:0 0 18px;padding:4px}.lesson-tabs button{border-radius:999px;height:29px;padding:0 11px}.lesson-tabs button:after{display:none}.lesson-tabs button.active{background:var(--surface-3)}.lesson-panel{padding-top:0}.guide-recognition{border:1px solid var(--border);background:var(--surface-1);border-radius:15px;padding:13px}.guide-notation{border:1px solid var(--border);background:var(--bg);border-radius:15px;padding:14px}.guide-notation button{border-radius:9px}.guide-step-card{border:1px solid var(--border);background:var(--surface-1);border-radius:17px;min-height:120px}.guide-step-card:before{content:"";background:var(--accent);border-radius:0 999px 999px 0;width:3px;position:absolute;top:13px;bottom:13px;left:0}.guide-cue{border:1px solid var(--border);background:var(--bg);border-radius:15px;padding:13px}.guide-recreate{border:1px solid var(--border);background:var(--surface-1);border-radius:17px;padding:15px}.guide-recreate-heading button{border-radius:999px}.guide-setup-notation{border-radius:13px}.guide-setup-notation code{border-radius:8px}.transport-case{border-radius:14px;height:calc(100% - 12px);margin:6px}.playback-controls button{border-radius:999px}.transport-progress>div{border-radius:999px;height:5px}.transport-progress i{border-radius:inherit}.analyze-icon{border-radius:17px}.analyze-roadmap{border:0;gap:10px}.analyze-roadmap>div{border:1px solid var(--border);background:var(--surface-1);border-radius:18px}.analyze-roadmap>div:last-child{border-right:1px solid var(--border)}@media (max-width:860px){.topbar nav{border:0;border-radius:0;width:auto;height:58px;margin:0;padding:4px}.topbar nav a{border-radius:14px;height:50px}.studio-drawer{border-radius:20px}.library-drawer .guide-rail{padding:7px}.library-drawer .guide-rail-heading{padding:11px 9px}.library-drawer .guide-domains,.library-drawer .guide-levels,.library-drawer .guide-search-row,.library-drawer .guide-groups{margin-inline:3px}.library-drawer .guide-groups{flex-wrap:wrap;overflow:visible}.library-drawer .guide-case-list>button{border:1px solid #0000}.library-drawer .guide-case-list>button.active{border-color:var(--border)}}@media (max-width:540px){.transport-dock{border-radius:19px}.lesson-tabs{margin-bottom:16px}.analyze-roadmap>div:last-child{border-right:1px solid var(--border)}}.guide-section-picker{z-index:24;margin:0 4px 8px;position:relative}.guide-section-trigger{border:1px solid var(--border);width:100%;min-height:40px;color:var(--text-secondary);background:var(--surface-1);text-align:left;border-radius:11px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;padding:0 10px 0 12px;display:grid}.guide-section-trigger:hover,.guide-section-trigger[aria-expanded=true]{border-color:var(--border-strong);background:var(--surface-2)}.guide-section-trigger>span:first-child{align-items:baseline;gap:7px;min-width:0;display:flex}.guide-section-trigger small{color:var(--text-tertiary);font:6px var(--mono);text-transform:uppercase;letter-spacing:.08em}.guide-section-trigger b{color:var(--text);font:600 10px var(--display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.guide-section-count{min-width:24px;color:var(--text-tertiary);font:7px var(--mono);text-align:right}.guide-section-trigger svg{color:var(--text-tertiary);transition:transform .16s}.guide-section-trigger svg.open{transform:rotate(180deg)}.guide-section-menu{border:1px solid var(--border-strong);background:#151617;border-radius:13px;padding:7px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow:hidden;box-shadow:0 14px 34px #00000075}.guide-section-menu-heading{justify-content:space-between;align-items:center;height:28px;padding:0 5px;display:flex}.guide-section-menu-heading span{color:var(--text-secondary);font-size:9px;font-weight:600}.guide-section-menu-heading small{color:var(--text-tertiary);font:7px var(--mono)}.guide-section-search{border:1px solid var(--border);height:34px;color:var(--text-tertiary);background:var(--bg);border-radius:9px;align-items:center;gap:7px;padding:0 9px;display:flex}.guide-section-search:focus-within{color:var(--accent);border-color:#b8a4ff8c}.guide-section-search input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:10px}.guide-section-search input:focus-visible{outline:0}.guide-section-search input::placeholder{color:var(--text-tertiary)}.guide-section-options{scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent;gap:1px;max-height:min(282px,44dvh);margin-top:5px;display:grid;overflow-y:auto}.guide-section-options>button{width:100%;min-height:43px;color:var(--text-secondary);text-align:left;border:0;border-radius:8px;grid-template-columns:minmax(0,1fr) auto 16px;align-items:center;gap:8px;padding:7px 8px;display:grid}.guide-section-options>button:hover{background:var(--surface-2)}.guide-section-options>button.active{background:#b8a4ff17}.guide-section-options>button.active:before{content:"";background:var(--accent);border-radius:999px;width:2px;height:20px;position:absolute;left:0}.guide-section-options>button{position:relative}.guide-section-options>button>span{flex-direction:column;gap:2px;min-width:0;display:flex}.guide-section-options b{color:var(--text);font:600 9px var(--display)}.guide-section-options small{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:7px;line-height:1.25;overflow:hidden}.guide-section-options em{color:var(--text-tertiary);font:7px var(--mono);font-style:normal}.guide-section-options svg{width:13px;color:var(--accent)}.guide-section-options>p{color:var(--text-tertiary);text-align:center;margin:0;padding:16px 10px;font-size:9px}@media (max-width:860px){.library-drawer .guide-section-picker{margin:0 3px 7px}.guide-section-trigger{min-height:42px}.guide-section-menu{border-radius:12px}.guide-section-search{height:37px}.guide-section-options{max-height:min(300px,46dvh)}.guide-section-options>button{min-height:48px}.guide-section-options b{font-size:10px}.guide-section-options small{font-size:7px}}.analyze-app{grid-template-rows:56px minmax(0,1fr)}.analyze-studio{background:var(--bg);grid-template-rows:48px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.analyze-statusbar{z-index:12;border-bottom:1px solid var(--border);background:var(--surface-0);grid-template-columns:190px minmax(0,1fr) 190px;align-items:center;padding:0 16px;display:grid;position:relative}.analyze-statusbar>button,.analyze-private{color:var(--text-tertiary);font:8px var(--mono);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:7px;display:flex}.analyze-private{color:var(--success);justify-content:flex-end}.analyze-stage-track{justify-content:center;align-items:center;height:100%;display:flex}.analyze-stage-track>div{min-width:78px;color:var(--text-tertiary);font:8px var(--mono);text-transform:uppercase;align-items:center;gap:7px;display:flex;position:relative}.analyze-stage-track>div:not(:last-child):after{content:"";background:var(--border-strong);width:24px;height:1px;margin-left:auto;margin-right:8px}.analyze-stage-track i{border:1px solid var(--border-strong);border-radius:50%;place-items:center;width:19px;height:19px;font-style:normal;display:grid}.analyze-stage-track .active{color:var(--text)}.analyze-stage-track .active i{color:#171323;border-color:var(--accent);background:var(--accent)}.analyze-setup{grid-template-columns:minmax(420px,1.05fr) minmax(430px,.95fr);min-height:0;display:grid;overflow-y:auto}.analyze-setup-copy{border-right:1px solid var(--border);flex-direction:column;justify-content:center;padding:clamp(46px,7vw,104px);display:flex}.analyze-setup-copy h1{font:700 clamp(52px, 7vw, 96px)/.88 var(--display);letter-spacing:-.065em;margin:18px 0 24px}.analyze-setup-copy>p{max-width:610px;color:var(--text-secondary);margin:0;font-size:13px;line-height:1.8}.analyze-promise{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:56px;display:grid}.analyze-promise>div{border:1px solid var(--border);min-height:105px;color:var(--accent);background:var(--surface-1);border-radius:18px;flex-direction:column;justify-content:space-between;padding:16px;display:flex}.analyze-promise span{flex-direction:column;gap:4px;display:flex}.analyze-promise b{color:var(--text);font:600 11px var(--display)}.analyze-promise small{color:var(--text-tertiary);font-size:8px}.analyze-profile-builder{background:var(--surface-0);flex-direction:column;justify-content:center;padding:clamp(30px,5vw,72px);display:flex}.analyze-profile-builder>header{gap:14px;margin-bottom:24px;display:flex}.analyze-profile-builder>header>span{color:#171323;background:var(--accent);width:32px;height:32px;font:8px var(--mono);border-radius:50%;place-items:center;display:grid}.analyze-profile-builder h2{font:600 22px var(--display);letter-spacing:-.03em;margin:0 0 5px}.analyze-profile-builder p{color:var(--text-tertiary);margin:0;font-size:10px}.analyze-profile-list{gap:7px;display:grid}.analyze-profile-list>button{border:1px solid var(--border);text-align:left;background:var(--surface-1);border-radius:16px;grid-template-columns:24px 1fr;align-items:center;gap:10px;min-height:62px;padding:10px 13px;transition:border-color .16s,background .16s;display:grid}.analyze-profile-list>button:hover{border-color:var(--border-strong);background:var(--surface-2)}.analyze-profile-list>button.active{background:var(--accent-soft);border-color:#b8a4ff9e}.analyze-profile-list>button>span{border:1px solid var(--border-strong);color:#171323;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.analyze-profile-list>button.active>span{border-color:var(--accent);background:var(--accent)}.analyze-profile-list>button div{flex-direction:column;gap:4px;display:flex}.analyze-profile-list b{font:600 11px var(--display)}.analyze-profile-list small{color:var(--text-tertiary);font-size:8px;line-height:1.4}.analyze-preferences{border:1px solid var(--border);background:var(--bg);border-radius:16px;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;padding:12px;display:grid}.analyze-preferences label{color:var(--text-tertiary);font:8px var(--mono);text-transform:uppercase;letter-spacing:.05em;flex-direction:column;gap:7px;display:flex}.analyze-preferences select,.analyze-preferences label button{border:1px solid var(--border);height:34px;color:var(--text-secondary);background:var(--surface-1);font:9px var(--body);text-transform:none;border-radius:10px;padding:0 10px}.analyze-preferences label button.active{color:var(--accent);border-color:#b8a4ff73}.analyze-profile-builder>footer{gap:9px;margin-top:18px;display:flex}.analyze-profile-builder>footer button{border:1px solid var(--border);min-height:42px;color:var(--text-secondary);background:var(--surface-1);border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:10px;font-weight:600;display:inline-flex}.analyze-primary{border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:10px;font-weight:700;display:inline-flex;color:#171323!important;background:var(--accent)!important}.analyze-scan{grid-template-columns:minmax(0,1fr) 350px;min-height:0;display:grid}.analyze-camera-panel{background:#080909;min-height:0;position:relative;overflow:hidden}.analyze-camera-panel video{object-fit:cover;width:100%;height:100%}.analyze-camera-panel>header{justify-content:space-between;align-items:center;display:flex;position:absolute;top:18px;left:18px;right:18px}.analyze-camera-panel>header b{color:var(--text-secondary);font:8px var(--mono);background:#0a0b0cc7;border-radius:9px;padding:7px 9px}.scan-live{color:var(--text-secondary);font:8px var(--mono);text-transform:uppercase;background:#0a0b0cc7;border-radius:99px;align-items:center;gap:7px;padding:7px 10px;display:flex}.scan-live i{background:var(--warning);border-radius:50%;width:6px;height:6px}.scan-live.scanning i{background:var(--success);box-shadow:0 0 0 4px #66b8871f}.scan-live.error i{background:#d36d6d}.scan-reticle{aspect-ratio:1;pointer-events:none;width:min(64%,58vh);position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.scan-reticle i{border-style:solid;border-color:#f2f1edcc;width:38px;height:38px;position:absolute}.scan-reticle i:first-child{border-width:2px 0 0 2px;border-radius:13px 0 0;top:0;left:0}.scan-reticle i:nth-child(2){border-width:2px 2px 0 0;border-radius:0 13px 0 0;top:0;right:0}.scan-reticle i:nth-child(3){border-width:0 2px 2px 0;border-radius:0 0 13px;bottom:0;right:0}.scan-reticle i:nth-child(4){border-width:0 0 2px 2px;border-radius:0 0 0 13px;bottom:0;left:0}.scan-reticle span{background:#f2f1ed33;position:absolute;box-shadow:0 0 12px #00000061}.scan-reticle span:first-of-type,.scan-reticle span:nth-of-type(2){width:1px;top:0;bottom:0}.scan-reticle span:first-of-type{left:33.333%}.scan-reticle span:nth-of-type(2){left:66.666%}.scan-reticle span:nth-of-type(3),.scan-reticle span:nth-of-type(4){height:1px;left:0;right:0}.scan-reticle span:nth-of-type(3){top:33.333%}.scan-reticle span:nth-of-type(4){top:66.666%}.scan-direction{width:min(460px,100% - 40px);color:var(--text);text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0b0cd1;border-radius:14px;justify-content:center;align-items:center;gap:9px;padding:12px 16px;font-size:10px;display:flex;position:absolute;bottom:74px;left:50%;transform:translate(-50%)}.analyze-camera-panel>footer{gap:8px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.analyze-camera-panel>footer button{height:38px;color:var(--text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0b0ccc;border:1px solid #ffffff21;border-radius:12px;align-items:center;gap:7px;padding:0 13px;font-size:9px;display:flex}.analyze-reconstruction{border-left:1px solid var(--border);background:var(--surface-0);flex-direction:column;min-height:0;padding:20px;display:flex;overflow-y:auto}.analyze-reconstruction>header{justify-content:space-between;display:flex}.analyze-reconstruction h2{font:600 20px var(--display);margin:5px 0 0}.analyze-reconstruction>header>b{color:var(--accent);font:500 12px var(--mono)}.analyze-mini-cube,.verify-cube{border:1px solid var(--border);background:var(--bg);border-radius:20px;min-height:260px;margin:14px 0}.face-capture-list{gap:6px;display:grid}.face-capture-list>div{border:1px solid var(--border);min-height:38px;color:var(--text-tertiary);background:var(--surface-1);border-radius:11px;grid-template-columns:24px 1fr auto;align-items:center;padding:0 11px;font-size:9px;display:grid}.face-capture-list i{border:1px solid var(--border-strong);width:18px;height:18px;font:7px var(--mono);border-radius:50%;place-items:center;font-style:normal;display:grid}.face-capture-list b{font:8px var(--mono);font-weight:500}.face-capture-list .complete{color:var(--text-secondary)}.face-capture-list .complete i{color:#171323;border-color:var(--accent);background:var(--accent)}.face-capture-list .suspect{background:#d36d6d14;border-color:#d36d6d7a}.face-capture-list .suspect i{color:#f0b2b2;background:#d36d6d24;border-color:#d36d6d80}.analyze-reconstruction>.analyze-primary{width:100%;margin-top:14px}.analyze-error{color:#e7a4a4;background:#d36d6d14;border:1px solid #d36d6d59;border-radius:12px;align-items:flex-start;gap:8px;margin-top:10px;padding:10px 12px;font-size:9px;line-height:1.5;display:flex}.analyze-verify{grid-template-columns:minmax(0,1fr) 390px;min-height:0;display:grid}.analyze-verify>section{min-height:0;padding:34px;overflow-y:auto}.analyze-verify>section>header h1{font:700 42px var(--display);letter-spacing:-.045em;margin:9px 0 10px}.analyze-verify>section>header p{max-width:650px;color:var(--text-secondary);margin:0;font-size:11px;line-height:1.7}.analyze-verify>aside{border-left:1px solid var(--border);background:var(--surface-0);min-height:0;padding:20px;overflow-y:auto}.analyze-face-map{grid-template-columns:repeat(3,minmax(150px,1fr));gap:12px;margin-top:28px;display:grid}.analyze-face-map section{border:1px solid var(--border);background:var(--surface-1);border-radius:17px;padding:12px}.analyze-face-map section>header{grid-template-columns:24px 1fr auto;align-items:center;margin-bottom:10px;display:grid}.analyze-face-map section>header span{width:21px;height:21px;color:var(--accent);background:var(--accent-soft);font:8px var(--mono);border-radius:6px;place-items:center;display:grid}.analyze-face-map section>header b{font:600 10px var(--display)}.analyze-face-map section>header small{color:var(--text-tertiary);font:7px var(--mono)}.analyze-face-map section>div{aspect-ratio:1;background:#090a0b;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:5px;padding:6px;display:grid}.sticker{aspect-ratio:1;border:2px solid #0000;border-radius:6px;min-width:0;min-height:0}.sticker-white{background:#f4f1e8}.sticker-yellow{background:#ffd833}.sticker-orange{background:#ff7a1a}.sticker-red{background:#ed344b}.sticker-green{background:#39d98a}.sticker-blue{background:#2f7cff}.sticker.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--bg), 0 0 0 3px var(--accent)}.verify-palette{border:1px solid var(--border);background:var(--surface-1);border-radius:15px;padding:14px}.verify-palette>span{color:var(--text-tertiary);font:8px var(--mono);letter-spacing:.06em;margin-bottom:12px;display:block}.verify-palette>div{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.verify-palette button{border-radius:8px}.verify-valid{color:var(--success);background:#66b88712;border:1px solid #66b88747;border-radius:14px;gap:10px;margin:12px 0;padding:13px;display:flex}.verify-valid span{flex-direction:column;gap:4px;display:flex}.verify-valid b{color:var(--text);font-size:9px}.verify-valid small{color:var(--text-tertiary);font-size:8px;line-height:1.4}.analyze-verify aside>.analyze-primary{width:100%}.spin{animation:.8s linear infinite analyze-spin}@keyframes analyze-spin{to{transform:rotate(360deg)}}.analyze-solve-layout{grid-template-columns:minmax(0,1fr) 390px;min-height:0;display:grid}.analyze-cube-panel{background:var(--bg);min-height:0;position:relative}.analyze-cube-canvas{position:absolute;inset:0 0 64px}.analyze-move-card{border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#131415e0;border-radius:14px;grid-template-columns:1fr auto;min-width:120px;padding:12px 14px;display:grid;position:absolute;top:20px;left:20px}.analyze-move-card span{color:var(--text-tertiary);font:7px var(--mono);grid-column:1/3}.analyze-move-card b{font:600 26px var(--display);margin-top:4px}.analyze-move-card small{color:var(--text-tertiary);font:8px var(--mono);align-self:end}.analyze-player-controls{border:1px solid var(--border);background:var(--surface-1);border-radius:16px;align-items:center;gap:4px;height:46px;padding:5px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.analyze-player-controls button{min-width:34px;height:34px;color:var(--text-secondary);border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 9px;font-size:8px;display:flex}.analyze-player-controls button:hover{background:var(--surface-3)}.analyze-player-controls .analyze-play{color:#171323;background:var(--accent);width:38px}.analyze-lesson-rail{border-left:1px solid var(--border);background:var(--surface-0);grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.analyze-lesson-rail>header{border-bottom:1px solid var(--border);padding:20px}.analyze-lesson-rail h2{font:600 20px var(--display);margin:6px 0}.analyze-lesson-rail p{color:var(--text-tertiary);margin:0;font-size:9px}.analyze-step-list{min-height:0;padding:10px;overflow-y:auto}.analyze-step-list article{color:var(--text-tertiary);border:1px solid #0000;border-radius:15px;grid-template-columns:30px 1fr;gap:10px;padding:13px 12px;display:grid}.analyze-step-list article.active{background:var(--accent-soft);border-color:#b8a4ff61}.analyze-step-index{font:8px var(--mono)}.analyze-step-list article span{color:var(--accent);font:7px var(--mono);letter-spacing:.05em}.analyze-step-list h3{color:var(--text);font:600 12px var(--display);margin:5px 0}.analyze-step-list p{margin:0;font-size:8px;line-height:1.55}.analyze-step-list small{color:var(--text-secondary);margin-top:8px;font-size:8px;line-height:1.5;display:block}.analyze-step-list code{color:var(--text);font:9px var(--mono);margin-top:9px;line-height:1.55;display:block}.analyze-step-list a{color:var(--accent);align-items:center;gap:5px;margin-top:9px;font-size:8px;text-decoration:none;display:inline-flex}.analyze-replay{grid-template-columns:minmax(0,1fr) 430px;min-height:0;display:grid}.analyze-replay>section{flex-direction:column;justify-content:center;padding:clamp(44px,8vw,110px);display:flex}.analyze-replay h1{font:700 clamp(50px, 7vw, 92px)/.9 var(--display);letter-spacing:-.06em;margin:16px 0}.analyze-replay p{max-width:590px;color:var(--text-secondary);margin:0 0 26px;font-size:12px;line-height:1.8}.analyze-replay .analyze-primary{align-self:flex-start}.analyze-replay>aside{border-left:1px solid var(--border);background:var(--surface-0);min-height:0;overflow-y:auto}.analyze-replay>aside>header{border-bottom:1px solid var(--border);height:54px;color:var(--text-secondary);align-items:center;gap:8px;padding:0 16px;font-size:10px;display:flex}.analyze-replay article{border-bottom:1px solid var(--border);grid-template-columns:34px 44px 1fr auto;align-items:center;min-height:48px;padding:0 15px;display:grid}.analyze-replay article i,.analyze-replay article small{color:var(--text-tertiary);font:8px var(--mono);font-style:normal}.analyze-replay article b{font:600 14px var(--display)}.analyze-replay article span{color:var(--text-secondary);font-size:8px}@media (max-width:900px){.analyze-app{grid-template-rows:54px minmax(0,1fr)}.analyze-studio{grid-template-rows:42px minmax(0,1fr)}.analyze-statusbar{grid-template-columns:42px 1fr 42px;padding:0 8px}.analyze-statusbar>button{white-space:nowrap;width:34px;overflow:hidden}.analyze-statusbar>button svg{flex:none}.analyze-private{font-size:0}.analyze-stage-track>div{min-width:auto}.analyze-stage-track>div span{display:none}.analyze-stage-track>div:not(:last-child):after{width:18px;margin:0 5px}.analyze-setup{display:block}.analyze-setup-copy{border-right:0;border-bottom:1px solid var(--border);min-height:auto;padding:42px 20px 30px}.analyze-setup-copy h1{font-size:54px}.analyze-promise{grid-template-columns:1fr;margin-top:34px}.analyze-promise>div{min-height:72px}.analyze-profile-builder{padding:28px 16px 48px}.analyze-scan{grid-template-columns:1fr;position:relative}.analyze-camera-panel{height:100%}.analyze-reconstruction{border:1px solid var(--border);border-radius:20px;max-height:46%;padding:14px;position:absolute;bottom:10px;left:10px;right:10px;box-shadow:0 18px 70px #0000006b}.analyze-mini-cube{display:none}.face-capture-list{grid-template-columns:1fr 1fr}.scan-direction{bottom:calc(46% + 24px)}.analyze-camera-panel>footer{bottom:calc(46% + 82px)}.analyze-verify{grid-template-columns:1fr;overflow-y:auto}.analyze-verify>section{padding:24px 15px;overflow:visible}.analyze-verify>aside{border-left:0;border-top:1px solid var(--border);overflow:visible}.analyze-face-map{grid-template-columns:1fr 1fr}.analyze-solve-layout{grid-template-columns:1fr;position:relative}.analyze-cube-panel{height:100%}.analyze-lesson-rail{border:1px solid var(--border);border-radius:20px;height:42%;position:absolute;bottom:8px;left:8px;right:8px;overflow:hidden;box-shadow:0 18px 70px #0000006b}.analyze-cube-canvas{bottom:40%}.analyze-player-controls{bottom:calc(42% + 20px)}.analyze-replay{grid-template-columns:1fr;overflow-y:auto}.analyze-replay>section{padding:44px 20px}.analyze-replay>aside{border-left:0;border-top:1px solid var(--border);overflow:visible}}@media (max-width:520px){.analyze-preferences{grid-template-columns:1fr}.analyze-profile-builder>footer{flex-direction:column}.analyze-profile-builder>footer button{width:100%}.analyze-face-map{grid-template-columns:1fr}.analyze-verify>section>header h1{font-size:34px}.analyze-reconstruction{max-height:50%}.scan-direction{bottom:calc(50% + 22px)}.analyze-camera-panel>footer{bottom:calc(50% + 78px)}}.practice-app{grid-template-rows:56px minmax(0,1fr)}.practice-workspace{background:radial-gradient(circle at 50% -30%,#b8a4ff1a,#0000 42%),#0d0e0f;grid-template-rows:auto auto minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.practice-route-deck{border-bottom:1px solid var(--border);background:#131415eb;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:16px;min-height:92px;padding:12px 18px;display:grid}.practice-route-deck>header>div,.practice-targets>header span,.practice-history>header span{color:var(--text-secondary);font:8px var(--mono);letter-spacing:.08em;align-items:center;gap:7px;display:flex}.practice-route-deck>header p{color:var(--text-tertiary);margin:7px 0 0;font-size:8px;line-height:1.45}.practice-route-options{grid-template-columns:repeat(5,minmax(128px,1fr));gap:7px;min-width:0;display:grid}.practice-route-options>button{border:1px solid var(--border);min-width:0;height:64px;color:var(--text-tertiary);background:var(--surface-1);text-align:left;border-radius:14px;flex-direction:column;justify-content:space-between;padding:9px 10px;transition:border-color .16s,background .16s,transform .16s;display:flex}.practice-route-options>button:hover{border-color:var(--border-strong);transform:translateY(-1px)}.practice-route-options>button.active{color:var(--text);background:var(--accent-soft);border-color:#b8a4ff8c}.practice-route-options>button>span{font:600 10px var(--display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.practice-route-options>button>div{white-space:nowrap;align-items:center;gap:3px;display:flex;overflow:hidden}.practice-route-options>button>div span{font:6px var(--mono);align-items:center;gap:3px;display:inline-flex}.practice-route-options i{color:var(--accent);font-style:normal}.practice-scramble-strip{border-bottom:1px solid var(--border);background:#111213;grid-template-columns:188px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:76px;padding:10px 18px;display:grid}.practice-orientation{grid-template-columns:auto 1fr;align-items:center;gap:3px 9px;display:grid}.practice-orientation>span{color:var(--text-tertiary);font:6px var(--mono);letter-spacing:.1em;grid-column:1/3}.practice-orientation>b{font:600 11px var(--display)}.practice-orientation label{color:var(--text-tertiary);font:7px var(--mono);align-items:center;gap:5px;display:flex}.practice-orientation select{border:1px solid var(--border);height:27px;color:var(--text);background:var(--surface-2);font:8px var(--mono);border-radius:8px;outline:0;padding:0 24px 0 8px}.practice-scramble{min-width:0}.practice-scramble>span{color:var(--accent);font:6px var(--mono);letter-spacing:.09em;align-items:center;gap:5px;margin-bottom:6px;display:flex}.practice-scramble>span input{width:72px;color:var(--accent);font:6px var(--mono);background:0 0;border:1px solid #0000;border-radius:5px;outline:0;padding:2px 4px}.practice-scramble>span input:hover,.practice-scramble>span input:focus{background:var(--accent-soft);border-color:#b8a4ff59}.practice-scramble code{color:var(--text);font:10px/1.5 var(--mono);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.practice-scramble-actions{gap:6px;display:flex}.practice-scramble-actions button{border:1px solid var(--border);height:34px;color:var(--text-secondary);background:var(--surface-1);border-radius:10px;align-items:center;gap:6px;padding:0 11px;font-size:8px;display:flex}.practice-scramble-actions button:last-child{color:#171323;border-color:var(--accent);background:var(--accent);font-weight:700}.practice-grid{grid-template-columns:250px minmax(430px,1fr) 286px;min-height:0;display:grid}.practice-targets,.practice-history{background:var(--surface-0);flex-direction:column;min-height:0;display:flex;overflow:hidden}.practice-targets{border-right:1px solid var(--border);padding:16px 12px 12px}.practice-history{border-left:1px solid var(--border);padding:16px 12px 12px}.practice-targets>header,.practice-history>header{justify-content:space-between;align-items:center;display:flex}.practice-targets>header>b{color:var(--accent);font:8px var(--mono)}.practice-history>header small{color:var(--text-tertiary);font:6px var(--mono)}.practice-targets>p{color:var(--text-tertiary);margin:10px 2px 12px;font-size:8px;line-height:1.55}.practice-targets>div{scrollbar-width:thin;align-content:start;gap:5px;min-height:0;display:grid;overflow-y:auto}.practice-targets>div>button{border:1px solid var(--border);min-height:54px;color:var(--text-tertiary);background:var(--surface-1);text-align:left;border-radius:13px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 9px;display:grid}.practice-targets>div>button:hover{border-color:var(--border-strong)}.practice-targets>div>button.active{background:var(--accent-soft);border-color:#b8a4ff80}.practice-targets>div>button>i{color:var(--accent);font:7px var(--mono);font-style:normal}.practice-targets>div>button>span{flex-direction:column;gap:2px;min-width:0;display:flex}.practice-targets button small{color:var(--text-tertiary);font:6px var(--mono);text-transform:uppercase;letter-spacing:.06em}.practice-targets button b{color:var(--text);font:600 9px var(--display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.practice-targets button em{color:var(--text-tertiary);font:6px var(--mono);font-style:normal}.practice-targets>footer{border:1px solid var(--border);color:var(--accent);background:var(--bg);border-radius:13px;gap:8px;margin-top:auto;padding:10px;display:flex}.practice-targets>footer span{flex-direction:column;gap:3px;display:flex}.practice-targets>footer b{color:var(--text-secondary);font-size:8px}.practice-targets>footer small{color:var(--text-tertiary);font-size:7px;line-height:1.35}.practice-stage{background:#111213;min-height:0;position:relative;overflow:hidden}.practice-cube{position:absolute;inset:0}.practice-cube:after{content:"";pointer-events:none;background:radial-gradient(at bottom,#b8a4ff14,#0000 65%);height:30%;position:absolute;inset:auto 12% 0}.practice-timer{z-index:3;border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#101112db;border-radius:20px;flex-direction:column;align-items:center;min-width:208px;padding:12px 18px;display:flex;position:absolute;top:22px;left:50%;transform:translate(-50%);box-shadow:0 16px 48px #0000004d}.practice-timer>span{color:var(--text-tertiary);font:6px var(--mono);letter-spacing:.14em}.practice-timer>b{font:700 38px/.95 var(--display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:3px 0 4px}.practice-timer>small{color:var(--text-tertiary);font:7px var(--mono)}.practice-timer kbd{border:1px solid var(--border-strong);color:var(--text-secondary);background:var(--surface-2);font:6px var(--mono);border-radius:5px;padding:2px 5px}.practice-timer.running{border-color:#66b8876b}.practice-timer.running>span{color:var(--success)}.practice-timer.stopped{border-color:#b8a4ff75}.practice-timer.stopped>span{color:var(--accent)}.practice-rescue-toggle{z-index:4;border:1px solid var(--border-strong);height:38px;color:var(--text-secondary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#131415e6;border-radius:999px;align-items:center;gap:7px;padding:0 14px;font-size:8px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #00000057}.practice-walkthrough{z-index:4;border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#131415f2;border-radius:18px;width:min(390px,100% - 28px);padding:13px;position:absolute;bottom:14px;right:14px;box-shadow:0 24px 70px #00000070}.practice-walkthrough>header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.practice-walkthrough>header div{flex-direction:column;gap:3px;display:flex}.practice-walkthrough>header span{color:var(--accent);font:6px var(--mono);letter-spacing:.08em}.practice-walkthrough>header b{font:600 13px var(--display)}.practice-walkthrough>header small{color:var(--text-tertiary);font:7px var(--mono)}.practice-walkthrough .algorithm-map-key{display:none}.practice-walkthrough .algorithm-pattern{min-height:40px;max-height:88px;overflow-y:auto}.practice-walkthrough>p{color:var(--text-tertiary);margin:8px 2px;font-size:8px;line-height:1.5}.practice-walkthrough-controls{grid-template-columns:32px 32px 38px 32px 1fr;align-items:center;gap:4px;display:grid}.practice-walkthrough-controls>button{height:32px;color:var(--text-secondary);background:var(--surface-2);border-radius:9px;place-items:center;display:grid}.practice-walkthrough-controls>button.next{color:#171323;background:var(--accent);height:38px}.practice-walkthrough-controls>span{flex-direction:column;justify-self:end;align-items:flex-end;display:flex}.practice-walkthrough-controls>span b{font:600 16px var(--display)}.practice-walkthrough-controls>span small{color:var(--text-tertiary);font:6px var(--mono)}.practice-stats{grid-template-columns:repeat(3,1fr);gap:5px;margin:12px 0;display:grid}.practice-stats article{border:1px solid var(--border);background:var(--surface-1);border-radius:12px;flex-direction:column;gap:3px;min-width:0;padding:9px 8px;display:flex}.practice-stats span{color:var(--text-tertiary);font:6px var(--mono)}.practice-stats b{font:600 15px var(--display);text-overflow:ellipsis;overflow:hidden}.practice-stats small{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:6px;overflow:hidden}.practice-history-list{scrollbar-width:thin;align-content:start;min-height:0;display:grid;overflow-y:auto}.practice-history-list>button{border-bottom:1px solid var(--border);min-height:51px;color:var(--text);text-align:left;grid-template-columns:22px 1fr auto;align-items:center;gap:7px;display:grid}.practice-history-list>button:hover{background:var(--surface-1)}.practice-history-list>button>i{color:var(--text-tertiary);font:6px var(--mono);font-style:normal}.practice-history-list>button>span{flex-direction:column;gap:2px;display:flex}.practice-history-list>button b{font:600 13px var(--display);font-variant-numeric:tabular-nums}.practice-history-list>button small,.practice-history-list time{color:var(--text-tertiary);font:6px var(--mono)}.practice-empty{min-height:180px;color:var(--text-tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.practice-empty b{color:var(--text-secondary);font-size:9px}.practice-empty span{max-width:150px;font-size:7px;line-height:1.5}.practice-history>footer{color:var(--text-tertiary);align-items:center;gap:6px;margin-top:auto;padding-top:10px;font-size:7px;display:flex}@media (max-width:1100px){.practice-route-deck{grid-template-columns:140px minmax(0,1fr)}.practice-route-options{scrollbar-width:none;grid-template-columns:repeat(5,158px);overflow-x:auto}.practice-grid{grid-template-columns:220px minmax(380px,1fr) 240px}.practice-history{padding-inline:9px}}@media (max-width:860px){.practice-app{grid-template-rows:54px minmax(0,1fr);padding-bottom:58px}.practice-workspace{display:block;overflow-y:auto}.practice-route-deck{padding:12px;display:block}.practice-route-deck>header{margin-bottom:10px}.practice-route-options{display:flex}.practice-route-options>button{flex:0 0 160px}.practice-scramble-strip{grid-template-columns:1fr auto;gap:10px;padding:11px 12px}.practice-orientation{grid-row:2}.practice-scramble{grid-column:1/3}.practice-scramble code{white-space:normal}.practice-scramble-actions{grid-area:2/2}.practice-grid{grid-template-rows:500px auto auto;grid-template-columns:1fr;min-height:980px;display:grid}.practice-stage{grid-row:1}.practice-targets{border:0;border-top:1px solid var(--border);grid-row:2}.practice-targets>div{grid-template-columns:1fr 1fr;overflow:visible}.practice-history{border-left:0;border-top:1px solid var(--border);grid-row:3;min-height:360px}}@media (max-width:520px){.practice-route-options>button{flex-basis:146px}.practice-scramble-strip{grid-template-columns:1fr}.practice-scramble{grid-column:1}.practice-scramble-actions{grid-area:auto/1}.practice-scramble-actions button{flex:1;justify-content:center}.practice-orientation{grid-row:auto}.practice-grid{grid-template-rows:470px auto auto;min-height:1040px}.practice-timer{min-width:180px;top:14px}.practice-timer>b{font-size:34px}.practice-targets>div{grid-template-columns:1fr}.practice-walkthrough{width:calc(100% - 16px);bottom:116px;right:8px}.practice-rescue-toggle{white-space:nowrap;bottom:68px}}.timer-app{grid-template-rows:56px minmax(0,1fr)}.timer-workspace{min-height:0;color:var(--text);scrollbar-width:thin;background:radial-gradient(circle at 18% -10%,#71c5ff14,#0000 31%),radial-gradient(circle at 82% 0,#b8a4ff17,#0000 28%),#0d0e0f;padding:24px;overflow-y:auto}.timer-heading{justify-content:space-between;align-items:flex-start;gap:30px;display:flex}.timer-heading h1{font:700 clamp(34px, 4vw, 52px)/.95 var(--display);letter-spacing:-.05em;margin:7px 0 8px}.timer-heading p{max-width:620px;color:var(--text-secondary);margin:0;font-size:10px;line-height:1.7}.timer-sync{min-width:210px;color:var(--success);background:#66b8870f;border:1px solid #66b8874d;border-radius:14px;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;padding:10px 12px;display:grid}.timer-sync.error{color:#e7a4a4;background:#d36d6d12;border-color:#d36d6d57}.timer-sync>span{flex-direction:column;gap:2px;display:flex}.timer-sync b{color:var(--text);font-size:8px}.timer-sync small{max-width:190px;color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.timer-sync button{color:inherit;font-size:7px}.timer-command{grid-template-columns:minmax(340px,.8fr) minmax(400px,1.2fr);gap:12px;margin-top:22px;display:grid}.timer-command-display{border:1px solid var(--border-strong);background:linear-gradient(145deg,#18191a,#111213);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:190px;padding:24px;display:flex;box-shadow:0 25px 80px #0000003d}.timer-command-display>span{color:var(--text-tertiary);font:7px var(--mono);letter-spacing:.15em}.timer-command-display>b{font:700 clamp(54px, 7vw, 82px)/.9 var(--display);letter-spacing:-.06em;font-variant-numeric:tabular-nums;margin:5px 0 9px}.timer-command-display>small{color:var(--text-tertiary);font:8px var(--mono)}.timer-command-display kbd{border:1px solid var(--border-strong);color:var(--text-secondary);background:var(--surface-2);font:7px var(--mono);border-radius:6px;padding:3px 7px}.timer-command-display.running{border-color:#66b88775;box-shadow:0 0 0 1px #66b88714,0 25px 80px #0000003d}.timer-command-display.running>span{color:var(--success)}.timer-command-display.stopped{border-color:#b8a4ff85}.timer-command-display.stopped>span{color:var(--accent)}.timer-command-analysis{border:1px solid var(--border);background:#171819d1;border-radius:24px;flex-direction:column;justify-content:center;min-height:190px;padding:clamp(24px,4vw,44px);display:flex}.timer-command-analysis>span{color:var(--accent);font:7px var(--mono);letter-spacing:.09em;align-items:center;gap:7px;display:flex}.timer-command-analysis h2{font:600 clamp(24px, 3vw, 38px)/1 var(--display);letter-spacing:-.04em;margin:13px 0 8px}.timer-command-analysis p{max-width:630px;color:var(--text-secondary);margin:0;font-size:10px;line-height:1.75}.timer-metrics{grid-template-columns:repeat(6,1fr);gap:8px;margin-top:12px;display:grid}.timer-metrics article{border:1px solid var(--border);background:var(--surface-1);border-radius:17px;flex-direction:column;justify-content:space-between;min-width:0;min-height:94px;padding:13px;display:flex}.timer-metrics article>span{color:var(--text-tertiary);font:7px var(--mono);letter-spacing:.07em;align-items:center;gap:6px;display:flex}.timer-metrics article>b{font:600 24px var(--display);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timer-metrics article>small{color:var(--text-tertiary);font-size:7px}.timer-main-grid{grid-template-columns:minmax(0,1fr) 285px;gap:12px;margin-top:12px;display:grid}.timer-chart-card,.timer-history-card,.timer-marker-card,.timer-tools form{border:1px solid var(--border);background:var(--surface-0);border-radius:20px}.timer-chart-card{min-width:0;padding:17px}.timer-chart-card>header,.timer-history-card>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.timer-chart-card h2,.timer-history-card h2,.timer-marker-card h2{font:600 19px var(--display);letter-spacing:-.025em;margin:5px 0 0}.timer-range{background:var(--bg);border-radius:10px;gap:2px;padding:3px;display:flex}.timer-range button{height:27px;color:var(--text-tertiary);font:7px var(--mono);border-radius:8px;padding:0 9px}.timer-range button.active{color:var(--text);background:var(--surface-2)}.timer-chart{width:100%;height:310px;display:block;overflow:visible}.timer-grid-line{stroke:#292a2c;stroke-width:1px}.timer-axis-label,.timer-axis-caption{fill:#6f6e6a;font:8px var(--mono)}.timer-solve-line{fill:none;stroke:#71c5ff;stroke-width:1.5px;opacity:.6}.timer-average-line{fill:none;stroke:#b8a4ff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.timer-solve-point{fill:#101112;stroke:#71c5ff;stroke-width:2px}.timer-chart-marker line{stroke-width:1.5px;stroke-dasharray:5 4;opacity:.72}.timer-chart-marker text{font:8px var(--mono)}.timer-chart-empty{height:310px;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.timer-chart-empty b{color:var(--text-secondary);font-size:9px}.timer-chart-empty span{font-size:8px}.timer-chart-card>footer{color:var(--text-tertiary);font:7px var(--mono);justify-content:center;gap:16px;display:flex}.timer-chart-card>footer span{align-items:center;gap:5px;display:flex}.timer-chart-card>footer i{background:#71c5ff;width:14px;height:2px;display:inline-block}.timer-chart-card>footer i.average{background:var(--accent);height:3px}.timer-chart-card>footer i.marker{background:var(--warning);width:2px;height:10px}.timer-tools{align-content:start;gap:10px;display:grid}.timer-tools form{gap:9px;padding:13px;display:grid}.timer-tools form>header{color:var(--accent);align-items:center;gap:8px;display:flex}.timer-tools form>header span{flex-direction:column;gap:2px;display:flex}.timer-tools form>header b{color:var(--text);font-size:9px}.timer-tools form>header small{color:var(--text-tertiary);font-size:7px}.timer-tools label{color:var(--text-tertiary);font:7px var(--mono);text-transform:uppercase;letter-spacing:.05em;flex-direction:column;gap:5px;display:flex}.timer-tools input{border:1px solid var(--border);width:100%;min-width:0;height:34px;color:var(--text);background:var(--bg);font:9px var(--body);text-transform:none;border-radius:9px;outline:0;padding:0 9px}.timer-tools input:focus{border-color:#b8a4ff80}.timer-tools form>button{color:#171323;background:var(--accent);border-radius:10px;height:35px;font-size:8px;font-weight:700}.timer-lower-grid{grid-template-columns:minmax(0,1fr) 330px;gap:12px;margin-top:12px;padding-bottom:20px;display:grid}.timer-history-card{min-width:0;overflow:hidden}.timer-history-card>header{border-bottom:1px solid var(--border);padding:16px}.timer-history-card>header>small{color:var(--text-tertiary);font:7px var(--mono)}.timer-table{scrollbar-width:thin;max-height:430px;overflow-y:auto}.timer-table-heading,.timer-table>div:not(.timer-table-heading){border-bottom:1px solid var(--border);grid-template-columns:38px 80px 145px minmax(0,1fr) 30px;align-items:center;gap:8px;min-height:45px;padding:0 13px;display:grid}.timer-table-heading{z-index:2;min-height:31px;color:var(--text-tertiary);background:var(--surface-0);font:7px var(--mono);position:sticky;top:0}.timer-table i{color:var(--text-tertiary);font:7px var(--mono);font-style:normal}.timer-table b{font:600 13px var(--display);font-variant-numeric:tabular-nums}.timer-table time,.timer-table span{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.timer-table button,.timer-marker-list button{width:27px;height:27px;color:var(--text-tertiary);border-radius:8px;place-items:center;display:grid}.timer-table button:hover,.timer-marker-list button:hover{color:#e7a4a4;background:#d36d6d14}.timer-table>p{color:var(--text-tertiary);text-align:center;margin:0;padding:50px 20px;font-size:9px}.timer-marker-card{padding:16px}.timer-marker-analysis{color:var(--accent);background:var(--accent-soft);border:1px solid #b8a4ff3d;border-radius:14px;gap:10px;margin:14px 0;padding:12px;display:flex}.timer-marker-analysis span{flex-direction:column;gap:4px;display:flex}.timer-marker-analysis b{color:var(--text);font-size:9px}.timer-marker-analysis small{color:var(--text-secondary);font-size:7px;line-height:1.5}.timer-marker-list{display:grid}.timer-marker-list article{border-bottom:1px solid var(--border);grid-template-columns:8px 1fr auto;align-items:center;gap:9px;min-height:47px;display:grid}.timer-marker-list article>i{border-radius:50%;width:7px;height:7px}.timer-marker-list article>span{flex-direction:column;gap:3px;display:flex}.timer-marker-list article b{font-size:9px}.timer-marker-list article small{color:var(--text-tertiary);font:7px var(--mono)}@media (max-width:1050px){.timer-workspace{padding:18px}.timer-metrics{grid-template-columns:repeat(3,1fr)}.timer-main-grid{grid-template-columns:1fr}.timer-tools{grid-template-columns:1fr 1fr}.timer-lower-grid{grid-template-columns:1fr}}@media (max-width:860px){.timer-app{grid-template-rows:54px minmax(0,1fr);padding-bottom:58px}.timer-workspace{padding:16px 12px 30px}.timer-heading{display:block}.timer-heading h1{font-size:38px}.timer-sync{margin-top:15px}.timer-command{grid-template-columns:1fr}.timer-command-display{min-height:170px}.timer-command-analysis{min-height:160px}.timer-chart{height:auto}}@media (max-width:560px){.timer-workspace{padding-inline:9px}.timer-metrics{grid-template-columns:1fr 1fr}.timer-metrics article{min-height:88px}.timer-tools{grid-template-columns:1fr}.timer-chart-card{padding:12px 8px;overflow-x:auto}.timer-chart{min-width:700px}.timer-chart-card>header{padding-inline:4px;position:sticky;left:0}.timer-table-heading,.timer-table>div:not(.timer-table-heading){grid-template-columns:30px 65px 105px minmax(90px,1fr) 28px}}
:root{color:#f2f1ed;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#101112;font-family:Manrope,sans-serif}*{box-sizing:border-box}html,body{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}button,textarea,input{font:inherit}button{color:inherit}button:focus-visible,textarea:focus-visible,input:focus-visible,a:focus-visible{outline-offset:2px;outline:2px solid #b8a4ff}::selection{color:#171323;background:#b8a4ff}