:root{color-scheme:light;--bg: #ffffff;--fg: #1a1a1a;--dim: #888893;--dot: #a67c52;--label-offset: 54px}body.hide-overlays #shell-hud,body.hide-overlays #cube-hud,body.hide-overlays #view-info,body.hide-overlays #rotate-timeline,body.hide-overlays .lil-gui{display:none!important}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background:var(--bg);color:var(--fg);font-family:ui-monospace,SF Mono,Menlo,monospace;overflow:hidden}#stage{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0}#label-layer{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.vertex-label{color:var(--fg);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px;font-weight:600;letter-spacing:.04em;background:#fffffff2;padding:1px 4px;border-radius:2px;white-space:nowrap;user-select:none;margin-left:var(--label-offset);z-index:2}.vertex-dot{width:10px;height:10px;background:var(--dot);border-radius:50%;user-select:none;transition:background-color .5s ease-in-out;z-index:1}.axis-label{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;font-weight:700;letter-spacing:.05em;user-select:none;pointer-events:none;text-shadow:0 0 2px rgba(255,255,255,.9)}#version-tag{padding:6px 10px;color:var(--dim);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px;letter-spacing:.06em;text-align:right;pointer-events:none;user-select:none;border-top:1px solid rgba(255,255,255,.05)}#view-info{position:fixed;bottom:14px;right:14px;color:var(--fg);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;font-weight:600;letter-spacing:.06em;background:#ffffffe6;border:1px solid var(--dim);padding:6px 10px;border-radius:3px;pointer-events:none;user-select:none;z-index:100;white-space:nowrap}#logo-root{position:fixed;inset:0;z-index:0}#shell-hud,#cube-hud{position:fixed;left:14px;display:flex;gap:14px;align-items:center;font-size:11px;letter-spacing:.06em;pointer-events:none;user-select:none;z-index:10}#shell-hud{top:12px}#cube-hud{top:34px}#shell-hud .title,#cube-hud .mode{color:var(--fg)}#shell-hud .logo-name{color:var(--dot)}#shell-hud .hint,#cube-hud .hint{color:var(--dim);font-size:10px;letter-spacing:.06em}#shell-hud .fps{color:var(--dim)}#shell-hud .switch-logo,#cube-hud .toggle,#rotate-timeline .rt-btn{pointer-events:auto;cursor:pointer;background:transparent;color:var(--fg);border:1px solid var(--dim);padding:3px 8px;font-family:inherit;font-size:10px;letter-spacing:.06em;border-radius:2px;transition:background-color .15s,border-color .15s}#shell-hud .switch-logo:hover,#cube-hud .toggle:hover,#rotate-timeline .rt-btn:hover{border-color:var(--fg);background:#1a1a1a0f}#cube-hud .toggle.on,#rotate-timeline .rt-btn.on{border-color:var(--fg);background:#1a1a1a14}#shell-hud .switch-logo:focus-visible,#cube-hud .toggle:focus-visible,#rotate-timeline .rt-btn:focus-visible{outline:1px solid var(--fg);outline-offset:2px}#shell-hud .switch-logo:disabled,#cube-hud .toggle:disabled,#rotate-timeline .rt-btn:disabled{opacity:.35;cursor:not-allowed}#cube-hud .export-status,#rotate-timeline .rt-save-status{color:var(--dot);font-size:10px;letter-spacing:.06em}#cube-hud .export-status:empty,#rotate-timeline .rt-save-status:empty{display:none}#typo-wrap{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;user-select:none}#typo-svg{width:64vw;max-width:1100px;height:auto;overflow:visible}#rotate-timeline{position:fixed;left:14px;right:14px;bottom:14px;z-index:50;background:#fffffff2;border:1px solid var(--dim);border-radius:4px;padding:10px 12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;color:var(--fg);user-select:none}#rotate-timeline .rt-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}#rotate-timeline .rt-title{letter-spacing:.06em;font-size:10px;color:var(--dim)}#rotate-timeline .rt-spacer{flex:1}#rotate-timeline .rt-name{font-family:inherit;font-size:10px;padding:2px 6px;width:110px;border:1px solid var(--dim);border-radius:2px;background:var(--bg);color:var(--fg)}#rotate-timeline .rt-dur-label{display:inline-flex;align-items:center;gap:4px;font-size:10px;letter-spacing:.06em;color:var(--dim)}#rotate-timeline .rt-dur{font-family:inherit;font-size:10px;padding:2px 4px;width:56px;border:1px solid var(--dim);border-radius:2px;background:var(--bg);color:var(--fg)}#rotate-timeline .rt-track{position:relative;height:34px;background:#1a1a1a0d;border-radius:3px;cursor:pointer}#rotate-timeline .rt-grid{position:absolute;inset:0;pointer-events:none}#rotate-timeline .rt-grid-tick{position:absolute;top:0;bottom:0;width:1px;margin-left:-.5px;background:#1a1a1a2e}#rotate-timeline .rt-grid-tick.major{background:#1a1a1a52}#rotate-timeline .rt-grid-labels{position:relative;height:12px;margin-top:2px;pointer-events:none;font-size:9px;color:var(--dim);letter-spacing:.06em}#rotate-timeline .rt-grid-label{position:absolute;top:0;transform:translate(-50%);white-space:nowrap}#rotate-timeline .rt-markers{position:absolute;inset:0}#rotate-timeline .rt-marker{position:absolute;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;background:var(--bg);border:2px solid var(--fg);border-radius:50%;cursor:grab;touch-action:none}#rotate-timeline .rt-marker.selected{background:var(--dot);border-color:var(--dot)}#rotate-timeline .rt-playhead{position:absolute;top:-2px;bottom:-2px;width:2px;margin-left:-1px;background:var(--dot);pointer-events:none}#rotate-timeline .rt-handle{position:absolute;top:-6px;bottom:-6px;width:10px;margin-left:-5px;cursor:ew-resize;touch-action:none;z-index:3}#rotate-timeline .rt-handle:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;margin-left:-.5px;background:var(--dim)}#rotate-timeline .rt-handle:after{content:"";position:absolute;top:0;left:1px;width:8px;height:6px;background:var(--dim);border-radius:2px}#rotate-timeline .rt-handle:hover:before,#rotate-timeline .rt-handle:hover:after{background:var(--fg)}#rotate-timeline .rt-editor{display:flex;align-items:center;gap:16px;margin-top:8px;flex-wrap:wrap}#rotate-timeline .rt-ed-label{font-size:10px;color:var(--dim);min-width:130px}#rotate-timeline .rt-field{display:flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.06em}#rotate-timeline .rt-field input[type=range]{width:120px}#rotate-timeline .rt-field span{min-width:36px;color:var(--dim)}#rotate-timeline .rt-editor-zoom{margin-top:4px;padding-top:6px;border-top:1px dashed rgba(26,26,26,.15)}#rotate-timeline .rt-ed-label-zoom{color:var(--fg);letter-spacing:.06em}body.hide-overlays #particle-hud{display:none!important}#particle-hud{position:fixed;left:14px;top:34px;display:flex;gap:14px;align-items:center;font-size:11px;letter-spacing:.06em;pointer-events:none;user-select:none;z-index:10}#particle-hud .mode{color:var(--fg)}#particle-hud .hint{color:var(--dim);font-size:10px;letter-spacing:.06em}#particle-hud .toggle{pointer-events:auto;cursor:pointer;background:transparent;color:var(--fg);border:1px solid var(--dim);padding:3px 8px;font-family:inherit;font-size:10px;letter-spacing:.06em;border-radius:2px;transition:background-color .15s,border-color .15s}#particle-hud .toggle:hover{border-color:var(--fg);background:#1a1a1a0f}#particle-hud .toggle.on{border-color:var(--fg);background:#1a1a1a14}#particle-hud .toggle:focus-visible{outline:1px solid var(--fg);outline-offset:2px}#particle-hud .status{color:var(--dot);font-size:10px;letter-spacing:.06em}#particle-hud .status:empty{display:none}body.hide-overlays #typo-hud{display:none!important}#typo-hud{position:fixed;left:14px;top:34px;display:flex;gap:14px;align-items:center;font-size:11px;letter-spacing:.06em;pointer-events:none;user-select:none;z-index:10}#typo-hud .mode{color:var(--fg)}#typo-hud .hint{color:var(--dim);font-size:10px;letter-spacing:.06em}#typo-hud .toggle{pointer-events:auto;cursor:pointer;background:transparent;color:var(--fg);border:1px solid var(--dim);padding:3px 8px;font-family:inherit;font-size:10px;letter-spacing:.06em;border-radius:2px;transition:background-color .15s,border-color .15s}#typo-hud .toggle:hover{border-color:var(--fg);background:#1a1a1a0f}#typo-hud .toggle:focus-visible{outline:1px solid var(--fg);outline-offset:2px}#typo-hud .status{color:var(--dot);font-size:10px;letter-spacing:.06em}#typo-hud .status:empty{display:none}#particle-flow-guide{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .2s ease}#particle-flow-guide.active{opacity:1}#particle-flow-guide #pfg-line{stroke:var(--dot);stroke-width:2;stroke-dasharray:4 4}#particle-flow-guide #pfg-dot{fill:var(--dot)}body.hide-overlays #particle-flow-guide,.mobile-only{display:none!important}@media (max-width: 768px){.mobile-hide{display:none!important}.mobile-only{display:inline-flex!important}#shell-hud,#cube-hud,#typo-hud,#particle-hud,#view-info,.lil-gui[class*=lil-root],.lil-gui.lil-root{display:none!important}#mobile-intro-text.mobile-only{display:block!important;position:fixed;top:32px;left:0;right:0;text-align:center;color:var(--fg);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14px;line-height:1.7;letter-spacing:.04em;pointer-events:none;user-select:none;z-index:10;padding:0 20px}#mobile-controls.mobile-only{display:flex!important;position:fixed;bottom:32px;left:0;right:0;justify-content:center;gap:16px;z-index:10;padding:0 20px;pointer-events:none}.pill-btn{pointer-events:auto;cursor:pointer;background:transparent;color:var(--fg);border:1px solid var(--fg);border-radius:999px;padding:12px 32px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14px;letter-spacing:.04em;min-height:44px;transition:background-color .15s,border-color .15s}.pill-btn:active{background:#1a1a1a14}}