@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700&display=swap";:root{--bg-dark:#0f172a;--panel-bg:#1e293bbf;--panel-border:#ffffff1f;--primary:#38bdf8;--accent:#f43f5e;--text-main:#f8fafc;--text-sub:#94a3b8}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);background-image:radial-gradient(at 10% 10%,#38bdf826 0,#0000 50%),radial-gradient(at 90% 90%,#f43f5e1f 0,#0000 50%);width:100vw;height:100vh;font-family:Outfit,sans-serif;overflow:hidden}#app{width:100%;height:100%;position:relative}#canvas-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);border-radius:16px;box-shadow:0 8px 32px #0000005e}#webcam-container{z-index:10;flex-direction:column;justify-content:center;align-items:center;width:200px;height:150px;padding:8px;transition:transform .3s;display:flex;position:absolute;bottom:24px;left:24px;overflow:hidden}#webcam-container:hover{transform:scale(1.05)}#webcam{object-fit:cover;border-radius:10px;width:100%;height:100%;transform:scaleX(-1)}.status-badge{z-index:10;letter-spacing:.5px;align-items:center;gap:10px;padding:10px 20px;font-size:.95rem;font-weight:600;display:flex;position:absolute;top:24px;left:24px}.dot{border-radius:50%;width:10px;height:10px;display:inline-block}.dot.active{background-color:#10b981;animation:1.5s infinite pulse;box-shadow:0 0 10px #10b981}.dot.searching{background-color:#f59e0b;animation:2s infinite pulse;box-shadow:0 0 10px #f59e0b}.dot.paused{background-color:#6b7280}.dot.offline{background-color:#ef4444}@keyframes pulse{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.15)}to{opacity:.8;transform:scale(.95)}}.lil-gui{--background-color:#0f172ad9!important;--text-color:#f8fafc!important;--title-background-color:#1e293be6!important;--widget-color:#334155cc!important;--hover-color:#38bdf866!important;--focus-color:#38bdf8!important;--number-color:#38bdf8!important;--string-color:#10b981!important;font-family:Outfit,sans-serif!important}.lil-gui.root{border:1px solid var(--panel-border)!important;z-index:100!important;border-radius:12px!important;position:absolute!important;top:24px!important;right:24px!important;overflow:hidden!important;box-shadow:0 8px 32px #0000005e!important}#webcam-container,.status-badge,.lil-gui.root{transition:opacity .35s,transform .35s!important}.ui-hidden{opacity:0!important;pointer-events:none!important;transform:translateY(-10px)!important}#webcam-container.ui-hidden{transform:translateY(10px)!important}#ui-toggle-btn{z-index:200;width:48px;height:48px;color:var(--text-main);cursor:pointer;border-radius:50%;outline:none;justify-content:center;align-items:center;font-size:1.4rem;transition:all .3s;display:flex;position:absolute;bottom:24px;right:24px}#ui-toggle-btn:hover{border-color:var(--primary);background:#38bdf84d;transform:scale(1.1)rotate(45deg)}