:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;--cyan:#0ff;--lime:#39ff14;--magenta:#f0f;--grit:#ff5a16;--carbon:#0b0b0c;--glass:#000000b8;--glass-light:#ffffff1f;--muted:#7fa9b3;background:#000;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{background:#000;min-width:320px;min-height:100%;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{background:#000;min-height:100dvh;overflow:hidden}.camera-stage{background:radial-gradient(circle at 50% 35%,#00ffff0f,#0000 34%),linear-gradient(#050608 0%,#000 100%);width:100vw;min-height:100dvh;position:relative;overflow:hidden}.camera-video,.overlay-canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.camera-video{background:#000}.overlay-canvas{pointer-events:none}.idle-screen{z-index:2;text-align:center;background:radial-gradient(circle,#00ffff17,#0000 35%),linear-gradient(#050608c7,#000000f5);place-content:center;justify-items:center;gap:14px;padding:100px 24px 220px;display:grid;position:absolute;inset:0}.brand-eyebrow{color:var(--grit);letter-spacing:.18em;font-size:12px;font-weight:900}.brand-mark{border:2px solid var(--grit);color:#fff;letter-spacing:-.08em;border-radius:18px;place-items:center;width:84px;height:84px;font-size:28px;font-style:italic;font-weight:900;display:grid;box-shadow:0 0 34px #ff5a1647,inset 0 0 24px #ff5a1617}.idle-screen h1{letter-spacing:-.035em;text-transform:uppercase;margin:0;font-family:Impact,Arial Narrow,Arial,sans-serif;font-size:clamp(40px,8vw,82px);font-style:normal;line-height:.95}.idle-screen h1 span{color:var(--grit)}.idle-screen p{color:#b8cbd0;max-width:560px;margin:0;font-size:clamp(15px,2vw,20px)}.idle-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px;display:flex}.top-bar{z-index:6;top:max(16px,env(safe-area-inset-top));grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid;position:absolute;left:16px;right:16px}.top-actions{align-items:center;gap:8px;display:flex}.top-actions.right{justify-content:flex-end}.status-badge{letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:6px;padding:7px 10px;font-size:10px;font-weight:900}.status-calibrating{background:#ff4444e6}.status-ready{background:#00a078e0}.status-live{color:#000;background:var(--lime)}.status-error{background:#ff501eeb}.icon-button,.text-button,.outline-button,.primary-button,.danger-button{letter-spacing:.04em;border:0;border-radius:10px;min-height:44px;padding:0 16px;font-style:italic;font-weight:900}.icon-button{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000008c;border:1px solid #ffffff29;min-width:48px;padding:0 10px;font-size:11px}.text-button{color:var(--grit);background:0 0}.outline-button{color:#fff;border:1px solid var(--grit);background:#0000006b}.primary-button{color:#101012;background:var(--grit)}.danger-button{color:#fff;background:#be1e28b8;width:100%;margin-top:16px}.debug-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000008c;border-radius:9px;align-items:center;gap:6px;padding:8px 10px;font-size:11px;font-weight:800;display:flex}.debug-toggle input{accent-color:var(--cyan)}.hud-row{z-index:5;top:max(76px,calc(env(safe-area-inset-top) + 62px));grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid;position:absolute;left:16px;right:16px}.stat-tile{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#040a0dc7,#000000a6);border:1px solid #ffffff1f;min-height:78px;padding:11px 12px 10px;position:relative;overflow:hidden}.stat-tile:before{content:"";background:currentColor;width:3px;position:absolute;top:0;bottom:0;left:0}.stat-cyan{color:var(--cyan)}.stat-lime{color:var(--lime)}.stat-magenta{color:var(--magenta)}.stat-label{color:var(--muted);letter-spacing:.12em;font-size:9px;font-weight:900;display:block}.stat-value{letter-spacing:-.04em;margin-top:2px;font-size:clamp(24px,4vw,42px);font-style:italic;line-height:1;display:inline-block}.stat-sublabel{color:#9ab0b6;margin-left:5px;font-size:9px;font-weight:900}.diagnostic-strip{z-index:5;color:#d8e6e9;text-transform:uppercase;flex-wrap:wrap;gap:6px;max-width:calc(100% - 32px);font-size:10px;display:flex;position:absolute;bottom:188px;left:16px}.diagnostic-strip span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a8;border:1px solid #ffffff1f;border-radius:6px;padding:5px 7px}.bottom-panel{z-index:7;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #ffffff24;padding:12px;position:absolute;box-shadow:0 18px 80px #00000080}.identity-row{grid-template-columns:2fr 1fr;gap:8px;margin-bottom:8px;display:grid}.identity-row label{gap:5px;display:grid}.identity-row label span{color:var(--muted);letter-spacing:.1em;font-size:9px;font-weight:900}.identity-row input{color:#fff;background:var(--glass-light);border:1px solid #ffffff14;border-radius:8px;outline:none;width:100%;min-width:0;height:48px;padding:0 12px;font-style:italic;font-weight:800}.identity-row input:focus{border-color:var(--grit);box-shadow:0 0 0 2px #ff5a1624}.control-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.control-row button{height:52px}.history-panel{z-index:30;width:min(440px,100vw);padding:max(22px,env(safe-area-inset-top)) 18px max(22px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0b0cf7;border-left:1px solid #ff5a1659;position:fixed;top:0;bottom:0;right:0;overflow:auto;box-shadow:-20px 0 80px #000000b3}.history-header{justify-content:space-between;align-items:start;gap:14px;display:flex}.eyeline{color:var(--grit);letter-spacing:.16em;font-size:10px;font-weight:900}.history-header h2{margin:4px 0 0;font-size:28px;font-style:italic}.history-list{gap:10px;margin-top:22px;display:grid}.history-item{background:#ffffff0a;border:1px solid #ffffff1f;padding:14px}.history-item-top{justify-content:space-between;gap:10px;display:flex}.history-item-top time{color:var(--muted);font-size:10px}.history-metrics{grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0 8px;display:grid}.history-metrics span{color:#fff;font-style:italic;font-weight:900}.history-metrics small{color:var(--muted);font-size:8px;font-style:normal;display:block}.history-meta{color:#8ba2a8;text-transform:uppercase;font-size:9px}.empty-state{color:#9fb1b5;text-align:center;padding:40px 10px}.toast{z-index:50;left:50%;bottom:max(190px,calc(env(safe-area-inset-bottom) + 178px));color:#fff;background:#000000db;border:1px solid #39ff1480;border-radius:8px;padding:10px 14px;font-size:12px;position:fixed;transform:translate(-50%);box-shadow:0 10px 40px #00000080}.hidden-input{display:none}@media (min-width:900px){.camera-stage{border-left:1px solid #ffffff0f;border-right:1px solid #ffffff0f;width:min(100vw,1200px);margin:0 auto}.bottom-panel,.hud-row{width:min(760px,100% - 32px);left:50%;right:auto;transform:translate(-50%)}}@media (max-width:640px){.top-bar{grid-template-columns:auto 1fr auto;gap:6px;left:8px;right:8px}.status-badge{text-overflow:ellipsis;white-space:nowrap;justify-self:center;max-width:140px;overflow:hidden}.debug-toggle{display:none}.text-button{padding:0 8px;font-size:11px}.hud-row{gap:3px;left:8px;right:8px}.stat-tile{min-height:68px;padding:9px 8px}.bottom-panel{padding:8px;left:6px;right:6px}.identity-row{grid-template-columns:1.7fr .8fr}.control-row{gap:5px}.control-row button{padding:0 8px;font-size:12px}.diagnostic-strip{max-width:calc(100% - 16px);bottom:178px;left:8px}.diagnostic-strip span:nth-child(n+3){display:none}}.app-download{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.brand-domain{letter-spacing:.12em;text-transform:uppercase;font-size:11px!important}.brand-domain a{color:var(--grit);font-weight:900;text-decoration:none}.brand-domain a:hover{text-decoration:underline}.upload-notice{color:#c8c8cc!important;max-width:720px!important;font-size:12px!important;line-height:1.55!important}.upload-notice a{color:var(--grit);font-weight:800}.upload-failed{font-weight:800;color:#ff8a65!important}.upload-status{letter-spacing:.04em;font-weight:800;font-size:12px!important}.server-video-panel{width:min(560px,100vw)}.server-video-list{gap:14px;margin-top:18px;display:grid}.server-video-card{background:#ffffff08;border:1px solid #ff5a1652;border-radius:16px;gap:10px;padding:12px;display:grid}.server-video-card video{background:#000;border-radius:12px;width:100%;max-height:300px}.server-video-meta{color:#c8c8cc;word-break:break-word;gap:4px;font-size:12px;display:grid}.server-video-meta strong{color:#fff;font-size:14px}.danger-button{justify-self:start;color:#ff8a65!important}