:root{--bg: #05030d;--ink: #ece8ff;--muted: #9a92c4;--line: rgba(160, 140, 255, .22);--glass: rgba(10, 6, 26, .72);--cyan: #19f0ff;--pink: #ff2bd6;--amber: #ffb020;--red: #ff3355;--accent: var(--cyan);--display: "Orbitron", "Segoe UI", sans-serif;--mono: "Share Tech Mono", Consolas, monospace;color-scheme:dark}.theme-dusk{--glass: rgba(30, 12, 44, .7);--line: rgba(255, 140, 180, .26)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--mono);overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.app{position:fixed;inset:0}.scanlines{pointer-events:none;position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.025) 0 1px,transparent 1px 3px);mix-blend-mode:overlay}.boot{position:absolute;inset:0;display:grid;place-content:center;gap:18px;background:var(--bg);z-index:50;transition:opacity .9s ease .3s,visibility 0s linear 1.2s}.boot.gone{opacity:0;visibility:hidden}.boot-logo{font:900 clamp(28px,6vw,56px) var(--display);letter-spacing:.08em;color:#fff;text-shadow:0 0 12px var(--pink),0 0 36px var(--pink)}.boot-bar{height:2px;width:100%;background:linear-gradient(90deg,transparent,var(--cyan),transparent);background-size:50% 100%;background-repeat:no-repeat;animation:sweep 1.1s linear infinite}@keyframes sweep{0%{background-position:-100% 0}to{background-position:200% 0}}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;opacity:.7}.glitch:before{color:var(--cyan);transform:translate(2px);clip-path:inset(0 0 60% 0);animation:jitter 3.2s steps(1) infinite}.glitch:after{color:var(--pink);transform:translate(-2px);clip-path:inset(55% 0 0 0);animation:jitter 2.7s steps(1) infinite reverse}@keyframes jitter{0%,92%,to{transform:translate(0)}93%{transform:translate(3px,-1px)}96%{transform:translate(-3px,1px)}}@media(prefers-reduced-motion:reduce){.glitch:before,.glitch:after,.boot-bar{animation:none}}.hud-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px;pointer-events:none;z-index:10}.hud-top>*{pointer-events:auto}.brand{background:none;border:0;padding:0;text-align:left;display:grid;gap:2px}.brand-name{font:900 clamp(18px,2.6vw,26px) var(--display);letter-spacing:.06em;color:#fff;text-shadow:0 0 10px var(--cyan),0 0 26px rgba(25,240,255,.5)}.brand-tag{color:var(--muted);font-size:13px;letter-spacing:.1em;text-transform:uppercase}.hud-actions{display:flex;gap:8px;align-items:center}.segmented{display:flex;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(10px);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.segmented button{background:none;border:0;padding:9px 14px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.segmented button.on{color:#08040f;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}.theme-dusk .segmented button.on{background:var(--amber);box-shadow:0 0 18px var(--amber)}.icon-btn{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(10px);font-size:17px;color:var(--muted)}.icon-btn:hover,.icon-btn[aria-expanded=true]{color:#fff;border-color:var(--cyan);box-shadow:0 0 12px #19f0ff66}.icon-btn.lock{opacity:.45;width:30px;height:30px;font-size:14px}.icon-btn.lock:hover{opacity:1}.menu-wrap{position:relative}.menu{position:absolute;right:0;top:46px;min-width:190px;padding:10px;display:grid;gap:4px;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(14px)}.toggle{display:flex;align-items:center;gap:10px;padding:6px 4px;font-size:13px;cursor:pointer}.toggle input{accent-color:var(--pink)}.hud-bottom{position:absolute;bottom:16px;left:0;right:0;display:flex;justify-content:center;gap:14px;flex-wrap:wrap;padding:0 16px;pointer-events:none;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-shadow:0 0 8px #000}.offline{color:var(--amber)}.admin-bar{position:absolute;top:72px;right:20px;z-index:10;display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:6px 6px 6px 12px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;background:var(--glass);border:1px solid rgba(255,43,214,.45);backdrop-filter:blur(12px)}.admin-dot{width:8px;height:8px;border-radius:50%;background:var(--pink);box-shadow:0 0 10px var(--pink)}.admin-bar button{border:1px solid var(--line);background:transparent;padding:6px 10px;text-transform:uppercase;font-size:11px;letter-spacing:.1em}.admin-bar button:hover:not(:disabled),.admin-bar button.on{border-color:var(--pink);color:#fff;box-shadow:0 0 10px #ff2bd666}.admin-bar button:disabled{opacity:.4;cursor:not-allowed}.backdrop{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:16px;background:#03010a8c;backdrop-filter:blur(3px);animation:fade .18s ease}@keyframes fade{0%{opacity:0}}.panel{position:relative;width:min(520px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:28px 28px 24px;background:linear-gradient(160deg,#120a28f0,#080414f5);border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 0 0 1px #0009,0 0 40px color-mix(in srgb,var(--accent) 22%,transparent);clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}.panel-wide{width:min(760px,100%)}.panel h2{margin:4px 0 14px;font:900 clamp(22px,4vw,32px) var(--display);letter-spacing:.04em;color:#fff;text-shadow:0 0 14px color-mix(in srgb,var(--accent) 70%,transparent)}.eyebrow{margin:0;color:var(--accent);font-size:12px;letter-spacing:.18em;text-transform:uppercase}.tagline{margin:-6px 0 12px;color:var(--muted)}.body-copy{line-height:1.6;color:#d8d2f5;white-space:pre-wrap}.shot{width:100%;border:1px solid var(--line);margin-bottom:8px}.close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:1px solid var(--line);background:transparent;color:var(--muted)}.close.inline{position:static}.close:hover{color:#fff;border-color:var(--accent)}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 18%,transparent);color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:13px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.btn:hover:not(:disabled){background:var(--accent);color:#08040f;box-shadow:0 0 22px var(--accent)}.btn:disabled{opacity:.5}.btn-ghost{border-color:var(--line);background:transparent}.btn-danger{border-color:var(--red);background:transparent}.btn-danger:hover:not(:disabled){background:var(--red);box-shadow:0 0 22px var(--red)}.project-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.project-list li{display:flex;align-items:stretch;border:1px solid var(--line);border-left:3px solid var(--accent)}.project-list li>button{flex:1;display:grid;gap:2px;text-align:left;padding:12px 14px;background:transparent;border:0}.project-list li>button:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.project-list strong{font:700 16px var(--display)}.pl-kind{color:var(--accent);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.pl-msg{color:var(--muted);font-size:13px}.project-list a{display:grid;place-items:center;padding:0 14px;color:var(--accent);text-decoration:none;border-left:1px solid var(--line)}.form{display:grid;gap:12px}.form label{display:grid;gap:5px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.form input:not([type=range]):not([type=color]):not([type=checkbox]),.form textarea,.form select{width:100%;padding:9px 11px;background:#00000073;border:1px solid var(--line);color:var(--ink);font-size:14px;letter-spacing:normal;text-transform:none;outline:none}.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 14px color-mix(in srgb,var(--accent) 35%,transparent)}.form select option{background:#0c0820}.form textarea{resize:vertical}.form input[type=range]{accent-color:var(--accent);width:100%}.form output{color:var(--ink);float:right}fieldset{border:1px solid var(--line);padding:10px 12px 12px;display:grid;gap:10px;margin:0}legend{padding:0 6px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.row{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:4px 9px;font-size:12px;border:1px solid var(--line);background:transparent}.chip:hover{border-color:var(--accent)}.swatches{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.swatch{width:26px;height:26px;border:2px solid transparent;padding:0;font-size:11px}.swatch.auto{background:transparent;border-color:var(--line)}.swatch.on{border-color:#fff;box-shadow:0 0 12px var(--accent)}.swatches input[type=color]{width:32px;height:28px;padding:0;border:1px solid var(--line);background:transparent}.error{margin:0;color:var(--red);font-size:13px}.editor{position:absolute;z-index:20;top:124px;right:20px;bottom:50px;width:min(360px,calc(100vw - 32px));overflow:auto;padding:16px;background:var(--glass);border:1px solid color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:0 0 30px color-mix(in srgb,var(--accent) 20%,transparent);backdrop-filter:blur(14px);animation:slide .2s ease}@keyframes slide{0%{transform:translate(20px);opacity:0}}.editor header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.editor h3{margin:4px 0 0;font:700 18px var(--display)}.toast{position:absolute;z-index:40;left:50%;bottom:48px;transform:translate(-50%);padding:10px 16px;background:var(--glass);border:1px solid var(--cyan);box-shadow:0 0 18px #19f0ff59;font-size:13px;backdrop-filter:blur(10px)}@media(max-width:640px){.hud-top{padding:12px 16px}.brand-tag{display:none}.segmented button{padding:8px 9px}.admin-bar{left:16px;right:16px;top:64px}.editor{inset:auto 16px 16px;width:auto;max-height:58vh}}