:root{--bg: #070d10;--bg-2: #0c1518;--bg-3: #0b1317;--panel: rgba(14, 24, 28, .72);--surface: rgba(255, 255, 255, .08);--surface-dim: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .06);--text-1: #e8eef0;--text-2: #aebcc0;--text-3: #8ea0a4;--text-4: #6f8389;--text-5: #5f7378;--teal: #6fc5a8;--teal-dim: #3f8e74;--teal-surface: #11201f;--teal-border: rgba(111, 197, 168, .3);--amber: #e6a364;--amber-dim: #b07a3e;--amber-text: #e0c19a;--blue: #7aa7d8;--blue-dim: #5a7fae;--font: "Figtree", system-ui, sans-serif;--radius: 12px;--radius-sm: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;width:100%;overflow:hidden;background:var(--bg);color:var(--text-1);font-family:var(--font);-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:var(--font);border:none;background:none}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:13px;font-weight:700;letter-spacing:.01em}.badge--teal{color:var(--teal);background:var(--teal-surface);border:1px solid var(--teal-border)}.badge--teal:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--teal)}.badge--amber{color:var(--amber-text);background:#e6a3641a;border:1px solid rgba(230,163,100,.25)}.badge--muted{color:var(--text-4);background:var(--surface);border:1px solid var(--border)}.mode-screen{height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg)}.mode-wrap{width:100%;max-width:360px;padding:0 24px;display:flex;flex-direction:column;align-items:center;gap:0}.mode-wordmark{display:flex;align-items:center;gap:9px;margin-bottom:48px}.mode-wordmark-logo{display:flex;align-items:center;justify-content:center}.mode-wordmark-text{font-size:19px;font-weight:800;letter-spacing:.01em;color:var(--text-1)}.mode-heading{font-size:27px;font-weight:800;color:var(--text-1);letter-spacing:-.01em;line-height:1.15;text-align:center;margin-bottom:10px}.mode-sub{font-size:14px;line-height:1.5;color:var(--text-3);text-align:center;max-width:280px;margin-bottom:48px}.mode-cards{display:flex;flex-direction:column;gap:16px;width:100%;margin-bottom:28px}.mode-card{display:flex;align-items:center;gap:16px;padding:20px;border-radius:20px;border:1px solid;cursor:pointer;transition:opacity .15s;background:none;text-align:left;width:100%;font-family:var(--font)}.mode-card:hover{opacity:.85}.mode-card:active{opacity:.65}.mode-card--teal{background:#6fc5a812;border-color:#6fc5a82e}.mode-card--blue{background:#7aa7d812;border-color:#7aa7d82e}.mode-card-icon{flex:none;width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center}.mode-card--teal .mode-card-icon{background:#6fc5a826;color:var(--teal)}.mode-card--blue .mode-card-icon{background:#7aa7d826;color:var(--blue)}.mode-card-chevron{color:var(--text-4);display:flex;align-items:center;flex:none}.mode-card-body{flex:1;min-width:0}.mode-card-title{font-size:17px;font-weight:700;color:var(--text-1);margin-bottom:3px}.mode-card-sub{font-size:13px;line-height:1.4;color:var(--text-3)}.mode-footer{font-size:12px;color:var(--text-5);text-align:center}.room-input-wrap{width:100%;max-width:360px;padding:0 24px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.room-input-heading{font-size:22px;font-weight:800;color:var(--text-1);letter-spacing:-.2px}.room-input-sub{font-size:14px;color:var(--text-3);line-height:1.5}.room-input-error{font-size:13px;color:var(--amber);line-height:1.5}.room-input-error:empty,.lost-hint:empty,.lost-lastseen:empty{display:none}.room-input-field{width:100%;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-1);font-family:var(--font);font-size:15px;outline:none}.room-input-field:focus{border-color:var(--teal-border)}.room-input-field::placeholder{color:var(--text-5)}.room-input-go{width:100%;padding:14px;background:var(--teal);color:var(--bg);font-family:var(--font);font-size:16px;font-weight:700;border-radius:var(--radius);border:none;cursor:pointer;transition:opacity .15s}.room-input-go:hover{opacity:.88}.room-input-back{font-size:14px;color:var(--text-4);cursor:pointer;background:none;border:none;font-family:var(--font)}.room-input-back:hover{color:var(--text-2)}@keyframes ringpulse{0%{transform:scale(.55);opacity:.65}to{transform:scale(1.7);opacity:0}}@keyframes livepulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.82)}}.sender-screen{height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg)}.sender-waiting,.sender-connected,.sender-error{display:flex;flex-direction:column;align-items:center;gap:14px;padding:32px 24px;text-align:center;max-width:360px;width:100%}.sender-time{font-size:28px;font-weight:800;color:var(--text-1);letter-spacing:-.5px}.sender-time--connected{color:var(--text-2)}.qr-canvas{border-radius:var(--radius);background:var(--bg-2);padding:12px;border:1px solid var(--border)}.sender-heading{font-size:28px;font-weight:800;color:var(--text-1);letter-spacing:-.3px}.sender-sub{font-size:14px;color:var(--text-3);line-height:1.5}.sender-status{font-size:14px;font-weight:600;color:var(--text-2)}.sender-hint{font-size:12px;color:var(--text-5);margin-top:4px}.sender-hint--dim{color:var(--text-5);margin-top:12px}.btn-share{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border-radius:999px;background:#ffffff12;border:1px solid var(--border);color:var(--text-2);font-size:14px;font-weight:600;transition:background .15s}.btn-share:hover{background:#ffffff1f}.btn-share svg{flex:none}.sender-preview{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);background:#000;display:block;transform:scaleX(-1)}.sender-check-ring{position:relative;width:104px;height:104px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sender-check-ring .ring-pulse{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(111,197,168,.35);animation:ringpulse 2.6s ease-out infinite}.sender-check-ring .ring-bg{position:absolute;inset:0;border-radius:50%;background:#6fc5a81a}.sender-check-circle{width:74px;height:74px;border-radius:50%;background:#6fc5a829;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.sender-live-dot{width:8px;height:8px;border-radius:50%;background:var(--teal);animation:livepulse 2s ease-in-out infinite;flex-shrink:0}.qr-canvas--small{border-radius:10px;padding:8px}.sender-connected-viewers{font-size:13px;color:var(--text-4)}.sender-uptime{font-size:15px;font-weight:600;color:var(--teal);letter-spacing:.02em}.sender-steps{list-style:none;display:flex;flex-direction:column;gap:12px;text-align:left;width:100%}.sender-steps li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text-2);line-height:1.5}.step-num{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:#e6a36426;color:var(--amber);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}.btn-reload{margin-top:8px;padding:12px 24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-1);font-size:15px;font-weight:700}.btn-reload:hover{background:#ffffff1f}.receiver-screen{height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg)}.receiver-landing{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:48px 32px;max-width:360px;width:100%;opacity:1;transition:opacity .28s ease}.landing--fading{opacity:0}.landing-logo{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin-bottom:8px}.landing-heading{font-size:28px;font-weight:800;color:var(--text-1);letter-spacing:-.3px;line-height:1.2}.landing-sub{font-size:15px;color:var(--text-3);line-height:1.55;max-width:280px}.landing-btn{margin-top:8px;padding:16px 40px;background:var(--teal);color:var(--bg);font-family:var(--font);font-size:16px;font-weight:700;border-radius:28px;border:none;cursor:pointer;transition:opacity .15s;letter-spacing:.01em}.landing-btn:hover{opacity:.88}.landing-btn:active{opacity:.72}.landing-hint{font-size:12px;color:var(--text-5);max-width:260px;line-height:1.5}.receiver-connecting{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;padding:32px;max-width:400px}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--teal);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.connecting-heading{font-size:28px;font-weight:800;color:var(--text-1);letter-spacing:-.3px}.connecting-sub{font-size:16px;color:var(--text-3);line-height:1.5}.receiver-lost{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:32px;max-width:400px}.lost-heading{font-size:28px;font-weight:800;color:var(--text-1)}.lost-retry{font-size:14px;color:var(--text-2)}.lost-hint{font-size:14px;color:var(--text-2);line-height:1.5}.lost-lastseen{font-size:13px;color:var(--text-5)}.receiver-live{height:100%;display:grid;background:var(--bg);position:relative;overflow:hidden}@media (min-width: 900px){.receiver-live{display:flex;flex-direction:row}.receiver-live .video-wrap{flex:1;min-width:0}.receiver-live .console-sidebar{display:flex}}.video-wrap{position:relative;height:100%;background:#000;overflow:hidden}.live-video{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;display:block;transform:translate(-50%,-50%);transform-origin:center center;transition:transform .3s ease,width .3s ease,height .3s ease}.live-pill{position:absolute;top:20px;left:20px;z-index:10;display:flex;align-items:center;gap:9px;padding:9px 15px 9px 12px;border-radius:999px;background:#0e181c99;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08);pointer-events:none}.live-pill-dot{width:8px;height:8px;border-radius:50%;background:var(--teal);animation:livepulse 2.4s ease-in-out infinite;flex:none}.live-pill-label{font-size:15px;font-weight:700;color:#e8eef0}.live-pill-divider{width:1px;height:14px;background:#ffffff24;flex:none}.live-pill-uptime{font-size:14px;font-weight:600;color:#aebcc0;font-variant-numeric:tabular-nums}.overlay-top-right{position:absolute;top:16px;right:20px;z-index:10;display:flex;gap:10px}.overlay-btn{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0e181c99;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.1);color:#e8eef0}.overlay-btn:hover{background:#0e181cd9}.overlay-btn--secondary{opacity:.75}.overlay-btn--secondary:hover{opacity:1}.ptt-btn{position:absolute;bottom:130px;left:50%;transform:translate(-50%);z-index:11;width:68px;height:68px;border-radius:50%;background:#0e181cb8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1.5px solid rgba(255,255,255,.12);color:var(--text-1);display:flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .1s ease;touch-action:none;user-select:none;-webkit-user-select:none}.ptt-btn:hover{background:#142228d9}.ptt-btn--active{background:#6fc5a838;border-color:#6fc5a899;box-shadow:0 0 0 6px #6fc5a81f,0 0 24px #6fc5a833;transform:translate(-50%) scale(.94);color:var(--teal)}.timeline-card{position:absolute;left:14px;right:14px;bottom:20px;z-index:10;padding:18px 18px 16px;border-radius:24px;background:#0b1317bd;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.07)}.tl-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tl-label{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#8ea0a4}.tl-legend{display:flex;align-items:center;gap:13px}.tl-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#aebcc0}.tl-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex:none}.tl-dot--audio{background:var(--amber)}.tl-dot--motion{background:var(--blue)}.tl-bar-wrap{position:relative;height:15px;margin-bottom:11px}.tl-track{position:absolute;left:0;right:0;top:6px;height:3px;border-radius:3px;background:#ffffff1a}.tl-progress{position:absolute;left:0;width:90%;top:6px;height:3px;border-radius:3px;background:linear-gradient(90deg,#6fc5a833,#6fc5a880)}.tl-now-cursor{position:absolute;left:90%;top:-3px;width:2px;height:21px;background:#e8eef0;transform:translate(-50%);border-radius:2px;box-shadow:0 0 8px #e8eef099}.tl-dots{position:absolute;inset:0}.tl-dot-btn{position:absolute;top:1px;width:13px;height:13px;border-radius:50%;border:none;cursor:pointer;transform:translate(-50%);transition:transform .1s,box-shadow .1s;z-index:2}.tl-dot-btn:hover{transform:translate(-50%) scale(1.35)}.tl-dot-btn--audio{background:var(--amber);box-shadow:0 0 12px #e6a3648c}.tl-dot-btn--motion{background:var(--blue);box-shadow:0 0 12px #7aa7d88c}.tl-footer{display:flex;justify-content:space-between}.tl-foot-start{font-size:11px;color:#6f8389;font-variant-numeric:tabular-nums}.tl-foot-now{font-size:11px;font-weight:600;color:#aebcc0;font-variant-numeric:tabular-nums}.console-sidebar{display:none;flex-direction:column;flex:none;width:340px;background:#0c1518;border-left:1px solid rgba(255,255,255,.06);padding:28px 26px;overflow-y:auto}.sb-conn-row{display:flex;align-items:center;gap:10px;margin-bottom:4px}.sb-dot{width:10px;height:10px;border-radius:50%;background:var(--teal);animation:livepulse 2.6s ease-in-out infinite;flex:none}.sb-conn-label{font-size:16px;font-weight:700;color:var(--text-1)}.sb-device{font-size:13px;color:#6f8389;margin-bottom:24px}.sb-section-label{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#5f7378;margin-bottom:8px}.sb-uptime{font-size:40px;font-weight:800;color:var(--text-1);letter-spacing:-.01em;line-height:1;margin-bottom:28px;font-variant-numeric:tabular-nums}.sb-event-list{display:flex;flex-direction:column;gap:13px;list-style:none;padding:0;margin:0}.sb-event-item{display:flex;align-items:center;gap:12px}.sb-event-dot{width:9px;height:9px;border-radius:50%;flex:none}.sb-event-dot--audio{background:var(--amber)}.sb-event-dot--motion{background:var(--blue)}.sb-event-name{font-size:14px;color:#cdd7d9;flex:1}.sb-event-time{font-size:13px;color:#6f8389;font-variant-numeric:tabular-nums}.rewatch-overlay{position:fixed;inset:0;background:#070d10e0;display:flex;align-items:center;justify-content:center;z-index:100;backdrop-filter:blur(8px)}.rewatch-modal{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:24px;max-width:500px;width:calc(100% - 32px);display:flex;flex-direction:column;gap:12px;position:relative}.rewatch-close{position:absolute;top:14px;right:16px;font-size:22px;color:var(--text-4);line-height:1}.rewatch-close:hover{color:var(--text-1)}.rewatch-heading{font-size:18px;font-weight:700;color:var(--text-1);padding-right:24px}.rewatch-sub{font-size:13px;color:var(--text-3)}.rewatch-video{width:100%;border-radius:var(--radius-sm);background:#000;max-height:60vh}.rewatch-modal--safari{text-align:center;align-items:center}.rewatch-browser-row{display:flex;gap:10px;justify-content:center}.btn-browser{padding:10px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-1);font-size:15px;font-weight:600}.btn-browser:hover{background:#ffffff1f}.btn-gotit{padding:12px 32px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-1);font-size:15px;font-weight:700;margin-top:4px}.btn-gotit:hover{background:#ffffff1f}.sender-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.live-pill--paused .live-pill-dot{background:var(--amber);animation:none}#app.sender-screen{overflow-y:auto}.sender-waiting{margin:auto}.sender-name{display:flex;flex-direction:column;gap:6px;width:100%;text-align:left}.sender-name-label{font-size:12px;color:var(--text-4)}.sender-name-input{padding:10px 14px;font-size:16px}.live-top-left{position:absolute;top:20px;left:20px;z-index:10;max-width:calc(100% - 120px);display:flex;flex-direction:column;align-items:flex-start;gap:8px;pointer-events:none}.live-top-left .live-pill{position:static}.live-name{max-width:100%;padding:0 4px;font-size:14px;font-weight:600;color:var(--text-1);text-shadow:0 1px 4px rgba(0,0,0,.8);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overlay-top-right{flex-wrap:wrap;justify-content:flex-end;max-width:160px}@media (min-width: 480px){.overlay-top-right{max-width:none}}.live-bottom{position:absolute;left:14px;right:14px;bottom:20px;z-index:10;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.live-bottom>*{pointer-events:auto}.live-bottom .ptt-btn{position:static;flex:none;transform:none}.live-bottom .ptt-btn--active{transform:scale(.94)}.live-bottom .timeline-card{position:static;align-self:stretch}.tl-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;margin-top:12px}.tl-row .tl-label{flex:none}.level-bar{position:relative;flex:1;min-width:80px;height:4px;border-radius:3px;background:#ffffff1a}.level-fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:3px;background:var(--teal);transition:width .2s linear}.level-fill--over{background:var(--amber)}.level-mark{position:absolute;top:-4px;left:0;width:2px;height:12px;border-radius:2px;background:var(--text-2);transform:translate(-50%)}.sens-group{display:flex;gap:6px}.sens-btn{padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface-dim);color:var(--text-3);font-size:13px;font-weight:600}.sens-btn--on{background:var(--teal-surface);border-color:var(--teal-border);color:var(--teal)}.dim-screen{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;background:#000;color:var(--text-1);text-align:center;cursor:pointer;outline:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.dim-screen>*{opacity:.4}.dim-clock{font-size:64px;font-weight:700;letter-spacing:-1px;line-height:1;font-variant-numeric:tabular-nums}.dim-name{max-width:100%;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dim-screen .level-bar{flex:none;width:180px;background:#ffffff40}.dim-event{font-size:14px}.dim-hint{margin-top:18px;font-size:12px}