@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}body{color:#e2e8f0;background:#080818;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 auto;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)}.tagline{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.65rem;font-weight:400}.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}.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) 1fr;min-height:0;display:grid;overflow:hidden}.cube-section{border-right:1px solid var(--border);background:var(--bg1);flex-direction:column;display:flex;overflow:hidden}.cube-info-bar{border-bottom:1px solid var(--border);background:var(--bg);flex-wrap:wrap;gap:6px;padding:6px 14px;display:flex}.info-chip{background:var(--bg2);border:1px solid var(--border);font-size:.68rem;font-family:var(--mono);color:var(--muted);letter-spacing:.04em;border-radius:3px;padding:2px 9px}.solved-chip{border-color:var(--green);color:var(--green);background:#0a1f10;font-weight:700}.cube-viewport{flex:1;min-height:0;position:relative}.cube-viewport>div:first-child{width:100%;height:100%}.flatmap-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;background:#0c0b09eb;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.flatmap-toggle{z-index:20;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;position:absolute;top:10px;right:10px}.flatmap-toggle:hover{color:var(--orange);border-color:var(--orange)}.flatmap-toggle.active{color:var(--orange);border-color:var(--orange);background:#ff58001a}.face-highlight-row{border-top:1px solid var(--border);background:var(--bg);align-items:center;gap:5px;padding:5px 14px;display:flex}.face-hl-label{color:var(--muted);font-size:.65rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;margin-right:2px}.face-btn{border:1px solid var(--border);background:var(--bg2);color:var(--muted);font-size:.72rem;font-weight:700;font-family:var(--mono);border-radius:3px;padding:2px 8px;transition:all .1s}.face-btn:hover{color:var(--text);border-color:var(--orange)}.face-btn.active{background:var(--orange);color:#fff;border-color:var(--orange)}.move-input-section{border-top:1px solid var(--border);background:var(--bg);padding:7px 14px 9px}.move-input-row{gap:7px;display:flex}.move-input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg2);color:var(--text);font-size:.8rem;font-family:var(--mono);outline:none;flex:1;padding:6px 11px;transition:border-color .14s}.move-input:focus{border-color:var(--orange)}.move-input::placeholder{color:#4a4030}.move-input:disabled{opacity:.4}.apply-btn{border-radius:var(--radius-sm);border:1px solid var(--orange);background:var(--orange);color:#fff;font-size:.78rem;font-weight:600;font-family:var(--mono);letter-spacing:.04em;padding:6px 16px;transition:opacity .14s}.apply-btn:hover:not(:disabled){opacity:.82}.apply-btn:disabled{opacity:.35;cursor:not-allowed}.input-error{color:var(--red);font-size:.72rem;font-family:var(--mono);margin-top:5px}.speed-row{align-items:center;gap:8px;margin-top:7px;display:flex}.speed-row-label{font-size:.65rem;font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;min-width:40px}.speed-slider-inline{accent-color:var(--orange);cursor:pointer;flex:1;height:3px}.speed-row-value{font-size:.75rem;font-family:var(--mono);color:var(--orange);text-align:right;min-width:30px;font-weight:700}.speed-row-hint{color:#4a4030;font-size:.64rem;font-family:var(--mono)}.scramble-display{color:var(--muted);font-size:.68rem;font-family:var(--mono);word-break:break-all;margin-top:5px}.scramble-display code{color:var(--yellow)}.right-section{background:var(--bg);flex-direction:column;display:flex;overflow:hidden}.panel-tabs{border-bottom:2px solid var(--border);background:var(--bg1);gap:0;padding:0 4px;display:flex}.panel-tab{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;margin-bottom:-2px;padding:11px 18px;transition:all .14s}.panel-tab:hover{color:var(--text)}.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-header{align-items:baseline;gap:10px;margin-bottom:13px;display:flex}.mc-title{font-family:var(--serif);color:var(--text);font-size:1rem;font-style:italic;font-weight:600}.mc-hint{color:var(--muted);font-size:.68rem;font-family:var(--mono)}.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-hint{color:var(--muted);font-size:.65rem;font-family:var(--mono)}.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}.mc-inner-btn{border:1.5px solid var(--fc,var(--border));background:var(--bg3);color:var(--fc,var(--muted));font-family:var(--mono);cursor:pointer;text-align:center;white-space:nowrap;border-radius:3px;flex:1;padding:5px 3px;font-size:.65rem;font-weight:700;transition:all .12s}.mc-inner-btn:hover:not(:disabled){background:color-mix(in srgb, var(--fc,#888) 15%, var(--bg3));transform:translateY(-1px)}.mc-inner-btn.prime{opacity:.65}.mc-inner-btn.prime:hover:not(:disabled){opacity:1}.mc-inner-btn.disabled,.mc-inner-btn:disabled{opacity:.3;cursor:not-allowed}.mc-inner-note{color:#5a5040;font-size:.64rem;font-family:var(--mono);margin-top:7px;line-height:1.5}.mc-inner-note code{color:var(--orange);font-size:.64rem}.mc-legend{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:5px;padding-top:11px;display:grid}.mc-legend-item{align-items:center;gap:6px;display:flex}.mc-legend-chip{width:20px;height:20px;font-size:.64rem;font-weight:700;font-family:var(--mono);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mc-legend-name{color:var(--muted);font-size:.68rem}.algorithm-panel{padding:14px 16px}.panel-title{font-family:var(--serif);color:var(--text);align-items:center;gap:8px;margin-bottom:12px;font-size:1.05rem;font-style:italic;font-weight:600;display:flex}.panel-title .icon{background:var(--orange);color:#fff;width:20px;height:20px;font-size:.7rem;font-style:normal;font-family:var(--mono);border-radius:3px;justify-content:center;align-items:center;display:inline-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-algebra-badge{color:var(--muted);font-size:.65rem;font-family:var(--mono);margin-top:3px;font-style:italic}.alg-detail{border-radius:var(--radius);border:1px solid var(--border);border-top:3px solid var(--orange);background:var(--bg1);padding:12px}.alg-detail-name{font-family:var(--serif);margin-bottom:5px;font-size:.95rem;font-style:italic;font-weight:600}.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-label{color:var(--muted);font-size:.65rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em}.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}.keyboard-hint{color:#4a4030;font-size:.62rem;font-family:var(--mono)}.algebra-panel{padding:14px 16px}.algebra-section{margin-bottom:18px}.section-label{font-family:var(--serif);color:var(--orange);align-items:center;gap:6px;margin-bottom:8px;font-size:.78rem;font-style:italic;font-weight:600;display:flex}.section-label:before{content:"§";font-style:normal;font-family:var(--mono);color:var(--muted);font-size:.65rem}.section-sublabel{color:var(--muted);font-size:.62rem;font-style:normal;font-family:var(--mono);margin-left:4px}.glossary-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.glossary-card{border-radius:var(--radius-sm);background:var(--bg2);border:1px solid var(--border);border-top:2px solid var(--border);padding:9px 11px;transition:border-top-color .15s}.glossary-card:hover{border-top-color:var(--orange)}.glossary-term{font-family:var(--serif);margin-bottom:5px;font-size:.85rem;font-style:italic;font-weight:600}.glossary-plain{color:var(--muted);font-size:.69rem;line-height:1.5}.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}.cycle-type-plain{color:var(--muted);font-size:.64rem;font-family:var(--mono)}.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}.alg-note{border-radius:var(--radius);background:var(--bg2);border:1px solid var(--border);border-left:3px solid var(--orange);padding:11px}.math-notation{font-family:var(--mono);color:var(--orange);margin-bottom:6px;font-size:.85rem}.order-badge{border:1px solid var(--orange);color:var(--orange);font-size:.7rem;font-weight:700;font-family:var(--mono);letter-spacing:.04em;background:#ff58001a;border-radius:2px;margin-bottom:7px;padding:2px 9px;display:inline-block}.theory-text{color:var(--muted);margin-bottom:8px;font-size:.76rem;line-height:1.55}.refs{color:var(--muted);font-size:.7rem;font-family:var(--mono)}.refs-label{color:var(--text);font-weight:700}.ref-inline{color:var(--muted)}.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}.concept-footnote{color:#5a5040;font-size:.6rem;font-family:var(--mono)}.footer{background:var(--bg1);border-top:1px solid var(--border);font-size:.68rem;font-family:var(--mono);color:var(--muted);text-align:center;letter-spacing:.03em;padding:8px 24px}.footer a{color:var(--muted)}.footer a:hover{color:var(--orange)}@media (width<=820px){.main-layout{grid-template-rows:50vh 1fr;grid-template-columns:1fr;height:auto}.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)}.glossary-grid{grid-template-columns: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-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.pd-label{font-family:var(--mono);letter-spacing:.08em;color:var(--muted);text-transform:uppercase;font-size:.68rem}.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)}.stage-explainer{background:var(--bg1);border:1px solid var(--border);border-radius:4px;margin-bottom:8px;padding:5px 8px}.stage-explainer-text{color:var(--muted);font-size:.74rem;font-style:italic}.alg-stage-pill{font-family:var(--mono);letter-spacing:.06em;border-radius:20px;margin-bottom:6px;padding:2px 8px;font-size:.68rem;font-weight:700;display:inline-block}.alg-stage-pill.oll{background:var(--yellow);color:#000}.alg-stage-pill.pll{background:var(--blue);color:#fff}.moves-intro{background:var(--bg2);border:1px solid var(--border);border-top:2px solid var(--orange);border-radius:var(--radius);margin-bottom:12px;padding:12px 14px}.moves-intro-title{font-family:var(--serif);color:var(--orange);margin-bottom:6px;font-size:.92rem;font-style:italic}.moves-intro-body{color:var(--text);margin:0 0 10px;font-size:.8rem;line-height:1.55}.moves-intro-body em{color:var(--yellow);font-style:normal}.moves-intro-body code{font-family:var(--mono);background:var(--bg3);color:var(--accent2);border-radius:3px;padding:1px 4px;font-size:.78rem}.moves-intro-body strong{color:var(--text)}.moves-intro-path{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mip-step{font-family:var(--mono);background:var(--bg3);border:1px solid var(--border);color:var(--muted);border-radius:20px;padding:2px 8px;font-size:.72rem}.mip-step.active{background:var(--orange);border-color:var(--orange);color:#000;font-weight:700}.mip-arrow{color:var(--muted);font-size:.8rem}.pt-explain-btn{border:1px solid var(--border);color:var(--muted);font-family:var(--mono);cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;padding:2px 8px;font-size:.68rem;transition:border-color .15s,color .15s}.pt-explain-btn:hover{border-color:var(--blue);color:var(--blue)}.pt-explainer{background:var(--bg1);border:1px solid var(--border);border-left:3px solid var(--blue);border-radius:var(--radius);margin-top:10px;padding:12px 14px}.pte-title{font-family:var(--serif);color:#6fa8dc;margin-bottom:10px;font-size:.9rem;font-style:italic}.pte-section{margin-bottom:12px}.pte-section:last-child{margin-bottom:0}.pte-label{font-family:var(--mono);color:var(--yellow);letter-spacing:.04em;margin-bottom:4px;font-size:.72rem;font-weight:700}.pte-body{color:var(--text);margin:0 0 6px;font-size:.79rem;line-height:1.55}.pte-body strong{color:var(--accent2)}.pte-body em{color:var(--yellow);font-style:normal}.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}.algebra-intro-card{background:var(--bg2);border:1px solid var(--border);border-top:2px solid var(--blue);border-radius:var(--radius);margin-bottom:14px;padding:12px 14px}.aic-title{font-family:var(--serif);color:#6fa8dc;margin-bottom:8px;font-size:.92rem;font-style:italic}.aic-body{color:var(--text);margin:0 0 8px;font-size:.8rem;line-height:1.6}.aic-body:last-child{margin-bottom:0}.aic-body strong{color:var(--accent2)}.aic-body em{color:var(--yellow);font-style:normal}.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-flatmap .cube-viewport{flex:0 0 55%}.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);flex:1;font-size:.68rem}.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-intro-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 13px}.sic-title{color:var(--accent1);margin-bottom:6px;font-size:.75rem;font-weight:700}.sic-body{color:var(--muted);margin:0 0 5px;font-size:.68rem;line-height:1.55}.sic-body:last-child{margin-bottom:0}.code-inline{font-family:var(--mono);background:var(--bg3);color:var(--orange);border-radius:3px;padding:1px 4px;font-size:.68rem}.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-state-row{flex-direction:column;gap:3px;font-size:.68rem;display:flex}.ssr-label{color:var(--muted);font-family:var(--mono)}.ssr-val{font-family:var(--mono);color:var(--orange);word-break:break-all;line-height:1.4}.ssr-val.solved{color:var(--green)}.solver-solve-btn{background:var(--accent1);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(--fg);font-size:.7rem;font-weight:700}.srh-count{font-size:.65rem;font-family:var(--mono);color:var(--accent1);background:#ff58001f;border-radius:10px;padding:2px 7px}.solver-result-moves{flex-wrap:wrap;gap:4px;display:flex}.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}.solver-unsupported{text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:var(--radius-sm);padding:14px;font-size:.72rem}.solver-phase-explainer{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 13px}.spe-title{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:9px;font-size:.7rem;font-weight:700}.spe-phases{flex-direction:column;gap:10px;display:flex}.spe-phase-label{color:var(--accent1);margin-bottom:4px;font-size:.68rem;font-weight:700}.spe-phase-body{color:var(--muted);margin:0;font-size:.65rem;line-height:1.55}.spe-note{color:#5a5040;font-size:.63rem;font-style:italic;font-family:var(--mono);margin-top:9px}.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-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-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}.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)}.solver-size-note{color:var(--muted);font-size:.62rem;font-weight:400;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(--fg);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}.rdx-parity{border-radius:var(--radius-sm);background:#f8717112;border:1px solid #f871714d;padding:9px 12px}.rdx-parity-label{color:#f87171;margin-bottom:5px;font-size:.68rem;font-weight:700}.rdx-parity-body{color:var(--muted);font-size:.62rem;font-family:var(--mono);word-break:break-all;margin:0;line-height:1.5}