@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,600;0,9..144,700;1,9..144,300;1,9..144,600&family=JetBrains+Mono:wght@400;500;700&family=Inter:wght@400;500;600&display=swap";*,:before,:after{box-sizing:border-box}html,body{color:#f0ead8;background:#0c0b09;margin:0}:root{--bg:#0c0b09;--bg1:#131109;--bg2:#1a1810;--bg3:#232016;--border:#3a3420;--orange:#ff5800;--red:#b71234;--green:#009b48;--yellow:#ffd500;--blue:#0046ad;--white:#f5f0e8;--accent:var(--orange);--accent2:#ff8c42;--text:#f0ead8;--muted:#7a7060;--success:var(--green);--danger:var(--red);--warning:var(--yellow);--radius:8px;--radius-sm:5px;--serif:"Fraunces", Georgia, serif;--mono:"JetBrains Mono", monospace;--sans:"Inter", system-ui, sans-serif;font-family:var(--sans)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--text)}body:after{content:"";pointer-events:none;z-index:999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");background-size:200px 200px;position:fixed;inset:0}button{cursor:pointer;font-family:inherit}input{font-family:inherit}a{color:var(--accent2);text-decoration:none;transition:color .15s}a:hover{color:var(--yellow)}.app{grid-template-rows:auto 1fr;height:100vh;display:grid;overflow:hidden}.header{background:var(--bg1);border-bottom:1px solid var(--border);border-left:3px solid var(--orange);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:12px 28px;display:flex;position:relative}.header-brand{align-items:center;gap:14px;display:flex}.logo{background:linear-gradient(135deg, var(--red) 0%, var(--orange) 50%, var(--yellow) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:26px;line-height:1}.brand-text{flex-direction:column;gap:1px;display:flex}.site-title{font-family:var(--serif);letter-spacing:-.02em;color:var(--text);font-size:1.55rem;font-style:italic;font-weight:600;line-height:1}.site-title .dot{color:var(--orange);font-style:normal}.site-title .grp{color:var(--accent2)}.header-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.size-selector{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);gap:0;display:flex;overflow:hidden}.size-btn{border:none;border-right:1px solid var(--border);color:var(--muted);font-family:var(--mono);background:0 0;padding:5px 13px;font-size:.75rem;font-weight:500;transition:all .12s}.size-btn:last-child{border-right:none}.size-btn.active{background:var(--orange);color:#fff;font-weight:700}.size-btn:hover:not(.active):not(:disabled){background:var(--bg3);color:var(--text)}.size-btn:disabled{opacity:.35;cursor:not-allowed}.header-actions{gap:7px;display:flex;position:relative}.action-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg2);color:var(--text);letter-spacing:.01em;padding:6px 15px;font-size:.78rem;font-weight:500;transition:all .14s}.action-btn:hover:not(:disabled){border-color:var(--orange);color:var(--orange)}.action-btn:disabled{opacity:.38;cursor:not-allowed}.action-btn.scramble:hover:not(:disabled){border-color:var(--yellow);color:var(--yellow)}.action-btn.reset:hover:not(:disabled){border-color:var(--green);color:var(--green)}.main-layout{grid-template-columns:clamp(500px,55%,900px) 0 1fr;min-height:0;display:grid;overflow:hidden}.main-layout.graph-open{grid-template-columns:clamp(560px,60%,1240px) 0 1fr}.main-layout.custom-split{grid-template-columns:min(var(--left-w), calc(100% - 380px)) 0 1fr}.splitter{z-index:30;touch-action:none;outline:none;flex:0 0 0;width:0;min-height:0;position:relative}.splitter:before{content:"";cursor:col-resize;width:10px;position:absolute;top:0;bottom:0;left:-5px}.splitter:after{content:"";background:var(--orange);opacity:0;pointer-events:none;width:2px;transition:opacity .15s;position:absolute;top:0;bottom:0;left:-1px}.splitter:hover:after,.splitter:focus-visible:after{opacity:.55}.splitter.dragging:after{opacity:1}body:has(.splitter.dragging){cursor:col-resize;-webkit-user-select:none;user-select:none}.cube-section{border-right:1px solid var(--border);background:var(--bg1);flex-direction:column;display:flex;overflow:hidden}.turn-pad{border-top:1px solid var(--border);background:var(--bg);flex-direction:column;gap:8px;padding:10px 14px 12px;display:flex}.tp-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tp-turns{flex-wrap:wrap;gap:6px;display:flex}.tp-btn{border:1px solid var(--border);background:var(--bg2);min-width:42px;height:36px;color:var(--text);font-family:var(--mono);border-radius:6px;padding:0 10px;font-size:.9rem;font-weight:700;transition:transform 80ms,filter .12s,border-color .12s}.tp-btn:hover:not(:disabled){filter:brightness(1.12);border-color:var(--orange)}.tp-btn:active:not(:disabled){transform:translateY(1px)}.tp-btn:disabled{opacity:.4;cursor:not-allowed}.tp-face{background:var(--tp-bg);color:var(--tp-fg);border-color:#00000080;box-shadow:inset 0 -2px #00000040}.tp-face:hover:not(:disabled){border-color:#00000080}.tp-axis{min-width:48px}.tp-dir{font-family:var(--sans);color:var(--muted);align-items:center;gap:6px;margin-left:auto;font-size:.74rem;font-weight:500;display:inline-flex}.tp-dir>span:first-child{color:var(--text);font-size:1.05rem}.tp-dir.on{color:var(--orange);border-color:var(--orange);background:#ff580014}.tp-dir.on>span:first-child{color:var(--orange)}.tp-row-small{gap:14px}.tp-label{font-size:.64rem;font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.tp-layers{align-items:center;gap:4px;display:flex}.tp-layers .tp-label{margin-right:4px}.tp-layer{border:1px solid var(--border);background:var(--bg2);width:26px;height:24px;color:var(--muted);font-family:var(--mono);border-radius:4px;font-size:.74rem}.tp-layer:hover{color:var(--text);border-color:var(--orange)}.tp-layer.on{background:var(--orange);border-color:var(--orange);color:#fff;font-weight:700}.tp-speed{flex:0 220px;align-items:center;gap:8px;min-width:140px;display:flex}.tp-speed input{accent-color:var(--orange);cursor:pointer;flex:1}.tp-speed input:disabled{opacity:.35;cursor:not-allowed}.tp-chip{border:1px solid var(--border);background:var(--bg2);color:var(--muted);white-space:nowrap;border-radius:99px;padding:3px 10px;font-size:.7rem}.tp-chip:hover,.tp-chip.on{color:var(--text);border-color:var(--orange)}.tp-keys{margin-left:auto;position:relative}.tp-keys-pop{z-index:40;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg2);width:270px;color:var(--text);padding:12px 14px;font-size:.78rem;line-height:1.5;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 12px 32px #0000008c}.tp-keys-pop ul{flex-direction:column;gap:6px;list-style:none;display:flex}.tp-keys-pop p{color:var(--muted);margin-top:8px}.tp-kbds{gap:3px;margin-right:3px;display:inline-flex}.tp-keys-pop kbd{border:1px solid var(--border);background:var(--bg);min-width:1.6em;font-family:var(--mono);text-align:center;border-bottom-width:2px;border-radius:4px;padding:0 4px;font-size:.7rem;display:inline-block}.cube-viewport{flex:1;min-height:0;position:relative}.cube-viewport>div:first-child{width:100%;height:100%}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.share-note{border:1px solid var(--green);color:var(--green);font-family:var(--mono);white-space:nowrap;z-index:50;background:#0a1f10;border-radius:4px;padding:3px 9px;font-size:.66rem;position:absolute;top:calc(100% + 6px);right:0}.cube-loading,.panel-loading{height:100%;min-height:120px;font-family:var(--mono);color:var(--muted);letter-spacing:.06em;justify-content:center;align-items:center;font-size:.72rem;display:flex}.side-view-toggles{z-index:20;gap:6px;display:flex;position:absolute;top:10px;right:10px}.flatmap-toggle{border:1px solid var(--border);color:var(--muted);font-family:var(--mono);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.06em;background:#131109d9;border-radius:3px;padding:4px 11px;font-size:.7rem;font-weight:500;transition:all .14s}.flatmap-toggle:hover{color:var(--orange);border-color:var(--orange)}.flatmap-toggle.active{color:var(--orange);border-color:var(--orange);background:#ff58001a}.right-section{background:var(--bg);flex-direction:column;display:flex;overflow:hidden}.panel-tabs{border-bottom:2px solid var(--border);background:var(--bg1);scrollbar-width:none;gap:0;padding:0 4px;display:flex;overflow-x:auto}.panel-tabs::-webkit-scrollbar{display:none}.panel-tab{white-space:nowrap;color:var(--muted);font-size:.78rem;font-weight:500;font-family:var(--mono);letter-spacing:.04em;background:0 0;border:none;border-bottom:3px solid #0000;flex:1 0 auto;margin-bottom:-2px;padding:11px 10px;transition:all .14s}.panel-tab:hover{color:var(--text)}.panel-tab .tab-short{display:none}.right-section{container-type:inline-size}@container (width<=570px){.panel-tab{letter-spacing:.02em;padding:11px 6px}.panel-tab .tab-full{display:none}.panel-tab .tab-short{display:inline}}.panel-tab.active{color:var(--orange);border-bottom-color:var(--orange)}.panel-content{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;overflow-y:auto}.move-controls{padding:14px 16px}.mc-outer-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.mc-face-cell{flex-direction:column;align-items:center;display:flex}.mc-btn-pair{gap:3px;width:100%;display:flex}.mc-outer-btn{border-radius:var(--radius-sm);font-family:var(--mono);cursor:pointer;border:2px solid #0000;flex-direction:column;flex:1;align-items:center;gap:2px;padding:7px 3px;font-size:.78rem;font-weight:700;transition:all .12s;display:flex}.mc-outer-btn:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px);box-shadow:0 5px 16px #0006}.mc-outer-btn.prime{opacity:.68}.mc-outer-btn.prime:hover:not(:disabled){opacity:1}.mc-outer-btn.disabled,.mc-outer-btn:disabled{opacity:.32;cursor:not-allowed}.mc-lbl{font-size:.74rem;font-weight:700;line-height:1}.mc-arrow{font-size:.95rem;line-height:1}.mc-inner-section{border:1px solid var(--border);border-left:3px solid var(--orange);border-radius:0 var(--radius) var(--radius) 0;background:var(--bg2);margin-bottom:14px;padding:10px 12px}.mc-inner-header{align-items:baseline;gap:8px;margin-bottom:9px;display:flex}.mc-inner-title{font-family:var(--serif);color:var(--text);font-size:.82rem;font-style:italic;font-weight:600}.mc-inner-row{align-items:flex-start;gap:8px;margin-bottom:7px;display:flex}.mc-inner-row-label{flex-shrink:0;padding-top:3px}.mc-layer-badge{background:var(--bg3);border:1px solid var(--orange);width:26px;height:26px;font-size:.64rem;font-weight:700;font-family:var(--mono);color:var(--orange);border-radius:3px;justify-content:center;align-items:center;display:inline-flex}.mc-inner-btn-grid{flex:1;grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.mc-inner-pair{gap:2px;display:flex}.category-tabs{flex-wrap:wrap;gap:4px;margin-bottom:11px;display:flex}.cat-tab{border:1px solid var(--border);background:var(--bg2);color:var(--muted);font-size:.7rem;font-family:var(--mono);letter-spacing:.03em;border-radius:2px;padding:3px 10px;font-weight:500;transition:all .12s}.cat-tab.active{background:var(--orange);color:#fff;border-color:var(--orange)}.cat-tab:disabled{opacity:.3;cursor:not-allowed}.cat-tab:hover:not(:disabled):not(.active){color:var(--text);border-color:var(--orange)}.alg-list{flex-direction:column;gap:3px;margin-bottom:12px;display:flex}.empty-msg{color:var(--muted);font-size:.78rem;font-family:var(--mono);padding:8px}.alg-item{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg2);cursor:pointer;border-left:3px solid #0000;padding:9px 12px;transition:all .12s}.alg-item:hover{border-left-color:var(--orange);background:var(--bg3)}.alg-item.selected{border-left-color:var(--orange);background:#ff580014}.alg-name{color:var(--text);margin-bottom:2px;font-size:.8rem;font-weight:600}.alg-notation{font-size:.72rem;font-family:var(--mono);color:var(--orange);letter-spacing:.03em}.alg-detail{border-radius:var(--radius);border:1px solid var(--border);border-top:3px solid var(--orange);background:var(--bg1);padding:12px}.alg-description{color:var(--muted);margin-bottom:10px;font-size:.76rem;line-height:1.55}.move-tokens{flex-wrap:wrap;gap:4px;margin-bottom:10px;display:flex}.move-token{border:1px solid var(--border);background:var(--bg3);color:var(--text);font-size:.75rem;font-family:var(--mono);cursor:pointer;border-radius:3px;padding:4px 9px;font-weight:700;transition:all .1s}.move-token:hover{border-color:var(--orange)}.move-token.active{background:var(--orange);color:#fff;border-color:var(--orange)}.move-token.done{border-color:var(--orange);color:var(--orange);opacity:.8;background:#ff580026}.playback-controls{flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:9px;display:flex}.ctrl-btn{border:1px solid var(--border);background:var(--bg2);width:32px;height:32px;color:var(--text);border-radius:3px;justify-content:center;align-items:center;font-size:.85rem;transition:all .12s;display:flex}.ctrl-btn:hover:not(:disabled){border-color:var(--orange);color:var(--orange)}.ctrl-btn:disabled{opacity:.3;cursor:not-allowed}.ctrl-btn.play-btn.active{background:var(--orange);border-color:var(--orange);color:#fff}.speed-control{align-items:center;gap:6px;margin-left:auto;display:flex}.speed-slider{width:75px;accent-color:var(--orange)}.step-progress{background:var(--border);border-radius:99px;height:2px;margin-bottom:5px}.step-bar{background:linear-gradient(90deg, var(--orange), var(--yellow));border-radius:99px;height:100%;transition:width .1s}.step-label{color:var(--muted);font-size:.68rem;font-family:var(--mono);margin-bottom:3px}.algebra-stat-row{flex-wrap:wrap;gap:7px;margin-bottom:8px;display:flex}.stat-chip{border-radius:var(--radius-sm);background:var(--bg2);border:1px solid var(--border);cursor:default;flex-direction:column;min-width:80px;padding:7px 13px;display:flex}.chip-label{color:var(--muted);font-size:.6rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}.chip-value{font-size:1rem;font-weight:700;font-family:var(--mono);color:var(--text)}.cycle-type-str{border-radius:var(--radius-sm);background:var(--bg2);border:1px solid var(--border);align-items:center;gap:8px;padding:7px 11px;display:flex;overflow-x:auto}.math-mono{font-family:var(--mono);color:var(--orange);font-size:.76rem}.solved-note{color:var(--green);border-radius:var(--radius-sm);font-size:.78rem;font-family:var(--mono);background:#009b480f;border:1px solid #009b4840;padding:8px 12px}.perm-trace{border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.72rem;overflow:hidden}.perm-trace-row{border-bottom:1px solid var(--border);grid-template-columns:58px 1fr 56px 50px;align-items:center;gap:4px;padding:5px 9px;display:grid}.perm-trace-row:last-child{border-bottom:none}.perm-trace-header{background:var(--bg2);font-size:.62rem;font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.perm-trace-identity{background:var(--bg2);color:var(--muted);font-family:var(--mono)}.perm-trace-current{background:#ff580012}.pt-move{font-weight:700;font-family:var(--mono)}.pt-cycles-wrap{flex-direction:column;gap:2px;min-width:0;display:flex}.pt-cycles{font-family:var(--mono);color:var(--orange);text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;overflow:hidden}.perm-trace-expanded .pt-cycles{white-space:normal;word-break:break-all;overflow:visible}.perm-trace-expanded{align-items:flex-start}.pt-expand-btn{border:1px solid var(--border);color:var(--muted);font-family:var(--mono);cursor:pointer;background:0 0;border-radius:3px;align-self:flex-start;padding:1px 5px;font-size:.58rem;line-height:1.4;transition:color .15s,border-color .15s}.pt-expand-btn:hover{color:var(--orange);border-color:var(--orange)}.pt-meta{text-align:center;color:var(--muted);font-family:var(--mono)}.pt-parity{text-align:center;font-weight:700;font-family:var(--mono)}.pt-parity.even{color:var(--green)}.pt-parity.odd{color:var(--red)}.move-badge{background:var(--bg3);border:1px solid var(--border);font-family:var(--mono);color:var(--orange);border-radius:3px;padding:2px 6px;font-size:.7rem;display:inline-block}.diagram-note{color:#5a5040;font-size:.65rem;font-family:var(--mono);margin-top:6px;line-height:1.5}.refs{color:var(--muted);font-size:.7rem;font-family:var(--mono)}.concept-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.concept-card{border-radius:var(--radius-sm);background:var(--bg2);border:1px solid var(--border);border-top:2px solid var(--orange);padding:10px;position:relative}.concept-title{font-family:var(--serif);color:var(--text);margin-bottom:4px;font-size:.82rem;font-style:italic;font-weight:600}.concept-math{font-family:var(--mono);color:var(--orange);margin-bottom:5px;font-size:.76rem}.concept-desc{color:var(--muted);margin-bottom:4px;font-size:.68rem;line-height:1.48}@media (width<=820px){.main-layout,.main-layout.graph-open,.main-layout.custom-split{grid-template-rows:auto auto;grid-template-columns:1fr;height:auto}.main-layout>.splitter{display:none}.app{height:auto;min-height:100vh;overflow:visible}.main-layout,.cube-section{overflow:visible}.cube-3d-area:not(.with-side){flex:none;height:50vh}.right-section{height:85vh}.cube-3d-area.with-side{flex-direction:column;overflow:visible}.cube-3d-area.with-side .cube-viewport{border-radius:var(--radius) var(--radius) 0 0;height:46vh;flex:none!important}.cube-3d-area.with-side>.splitter{display:none}.cube-3d-area.with-side .flatmap-side{border-radius:0 0 var(--radius) var(--radius);flex:none}.graph-side .graph-side-body{flex:none;height:min(92vw,60vh)}.graph-side .flatmap-side-hint{display:none}.cube-section{border-right:none;border-bottom:1px solid var(--border)}.concept-grid{grid-template-columns:1fr}.mc-outer-grid{grid-template-columns:repeat(2,1fr)}}.pattern-detector{background:var(--bg2);border:1px solid var(--border);border-left:3px solid var(--yellow);border-radius:var(--radius);margin-bottom:10px;padding:10px 12px}.pd-stage-badge{font-family:var(--mono);color:#000;letter-spacing:.04em;border-radius:20px;padding:2px 8px;font-size:.72rem;font-weight:700}.pd-message{color:var(--text);margin-bottom:6px;font-size:.82rem;line-height:1.45}.pd-match{background:var(--bg3);border:1px solid var(--border);border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 10px;display:flex}.pd-match-name{font-family:var(--serif);color:var(--yellow);font-size:.85rem;font-style:italic}.pd-match-notation{font-family:var(--mono);color:var(--muted);flex:1;font-size:.75rem}.pd-jump-btn{border:1px solid var(--orange);color:var(--orange);font-family:var(--mono);cursor:pointer;background:0 0;border-radius:4px;padding:2px 8px;font-size:.72rem;transition:background .15s,color .15s}.pd-jump-btn:hover{background:var(--orange);color:#000}.pd-edge-info{margin-top:4px}.pd-edge-badge{font-family:var(--mono);background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:4px;padding:2px 8px;font-size:.72rem}.pd-edge-badge.cross{border-color:var(--green);color:var(--green)}.pd-edge-badge.line{border-color:var(--blue);color:var(--blue)}.pd-edge-badge.L{border-color:var(--yellow);color:var(--yellow)}.pd-edge-badge.dot{border-color:var(--red);color:var(--red)}.pattern-detector.parity{background:color-mix(in srgb, #f87171 6%, var(--bg2))}.pd-steps{flex-wrap:wrap;gap:4px;margin:0 0 8px;padding:0;list-style:none;display:flex}.pd-step{font-family:var(--mono);border:1px solid var(--border);color:var(--muted);border-radius:6px;align-items:center;gap:6px;padding:3px 9px 3px 4px;font-size:.68rem;display:inline-flex}.pd-step:not(:has(svg)){padding-left:9px}.pd-step.todo .stage-icon{opacity:.55}.stage-icon{flex-shrink:0;display:block}.pd-what{color:var(--muted);margin:0 0 6px;font-size:.78rem;line-height:1.5}.cat-info{border-radius:var(--radius-sm);background:var(--bg2);align-items:center;gap:12px;margin:0 0 10px;padding:8px 10px;display:flex}.cat-info p{color:var(--text);margin:0;font-size:.8rem;line-height:1.5}.pd-step.done{color:var(--green);border-color:color-mix(in srgb, var(--green) 45%, var(--border))}.pd-step.current{color:var(--text);border-color:var(--orange);background:#ff58001a}.pd-progress{align-items:center;gap:8px;margin:2px 0 8px;display:flex}.pd-progress-bar{background:var(--bg3);border-radius:99px;flex:1;height:5px;overflow:hidden}.pd-progress-fill{border-radius:99px;height:100%;transition:width .3s;display:block}.pd-progress-text{font-family:var(--mono);color:var(--muted);white-space:nowrap;font-size:.66rem}.pd-match-kind{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.62rem}.pd-chain{align-items:center;gap:6px;display:inline-flex}.pd-auf{font-family:var(--mono);color:var(--orange);border:1px solid var(--orange);border-radius:3px;padding:0 6px;font-size:.72rem;font-weight:700}.pd-arrow{color:var(--muted);font-size:.72rem}.pd-match .pd-match-notation{flex-basis:100%;order:3}.pd-actions{gap:6px;margin-left:auto;display:inline-flex}.pd-jump-btn.secondary{border-color:var(--border);color:var(--text)}.pd-jump-btn.secondary:hover{border-color:var(--orange);color:var(--orange);background:0 0}.pte-formula{font-family:var(--mono);background:var(--bg3);border:1px solid var(--border);color:var(--accent2);letter-spacing:.02em;border-radius:4px;margin:6px 0;padding:5px 10px;font-size:.78rem}.cube-3d-area{flex-direction:row;flex:1;gap:0;min-height:0;display:flex;overflow:hidden}.cube-3d-area .cube-viewport{border-radius:var(--radius) 0 0 var(--radius);flex:1;min-width:0;position:relative}.cube-3d-area.with-net .cube-viewport{flex:0 0 55%}.cube-3d-area.with-graph .cube-viewport{flex:0 0 48%}.flatmap-side{background:var(--bg2);border:1px solid var(--border);border-left:1px solid var(--border);border-radius:0 var(--radius) var(--radius) 0;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.flatmap-side-header{border-bottom:1px solid var(--border);background:var(--bg3);flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;display:flex}.flatmap-side-title{font-family:var(--mono);color:var(--text);letter-spacing:.05em;font-size:.72rem;font-weight:700}.flatmap-side-hint{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.68rem;overflow:hidden}.flatmap-side-close{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:.8rem;line-height:1}.flatmap-side-close:hover{color:var(--text)}.flatmap-side-body{flex:1;justify-content:center;align-items:center;padding:8px;display:flex;overflow:auto}.flatmap-side-legend{border-top:1px solid var(--border);flex-shrink:0;justify-content:center;gap:8px;padding:5px 8px;display:flex}.fsleg-item{font-family:var(--mono);color:var(--muted);align-items:center;gap:3px;font-size:.65rem;display:flex}.fsleg-dot{border:1px solid #444;border-radius:50%;width:7px;height:7px}.guide-panel{flex-direction:column;gap:0;height:100%;padding:0 2px;display:flex}.guide-pager{justify-content:center;gap:6px;padding:10px 0 6px;display:flex}.gp-dot{border:1px solid var(--border);background:var(--bg3);cursor:pointer;border-radius:50%;width:8px;height:8px;padding:0;transition:background .2s,transform .1s}.gp-dot.active{background:var(--orange);border-color:var(--orange);transform:scale(1.3)}.gp-dot:hover{background:var(--muted)}.guide-page-title{border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:10px;padding:6px 0 10px;display:flex}.gpt-emoji{font-family:var(--mono);color:var(--orange);text-align:center;min-width:28px;font-size:1rem}.gpt-text{font-family:var(--serif);color:var(--text);font-size:1.05rem;font-style:italic}.guide-page-body{flex:1;overflow-y:auto}.guide-nav{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:8px;padding:10px 0 4px;display:flex}.guide-nav-btn{border:1px solid var(--border);color:var(--muted);font-family:var(--mono);cursor:pointer;background:0 0;border-radius:4px;padding:4px 14px;font-size:.78rem;transition:background .15s,color .15s,border-color .15s}.guide-nav-btn:hover:not(:disabled){border-color:var(--text);color:var(--text)}.guide-nav-btn:disabled{opacity:.3;cursor:default}.guide-nav-btn.primary{background:var(--orange);border-color:var(--orange);color:#000;font-weight:700}.guide-nav-btn.primary:hover{background:var(--accent2);border-color:var(--accent2)}.guide-nav-count{font-family:var(--mono);color:var(--muted);font-size:.72rem}.guide-content{flex-direction:column;gap:10px;display:flex}.gc-lead{color:var(--text);border-left:3px solid var(--orange);margin:0;padding-left:10px;font-size:.9rem;line-height:1.55}.gc-lead strong{color:var(--orange)}.gc-card{background:var(--bg2);border:1px solid var(--border);border-top:2px solid var(--orange);border-radius:var(--radius);padding:10px 12px}.gc-card-title{font-family:var(--mono);color:var(--orange);letter-spacing:.05em;text-transform:uppercase;margin-bottom:6px;font-size:.72rem;font-weight:700}.gc-body{color:var(--text);margin:0 0 6px;font-size:.8rem;line-height:1.55}.gc-body:last-child{margin-bottom:0}.gc-body strong{color:var(--accent2)}.gc-body em{color:var(--yellow);font-style:normal}.gc-body code{font-family:var(--mono);background:var(--bg3);color:var(--accent2);border-radius:3px;padding:1px 4px;font-size:.78rem}.gc-formula{font-family:var(--mono);background:var(--bg3);border:1px solid var(--border);color:var(--accent2);letter-spacing:.02em;border-radius:4px;margin:6px 0;padding:6px 10px;font-size:.8rem}.gc-callout{background:var(--bg2);border:1px solid var(--border);border-left:3px solid var(--green);border-radius:var(--radius);color:var(--text);align-items:flex-start;gap:8px;padding:8px 12px;font-size:.8rem;display:flex}.gc-callout-icon{color:var(--green);font-size:1rem}.gc-callout strong{color:var(--green)}.gc-axiom-list{flex-direction:column;gap:5px;margin:6px 0;display:flex}.gc-axiom{align-items:baseline;gap:8px;display:flex}.gc-axiom-name{font-family:var(--mono);color:var(--yellow);flex-shrink:0;min-width:90px;font-size:.7rem;font-weight:700}.gc-axiom-body{color:var(--text);font-size:.78rem;line-height:1.4}.gc-viz{background:var(--bg1);border-radius:4px;margin-top:8px;padding:8px 10px}.gc-viz-title{font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:.68rem}.gc-bar-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.gc-bar-label{font-family:var(--mono);color:var(--text);min-width:30px;font-size:.7rem}.gc-bar-track{background:var(--bg3);border-radius:4px;flex:1;height:8px;overflow:hidden}.gc-bar-fill{background:linear-gradient(90deg, var(--orange), var(--red));border-radius:4px;height:100%;transition:width .4s}.gc-bar-value{font-family:var(--mono);color:var(--muted);text-align:right;min-width:70px;font-size:.68rem}.gen-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0;display:grid}.gen-chip-wrap{flex-direction:column;align-items:center;gap:4px;display:flex}.gen-chip{width:36px;height:36px;font-family:var(--mono);border-radius:8px;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex;box-shadow:0 2px 6px #0006}.gen-desc{color:var(--muted);text-align:center;font-size:.65rem}.comm-viz{flex-wrap:wrap;align-items:center;gap:4px;margin:8px 0 4px;display:flex}.cv-step{align-items:center;gap:4px;display:flex}.cv-node{font-family:var(--mono);color:var(--text);background:var(--bg3);border:1px solid;border-radius:4px;padding:3px 7px;font-size:.72rem}.cv-arrow{color:var(--muted);font-size:.8rem}.cv-result{width:100%;color:var(--green);text-align:center;margin-top:4px;font-size:.75rem;font-style:italic}.gc-axiom-list.parity{flex-flow:wrap}.solver-panel{flex-direction:column;gap:12px;padding:12px 14px;display:flex}.solver-status-bar{font-size:.68rem;font-family:var(--mono);border-radius:var(--radius-sm);border:1px solid var(--border);align-items:center;gap:7px;padding:6px 10px;display:flex}.solver-status-bar.ready{color:var(--green);border-color:#6ee7b740}.solver-status-bar.loading{color:var(--muted)}.ssb-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.ssb-dot.spin{animation:1.2s ease-in-out infinite ssb-pulse}@keyframes ssb-pulse{0%,to{opacity:1}50%{opacity:.3}}.solver-solve-btn{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:7px;padding:9px 18px;font-size:.8rem;font-weight:700;transition:background .15s,opacity .15s;display:flex}.solver-solve-btn:hover:not(:disabled){background:#e05200}.solver-solve-btn:disabled{opacity:.45;cursor:not-allowed}.solver-solve-btn.solving{background:var(--bg3);color:var(--muted);border:1px solid var(--border)}.btn-spin{animation:.8s ease-in-out infinite ssb-pulse}.solver-error{border-radius:var(--radius-sm);color:#f87171;font-size:.68rem;font-family:var(--mono);background:#f871711f;border:1px solid #f8717159;padding:7px 10px}.solver-result{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:8px;padding:11px 13px;display:flex}.solver-result-solved{color:var(--green);font-size:.72rem;font-family:var(--mono)}.solver-result-header{justify-content:space-between;align-items:center;display:flex}.srh-label{color:var(--text);font-size:.7rem;font-weight:700}.srh-count{font-size:.65rem;font-family:var(--mono);color:var(--accent);background:#ff58001f;border-radius:10px;padding:2px 7px}.solver-move-token{font-family:var(--mono);background:var(--bg3);border:1px solid var(--border);color:var(--orange);border-radius:3px;padding:2px 7px;font-size:.72rem;display:inline-block}.solver-play-btn{border-radius:var(--radius-sm);color:var(--orange);cursor:pointer;background:#ff580026;border:1px solid #ff580066;align-self:flex-start;padding:6px 14px;font-size:.72rem;font-weight:700;transition:background .15s}.solver-play-btn:hover:not(:disabled){background:#ff580047}.solver-play-btn:disabled{opacity:.4;cursor:not-allowed}.phase-block{border-radius:var(--radius-sm);flex-direction:column;gap:5px;padding:7px 10px;display:flex}.phase-block.phase1{background:#ff580012;border:1px solid #ff580040}.phase-block.phase2{background:#0046ad12;border:1px solid #0046ad40}.phase-block.parity{background:#f8717112;border:1px solid #f871714d}.phase-block-label{align-items:center;gap:7px;display:flex}.phase-badge{letter-spacing:.05em;border-radius:10px;padding:2px 7px;font-size:.62rem;font-weight:800}.phase-badge.p1{color:#ff5800;background:#ff580033}.phase-badge.p2{color:#60a5fa;background:#0046ad33}.phase-badge.parity{color:#fca5a5;background:#f871712e}.phase-desc{color:var(--muted);font-size:.63rem;font-family:var(--mono)}.phase-moves{flex-wrap:wrap;gap:4px;display:flex}.solver-move-token{font-family:var(--mono);border-radius:3px;padding:2px 7px;font-size:.72rem;display:inline-block}.solver-move-token.p1{color:#ff5800;background:#ff58001f;border:1px solid #ff580059}.solver-move-token.p1.p1-only{color:#ff5800;background:#ff580038;border:1px solid #ff580099;font-weight:700}.solver-move-token.p2{color:#60a5fa;background:#0046ad1f;border:1px solid #0046ad59}.solver-move-token.parity{color:#fca5a5;background:#f871711a;border:1px solid #f8717159}.phase-legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;padding:4px 2px;font-size:.62rem;display:flex}.pl-text{color:var(--muted)}.solver-diagram-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:8px;padding:11px 13px;display:flex}.sdc-title{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:.7rem;font-weight:700}.sdc-svg{align-self:center;width:100%;max-width:360px}.sdc-note{color:#5a5040;font-size:.63rem;font-family:var(--mono);line-height:1.5}.hsg-layout{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.hsg-svg{flex-shrink:0;width:236px}.hsg-legend{color:var(--muted);flex-direction:column;flex:1;gap:7px;min-width:150px;font-size:.65rem;display:flex}.hsg-legend-item{align-items:flex-start;gap:6px;line-height:1.45;display:flex}.hsg-badge{border-radius:10px;flex-shrink:0;margin-top:1px;padding:2px 6px;font-size:.6rem;font-weight:800}.hsg-badge.green{color:#065f46;background:#6ee7b7e6}.hsg-badge.yellow{color:#78350f;background:#ffd700e6}.hsg-caption{color:#5a5040;font-size:.62rem;font-family:var(--mono);margin-top:4px;line-height:1.5}.coord-section-label{font-size:.63rem;font-family:var(--mono);color:var(--muted);padding:3px 0}.coord-section-label.phase1-label{color:#ff5800}.coord-section-label.phase2-label{color:#60a5fa}.coord-rows{flex-direction:column;gap:7px;display:flex}.coord-row{flex-direction:column;gap:2px;display:flex}.coord-row-header{justify-content:space-between;align-items:center;display:flex}.coord-name{font-size:.68rem;font-weight:700}.coord-bits{font-size:.6rem;font-family:var(--mono);color:var(--muted)}.coord-bar-track{background:var(--bg3);border-radius:5px;height:10px;position:relative;overflow:hidden}.coord-bar-fill{opacity:.7;border-radius:5px;position:absolute;inset:0 auto 0 0}.coord-bar-label{font-size:.58rem;font-family:var(--mono);color:var(--muted);white-space:nowrap;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.coord-desc{color:#5a5040;font-size:.6rem;font-family:var(--mono);line-height:1.4}.coord-p1-goal{color:var(--muted);font-size:.63rem;font-family:var(--mono);background:var(--bg3);border-radius:4px;padding:5px 8px;line-height:1.5}.mono-highlight{color:var(--orange);font-family:var(--mono)}.rdx-phases{flex-direction:column;gap:10px;display:flex}.rdx-phase{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg2);padding:10px 12px}.rdx-phase-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.rdx-phase-badge{color:#fff;letter-spacing:.05em;border-radius:10px;padding:2px 8px;font-size:.6rem;font-weight:800}.rdx-phase-title{color:var(--text);font-size:.72rem;font-weight:700}.rdx-phase-desc{color:var(--muted);margin:0 0 6px;font-size:.65rem;line-height:1.55}.rdx-phase-move{align-items:center;gap:6px;font-size:.63rem;display:flex}.rdx-move-label{color:var(--muted)}.rdx-move-seq{font-family:var(--mono);color:var(--orange);background:var(--bg3);border:1px solid var(--border);border-radius:3px;padding:1px 6px}:root{--fg-belt:#5a5139;--fg-cap:#3b3526;--fg-active:var(--orange);--fg-arc:#ffb37a}.graph-side .flatmap-side-header{gap:8px}.graph-side .flatmap-side-title{flex:1}.gs-chip-btn{border:1px solid var(--border);background:var(--bg2);color:var(--muted);font-family:var(--mono);letter-spacing:.04em;border-radius:3px;padding:2px 8px;font-size:.64rem;line-height:1.5;transition:color .14s,border-color .14s,background .14s}.gs-chip-btn:hover{color:var(--text);border-color:var(--orange)}.gs-chip-btn.active{color:var(--orange);border-color:var(--orange);background:#ff58001a}.graph-side-body{flex:1;min-height:0;padding:6px;display:flex}.facelet-graph{width:100%;height:100%;display:block;overflow:visible}.fg-circle{stroke-width:1px;transition:stroke .2s,stroke-opacity .2s,stroke-width .2s}.fg-belt{stroke:var(--fg-belt)}.fg-cap{stroke:var(--fg-cap)}.fg-circle.active{stroke:var(--fg-active);stroke-opacity:.35;stroke-width:1.4px}.fg-circle.active.running{stroke-opacity:.85}.fg-arcs path{stroke:var(--fg-arc);stroke-width:1.5px;stroke-linecap:round}.fg-arcs{opacity:.4;transition:opacity .25s}.fg-arcs.running{opacity:1}.fg-dot{cursor:pointer;transition:opacity .2s}.fg-face-labels text{font-family:var(--mono);fill:#b8ad94;paint-order:stroke;stroke:var(--bg2);stroke-linejoin:round;font-weight:700}.fg-face-labels.on-dot text{fill:#fff;stroke:#0c0b09d9}.graph-side-move{border-top:1px solid var(--border);min-height:34px;color:var(--muted);flex-shrink:0;align-items:baseline;gap:6px;padding:7px 10px;font-size:.76rem;line-height:1.5;display:flex}.gsm-notation{color:var(--orange);font-family:var(--mono);font-weight:700}.gsm-text{color:var(--text)}.gsm-hint{color:var(--muted)}.graph-side-legend{border-top:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;gap:4px 6px;padding:6px 10px 8px;display:flex}.gsl-item{color:var(--text);font-family:var(--mono);background:0 0;border:1px solid #0000;border-radius:99px;align-items:center;gap:5px;padding:2px 7px;font-size:.64rem;transition:opacity .15s,border-color .15s,background .15s;display:inline-flex}.gsl-item:hover{border-color:var(--border);background:var(--bg3)}.gsl-item.active{border-color:var(--orange);background:#ff58001a}.gsl-item.dim{opacity:.45}.gsl-ring{border:2.5px solid;border-radius:50%;flex-shrink:0;width:9px;height:9px;display:inline-block}.gp-note{color:var(--muted);margin-top:6px;font-size:.72rem;line-height:1.55}.gp-muted{color:var(--muted);font-size:.7rem}.gp-stat-row{grid-template-columns:repeat(3,1fr);gap:7px;margin:8px 0;display:grid}.gp-stat{border-radius:var(--radius-sm);background:var(--bg2);border:1px solid var(--border);flex-direction:column;gap:2px;padding:8px 10px;display:flex}.gp-stat-v{font-family:var(--serif);color:var(--orange);font-size:1.35rem;font-weight:600;line-height:1.1}.gp-stat-l{font-family:var(--mono);color:var(--muted);font-size:.62rem;line-height:1.4}.gp-table{border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;margin:8px 0 10px;display:flex;overflow:hidden}.gp-tr{border:none;border-top:1px solid var(--border);background:var(--bg2);color:var(--text);text-align:left;grid-template-columns:1.6fr .5fr .5fr 1.6fr;align-items:center;gap:8px;width:100%;padding:6px 10px;font-family:inherit;font-size:.74rem;display:grid}.gp-tr:first-child{border-top:none}.gp-th{background:var(--bg3);font-family:var(--mono);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.62rem}.gp-family .gp-tr{grid-template-columns:.8fr .8fr 1fr 1.5fr}.gp-tr.current{background:#ff580014}.gp-tr.current .math-mono{color:var(--text)}.gp-orbit-row{cursor:pointer;transition:background .14s}.gp-orbit-row:hover{background:var(--bg3)}.gp-orbit-row.active{box-shadow:inset 3px 0 0 var(--orange);background:#ff58001a}.gp-fixed-row{color:var(--muted)}.gp-orbit-name{align-items:center;gap:7px;display:inline-flex}.gp-bar-cell{align-items:center;gap:7px;display:flex}.gp-bar{background:var(--bg3);border-radius:99px;flex:1;height:5px;overflow:hidden}.gp-bar-fill{border-radius:99px;height:100%;transition:width .3s;display:block}.gp-bar-num{color:var(--muted);text-align:right;min-width:36px;font-size:.66rem}.gp-ok{color:var(--green);font-family:var(--mono);margin-top:4px;font-size:.7rem;display:block}.gp-bad{color:var(--red);font-family:var(--mono);margin-top:4px;font-size:.7rem;display:block}.gp-sign-table{background:var(--border);border:1px solid var(--border);border-radius:var(--radius-sm);gap:1px;margin:8px 0;display:grid;overflow:hidden}.gp-sign-table>span{background:var(--bg2);text-align:center;padding:5px 8px;font-size:.72rem}.gp-sign-head{font-family:var(--mono);color:var(--muted);justify-content:center;align-items:center;gap:5px;display:inline-flex;background:var(--bg3)!important;font-size:.62rem!important}.gp-sign-label{text-align:left!important;color:var(--text)!important;font-size:.7rem!important}.gp-sign{font-family:var(--mono);font-weight:700}.gp-sign.even{color:var(--green)}.gp-sign.odd{color:var(--red)}.rdx-status{border-radius:var(--radius);background:var(--bg2);border:1px solid var(--border);border-left:3px solid var(--orange);margin-bottom:10px;padding:10px 12px}.rdx-status.ready{border-left-color:var(--green)}.rdx-status-title{font-family:var(--serif);color:var(--text);margin-bottom:6px;font-size:.9rem;font-weight:600}.rdx-status.ready .rdx-status-title{color:#34d399}.rdx-status-body{color:var(--text);margin:0 0 6px;font-size:.8rem;line-height:1.5}.rdx-status-body strong{color:#fca5a5}.rdx-status-note{color:var(--muted);margin:6px 0 0;font-size:.7rem;line-height:1.5}.rdx-method{margin-top:14px}.panel-stack{flex-direction:column;gap:10px;padding:12px 14px 18px;display:flex}.ui-section{border-radius:var(--radius);background:var(--bg1);border:1px solid var(--border);padding:10px 12px 12px}.ui-section-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.ui-section-title{font-family:var(--serif);color:var(--text);flex:1;margin:0;font-size:.92rem;font-weight:600}.ui-section-caption{color:var(--muted);margin:-4px 0 8px;font-size:.74rem;line-height:1.45}.ui-why-btn{border:1px solid var(--border);color:var(--muted);font-family:var(--mono);letter-spacing:.03em;background:0 0;border-radius:99px;flex-shrink:0;padding:1px 8px;font-size:.64rem;transition:color .14s,border-color .14s}.ui-why-btn:hover{color:var(--text);border-color:var(--orange)}.ui-why-btn.open{color:var(--orange);border-color:var(--orange)}.ui-why{border-left:2px solid var(--orange);background:var(--bg2);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text);margin:0 0 10px;padding:8px 10px;font-size:.78rem;line-height:1.6}.ui-why p{margin:0 0 6px}.ui-why p:last-child{margin-bottom:0}.ui-why strong{color:var(--accent2)}.ui-why em{color:var(--yellow);font-style:normal}.ui-section .algebra-stat-row,.ui-section .gp-stat-row,.ui-section .gp-table,.ui-section .concept-grid{margin-bottom:0}.ui-section .gp-table{margin-top:0}.ui-chip-btn{border:1px solid var(--orange);color:var(--orange);font-family:var(--mono);background:#ff58001a;border-radius:3px;padding:2px 9px;font-size:.66rem}.ui-chip-btn:hover{background:#ff580033}.notation-table{border-collapse:collapse;font-size:.74rem}.notation-table td{vertical-align:top;color:var(--text);padding:2px 10px 2px 0}.notation-table td:first-child{white-space:nowrap}.notation-table code{font-family:var(--mono);color:var(--accent2)}.panel-subnav{justify-content:center;padding:10px 14px 0;display:flex}.ui-segmented{border:1px solid var(--border);background:var(--bg2);border-radius:6px;padding:2px;display:inline-flex}.ui-segment{color:var(--muted);font-family:var(--mono);letter-spacing:.04em;background:0 0;border:none;border-radius:4px;padding:4px 16px;font-size:.72rem;transition:background .14s,color .14s}.ui-segment:hover{color:var(--text)}.ui-segment.active{background:var(--orange);color:#0c0b09;font-weight:700}.explain-switch{color:var(--muted);font-family:var(--mono);letter-spacing:.04em;white-space:nowrap;background:0 0;border:none;flex-shrink:0;align-items:center;gap:7px;margin-left:auto;padding:0 10px;font-size:.7rem;display:inline-flex}.explain-switch:hover{color:var(--text)}.explain-track{background:var(--bg3);border:1px solid var(--border);border-radius:99px;width:26px;height:14px;transition:background .15s,border-color .15s;position:relative}.explain-thumb{background:var(--muted);border-radius:50%;width:10px;height:10px;transition:transform .15s,background .15s;position:absolute;top:1px;left:1px}.explain-switch.on{color:var(--orange)}.explain-switch.on .explain-track{border-color:var(--orange);background:#ff58002e}.explain-switch.on .explain-thumb{background:var(--orange);transform:translate(12px)}.tour-backdrop{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080705b8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.tour-dialog{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg1);outline:none;flex-direction:column;width:min(720px,100%);height:min(640px,100%);padding:14px 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080}.tour-close{z-index:2;color:var(--muted);background:0 0;border:none;font-size:.9rem;position:absolute;top:10px;right:12px}.tour-close:hover{color:var(--text)}.tour-dialog .guide-panel{flex:1;min-height:0}.action-btn.tour:hover:not(:disabled){border-color:var(--blue);color:#60a5fa}.rdx-facts{color:var(--muted);margin:0 0 8px;font-size:.72rem}.solver-diagrams{flex-direction:column;gap:10px;display:flex}.ui-section.solver-panel{flex-direction:column;gap:10px;padding:10px 12px 12px;display:flex}.ui-section.solver-panel>.ui-section-head,.ui-section.solver-panel>.ui-section-caption{margin-bottom:0}.alg-item{cursor:default;padding:0;overflow:hidden}.alg-item-head{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:9px 12px;font-family:inherit;display:flex}.alg-head-text{flex-direction:column;min-width:0;display:flex}.alg-head-text>span{display:block}.alg-desc{color:var(--muted);margin-top:4px;font-size:.74rem;line-height:1.45}.case-diagram{flex-shrink:0;display:block}.alg-item .alg-detail{border:none;border-top:1px solid var(--border);background:0 0;border-radius:0;margin:0;padding:0 12px 12px}.alg-item .alg-description{margin:10px 0 8px}.step-label kbd{border:1px solid var(--border);background:var(--bg2);font-family:var(--mono);border-bottom-width:2px;border-radius:3px;padding:0 4px;font-size:.6rem;display:inline-block}.pattern-detector.ui-section{margin-bottom:0;padding:10px 12px 12px}.pd-warnings{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.pd-warning{color:#fca5a5;font-family:var(--mono);border:1px solid #f87171;border-radius:99px;padding:2px 8px;font-size:.64rem}@media (hover:none) and (pointer:coarse){.tp-keys{display:none}}.gp-turn-grid{flex-direction:column;gap:6px;display:flex}.gp-turn-row{grid-template-columns:1fr 1fr 1fr;align-items:center;gap:6px;display:grid}.gp-turn-axis{align-items:baseline;gap:8px;display:flex}.gp-turn-letter{font-family:var(--serif);color:var(--orange);font-size:1.1rem;font-weight:700}.gp-turn-label{font-family:var(--mono);color:var(--muted);font-size:.68rem}.gp-turn-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg2);color:var(--text);font-family:var(--mono);padding:8px 0;font-size:.8rem;font-weight:700}.gp-turn-btn:hover:not(:disabled){border-color:var(--orange);color:var(--orange)}.gp-turn-btn:disabled{opacity:.4;cursor:not-allowed}.size-btn-named{padding-left:10px;padding-right:10px}.dist-chart{flex-direction:column;gap:3px;display:flex}.dist-row{font-family:var(--mono);color:var(--muted);border-radius:3px;grid-template-columns:2ch 1fr 7ch;align-items:center;gap:8px;padding:1px 4px;font-size:.68rem;display:grid}.dist-row.current{color:var(--text);background:#ff58001f}.dist-d{text-align:right}.dist-bar-cell{background:var(--bg3);border-radius:2px;height:9px;overflow:hidden}.dist-bar{background:#60a5fa;border-radius:2px;height:100%;display:block}.dist-row.current .dist-bar{background:var(--orange)}.dist-count{text-align:right}.moves-left{color:var(--text);justify-content:space-between;align-items:center;gap:8px;margin:2px 0 8px;font-size:.8rem;display:flex}.moves-left strong{color:var(--orange);font-family:var(--mono)}.moves-left.muted{color:var(--muted);font-size:.72rem}.gp-tr.gp-tr-3{grid-template-columns:1.6fr .6fr 1.6fr}.mv-chips{flex-wrap:wrap;gap:4px;max-height:92px;margin-bottom:10px;display:flex;overflow-y:auto}.mv-chip{border:1px solid var(--border);background:var(--bg2);color:var(--text);font-family:var(--mono);border-radius:4px;padding:2px 8px;font-size:.74rem;line-height:1.5}.mv-chip:hover{border-color:var(--orange)}.mv-chip.on{background:var(--orange);border-color:var(--orange);color:#fff}.mv-chip-start{font-family:var(--sans);color:var(--muted);font-size:.7rem}.pos-sentence{color:var(--text);margin:0 0 8px;font-size:.84rem;line-height:1.55}.pos-sentence strong{color:var(--accent2);font-family:var(--mono);font-weight:600}.pos-facts{color:var(--muted);flex-direction:column;gap:4px;margin-top:8px;font-size:.78rem;line-height:1.5;list-style:none;display:flex}.pos-facts li:before{content:"•";color:var(--orange);margin-right:7px}.pos-facts strong{color:var(--text)}.story-num{background:var(--orange);color:#fff;width:20px;height:20px;font-family:var(--mono);vertical-align:2px;border-radius:50%;place-items:center;margin-right:8px;font-size:.7rem;display:inline-grid}.story{grid-template-columns:150px 1fr;align-items:center;gap:14px;display:grid}.story-pic{width:150px;height:70px;display:block}.story p,.story-text{color:var(--text);margin:0;font-size:.82rem;line-height:1.55}.story em{color:var(--yellow);font-style:normal}.story strong{color:var(--accent2)}.story-try{color:var(--muted);align-items:center;gap:10px;margin-top:8px;font-size:.78rem;display:flex}.story-try .tp-btn{height:30px;font-size:.78rem}.story-try strong{color:var(--orange);font-family:var(--mono)}.story-note{color:var(--muted);margin:8px 0 0;font-size:.72rem}.family-list{flex-direction:column;gap:4px;margin-top:12px;display:flex}.family-row{border-radius:var(--radius-sm);background:var(--bg2);color:var(--text);text-align:left;border:1px solid #0000;grid-template-columns:14px minmax(90px,auto) 1fr auto;align-items:center;gap:8px;padding:6px 8px;font-size:.78rem;display:grid}button.family-row:hover{border-color:var(--border)}.family-row.on{border-color:var(--orange)}.family-name{white-space:nowrap}.family-bar{background:var(--bg);border-radius:3px;height:6px;overflow:hidden}.family-bar>span{border-radius:3px;height:100%;transition:width .25s;display:block}.family-home{color:var(--muted);white-space:nowrap;font-size:.72rem}.family-fixed{grid-template-columns:14px 1fr auto}@media (width<=520px){.story{grid-template-columns:1fr}}.bc-solution{flex-direction:column;gap:10px;display:flex}.bc-summary{color:var(--text);font-size:.82rem;line-height:1.5}.bc-stages{flex-direction:column;gap:6px;list-style:none;display:flex}.bc-stage{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg2);padding:8px 10px}.bc-stage.current{border-color:var(--orange)}.bc-stage.done{opacity:.6}.bc-stage.done .bc-stage-name{color:var(--green)}.bc-stage-head{align-items:center;gap:10px;display:flex}.bc-stage-name{font-family:var(--serif);color:var(--text);font-size:.86rem;font-weight:600}.bc-stage-count{font-family:var(--mono);color:var(--muted);font-size:.7rem}.bc-play{border:1px solid var(--orange);background:var(--orange);color:#fff;border-radius:4px;margin-left:auto;padding:3px 12px;font-size:.72rem;font-weight:600}.bc-play:disabled{opacity:.45;cursor:not-allowed}.bc-stage-text{color:var(--muted);margin:4px 0 6px;font-size:.76rem;line-height:1.45}.bc-moves{font-family:var(--mono);flex-wrap:wrap;gap:3px;font-size:.68rem;display:flex}.bc-moves span{background:var(--bg);color:var(--accent2);border-radius:3px;padding:1px 5px}.bc-moves .bc-more{color:var(--muted)}.bc-progress{background:var(--bg);border-radius:2px;height:4px;margin:0 0 6px;overflow:hidden}.bc-progress>span{background:var(--orange);height:100%;transition:width .15s;display:block}