:root{--color-action:#0f6;--color-danger:#ff3b30;--color-bg:#050505;--color-surface:#0a0a0a;--color-text-main:#fff;--color-text-muted:#a1a1aa;--color-primary:#0f6;--zinc-800:#27272a;--zinc-600:#52525b;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--glass-bg:#ffffff0d;--glass-border:1px solid #ffffff1a;--glass-blur:blur(20px);--font-display:"Oswald", sans-serif;--font-tech:"Sora", sans-serif;--font-sans:"Inter", system-ui, sans-serif;--font-mono:"ui-monospace", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-bg);color:var(--color-text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--zinc-800);border-radius:var(--radius-full)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.camera-wrapper{background-color:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.camera-wrapper--landscape{aspect-ratio:16/9}.camera-wrapper--camera-mode{z-index:9999;background-color:#000;position:fixed;inset:0;width:100dvw!important;height:100dvh!important}.camera-video{object-fit:contain;width:100%;height:100%}.camera-wrapper--camera-mode .camera-ui-top,.camera-wrapper--camera-mode .camera-ui-bottom{z-index:10000;pointer-events:none;position:fixed}.camera-wrapper--camera-mode .camera-ui-side{z-index:10005;pointer-events:none;position:fixed}.camera-ui-top>*,.camera-ui-bottom>*,.camera-ui-side>*{pointer-events:auto}.camera-shutter{z-index:20000;pointer-events:none;opacity:0;background-color:#fff;position:fixed;inset:0}.camera-shutter.active{animation:.3s cubic-bezier(.4,0,.2,1) shutter-flash}@keyframes shutter-flash{0%{opacity:0}20%{opacity:.8}to{opacity:0}}.camera-ui-top{padding-top:max(.5rem, env(safe-area-inset-top));padding-left:max(.5rem, env(safe-area-inset-left));padding-right:max(.5rem, env(safe-area-inset-right));background:linear-gradient(#000c 0%,#0000 100%);justify-content:space-between;align-items:flex-start;display:flex;top:0;left:0;right:0}.camera-ui-top-left,.camera-ui-top-right{flex-direction:column;gap:.5rem;display:flex}.hud-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0000004d;border:1px solid #ffffff1a;border-radius:4px;align-items:center;gap:.5rem;padding:.4rem .8rem;display:flex}.rec-dot{background-color:var(--color-secondary);width:8px;height:8px;box-shadow:0 0 8px var(--color-secondary);border-radius:50%}.rec-text{font-family:var(--font-tech);color:var(--color-secondary);letter-spacing:.1em;font-size:.875rem;font-weight:700}.hud-info{font-family:var(--font-mono);color:#fff;text-shadow:0 1px 4px #000c;align-items:center;gap:.5rem;padding:.2rem .5rem;font-size:.75rem;display:flex}.hud-label{color:var(--color-text-muted);font-weight:400}.hud-value{font-weight:700}.hud-mono{font-family:var(--font-mono)}.hud-technical-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:2px solid var(--color-primary);background-color:#0000004d;border-left:1px solid #ffffff1a;border-radius:4px;padding:.5rem .8rem}.text-right{justify-content:flex-end}.camera-ui-side{right:max(.5rem, env(safe-area-inset-right));flex-direction:column;gap:.6rem;display:flex;top:50%;transform:translateY(-50%)}.hud-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background-color:#0009;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.hud-btn:hover{background-color:var(--color-primary);color:var(--color-bg);border-color:var(--color-primary);transform:scale(1.1)}.btn-danger-hud:hover{background-color:var(--color-secondary);border-color:var(--color-secondary);color:#fff}.camera-ui-bottom{padding-bottom:max(2rem, env(safe-area-inset-bottom));background:linear-gradient(#0000 0%,#000c 100%);justify-content:center;align-items:center;display:flex;bottom:0;left:0;right:0}.hud-capture-btn{cursor:pointer;background:0 0;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:5.5rem;height:5.5rem;padding:6px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 0 20px #fff3}.hud-capture-inner{background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;transition:all .2s;display:flex}.hud-capture-btn:hover{box-shadow:0 0 30px rgba(var(--color-primary-rgb), .3);border-color:var(--color-primary);transform:scale(1.05)}.hud-capture-btn:hover .hud-capture-inner{background-color:var(--color-primary)}.hud-capture-btn:active{transform:scale(.9)}.hud-capture-btn.is-loading{border-color:var(--color-secondary);animation:1s infinite pulse-ring}.hud-capture-btn.is-loading .hud-capture-inner{background-color:var(--color-secondary)}@keyframes pulse-ring{0%{box-shadow:0 0 #ff3b3066}70%{box-shadow:0 0 0 20px #ff3b3000}to{box-shadow:0 0 #ff3b3000}}.camera-overlay{pointer-events:none;background:linear-gradient(#0006 0%,#0000 40%);justify-content:space-between;align-items:flex-start;padding:1rem;display:flex;position:absolute;inset:0}.camera-overlay-left{flex-direction:column;gap:.25rem;display:flex}.camera-live-badge{background-color:var(--color-secondary);color:#fff;font-size:.7rem;font-weight:800;font-family:var(--font-tech);letter-spacing:.05em;border-radius:4px;align-items:center;gap:.5rem;padding:.25rem .6rem;display:flex}.camera-live-dot{background-color:#fff;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse}.camera-timer{font-family:var(--font-mono);color:#fff;text-shadow:0 2px 4px #00000080;font-size:1.25rem;font-weight:700}.btn-ui{cursor:pointer;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-md,4px);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn-ui:active{transform:scale(.97)}.btn-ui:disabled{cursor:not-allowed;opacity:.5}.btn-ui--sm{height:34px;padding:0 10px;font-size:11px}.btn-ui--md{height:34px;padding:0 16px;font-size:13px}.btn-ui--lg{height:48px;padding:0 24px;font-size:15px}.btn-ui--full-width{width:100%}.btn-ui--action{background-color:var(--color-primary,#0f6);color:var(--color-bg,#050505);box-shadow:0 0 10px rgba(var(--color-primary-rgb), .1)}.btn-ui--action:hover:not(:disabled){box-shadow:0 0 20px rgba(var(--color-primary-rgb), .3);background-color:#0f8;transform:translateY(-1px)}.btn-ui--danger{background-color:var(--color-secondary,#ff3b30);color:#fff}.btn-ui--danger:hover:not(:disabled){box-shadow:0 0 20px rgba(var(--color-secondary-rgb), .3);background-color:#ff4d42;transform:translateY(-1px)}.btn-ui--glass{-webkit-backdrop-filter:blur(10px);color:#fff;background-color:#ffffff0d;border:1px solid #ffffff1a}.btn-ui--glass:hover:not(:disabled){background-color:#ffffff1a;border-color:#ffffff4d}.btn-ui--ghost{color:var(--color-text-muted,#a1a1aa);background-color:#0000}.btn-ui--ghost:hover:not(:disabled){color:#fff;background-color:#ffffff0d}.btn-ui__loader{border:2px solid;border-bottom-color:#0000;border-radius:50%;width:18px;height:18px;animation:1s linear infinite rotation;display:inline-block}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-ui__icon-left,.btn-ui__icon-right{justify-content:center;align-items:center;display:flex}.input-ui-container{flex-direction:column;gap:8px;display:flex}.input-ui-container--full-width{width:100%}.input-ui-label{font-family:var(--font-display);color:var(--color-text-muted,#a1a1aa);text-transform:uppercase;letter-spacing:.1em;margin-left:2px;font-size:11px;font-weight:800}.input-ui-wrapper{align-items:center;display:flex;position:relative}.input-ui{border-radius:var(--radius-md,4px);color:#fff;width:100%;height:40px;font-family:var(--font-main);background-color:#ffffff08;border:1px solid #ffffff1a;outline:none;padding:0 12px;font-size:14px;transition:all .2s}.input-ui:focus{border-color:var(--color-primary,#0f6);background-color:#00ff6605;box-shadow:0 0 15px #00ff660d}.input-ui--error{border-color:var(--color-secondary,#ff3b30)}.input-ui--with-icon{padding-left:40px}.input-ui-icon-left{color:var(--color-text-muted,#a1a1aa);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;left:12px}.input-ui:focus+.input-ui-icon-left{color:var(--color-primary)}.input-ui-error-msg{color:var(--color-secondary,#ff3b30);margin-left:2px;font-size:11px;font-weight:600}.input-ui::placeholder{color:#fff3}.badge-ui{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;border:1px solid #0000;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.badge-ui__dot{background-color:currentColor;border-radius:50%;width:6px;height:6px}.badge-ui--live{background-color:rgba(var(--color-secondary-rgb), .1);color:var(--color-secondary);border-color:rgba(var(--color-secondary-rgb), .2)}.badge-ui--recording{background-color:rgba(var(--color-secondary-rgb), .1);color:var(--color-secondary);border-color:rgba(var(--color-secondary-rgb), .4)}.badge-ui--success{background-color:rgba(var(--color-primary-rgb), .1);color:var(--color-primary);border-color:rgba(var(--color-primary-rgb), .2)}.badge-ui--info{color:#fff;background-color:#ffffff0d;border-color:#ffffff1a}.badge-ui--pulsing .badge-ui__dot{animation:1.5s infinite badge-pulse;box-shadow:0 0 8px}@keyframes badge-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}.card-ui{background-color:var(--color-surface,#ffffff0d);-webkit-backdrop-filter:var(--glass-blur,blur(20px));border:var(--glass-border,1px solid #ffffff1a);border-radius:var(--radius-lg,8px);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card-ui--hoverable:hover{border-color:var(--color-primary,#0f6);transform:translateY(-2px);box-shadow:0 10px 30px #00000080}.card-ui--padding-none{padding:0}.card-ui--padding-sm{padding:16px}.card-ui--padding-md{padding:24px}.card-ui--padding-lg{padding:40px}.confirm-overlay{-webkit-backdrop-filter:blur(20px);z-index:30100;background-color:#000000e6;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.confirm-content{background-color:var(--color-bg);border:var(--glass-border);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:24rem;padding:2.5rem}.confirm-icon-wrapper{background-color:rgba(var(--color-secondary-rgb), .1);width:4rem;height:4rem;color:var(--color-secondary);border-radius:4px;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.confirm-title{font-family:var(--font-display);color:#fff;text-transform:uppercase;margin-bottom:.5rem;font-size:1.25rem;font-weight:800}.confirm-text{color:var(--color-text-muted);margin-bottom:2rem;font-size:.875rem;line-height:1.5}.confirm-footer{gap:1rem;display:flex}.btn-confirm-exit{background-color:var(--color-secondary);color:#fff;font-family:var(--font-display);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;border:none;border-radius:4px;flex:1;padding:1rem;font-size:.75rem;font-weight:800;transition:all .2s}.btn-confirm-exit:hover{box-shadow:0 0 20px rgba(var(--color-secondary-rgb), .4);background-color:#ff4d42}.btn-confirm-cancel{color:#fff;font-family:var(--font-display);border:1px solid var(--slate-300);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;background-color:#0000;border-radius:4px;flex:1;padding:1rem;font-size:.75rem;font-weight:800;transition:all .2s}.btn-confirm-cancel:hover{color:var(--color-bg);background-color:#fff}.engine-container{flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:48rem;display:flex}.camera-preview-container{border-radius:var(--radius-lg);border:var(--glass-border);background-color:#000;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080}.camera-preview-container--landscape{aspect-ratio:16/9}.camera-preview-container--portrait{aspect-ratio:9/16}.engine-footer{grid-template-columns:1fr 1fr;gap:1.5rem;width:100%;display:grid}.stats-card{border-radius:var(--radius-md);background-color:var(--color-surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);align-items:center;gap:1rem;min-height:80px;padding:1rem 1.5rem;display:flex}.stats-card-red{border-radius:var(--radius-md);background-color:var(--color-secondary);cursor:pointer;min-height:80px;box-shadow:0 0 20px rgba(var(--color-secondary-rgb), .3);border:none;align-items:center;gap:1rem;padding:1rem 1.5rem;transition:all .2s;display:flex}.stats-card-red:hover:not(:disabled){box-shadow:0 0 30px rgba(var(--color-secondary-rgb), .5);background-color:#ff4d42;transform:translateY(-2px)}.stats-card-red:active:not(:disabled){transform:translateY(0)}.stats-card-red:disabled{background-color:var(--slate-300);opacity:.5;cursor:not-allowed}.stats-info{flex-direction:column;display:flex}.stats-label{font-family:var(--font-display);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.65rem;font-weight:800}.stats-label-red{font-family:var(--font-display);color:#fffc;text-transform:uppercase;letter-spacing:.1em;font-size:.65rem;font-weight:800}.stats-value{color:#fff;font-size:1.5rem;font-weight:700;font-family:var(--font-mono);line-height:1}.engine-idle-container{text-align:center;background-color:var(--color-surface);border-radius:var(--radius-lg);border:var(--glass-border);flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;padding:4rem 2rem;display:flex}.engine-idle-icon{background-color:var(--color-bg);border:1px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-primary);padding:2rem}.engine-idle-title{font-family:var(--font-display);color:#fff;text-transform:uppercase;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.engine-idle-desc{color:var(--color-text-muted);max-width:28rem;font-size:1.125rem}.orientation-selector{background-color:var(--color-bg);border:1px solid var(--zinc-800);border-radius:8px;gap:1rem;padding:.5rem;display:flex}.orientation-btn{color:var(--color-text-muted);font-weight:800;font-family:var(--font-display);text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:.75rem;padding:1rem 1.5rem;transition:all .2s;display:flex}.orientation-btn.active{background-color:var(--color-primary);color:var(--color-bg)}.engine-idle-actions{flex-direction:column;gap:1rem;width:100%;max-width:24rem;display:flex}.engine-idle-btn{background-color:var(--color-primary);color:var(--color-bg);font-family:var(--font-display);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;border:none;border-radius:4px;padding:1.25rem 2rem;font-size:1.25rem;font-weight:800;transition:all .2s}.engine-idle-btn:hover{background-color:#0f8;transform:translateY(-2px)}.engine-switch-role-btn{border:1px solid var(--zinc-800);color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;background-color:#0000;justify-content:center;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.engine-switch-role-btn:hover{border-color:var(--color-action);color:#fff}.engine-error{background-color:rgba(var(--color-danger), .1);color:var(--color-danger);border:1px solid var(--color-danger);font-weight:700;font-family:var(--font-mono);border-radius:4px;align-items:center;gap:1rem;padding:1.25rem;font-size:.875rem;display:flex}.engine-replay-manual{font-family:var(--font-tech);color:#fff;font-size:1.5rem;font-weight:700}.engine-history{width:100%;margin-top:1rem}.engine-history-title{font-family:var(--font-display);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;font-size:.875rem;font-weight:800}.engine-history-list{flex-direction:column;gap:1rem;display:flex}.engine-history-item{background-color:var(--color-surface);border:var(--glass-border);border-radius:4px;align-items:center;gap:1rem;padding:1rem;transition:all .2s;display:flex}.engine-history-item:hover{border-color:var(--color-primary)}.engine-history-icon{color:var(--color-primary)}.engine-history-filename{font-family:var(--font-mono);color:#fff;font-size:.875rem;font-weight:700}.engine-history-time{font-family:var(--font-mono);color:var(--color-text-muted);font-size:.75rem}.engine-container--camera-mode{gap:0;max-width:none;height:100vh;padding:0}.camera-preview-container--camera-mode{border:none;border-radius:0;width:100vw;height:100vh}.engine-idle-container--camera-mode{border:none;border-radius:0;height:100vh}.trigger-action-zone{color:#fff;flex-direction:column;justify-content:space-between;width:100%;min-height:calc(100vh - 3rem);padding:1rem;display:flex;position:relative;overflow:hidden auto}.remote-hud-top{flex-shrink:0;justify-content:space-between;align-items:center;padding-bottom:1rem;animation:.8s ease-out fadeIn;display:flex}.remote-hud-left,.remote-hud-center{flex-direction:column;display:flex}.remote-hud-center{text-align:center;align-items:center}.remote-hud-actions{gap:.75rem;display:flex}.hud-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.15em;margin-bottom:2px;font-size:10px;font-weight:800}.hud-display{font-family:var(--font-tech);letter-spacing:.05em;font-size:1.25rem;font-weight:700}.text-primary{color:var(--color-primary)}.text-action{color:var(--color-action)}.text-danger{color:var(--color-danger)}.trigger-main-area{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2rem;margin:2rem 0;display:flex;position:relative}.system-status-main .hud-label{letter-spacing:.25em;margin-bottom:.5rem;font-size:14px}.system-status-main .hud-display{letter-spacing:.1em;font-size:2.5rem;font-weight:900}.action-circle{cursor:pointer;z-index:10;background-color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;width:14rem;height:14rem;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.action-circle-inner{border:2px solid var(--color-action);width:11rem;height:11rem;color:var(--color-action);z-index:20;background-color:#050505;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 0 30px #00ff6626}.trigger-label{flex-direction:column;align-items:center;gap:.5rem;display:flex}.trigger-text-main{font-family:var(--font-display);letter-spacing:.2em;font-size:1.15rem;font-weight:800}.action-circle.is-ready .action-circle-inner{border-color:var(--color-action);color:var(--color-action);box-shadow:0 0 30px #00ff6626}.action-circle.is-not-ready .action-circle-inner{border-color:var(--color-danger);color:var(--color-danger);box-shadow:0 0 30px #ff3b3026}.trigger-icon-active{color:var(--color-danger)}.action-circle-tech-ring{border:2px solid #0000;border-top-color:var(--color-danger);border-bottom-color:var(--color-danger);opacity:.8;pointer-events:none;border-radius:50%;animation:1s linear infinite spin-tech;position:absolute;inset:0}@keyframes spin-tech{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.action-circle.is-locked{pointer-events:none;cursor:not-allowed;opacity:.8}.processing-content{flex-direction:column;align-items:center;gap:.5rem;animation:1.5s infinite pulse;display:flex}.processing-text{font-family:var(--font-display);letter-spacing:.2em;color:var(--color-danger);text-shadow:0 0 8px #ff3b3066;font-size:.85rem;font-weight:900;animation:1s ease-in-out infinite scan-text}@keyframes scan-text{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;filter:brightness(1.5);transform:scale(.95)}}.processing-content .animate-spin{filter:drop-shadow(0 0 10px #ff3b3099);animation:.8s linear infinite spin,3s linear infinite flicker}@keyframes flicker{0%,19.999%,22%,62.999%,64%,64.999%,70%,to{opacity:1}20%,21.999%,63%,63.999%,65%,69.999%{opacity:.4}}.ripple-ready{border-color:var(--color-action)}.ripple-not-ready{border-color:var(--color-danger)}.ripple-ring{opacity:0;pointer-events:none;border-style:solid;border-width:1px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.r1{width:12rem;height:12rem;animation:3s infinite ripple}.r2{width:12rem;height:12rem;animation:3s 1s infinite ripple}.r3{width:12rem;height:12rem;animation:3s 2s infinite ripple}@keyframes ripple{0%{opacity:.4;width:11rem;height:11rem}to{opacity:0;width:20rem;height:20rem}}.remote-dashboard{background-color:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;margin-bottom:2rem;padding:1rem}.dashboard-header{border-bottom:1px solid #ffffff0d;margin-bottom:1rem;padding-bottom:.5rem}.no-cameras-msg{color:var(--color-text-muted);font-family:var(--font-mono);text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:1rem 0;font-size:.75rem;display:flex}.camera-grid-mini{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem;display:grid}.cam-status-card{background-color:#0a0a0a;border:1px solid #27272a;border-radius:4px;flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.cam-status-indicator{background-color:#52525b;border-radius:50%;width:6px;height:6px}.cam-status-card.recording{border-color:#0f63}.cam-status-card.recording .cam-status-indicator{background-color:var(--color-action);box-shadow:0 0 5px var(--color-action)}.cam-status-card.processing .cam-status-indicator{background-color:var(--color-danger);box-shadow:0 0 5px var(--color-danger)}.cam-status-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:800}.cam-status-value{font-family:var(--font-tech);letter-spacing:.05em;font-size:.85rem;font-weight:700}.remote-footer{padding-top:1rem}.footer-hud-line{background:linear-gradient(to right, var(--color-action), transparent);opacity:.3;height:1px;margin-bottom:1rem}.footer-content{justify-content:space-between;display:flex}.footer-item{align-items:center;gap:.5rem;display:flex}.hud-value{font-family:var(--font-tech);font-size:.9rem;font-weight:700}@media (width<=480px){.trigger-action-zone{padding:.75rem}.hud-display{font-size:1.1rem}.action-circle,.action-circle-inner{width:14rem;height:14rem}}.password-modal-card{text-align:center;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-card)!important;max-width:360px!important}.password-modal-icon-wrapper{background:rgba(var(--primary-rgb), .1);width:64px;height:64px;color:var(--primary);border:1px solid rgba(var(--primary-rgb), .2);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.password-modal-title{letter-spacing:.05em;color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:800}.password-modal-subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:.875rem}.password-modal-subtitle strong{color:var(--text-primary)}.password-modal-form{flex-direction:column;gap:1.5rem;display:flex}.password-modal-input-group{text-align:left;flex-direction:column;gap:.5rem;display:flex}.password-modal-error{color:#ff4d4d;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.75rem;font-weight:700;animation:.4s ease-in-out shake;display:flex}.password-modal-actions{flex-direction:column;gap:.75rem;display:flex}.password-modal-cancel{opacity:.6}.password-modal-cancel:hover{opacity:1}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.lobby-container{background-color:var(--color-bg);background-image:radial-gradient(circle at 0% 0%, rgba(var(--color-primary-rgb), .08) 0%, transparent 40%), radial-gradient(circle at 100% 100%, rgba(var(--color-secondary-rgb), .08) 0%, transparent 40%);min-height:100vh;color:var(--color-text-main);font-family:var(--font-main);flex-direction:column;justify-content:flex-start;align-items:center;padding:1.5rem;display:flex}@media (width>=768px){.lobby-container{padding:4rem 2rem}}.lobby-header{text-align:center;margin-bottom:4rem;animation:.8s ease-out fadeInDown}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.lobby-title{font-family:var(--font-display);color:#fff;letter-spacing:-.04em;text-transform:uppercase;justify-content:center;align-items:center;gap:1rem;margin-bottom:.5rem;font-size:3rem;font-weight:800;display:flex}.lobby-title-icon-wrapper{background-color:var(--color-primary);color:var(--color-bg);border-radius:var(--radius-md);justify-content:center;align-items:center;padding:.6rem;display:flex;transform:rotate(-5deg)}.lobby-subtitle{color:var(--color-text-muted);max-width:30rem;margin:0 auto .5rem;font-size:1.125rem;font-weight:500}.lobby-footer-text{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:600}.lobby-link{color:var(--color-primary);text-decoration:none;transition:all .2s}.lobby-link:hover{text-shadow:0 0 10px rgba(var(--color-primary-rgb), .5)}.lobby-grid{gap:3rem;width:100%;max-width:64rem;animation:.8s ease-out .2s both fadeInUp;display:grid}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width>=768px){.lobby-grid{grid-template-columns:1.2fr 1fr;align-items:start}}.card-form{background-color:var(--color-surface);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-lg);padding:2.5rem;position:relative;overflow:hidden}.card-form:before{content:"";background-color:var(--color-primary);width:4px;height:100%;position:absolute;top:0;left:0}.lobby-form-header{align-items:center;gap:1rem;margin-bottom:2.5rem;display:flex}.lobby-form-icon{color:var(--color-primary);justify-content:center;align-items:center;display:flex}.lobby-form-fields{flex-direction:column;gap:1.5rem;display:flex}.lobby-form-error{color:#ff4d4d;background-color:#ff4d4d1a;border:1px solid #ff4d4d4d;border-radius:4px;align-items:center;gap:.5rem;margin-top:-.5rem;padding:.75rem;font-size:.75rem;font-weight:700;animation:.4s ease-in-out shake;display:flex}.space-y-6>*+*{margin-top:1.5rem}.input-group{margin-bottom:2rem}.input-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;font-size:.75rem;font-weight:800;display:block}.input-field{border:none;border-bottom:2px solid var(--slate-300);color:#fff;width:100%;font-size:1.25rem;font-weight:600;font-family:var(--font-tech);background-color:#0000;outline:none;padding:1rem 0;transition:all .3s}.input-field:focus{border-bottom-color:var(--color-primary)}.input-field::placeholder{color:var(--slate-400)}.lobby-rooms-header{align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.lobby-rooms-title{font-family:var(--font-display);color:#fff;text-transform:uppercase;letter-spacing:.05em;font-size:1.125rem;font-weight:800}.lobby-rooms-loading{text-align:center;color:var(--color-text-muted);font-family:var(--font-mono);padding:4rem;font-size:.875rem}.lobby-rooms-empty{background-color:var(--color-surface);border:1px dashed var(--slate-300);border-radius:var(--radius-lg);text-align:center;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;padding:4rem;font-size:.875rem;font-weight:700}.lobby-rooms-list{flex-direction:column;gap:1.5rem;display:flex}.room-card{background-color:var(--color-surface);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-md);border:var(--glass-border);padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.room-card:hover{border-color:var(--color-primary);transform:translate(5px)}.lobby-room-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.room-id{font-family:var(--font-tech);color:#fff;letter-spacing:.05em;align-items:center;gap:.5rem;margin:0;font-size:1.5rem;font-weight:700;display:flex}.room-lock-icon{color:var(--color-primary);opacity:.6}.room-meta{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.75rem;font-weight:700;display:flex}.lobby-room-online-badge{background-color:rgba(var(--color-primary-rgb), .1);color:var(--color-primary);border:1px solid rgba(var(--color-primary-rgb), .3);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:800;font-family:var(--font-mono);border-radius:4px;padding:.35rem .75rem}.join-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.btn-join{cursor:pointer;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:800;font-family:var(--font-display);border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:.6rem;padding:.875rem;transition:all .2s;display:flex}.btn-join-camera{background-color:var(--color-primary);color:var(--color-bg)}.btn-join-camera:hover{box-shadow:0 0 15px rgba(var(--color-primary-rgb), .4);background-color:#0f8}.btn-join-remote{color:#fff;border-color:var(--slate-300);background-color:#0000}.btn-join-remote:hover{color:var(--color-bg);background-color:#fff}.btn-primary-full{width:100%;margin-top:1rem}.modal-overlay{-webkit-backdrop-filter:blur(20px);z-index:100;background-color:#000000e6;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--color-bg);border:var(--glass-border);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:32rem;padding:3rem;position:relative}.lobby-modal-card{max-width:32rem}.lobby-modal-btn{height:auto;padding:24px!important}.lobby-modal-btn__text{text-align:left}.lobby-modal-title{font-family:var(--font-display);color:#fff;text-transform:uppercase;margin-bottom:1rem;font-size:2rem;font-weight:800}.lobby-modal-room-display{background-color:var(--color-surface);border:1px solid var(--color-primary);font-family:var(--font-tech);color:var(--color-primary);letter-spacing:.1em;border-radius:4px;margin-bottom:2.5rem;padding:1.5rem;font-size:2.5rem;font-weight:700}.lobby-modal-grid{gap:1.5rem;margin-bottom:2.5rem;display:grid}.lobby-modal-join-content{text-align:left;align-items:center;gap:1.5rem;width:100%;display:flex}.lobby-modal-icon-camera{color:var(--color-primary)}.lobby-modal-icon-remote{color:#fff}.lobby-modal-role-name{font-family:var(--font-display);color:#fff;text-transform:uppercase;font-size:1.25rem;font-weight:800;display:block}.lobby-modal-role-sub-camera{color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:700}.lobby-modal-role-sub-remote{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:700}.lobby-modal-close{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.2em;cursor:pointer;background:0 0;border:none;padding:1rem;font-size:.875rem;font-weight:700;transition:color .2s}.lobby-modal-close:hover{color:#fff}.settings-overlay{-webkit-backdrop-filter:blur(20px);z-index:30000;background-color:#000000e6;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.settings-content{background-color:var(--color-bg);border-radius:var(--radius-lg);border:var(--glass-border);flex-direction:column;width:100%;max-width:32rem;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.settings-modal__close-btn{padding:8px!important}.settings-modal__preset-btn{flex:1;height:auto!important;padding:12px!important}.settings-modal__preset-btn .btn-ui__text{flex-direction:column;align-items:center;gap:4px;display:flex}.settings-modal__hint-footer{justify-content:space-between;align-items:center;margin-top:.75rem;display:flex}.settings-header{background-color:var(--color-surface);border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.settings-body{flex:1;padding:2rem;overflow-y:auto}.settings-body::-webkit-scrollbar{width:6px}.settings-body::-webkit-scrollbar-track{background:0 0}.settings-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.settings-body::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.settings-section{padding-bottom:2rem}.settings-section:not(:last-child){border-bottom:1px solid #ffffff0d;margin-bottom:2rem}.settings-toggle-container{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.settings-toggle-info{flex:1}.settings-toggle-info .settings-hint{margin-top:.5rem}.switch{flex-shrink:0;width:48px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--slate-300);border-radius:24px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;bottom:4px;left:4px}input:checked+.slider{background-color:var(--color-primary)}input:checked+.slider:before{background-color:var(--color-bg);transform:translate(24px)}.settings-footer{background-color:var(--color-surface);border-top:1px solid #ffffff1a;flex-shrink:0;gap:1rem;padding:1.5rem 2rem;display:flex}.btn-secondary{font-family:var(--font-display);color:#fff;border:1px solid var(--slate-300);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;background-color:#0000;border-radius:4px;flex:1;padding:1rem 0;font-size:.75rem;font-weight:800;transition:all .2s}.btn-secondary:hover{color:var(--color-bg);background-color:#fff;border-color:#fff}.settings-input{border:none;border-bottom:2px solid var(--slate-300);width:100%;font-family:var(--font-tech);color:var(--color-primary);text-align:center;background-color:#0000;outline:none;padding:.75rem 0;font-size:2.5rem;font-weight:700;transition:all .2s}.settings-input:focus{border-bottom-color:var(--color-primary)}.settings-header-left{align-items:center;gap:1rem;display:flex}.settings-header-icon{color:var(--color-primary);justify-content:center;align-items:center;display:flex}.settings-header-title{font-family:var(--font-display);color:#fff;text-transform:uppercase;font-size:1.25rem;font-weight:800}.settings-close-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.settings-close-btn:hover{color:#fff;background-color:#ffffff1a}.settings-label{font-family:var(--font-display);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;font-size:.75rem;font-weight:800;display:block}.settings-hint{color:var(--color-text-muted);font-size:.875rem;line-height:1.5}.settings-error{font-family:var(--font-mono);color:var(--color-secondary);margin-top:1rem;font-size:.875rem;font-weight:700}.settings-presets{grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0;display:grid}.settings-preset-btn{border:1px solid var(--slate-300);background-color:var(--color-surface);color:var(--color-text-muted);cursor:pointer;border-radius:4px;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem .5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.settings-preset-btn:hover{color:#fff;border-color:#fff;transform:translateY(-2px)}.settings-preset-btn--active{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-bg);box-shadow:0 0 15px rgba(var(--color-primary-rgb), .3)}.settings-preset-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;font-size:.6rem;font-weight:800}.settings-preset-value{font-family:var(--font-tech);font-size:1.25rem;font-weight:700}.btn-primary-full{background-color:var(--color-primary);color:var(--color-bg);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border:none;border-radius:4px;flex:1.5;justify-content:center;align-items:center;gap:.75rem;font-size:.875rem;font-weight:800;transition:all .2s;display:flex}.btn-primary-full:hover:not(:disabled){box-shadow:0 4px 20px rgba(var(--color-primary-rgb), .4);background-color:#0f8;transform:translateY(-2px)}.btn-primary-full:disabled{background-color:var(--slate-300);color:var(--color-text-muted);cursor:not-allowed;opacity:.5}.app-shell{background-color:var(--color-bg);min-height:100vh;color:var(--color-text-main);transition:background-color .4s}.app-shell--camera-mode{background-color:#000;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.app-shell--camera-mode .app-main{width:100%;max-width:none;height:100%;padding:0}.app-nav{z-index:50;width:100%;padding:1.5rem;position:fixed;top:0;left:0}.app-nav-inner{background-color:var(--color-surface);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;max-width:80rem;margin:0 auto;padding:.75rem 1.5rem;display:flex}.app-nav-logo{align-items:center;gap:1rem;display:flex}.app-nav-logo-icon{background-color:var(--color-primary);width:2.5rem;height:2.5rem;color:var(--color-bg);border-radius:4px;justify-content:center;align-items:center;display:flex;transform:rotate(-5deg)}.app-nav-logo-text{flex-direction:column;justify-content:center;display:none}@media (width>=640px){.app-nav-logo-text{display:flex}}.app-nav-brand{font-family:var(--font-display);color:#fff;text-transform:uppercase;letter-spacing:-.02em;font-size:1rem;font-weight:800;line-height:1;display:block}.app-nav-sub{color:var(--color-primary);text-transform:uppercase;letter-spacing:.15em;margin-top:2px;font-size:10px;font-weight:700;line-height:1}.app-nav-actions{align-items:center;gap:1rem;display:flex}.app-nav-status-container{border-right:1px solid #ffffff1a;align-items:center;gap:1.5rem;padding:0 1.5rem;display:flex}.app-stats-badge{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700;font-family:var(--font-mono);align-items:center;gap:1rem;display:flex}.app-stats-item{align-items:center;gap:.5rem;display:flex}.app-nav-room{flex-direction:column;align-items:flex-end;display:flex}.app-nav-room-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:2px;font-size:10px;font-weight:800}.app-nav-room-id{font-family:var(--font-tech);color:var(--color-primary);letter-spacing:.05em;font-size:1.5rem;font-weight:700;line-height:1}.app-nav-buttons{gap:.75rem;display:flex}.app-nav-btn{width:36px!important;padding:0!important}.btn-settings,.btn-exit{cursor:pointer;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .2s;display:flex}.btn-settings{background-color:var(--color-surface);color:#fff;border-color:#ffffff1a}.btn-settings:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-exit{background-color:rgba(var(--color-secondary-rgb), .1);color:var(--color-secondary);border-color:rgba(var(--color-secondary-rgb), .2)}.btn-exit:hover{background-color:var(--color-secondary);color:#fff}.app-main{width:100%;margin:0 auto;padding:1.5rem}.app-content-glass{justify-content:center;align-items:center;width:100%;max-width:64rem;min-height:calc(100vh - 10rem);margin:0 auto;display:flex}