:root{color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;color:#e9ebe7;background:#090b0a;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #e9ebe7;--muted: #858c86;--faint: #535a55;--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .16);--panel: #121512;--stage: #0c0e0d;--acid: #b8f34a;--acid-soft: rgba(184, 243, 74, .12);--danger: #ff796f;--topbar-h: 66px}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;min-height:100dvh;overflow:hidden;background:radial-gradient(circle at 16% 8%,rgba(174,218,91,.045),transparent 31rem),#090b0a}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--acid);outline-offset:3px}button:disabled{cursor:wait;opacity:.48}.app-shell{height:100vh;height:100dvh;display:grid;grid-template-rows:var(--topbar-h) minmax(0,1fr);overflow:hidden}.topbar{position:relative;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-width:0;padding:0 24px;border-bottom:1px solid var(--line);background:#090b0ae6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{width:max-content;display:inline-flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-mark{width:28px;height:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:3px;border:1px solid var(--line-strong);transform:rotate(-3deg)}.brand-mark i{display:block;border-radius:1px;background:#303631}.brand-mark i:nth-child(1),.brand-mark i:nth-child(2),.brand-mark i:nth-child(4){background:var(--acid)}.brand-name{font-size:14px;font-weight:800;letter-spacing:.17em}.brand-name span{color:var(--acid)}.topbar-status,.topbar-meta{display:inline-flex;align-items:center;gap:9px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.status-dot{width:6px;height:6px;border-radius:50%;background:#747a75;box-shadow:0 0 0 4px #747a7514}.status-dot--webgl{background:var(--acid);box-shadow:0 0 0 4px var(--acid-soft),0 0 15px #b8f34a73}.status-dot--fallback{background:#ffc66e;box-shadow:0 0 0 4px #ffc66e1a}.topbar-meta{justify-self:end}.topbar-meta span:nth-child(2){color:#3c423d}.workspace{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(340px,30vw,420px)}.stage{position:relative;min-width:0;min-height:0;overflow:hidden;isolation:isolate;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),radial-gradient(circle at 50% 46%,rgba(63,71,64,.22),transparent 34%),var(--stage);background-size:44px 44px,44px 44px,auto,auto}.stage:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(9,11,10,.34),transparent 18%,transparent 82%,rgba(9,11,10,.35)),linear-gradient(rgba(9,11,10,.08),transparent 20%,transparent 76%,rgba(9,11,10,.38))}.cube-canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block;touch-action:none}.cube-canvas--inactive{visibility:hidden}.facelet-fallback{position:absolute;inset:14% 9%;z-index:3;display:grid;place-items:center;animation:reveal .36s ease-out both}.facelet-fallback .facelet-net{width:min(92%,760px);height:auto;max-height:100%;filter:drop-shadow(0 26px 52px rgba(0,0,0,.42))}.stage-loading{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;gap:11px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.stage-loading span{width:13px;height:13px;border:1px solid rgba(255,255,255,.18);border-top-color:var(--acid);border-radius:50%;animation:spin .7s linear infinite}.stage-label{position:absolute;z-index:5;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;color:#707772;font-size:9px;font-weight:750;letter-spacing:.17em}.stage-label--top{top:22px}.stage-label--bottom{bottom:21px}.interaction-copy:before{content:"";display:inline-block;width:18px;height:1px;margin:0 9px 3px 0;background:#535a55}.cube-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid var(--line);color:#8a918b;background:#090b0a73}.cube-badge i{width:5px;height:5px;border-radius:50%;background:#8a918b}.cube-badge--solved{color:var(--acid);border-color:#b8f34a2e}.cube-badge--solved i{background:var(--acid)}.axis-glyph{position:absolute;right:26px;bottom:64px;z-index:5;width:50px;height:50px;pointer-events:none;color:#686f69;font:700 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.axis-glyph i,.axis-glyph:before,.axis-glyph:after{content:"";position:absolute;left:24px;bottom:11px;width:1px;height:26px;transform-origin:bottom;background:#4b514c}.axis-glyph:before{transform:rotate(90deg)}.axis-glyph:after{transform:rotate(135deg) scaleY(.7)}.axis-glyph i{width:4px;height:4px;left:22px;bottom:9px;border-radius:50%}.axis{position:absolute}.axis--y{top:4px;left:22px}.axis--x{right:1px;bottom:8px}.axis--z{left:1px;bottom:28px}.control-panel{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;border-left:1px solid var(--line);background:var(--panel);scrollbar-width:thin;scrollbar-color:#343a35 transparent}.panel-section{padding:24px 25px;border-bottom:1px solid var(--line)}.section-heading,.section-row-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.section-heading{margin-bottom:20px}.section-row-heading{align-items:center;margin-bottom:14px}.eyebrow,.section-index,.legend-copy,.seed-label{display:block;color:var(--muted);font-size:9px;font-weight:750;letter-spacing:.15em;text-transform:uppercase}.section-index{color:#3f4540;font-size:19px;font-weight:500;letter-spacing:-.04em}.section-heading h1{margin:5px 0 0;font-size:clamp(22px,2.1vw,29px);font-weight:580;letter-spacing:-.045em;line-height:1}.legend-copy,.seed-label{color:#626963;letter-spacing:.1em}.formula-form label{display:block;margin-bottom:8px;color:#747b75;font-size:10px;letter-spacing:.04em}.formula-field{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-height:44px;border:1px solid var(--line-strong);background:#0b0d0c;transition:border-color .16s ease,box-shadow .16s ease}.formula-field:focus-within{border-color:#b8f34a80;box-shadow:0 0 0 3px #b8f34a0e}.formula-field--error{border-color:#ff796f99}.formula-field>span{padding-left:13px;color:var(--acid);font:500 17px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.formula-field input{min-width:0;height:42px;border:0;outline:0;padding:0 10px;color:#f0f2ee;background:transparent;font:500 12px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.035em}.formula-field input::placeholder{color:#3f4540}.formula-field button{align-self:stretch;border:0;border-left:1px solid var(--line);padding:0 12px;cursor:pointer;color:var(--acid);background:#b8f34a0e;font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.formula-field button span{color:#738147;margin-left:3px}.field-help,.field-error{min-height:14px;margin:7px 0 0;color:#5e655f;font-size:9px;line-height:1.5}.field-error{color:var(--danger)}.scramble-section{background:#ffffff03}.scramble-readout{min-height:55px;color:#c9cdc8;font:500 11px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.025em}.scramble-readout:empty{color:var(--faint)}.action-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:13px}.button{min-height:40px;border:1px solid var(--line-strong);padding:0 14px;cursor:pointer;font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;transition:transform .12s ease,border-color .12s ease,color .12s ease,background .12s ease}.button:active:not(:disabled){transform:translateY(1px)}.button--primary{border-color:var(--acid);color:#151a10;background:var(--acid)}.button--primary:hover:not(:disabled){background:#c8ff5c}.button--primary span{margin-right:5px}.button--quiet{color:#9da39d;background:transparent}.button--quiet:hover:not(:disabled){border-color:#555c56;color:#e5e8e3}.history-section{background:#b8f34a05}.history-summary{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:12px;color:#707771;font-size:9px;line-height:1.4}.history-summary strong{margin-right:5px;color:#d9ddd7;font:650 14px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.history-summary span:last-child{color:var(--acid);text-align:right}.history-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.history-actions .button:last-child{grid-column:1 / -1}.history-note,.fatal-note{margin:10px 0 0;padding-left:9px;border-left:2px solid #ffc66e;color:#897a62;font-size:9px;line-height:1.55}.fatal-note{border-left-color:var(--danger);color:#c68580}.face-controls{display:grid;gap:5px}.face-row{display:grid;grid-template-columns:minmax(84px,1fr) repeat(3,44px);gap:5px;align-items:center}.face-name{min-width:0;display:flex;align-items:center;gap:8px;color:#d8dcd7;font:650 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.face-name i{width:7px;height:7px;border-radius:1px;background:var(--face-color);box-shadow:0 0 0 2px #ffffff09}.face-name small{overflow:hidden;color:#5e655f;font:600 8px/1 ui-sans-serif,sans-serif;letter-spacing:.1em;text-overflow:ellipsis;text-transform:uppercase}.face-row button{height:34px;border:1px solid var(--line);cursor:pointer;color:#9ea49e;background:#0c0f0d;font:600 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;transition:border-color .13s ease,color .13s ease,background .13s ease}.face-row button:hover:not(:disabled){border-color:color-mix(in srgb,var(--face-color) 52%,#333);color:#f1f3f0;background:color-mix(in srgb,var(--face-color) 8%,#0c0f0d)}[data-face=U]{--face-color: #efeee7}[data-face=R]{--face-color: #d73a4f}[data-face=F]{--face-color: #18a66b}[data-face=D]{--face-color: #e5c929}[data-face=L]{--face-color: #ed712a}[data-face=B]{--face-color: #3478d4}.key-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.key-grid>span{min-width:0;display:flex;align-items:center;gap:6px}kbd{min-width:41px;padding:5px;border:1px solid var(--line-strong);border-bottom-color:#ffffff42;border-radius:2px;color:#adb3ad;background:#0b0d0c;box-shadow:0 2px #070807;font:650 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:center}.key-grid small{color:#555c56;font:600 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.facelet-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.facelet-summary span{min-width:0;display:flex;align-items:center;gap:7px;overflow:hidden;padding:7px 8px;border:1px solid var(--line);color:#6e756f;background:#0c0e0d;font:500 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em;white-space:nowrap}.facelet-summary b{color:var(--face-color);font-size:9px}.activity-line{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;margin-top:11px;color:#4f5550;font-size:8px;font-weight:750;letter-spacing:.12em}.activity-line output{overflow:hidden;color:#858c86;font:500 9px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:right;text-overflow:ellipsis;white-space:nowrap}.fallback-note{margin:11px 0 0;padding-left:9px;border-left:2px solid #ffc66e;color:#897a62;font-size:9px;line-height:1.55}@keyframes spin{to{transform:rotate(360deg)}}@keyframes reveal{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@media(max-width:980px){body{overflow:auto}.app-shell{height:auto;min-height:100vh;min-height:100dvh;overflow:visible}.workspace{grid-template-columns:1fr;grid-template-rows:min(max(520px,66vh),calc(100vh - var(--topbar-h) - 30px)) auto;grid-template-rows:min(max(520px,66dvh),calc(100dvh - var(--topbar-h) - 30px)) auto}.control-panel{overflow:visible;border-top:1px solid var(--line);border-left:0}.panel-section{padding-right:max(25px,calc((100vw - 700px)/2));padding-left:max(25px,calc((100vw - 700px)/2))}.face-row{grid-template-columns:minmax(140px,1fr) repeat(3,minmax(54px,78px))}}@media(max-width:620px){.app-shell{--topbar-h: 58px;grid-template-rows:var(--topbar-h) auto}.topbar{grid-template-columns:1fr auto;padding:0 16px}.topbar-status{justify-self:end}.topbar-meta{display:none}.workspace{grid-template-rows:min(max(430px,58vh),calc(100vh - var(--topbar-h) - 30px)) auto;grid-template-rows:min(max(430px,58dvh),calc(100dvh - var(--topbar-h) - 30px)) auto}.stage-label{right:16px;left:16px}.stage-label--top span:last-child,.interaction-copy,.axis-glyph{display:none}.facelet-fallback{inset:13% 4%}.panel-section{padding:22px 18px}.key-grid{grid-template-columns:repeat(2,1fr)}.face-row{grid-template-columns:minmax(70px,1fr) repeat(3,46px)}.face-name small{display:none}}@media(max-width:620px)and (pointer:coarse){.keyboard-section{display:none}}@media(max-width:390px){.brand-name{display:none}.face-row{grid-template-columns:minmax(54px,1fr) repeat(3,42px)}.formula-field button{padding:0 9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}