:root{--bg: #0e1013;--panel: rgba(14, 16, 19, .78);--line: rgba(232, 226, 213, .16);--ink: #e8e2d5;--dim: #8a8f98;--accent: #ff5c1f;--cyan: #4fb8c4;--mono: ui-monospace, monospace;--display: var(--mono)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--mono)}.rig{position:relative;height:100%}.viewport{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:crosshair}.panel{position:absolute;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:14px 18px;animation:rise .5s cubic-bezier(.2,.9,.3,1) both}.panel:before,.panel:after{content:"";position:absolute;width:7px;height:7px;border:1px solid var(--accent)}.panel:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.panel:after{bottom:-1px;right:-1px;border-left:0;border-top:0}.wordmark{top:20px;left:20px}.wordmark h1{font-family:var(--display);font-size:26px;letter-spacing:.14em;line-height:1;color:var(--ink)}.wordmark h1:after{content:"³";color:var(--accent)}.wordmark .sub{margin-top:7px;font-size:12px;color:var(--accent);letter-spacing:.08em}.wordmark .fine{margin-top:3px;font-size:10px;font-weight:300;color:var(--dim);letter-spacing:.06em}.readouts{top:12px;right:12px;display:flex;gap:16px;padding:9px 12px;animation-delay:.12s}.readout{display:flex;flex-direction:column;gap:2px;min-width:42px}.readout .label{font-size:8px;font-weight:300;text-transform:uppercase;letter-spacing:.16em;color:var(--dim)}.readout .value{font-size:14px;font-weight:500;color:var(--cyan);font-variant-numeric:tabular-nums}.readout:first-child .value{color:var(--accent)}.controls{left:20px;bottom:20px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;animation-delay:.24s}.controls button{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:transparent;border:1px solid var(--line);padding:9px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:border-color .15s,background .15s,transform .08s}.controls button:hover{border-color:var(--accent);background:#ff5c1f14}.controls button:active{transform:translateY(1px)}.controls button.danger:hover{border-color:#e33;background:#ee333314}.controls kbd{font-family:var(--mono);font-size:10px;color:var(--dim);border:1px solid var(--line);padding:1px 5px;border-radius:2px}.controls .hint{font-size:10px;font-weight:300;color:var(--dim);letter-spacing:.06em;margin-left:6px}.boot{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);background:var(--bg)}.boot-dot{width:8px;height:8px;background:var(--accent);animation:blink .7s steps(2) infinite}@keyframes blink{50%{opacity:.15}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}