:root{--void: #06080e;--panel: #0d111b;--raise: #141a27;--line: #232b3d;--fg: #e9ecf2;--muted: #8c95a8;--brass: #c9a96e;--live: #4cc38a;--bad: #e06a5e;--display: "Instrument Serif", Georgia, serif;--body: "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", monospace;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--void);color:var(--fg);font:15px/1.55 var(--body);-webkit-font-smoothing:antialiased}[hidden]{display:none!important}button,input{font:inherit;color:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}a{color:var(--brass)}:focus-visible{outline:2px solid var(--brass);outline-offset:3px}.wrap{max-width:1180px;margin:auto;padding-inline:max(20px,env(safe-area-inset-left))}header{border-bottom:1px solid var(--line)}header .wrap{padding-block:19px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;gap:12px;align-items:center;color:var(--fg);text-decoration:none}.mark{display:grid;place-items:center;border:1px solid var(--brass);border-radius:9px;width:36px;height:36px;color:var(--brass);font:25px var(--display)}.wordmark{font:26px/1 var(--display);letter-spacing:.06em}.wordmark i{color:var(--brass);letter-spacing:.01em}.byline{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted);margin-top:6px}.status-pill{display:inline-flex;align-items:center;gap:8px;font:11px var(--mono);padding:8px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);white-space:nowrap}.dot{width:7px;height:7px;border-radius:50%;background:currentColor}.live{color:var(--live);border-color:#285443}.warn{color:#e0a84e}.thesis{padding-block:44px 30px}.eyebrow,.step-label{font:11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--brass)}h1{font:clamp(40px,6vw,64px) / 1.02 var(--display);max-width:18ch;margin:14px 0 16px;letter-spacing:-.015em}h1 em{color:var(--brass)}.lede{color:var(--muted);max-width:65ch;font-size:16px;margin:0}.console{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start;padding-bottom:36px}.desk,.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;min-width:0}.desk-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}h2{font:24px var(--display);margin:0}h3{font:22px var(--display);margin:0 0 7px}.timer{font:12px var(--mono);color:var(--muted);font-variant-numeric:tabular-nums}.step{padding:18px;display:grid;gap:12px;border-bottom:1px solid var(--line)}.step:last-child{border:0}.step-label b{margin-right:10px}.hint{font-size:13px;color:var(--muted);margin:0}.field{display:grid;gap:6px}.field label{font-size:13px;color:var(--muted)}input{background:var(--void);border:1px solid var(--line);padding:11px 12px;border-radius:8px;width:100%;min-width:0}.btn-row{display:flex;flex-wrap:wrap;gap:9px}.btn{border:1px solid var(--line);background:var(--raise);border-radius:8px;padding:10px 14px;text-decoration:none;font-weight:500;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px}.btn:hover{border-color:#8a7448}.btn.primary{background:var(--brass);border-color:var(--brass);color:#14100a}.btn.primary:hover{background:#d7ba82}.btn.danger{background:transparent;color:var(--bad);border-color:#673a38}.btn:disabled{opacity:.4;cursor:not-allowed}.stage{position:relative;aspect-ratio:16/9;background:#030407;border:1px solid var(--line);border-radius:9px;overflow:hidden}.stage video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:7px;text-align:center;color:var(--muted);padding:24px;font-size:13px}.empty svg{width:34px;height:34px;margin:0 auto 7px;color:#4c566a}.stage-tag{position:absolute;top:10px;left:10px;font:10px var(--mono);letter-spacing:.06em;padding:4px 7px;background:#06080ed9;border:1px solid var(--line);border-radius:5px}.code{font:29px var(--mono);letter-spacing:.18em}.linkbox{display:flex;gap:8px}.linkbox input{font:12px var(--mono);color:var(--muted)}.notice{font-size:13px;border:1px solid #55462e;background:#e0a84e0b;border-radius:8px;padding:11px 13px;color:#e0bd82;margin:0}.error{border-color:#6c3835;color:#f1a49a;background:#e06a5e0b}.viewers{list-style:none;padding:0;margin:0;display:grid;gap:8px}.viewers li{border:1px solid var(--line);border-radius:8px;padding:11px 12px;background:var(--raise);display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.viewers small{font:10px var(--mono);color:var(--muted)}.viewers .none{background:transparent;border-style:dashed;color:var(--muted)}.side{display:grid;gap:18px;position:sticky;top:20px}.phone{width:238px;aspect-ratio:9/17;border:9px solid #1b2130;border-radius:34px;background:#030407;position:relative;overflow:hidden;margin:auto}.phone:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:70px;height:17px;border-radius:12px;background:#000;z-index:3}.phone .bar{position:absolute;top:35px;inset-inline:12px;color:var(--muted);font:10px var(--mono)}.phone .screen{position:absolute;top:65px;right:0;bottom:30px;left:0;display:grid;place-items:center}.phone video{width:100%}.phone .wait{text-align:center;font-size:12px;color:var(--muted);padding:20px}.phone-cap{max-width:270px;text-align:center;font-size:11px;color:var(--muted);margin:10px auto 0}.card-pad{padding:18px}.card .eyebrow{font-size:10px;margin-bottom:12px}.callout{border-left:2px solid var(--brass);padding-left:12px;color:var(--muted);font-size:13px}.specs{border-top:1px solid var(--line);padding-block:28px 40px;display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.specs p{margin:0;font-size:13px;color:var(--muted)}.specs .eyebrow{font-size:10px;margin-bottom:8px}.about-beam{border-top:1px solid var(--line);padding-block:clamp(50px,8vw,88px);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,6vw,80px);align-items:start}.about-beam h2{margin-top:13px;max-width:16ch;font-size:clamp(31px,4vw,48px);line-height:1.08}.about-beam p{margin:0 0 15px;max-width:62ch;color:var(--muted)}.ecosystem-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:25px}.ecosystem-links a,.hq-footer{font-weight:600;text-decoration:none}.ecosystem-links .hq-link,.hq-footer{color:#67ceff}.ecosystem-links a:hover,.hq-footer:hover{text-decoration:underline;text-underline-offset:4px}footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-block:20px!important;font-size:12px;color:var(--muted)}.chatlog{height:130px;overflow:auto;display:grid;align-content:start;gap:8px;font-size:13px;padding-bottom:8px}.chatlog p{margin:0;overflow-wrap:anywhere}.chatlog b{color:var(--brass);font-size:11px}.chat-form{display:flex;gap:7px}.chat-form input{font-size:12px}.chat-form .btn{padding:8px 12px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--raise);border:1px solid var(--line);border-radius:8px;z-index:80;padding:12px 18px;max-width:calc(100% - 30px);font-size:13px;box-shadow:0 8px 32px #0008}.viewer-shell{min-height:100dvh;display:flex;flex-direction:column}.viewer-shell .vhead{padding:16px max(20px,env(safe-area-inset-right));border-bottom:1px solid var(--line);display:flex;gap:15px;justify-content:space-between;align-items:center;background:var(--panel);flex-wrap:wrap}.viewer-main{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;padding:20px}.viewer-stage{min-height:55dvh;background:#000;border:1px solid var(--line);border-radius:12px;position:relative;display:grid;place-items:center;overflow:hidden}.viewer-stage video{width:100%;max-height:80dvh;-o-object-fit:contain;object-fit:contain}.viewer-message{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;padding:24px;background:#06080eea}.viewer-message p{color:var(--muted);max-width:46ch}.viewer-message h2{font-size:32px}.viewer-tools{display:grid;align-content:start;gap:15px}.viewer-tools .card{padding:18px}.join-form{display:grid;gap:12px;width:min(320px,100%);margin:auto;text-align:left}.join-form h2{margin-bottom:6px}.viewer-foot{font-size:12px;color:var(--muted);padding:12px 20px;border-top:1px solid var(--line)}.pointer{position:absolute;width:22px;height:22px;border:2px solid var(--brass);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);background:#c9a96e33;box-shadow:0 0 0 9px #c9a96e18}.spinner{width:25px;height:25px;border:2px solid var(--line);border-top-color:var(--brass);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 860px){.console{grid-template-columns:1fr}.side{position:static;grid-template-columns:1fr 1fr}.phone-wrap{display:none}.specs{grid-template-columns:1fr 1fr}.viewer-main{grid-template-columns:1fr;padding:10px}.viewer-tools{grid-template-columns:1fr 1fr}.thesis{padding-top:30px}.about-beam{grid-template-columns:1fr}}@media (max-width: 500px){.side,.viewer-tools{grid-template-columns:1fr}.wordmark{font-size:22px}.byline{font-size:8px}.wrap{padding-inline:16px}.btn{padding-inline:11px}.linkbox{flex-wrap:wrap}.linkbox input{flex-basis:100%}.specs{gap:22px 16px}.viewer-shell .vhead .wordmark{font-size:21px}footer{flex-direction:column}.thesis h1{font-size:44px}}@media (prefers-reduced-motion: reduce){*{animation:none!important;scroll-behavior:auto!important}}