:root{font-family:Inter,Segoe UI,sans-serif;color:#e9eef9;background:#0c1019;color-scheme:dark;font-synthesis:none;font-size:16px;--ink: #e9eef9;--muted: #99a6bc;--line: #263145;--accent: #a6f0d0;--panel: #121925}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);color:inherit;background:#1b2536;border-radius:9px;min-height:40px;padding:8px 14px;transition:background .15s,border-color .15s}button:hover{background:#28364c;border-color:#57667e}button:disabled{opacity:.38;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:var(--accent);text-decoration:none}p{line-height:1.6}button[hidden],[hidden]{display:none!important}.app-shell{max-width:1600px;margin:auto;padding:0 32px}.app-header{height:86px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);margin-bottom:26px}.brand{font-size:23px;font-weight:750;letter-spacing:-.8px;display:flex;align-items:center;color:#f3f6ff;gap:4px}.brand>span:not(.brand-mark){font-weight:400;color:var(--muted)}.brand-mark{display:grid;place-items:center;background:var(--accent);color:#12251f;width:35px;height:35px;margin-right:10px;border-radius:8px;font-size:30px}.brand small{font-size:12px;letter-spacing:2px;font-weight:500;border-left:1px solid var(--line);padding-left:18px;margin-left:18px;color:var(--muted)}.header-note{font-size:14px;color:var(--muted);margin-left:auto}.quiet{background:transparent;border-color:transparent;color:#bdc9de}.quiet:hover{background:#ffffff09;border-color:var(--line)}.small{font-size:13px;padding:6px 10px;min-height:32px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:26px;align-items:start}.studio{min-width:0}.viewport{position:relative;height:430px;min-height:320px;background:radial-gradient(ellipse at 50% 90%,#26354a55,transparent 60%),#080c14;border:1px solid var(--line);border-radius:16px 16px 0 0;overflow:hidden}.gpu-canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.gpu-canvas:active{cursor:grabbing}.viewport-top,.viewport-bottom{position:absolute;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:1}.viewport-top{top:18px}.viewport-top button{pointer-events:auto}.viewport-bottom{bottom:17px;font-size:12px;color:#8998b0;gap:12px}.status{font-size:13px;color:#c0cbdc;display:inline-flex;align-items:center;gap:9px}.status:before{content:"";width:6px;height:6px;background:var(--accent);border-radius:50%}.status.moving:before{background:#ffd78c}.transport{background:#131c2b;padding:20px 24px 18px;border:1px solid var(--line);border-top:0;border-radius:0 0 16px 16px}.transport-top{display:flex;justify-content:space-between;gap:15px;font-size:13px;color:var(--muted);margin-bottom:10px}.context-label{color:#d0daeb}.move-count{font-variant-numeric:tabular-nums;white-space:nowrap}.move-strip{display:flex;gap:5px;overflow-x:auto;min-height:44px;padding:2px 1px 6px;scrollbar-width:thin;scrollbar-color:#384760 transparent}.move-token{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:16px;padding:6px 10px;min-width:38px;min-height:34px;background:transparent;border-color:transparent;color:#becbdf;flex-shrink:0}.move-token.complete{color:#748498}.move-token.current{color:var(--accent);background:#a6f0d016;border-color:#a6f0d043}.timeline{width:100%;height:16px;margin:10px 0 16px;accent-color:var(--accent);cursor:pointer}.transport-controls,.play-buttons{display:flex;align-items:center;gap:10px}.transport-controls{justify-content:space-between}.icon-button{min-width:40px;background:transparent;font-size:24px;padding:2px 10px}.play-button{background:var(--accent);color:#10291f;border-color:transparent;min-width:115px;font-size:14px;font-weight:650}.play-button:hover,.primary:hover{background:#c2ffe5;border-color:transparent}.speed-label{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}select{border:1px solid var(--line);background:#0d1522;border-radius:7px;padding:7px 6px;font-size:14px}.manual-controls{padding:20px 0 24px}.turn-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.section-label{font-size:13px;color:var(--muted);margin-right:auto}.segmented{display:flex;gap:2px;background:#080d15;border:1px solid var(--line);border-radius:8px;padding:3px}.segmented button{min-height:28px;padding:3px 10px;font-size:15px;border:0;background:transparent;color:var(--muted)}.segmented button[aria-pressed=true]{background:#2c3b4f;color:var(--accent)}.turn-row>.quiet{font-size:13px;min-height:32px}.face-buttons{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.face-buttons button{font-family:ui-monospace,monospace;background:#141c29;font-size:17px}.face-buttons button:hover{background:#273b47;color:var(--accent)}.detail-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px}.detail-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:650;text-transform:uppercase;color:var(--accent);margin:0 0 8px}.detail-heading h1{font-size:29px;letter-spacing:-.8px;margin:0;line-height:1.2}.favorite-button{background:transparent;border-color:transparent;font-size:27px;color:var(--muted)}.favorite-button[aria-pressed=true]{color:#ffd48d}.description{color:#c2ccdd;margin:14px 0 20px;font-size:15px}.detail-grid{display:grid;grid-template-columns:1fr 150px;gap:24px;border-top:1px solid var(--line);padding-top:18px}.detail-grid h2{font-size:12px;letter-spacing:.6px;text-transform:uppercase;font-weight:650;color:#dbe5f5;margin:0 0 6px}.detail-grid p{font-size:14px;color:var(--muted);margin:0 0 16px}.case-diagram{align-self:center}.case-diagram>span{display:block;color:#7d8ca6;font-size:11px;text-align:center;margin:10px -10px 0}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.primary{background:var(--accent);border-color:transparent;color:#10291f;font-weight:650;font-size:13px}.secondary{background:#1e2a3d;font-size:13px}.detail-actions .quiet{font-size:13px}.feedback{font-size:13px;color:var(--accent);margin:12px 0 0}.feedback:empty{display:none}.reference{display:inline-block;margin-top:15px;font-size:12px;color:#8799b5}.reference:hover{color:var(--accent)}.editor-card{border:1px solid var(--line);border-radius:12px;margin-top:16px;padding:18px 20px;background:#101724}.editor-card summary,.keyboard-help summary{cursor:pointer;color:#cdd8eb;font-size:14px}.editor-card summary{margin-bottom:14px}.editor-card:not([open]) summary{margin-bottom:0}textarea{width:100%;min-height:85px;resize:vertical;background:#090f19;color:#d9f5e9;border:1px solid #2a3a50;border-radius:8px;padding:14px;font:16px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}textarea::placeholder{color:#607089}.editor-help{font-size:12px;color:#8f9db3;margin:8px 0 14px;line-height:1.7}.editor-actions{display:flex;gap:8px;flex-wrap:wrap}.editor-actions .quiet{font-size:13px}.input-error{color:#ffb6b6;font-size:14px;margin:10px 0 0}.input-error:empty{display:none}.keyboard-help{margin:20px 0;color:var(--muted);font-size:14px}.keyboard-help p{max-width:65ch}.library{background:#101723;border:1px solid var(--line);border-radius:16px;padding:22px 16px 16px;position:sticky;top:20px;max-height:calc(100vh - 40px);display:flex;flex-direction:column;min-height:0}.library-header{display:flex;align-items:center;justify-content:space-between;padding:0 6px;gap:12px}.library-header .eyebrow{color:#8294b0;font-size:10px}.library-header h2{margin:6px 0 18px;font-size:20px;letter-spacing:-.5px}.library-total{font-family:ui-monospace,monospace;color:#76948d;border:1px solid #2f443f;border-radius:7px;font-size:13px;padding:5px 7px}.search-field{display:flex;align-items:center;gap:10px;background:#080e18;border:1px solid var(--line);border-radius:8px;padding:0 12px;color:var(--muted)}.search-field>span{font-size:22px}.search-field input{background:transparent;border:0;outline-offset:2px;width:100%;padding:11px 0;min-width:0;font-size:14px}.search-field input::placeholder{color:#7d8aa2}.filters{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.filters button{font-size:12px;min-height:29px;padding:5px 9px;background:transparent;border-color:#243044;color:#99aac1;border-radius:6px}.filters button[aria-pressed=true]{background:#a6f0d013;color:var(--accent);border-color:#598174}.library-results{color:#75859f;font-size:11px;padding:1px 6px 12px}.algorithm-list{display:flex;flex-direction:column;gap:7px;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#344059 transparent}.algorithm-item{width:100%;display:flex;align-items:center;text-align:left;gap:13px;background:transparent;border-color:transparent;padding:14px 10px;min-height:94px;flex-shrink:0}.algorithm-item:hover{background:#192438;border-color:#273b54}.algorithm-item.selected{background:#1b2d31;border-color:#4b7068}.algorithm-thumbnail{width:59px;flex-shrink:0;opacity:.9}.algorithm-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.algorithm-copy strong{font-size:14px;font-weight:600;color:#e3eaf5;line-height:1.3}.algorithm-copy>span:last-child{font-size:11px;color:#92a0b7}.algorithm-copy i{font-style:normal;padding:0 3px;color:#435572}.algorithm-category{color:#81b8a6;font-size:9px;letter-spacing:1.3px;text-transform:uppercase}.item-arrow{margin-left:auto;font-size:14px;color:#577266;align-self:flex-start}.library-footnote{padding:18px 6px 2px;color:#72829b;font-size:12px;line-height:1.7}.empty-state{font-size:14px;padding:20px;color:var(--muted)}footer{display:flex;gap:15px;align-items:center;padding:24px 0;margin-top:12px;border-top:1px solid var(--line);font-size:13px;color:#92a1b8}footer span{margin-left:auto;font-size:12px;color:#63738d}.cube-net{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:3px;width:100%;aspect-ratio:4/3}.net-face{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#050a12;padding:1px;border-radius:2px}.sticker{display:block;border-radius:1px}.face-U{grid-area:1/2}.face-L{grid-area:2/1}.face-F{grid-area:2/2}.face-R{grid-area:2/3}.face-B{grid-area:2/4}.face-D{grid-area:3/2}.color-U{background:#edf3ff}.color-D{background:#f4d036}.color-L{background:#f7983c}.color-R{background:#f35b61}.color-F{background:#409bed}.color-B{background:#42c48c}.compact{gap:2px}.compact .net-face{gap:1px;padding:0}.compact .sticker{border-radius:0}.fallback{position:absolute;inset:60px 35px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.fallback>div{width:min(320px,100%)}.fallback p{font-size:13px;color:var(--muted);text-align:center;max-width:40ch}.practice-prompt{font-size:14px;color:var(--muted);padding:8px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1400px){.workspace{grid-template-columns:minmax(0,1fr) 400px}.viewport{height:500px}.app-shell{padding:0 48px}.library{padding:24px}.algorithm-item{min-height:100px}}@media(max-width:1000px){.app-shell{padding:0 20px}.workspace{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.viewport{height:365px}.library{padding:18px 10px}.library-header h2{font-size:18px}.detail-grid{grid-template-columns:1fr 110px;gap:16px}.detail-card{padding:20px}.orbit-hint{display:none}.transport{padding:18px}.speed-label,.play-buttons{gap:6px}}@media(max-width:760px){.app-shell{padding:0 14px}.app-header{height:70px;margin-bottom:16px;gap:12px}.header-note{display:none}.app-header>.quiet{margin-left:auto;font-size:13px}.brand small{display:none}.workspace{display:flex;flex-direction:column;gap:18px}.studio{width:100%}.library{position:static;max-height:none;width:100%;order:2}.algorithm-list{max-height:500px}.viewport{height:350px}.transport{padding:16px}.transport-controls{gap:10px}.play-button{min-width:100px}.icon-button{min-width:34px}.viewport-bottom{left:16px;right:16px}.detail-heading h1{font-size:26px}.detail-grid{grid-template-columns:1fr 110px}.library-header h2{font-size:22px}.algorithm-thumbnail{width:65px}.library-footnote{padding-bottom:8px}.algorithm-category{font-size:11px}.algorithm-copy>span:last-child{font-size:12px}.filters button{font-size:13px}.face-buttons button{min-height:44px}.speed-label{font-size:12px}.speed-label select{max-width:72px}.detail-actions button{flex:1;white-space:nowrap}.manual-controls{padding-bottom:18px}footer span{max-width:160px;text-align:right}}@media(max-width:400px){.detail-grid{grid-template-columns:1fr}.case-diagram{max-width:140px;margin:auto}.transport-controls{flex-wrap:wrap}.speed-label{margin-left:auto}.viewport{height:300px}.brand{font-size:21px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.view-actions{display:flex;gap:4px;pointer-events:auto}.mobile-library-link{display:none;font-size:13px;white-space:nowrap}@media(max-width:760px){.mobile-library-link{display:block;margin-left:auto}.app-header>.quiet{margin-left:0}.viewport-top{left:14px;right:14px}.view-actions{gap:0}}.face-labels{position:absolute;inset:0;pointer-events:none}.face-labels span{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#101822df;color:#fff;font:700 13px monospace;border:1px solid #ffffff80}.learning-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:13px 4px;font-size:12px;color:var(--muted)}.learning-controls label{display:flex;align-items:center;gap:7px;color:var(--ink);cursor:pointer}.learning-controls input{accent-color:#b7edc5}.learning-controls>span{margin-left:auto}.net-face .sticker{display:grid;place-items:center;color:#101822;font:700 12px monospace}.pll-ring{display:grid;grid-template-columns:10px repeat(3,28px) 10px;grid-template-rows:10px repeat(3,28px) 10px;gap:3px;width:max-content;margin:0 auto}.pll-ring .sticker{border-radius:2px}.ring-front{margin:5px 0 8px;font-size:11px;color:var(--muted)}.piece-cycles{max-width:240px;font-size:11px;line-height:1.6;text-align:left;overflow-wrap:anywhere}.piece-cycles p{margin:4px 0}.piece-cycles b{display:block;color:var(--ink);font-weight:500}.case-diagram>span{display:block;max-width:240px;line-height:1.5}.save-sequence{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:18px}.save-sequence label{width:100%;font-size:12px;color:var(--muted)}.save-sequence input{flex:1 1 180px;min-width:0;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#0d131c;color:var(--ink);font:inherit}.storage-note{font-size:11px;color:var(--muted);line-height:1.6}@media(max-width:760px){.learning-controls{gap:10px 16px}.learning-controls>span{width:100%;margin:0}.save-sequence input{flex-basis:100%}}.viewport{border-radius:18px}.transport{border-radius:16px;border-top:1px solid var(--line)}@media(max-width:1100px){.viewport-bottom{flex-direction:column;align-items:flex-start;gap:5px;font-size:10px}.orbit-hint{display:inline}}.collection-tools{margin-top:20px;padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.collection-tools summary{cursor:pointer;font-size:14px}.collection-tools p,.share-panel p{color:var(--muted);font-size:12px;line-height:1.6}.collection-tools details{margin-top:18px}.collection-tools textarea{display:block;width:100%;min-height:120px;margin:14px 0;padding:12px;resize:vertical;border:1px solid var(--line);border-radius:8px;background:#080e18;color:var(--ink);font:12px ui-monospace,monospace}.file-label{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px 0;font-size:13px;color:var(--muted)}.file-label input{max-width:100%;min-width:0;font-size:12px}.import-actions{display:flex;flex-wrap:wrap;gap:8px}.share-panel{margin-top:16px;padding:14px;background:#080e18;border:1px solid var(--line);border-radius:8px}.share-panel label{display:block;margin-bottom:8px;font-size:12px;color:var(--muted)}.share-panel input{display:block;width:100%;min-width:0;padding:10px;margin-bottom:8px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--ink);font-size:12px}.incoming-share{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:18px;margin:20px 0;border:1px solid #4b7068;border-radius:12px;background:#17292b}.incoming-share>div{flex:1 1 300px;min-width:0;overflow-wrap:anywhere}.incoming-share strong{font-size:15px}.incoming-share p{font-size:12px;line-height:1.6;color:var(--muted);margin-bottom:0}.solve-card{margin-bottom:20px;padding:18px 22px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.solve-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.solve-card p{margin:10px 0 6px;font-size:13px;line-height:1.5}.solve-card small{display:block;color:var(--muted, #6a706b);font-size:11px;line-height:1.5}.solve-actions label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.solve-actions select{max-width:100%;min-height:40px}.solver-stages{margin-top:14px;border-top:1px solid var(--line);padding-top:8px}.solver-stages button{text-align:left;display:block;width:100%;font-size:12px;margin:4px 0}.solver-stages button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.solver-guide{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.solver-guide h4{margin:0 0 12px;font-size:14px}.solver-guide label{display:grid;gap:6px;font-size:12px}.solver-guide select{width:100%;min-width:0}.solver-guide p{font-size:12px;line-height:1.6}.solver-guide .guide-position{color:var(--accent);font-size:11px}.guide-notation{display:block;padding:12px;border-radius:8px;background:#0c1019;line-height:1.8;overflow-wrap:anywhere}.guide-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.guide-actions button{flex:1}.guide-cube{display:grid;justify-items:center;gap:8px;margin-top:14px}.guide-cube .cube-net{width:156px}.algorithm-thumbnail svg{display:block;width:52px;height:44px}.oll-diagram{width:132px;margin:12px auto}.oll-diagram svg{display:block;width:100%}.subgroup-view{margin:16px 0;padding:12px;border:1px solid var(--line);border-radius:10px;background:#0c1019}.subgroup-chain{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.subgroup-chain strong:last-child{color:var(--accent)}.subgroup-caption{color:var(--muted);font-size:10px;line-height:1.5;margin:10px 0}.subgroup-moves{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.subgroup-face{display:grid;gap:3px;padding:7px;border:1px solid var(--line);border-radius:6px;text-align:center;font-size:10px}.subgroup-face strong{font-size:15px}.subgroup-face small{color:var(--muted)}.subgroup-face[data-restricted=true]{border-color:#527966}.subgroup-face[data-restricted=true] span:last-child{color:var(--accent)}.subgroup-row{border-top:1px solid var(--line);padding-top:9px;margin-top:9px;font-size:11px}.subgroup-pieces{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:5px;margin-top:6px}.subgroup-pieces>div{display:flex;gap:4px;flex-wrap:wrap}.subgroup-piece{padding:3px 4px;border:1px solid #6d5740;border-radius:5px;color:#efc28e;font-size:10px;font-variant-numeric:tabular-nums}.subgroup-piece[data-ready=true]{border-color:#365b4b;color:var(--accent);background:#132a23}.app-header{height:68px}.workspace{display:block;margin-top:20px}.studio{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:start}.cube-dock{position:sticky;top:16px;min-width:0}.learning-pane{min-width:0}.cube-dock .viewport{height:clamp(220px,calc(100svh - 330px),480px);min-height:0}.cube-dock .transport{padding:14px 16px}.cube-dock .transport-top{margin-bottom:6px;font-size:12px}.cube-dock .timeline{margin:5px 0 8px}.cube-dock .learning-controls{gap:8px 16px;padding:10px 4px}.cube-dock .learning-controls>span{display:none}.viewport-bottom .orbit-hint{display:none}.learning-pane .detail-card{margin-top:0}.learning-pane .detail-grid{grid-template-columns:minmax(0,1fr) 132px;gap:16px}.learning-pane .solve-card{padding:18px}.learning-pane .solve-actions label{min-width:0;flex-wrap:wrap}.learning-pane .solve-actions select{min-width:0;width:100%}.learning-pane .solver-guide{padding:12px}.library{position:static;margin-top:28px;max-height:none;width:100%}.library .algorithm-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-height:480px}.mobile-library-link{display:block}.app-header .mobile-library-link{margin-left:16px}#collection{scroll-margin-top:16px}@media(min-width:1500px){.workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px}.library{position:sticky;top:16px;margin-top:0;max-height:calc(100svh - 32px)}.library .algorithm-list{display:block}}@media(max-width:1050px){.app-shell{padding:0 20px}.studio{gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.learning-pane .detail-grid{grid-template-columns:1fr}.learning-pane .case-diagram{max-width:none}.cube-dock .transport-controls{flex-wrap:wrap;gap:6px}.cube-dock .speed-label{margin-left:auto}.library .algorithm-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.app-shell{padding:0 12px}.app-header{height:58px;gap:8px}.app-header .mobile-library-link{margin-left:auto}.workspace{margin-top:8px}.studio{display:block}.cube-dock{top:0;z-index:4;padding:6px 0 10px;background:#0c1019;border-bottom:1px solid var(--line)}.cube-dock .viewport{height:clamp(140px,25svh,230px);min-height:0;border-radius:12px}.viewport-top{top:8px;left:10px;right:10px}.viewport-bottom{display:none}.viewport-top .small{font-size:11px;padding:5px 7px}.status{font-size:11px}.cube-dock .learning-controls{padding:6px 2px;font-size:11px;gap:8px 16px}.cube-dock .transport{padding:9px 10px;border-radius:10px}.cube-dock .transport-top{font-size:11px;gap:6px}.cube-dock .context-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cube-dock .move-strip{min-height:34px;padding-bottom:0}.cube-dock .move-token{font-size:13px;min-width:30px;min-height:30px;padding:4px 6px}.cube-dock .timeline{height:14px;margin:2px 0 5px}.cube-dock .transport-controls{flex-wrap:nowrap}.cube-dock .play-buttons{gap:3px}.cube-dock .play-button{min-width:76px;padding:8px;font-size:12px}.cube-dock .icon-button{min-width:32px;padding:2px 8px}.cube-dock .speed-label{gap:3px;font-size:0}.cube-dock .speed-label select{font-size:12px;max-width:62px}.learning-pane{padding-top:16px}.learning-pane .detail-card{padding:18px}.learning-pane .detail-grid{grid-template-columns:minmax(0,1fr) 110px}.learning-pane .detail-heading h1{font-size:25px}.learning-pane .detail-actions{flex-wrap:wrap}.learning-pane .detail-actions button{white-space:normal;flex:1 1 120px}.library .algorithm-list{grid-template-columns:1fr}.learning-pane :is(button,input,select,textarea,summary){scroll-margin-top:calc(clamp(140px,25svh,230px) + 200px)}}@media(max-width:360px){.learning-pane .detail-grid{grid-template-columns:1fr}.app-header>.quiet{padding:6px;font-size:12px}}@media(max-height:540px)and (min-width:761px){.cube-dock{position:static}}.case-diagram{min-width:0}.case-diagram>span{margin-inline:0;max-width:100%}.case-diagram .oll-diagram,.case-diagram .cube-net{max-width:100%}.case-diagram .pll-ring{width:min(116px,100%);aspect-ratio:1;grid-template-columns:8px repeat(3,minmax(0,1fr)) 8px;grid-template-rows:8px repeat(3,minmax(0,1fr)) 8px}@media(max-height:540px)and (min-width:600px){.app-header{height:48px}.workspace{margin-top:8px}.studio{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.cube-dock{position:sticky;top:8px;padding:0}.cube-dock .viewport{height:clamp(120px,calc(100svh - 235px),240px);min-height:0}.cube-dock .learning-controls,.viewport-bottom{display:none}.cube-dock .transport{padding:8px;margin-top:6px}.cube-dock .transport-controls{flex-wrap:nowrap}.cube-dock .play-buttons{gap:2px}.cube-dock .play-button{min-width:72px;padding:8px}.cube-dock .speed-label{font-size:0;gap:0}.learning-pane{padding-top:0}.learning-pane .detail-grid{grid-template-columns:1fr}}@media(max-width:760px){.studio.editing .cube-dock{position:static}}