:root{color:#d8e8d6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#030906;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box}html,body,#app{overscroll-behavior:none;background:#030906;width:100%;height:100%;margin:0;overflow:hidden}button,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:2px solid #e8f4a9}.console{background:radial-gradient(circle,#23392c 0%,#09190f 60%,#030906 100%);width:100%;height:100dvh;position:relative;overflow:hidden}@media (display-mode:standalone){html,body,#app,.console{height:100lvh}}.console:before{content:"";z-index:4;height:calc(60px + env(safe-area-inset-bottom));pointer-events:none;background:linear-gradient(#0000,#0309068c);position:absolute;bottom:-1px;left:0;right:0}#feed,#camera-view,#overlay,.grain,.scanline{width:100%;height:100%;position:absolute;inset:0}#feed{object-fit:cover}#camera-view{z-index:1;pointer-events:none;filter:grayscale()sepia(.48)hue-rotate(48deg)saturate(.7)brightness(.69)contrast(1.22);background:#030906;transform:scaleX(-1)}#overlay{z-index:4;pointer-events:none}.grain{z-index:3;pointer-events:none;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.36'/%3E%3C/svg%3E")}.scanline{z-index:3;pointer-events:none;opacity:.18;background:repeating-linear-gradient(#0000 0 3px,#000 4px 5px)}.console:after{content:"";pointer-events:none;z-index:3;position:absolute;inset:0;box-shadow:inset 0 0 170px 70px #031008a8}.masthead{z-index:5;height:calc(92px + env(safe-area-inset-top));padding:calc(18px + env(safe-area-inset-top)) max(38px, calc(16px + env(safe-area-inset-right))) 14px max(38px, calc(16px + env(safe-area-inset-left)));background:linear-gradient(#07140fe8,#07140fba 75%,#0000);border-bottom:1px solid #bad49e44;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;top:0;left:0;right:0}.brand{color:beige;align-items:center;gap:13px;display:flex}.brand-mark{aspect-ratio:262/192;background:currentColor;height:34px;-webkit-mask:url(../logo.png) 50%/contain no-repeat;mask:url(../logo.png) 50%/contain no-repeat}.brand-copy{white-space:nowrap;flex-direction:column;gap:5px;display:flex}.brand strong{letter-spacing:.045em;font-family:Impact,Arial Narrow,sans-serif;font-size:33px;font-weight:800;line-height:.85;display:block}.brand-subtitle{letter-spacing:.2em;text-transform:uppercase;color:#d8e48a;font-size:11px;font-weight:700;line-height:1}.header-right{letter-spacing:.15em;white-space:nowrap;align-items:center;gap:11px;font-size:11px;font-weight:700;display:flex}.live-dot{background:#f27663;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 12px #ff6d5b}.header-divider{color:#788d78}#clock{color:#f0ebd4;font-size:13px}.controls{z-index:6;right:max(38px, calc(16px + env(safe-area-inset-right)));top:calc(108px + env(safe-area-inset-top));gap:8px;display:flex;position:absolute}.control-button{color:#e8f0d8;letter-spacing:.12em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#07170ecc;border:1px solid #d3e4b985;padding:10px 13px;font-size:13px;font-weight:700}.control-button span{margin-left:5px;font-size:10px}.control-button:hover{color:#102016;background:#dce9a8}.launch-panel{z-index:7;padding:calc(110px + env(safe-area-inset-top)) calc(28px + env(safe-area-inset-right)) calc(120px + env(safe-area-inset-bottom)) calc(28px + env(safe-area-inset-left));background-color:#030906;background-image:linear-gradient(#0000 72%,#030906 92%),radial-gradient(circle,#173123,#07120d 65%,#030906);justify-content:center;align-items:stretch;display:flex;position:absolute;inset:0;overflow-y:auto}.launch-panel[hidden]{display:none}.camera-cover{z-index:6;color:#e1eba2;letter-spacing:.14em;background:#030906;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:12px;font-weight:700;display:flex;position:absolute;inset:0}.camera-cover[hidden],.camera-loading[hidden]{display:none}.camera-loading{color:#e1eba2;letter-spacing:.12em;justify-content:center;align-items:center;gap:12px;margin:20px auto 0;font-size:11px;font-weight:700;display:flex}.camera-spinner{border:3px solid #e1eba24d;border-top-color:#e1eba2;border-radius:50%;flex:none;width:23px;height:23px;animation:.75s linear infinite camera-spin}@keyframes camera-spin{to{transform:rotate(360deg)}}.launch-inner{text-align:center;flex-shrink:0;width:min(650px,100%);margin:auto 0}.launch-title{justify-content:center;align-items:center;gap:.25em;font-size:clamp(43px,6vw,72px);display:flex}.launch-icon{box-sizing:border-box;aspect-ratio:1;object-fit:contain;background:#f5f5e7;border-radius:50%;height:.8em;padding:.13em}.launch-inner h1{letter-spacing:.012em;text-transform:none;color:#f5f5e7;margin:0;font-family:Impact,Arial Narrow,sans-serif;font-size:1em;font-weight:800;line-height:.95}.launch-subtitle{letter-spacing:.28em;text-transform:uppercase;color:#d8e48a;margin:10px 0 0;font-size:16px;font-weight:700}.launch-copy{color:#c6d4c3;max-width:470px;margin:24px auto 26px;font-size:13px;line-height:1.65}.primary-button{color:#0a1d10;letter-spacing:.15em;text-align:left;background:#e1eba2;border:0;justify-content:space-between;align-items:center;gap:25px;min-width:280px;margin:0 auto;padding:17px 21px;font-size:12px;font-weight:700;line-height:20px;display:flex}.primary-button:hover{background:#f5f9c6}.primary-button:disabled{opacity:.55;cursor:wait}.primary-button span{font-size:18px}#start-button span{font-size:22px;transform:translateY(-.1em)}.launch-error{color:#ff9d8c;min-height:22px;margin:16px 0 0;font-size:12px}.launch-error:empty{display:none}.launch-actions{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:10px;min-height:54px;display:flex}:is(.launch-actions:has(.camera-loading:not([hidden]))>button,.launch-actions:has(.model-progress:not([hidden]))>button){display:none}.launch-actions .camera-loading,.launch-actions .model-progress{align-self:center;width:100%;margin:0}.launch-actions #start-button{gap:20px;width:max-content;min-width:0;margin:0}.model-progress{max-width:280px;margin:20px auto 0}.model-progress[hidden]{display:none}.model-progress-caption{color:#e1eba2;letter-spacing:.12em;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.model-progress progress{appearance:none;background:#14271a;border:1px solid #e1eba2;border-radius:0;width:100%;height:12px;display:block;overflow:hidden}.model-progress progress::-webkit-progress-bar{background:#14271a}.model-progress progress::-webkit-progress-value{background:#e1eba2;box-shadow:0 0 14px #e1eba2a0}.model-progress progress::-moz-progress-bar{background:#e1eba2}.text-button{color:#e1eba2;letter-spacing:.16em;white-space:nowrap;background:#091c12;border:1px solid #e1eba2;justify-content:center;align-items:center;min-height:52px;margin:0;padding:0 20px;font-size:11px;font-weight:700;display:flex}.text-button:hover{color:#102016;background:#dce9a8;border-color:#dce9a8}.text-button:disabled{opacity:.55;cursor:wait}.launch-disclaimer{color:#f2f5e8;text-align:left;background:#172a1fee;border:1px solid #c6d4c3;max-width:560px;margin:22px auto 0;padding:17px 20px;font-size:12px;font-weight:400;line-height:1.5;box-shadow:0 0 28px #c6d4c326}.launch-disclaimer .disclaimer-line{display:block}.launch-disclaimer .disclaimer-line+.disclaimer-line{margin-top:12px}.launch-disclaimer .disclaimer-heading{color:#06100b;letter-spacing:.04em;background:#c6d4c3;margin:-17px -20px 14px;padding:11px 16px;font-size:14px;font-weight:800;line-height:1.55}.launch-disclaimer .disclaimer-detail{color:#d5dccb}.launch-disclaimer strong{color:#fff;font-weight:800}.launch-disclaimer a.disclaimer-line{color:#c6d4c3;letter-spacing:.16em;text-transform:uppercase;background:#091c12;border:0;border-top:1px solid #c6d4c3;justify-content:space-between;align-items:center;gap:10px;min-height:46px;margin:16px -20px -17px;padding:0 20px;font-size:11px;font-weight:700;text-decoration:none;display:flex}.launch-disclaimer a.disclaimer-line:hover{background:#c6d4c31a}.settings-panel{z-index:10;--panel-pad-top:calc(31px + env(safe-area-inset-top));--panel-pad-right:calc(30px + env(safe-area-inset-right));--panel-pad-left:calc(30px + env(safe-area-inset-left));width:min(480px,100%);padding:0 var(--panel-pad-right) calc(30px + env(safe-area-inset-bottom)) var(--panel-pad-left);overscroll-behavior:none;background:#081a11f7;border-left:1px solid #d4e4a066;transition:transform .25s;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(105%);box-shadow:-20px 0 80px #000a}.settings-panel.open{transform:translate(0)}.settings-panel.instant-open{transition:none}.settings-head{z-index:1;margin:0 calc(-1 * var(--panel-pad-right)) 0 calc(-1 * var(--panel-pad-left));padding:var(--panel-pad-top) var(--panel-pad-right) 16px var(--panel-pad-left);background:#081a11;border-bottom:1px solid #9ab28c55;justify-content:space-between;align-items:start;gap:15px;display:flex;position:sticky;top:0}.settings-head h2{text-transform:uppercase;margin:10px 0 0;font-family:Impact,Arial Narrow,sans-serif;font-size:40px;line-height:.95}.settings-head button{color:#e9f2d4;appearance:none;background:0 0;border:1px solid #c9dba788;border-radius:0;flex:0 0 37px;width:37px;height:37px;padding:0;position:relative}.settings-head button:before,.settings-head button:after{content:"";background:currentColor;width:19px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.settings-head button:after{transform:translate(-50%,-50%)rotate(-45deg)}.field-label{letter-spacing:.2em;color:#e3ecab;margin:18px 0 8px;font-size:10px;font-weight:700;display:block}.field-label small{color:#aabeaa;letter-spacing:.04em;font-size:9px}.settings-panel textarea{color:#e8f1df;background:#0e2518;border:1px solid #9ab28c7a;border-radius:0;width:100%;padding:12px}.settings-panel .text-field{color:#e8f1df;width:100%;min-height:44px;font:inherit;letter-spacing:.08em;text-transform:uppercase;background:#0e2518;border:1px solid #9ab28c7a;border-radius:0;margin:0 0 4px;padding:10px 12px;font-size:13px}.settings-panel .text-field:focus-visible{outline-offset:3px;outline:2px solid #e8f4a9}.settings-panel textarea{resize:vertical;height:120px;font-size:12px;line-height:1.5}.alarm-field{border-bottom:1px solid #9ab28c55;justify-content:space-between;align-items:center;min-height:44px;margin:0 0 20px;padding:4px 0;display:flex}.alarm-field .field-label{flex:1;margin:0}.alarm-field input[type=checkbox]{accent-color:#ff5238;cursor:pointer;width:26px;height:26px;margin:0 10px 0 0}.settings-actions{gap:10px;margin:25px 0 0;display:flex}.settings-actions .primary-button,.settings-actions .update-button{flex:1 1 0;min-width:0;min-height:54px;margin:0}.update-button{color:#dce9a8;letter-spacing:.12em;text-align:left;cursor:pointer;background:#091c12;border:1px solid #a9bf95;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:50px;margin-top:16px;padding:17px 21px;font-size:11px;font-weight:700;display:flex}.update-button span{font-size:18px;line-height:1}.update-button:hover{color:#102016;background:#dce9a8}.update-button:disabled{opacity:.55;cursor:wait}.enroll-field{margin:0 0 24px}.owner-field{border-bottom:1px solid #9ab28c55;padding:0 0 20px}.enroll-field .update-button{margin-top:0}.link-button{color:#a9bf95;letter-spacing:.16em;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin:8px 0 0;padding:0;font-size:10px;font-weight:700;text-decoration:underline;display:inline}.link-button:hover{color:#dce9a8}.link-button[hidden]{display:none}.update-status{color:#e1eba2;min-height:18px;margin:10px 0 0;font-size:11px;line-height:1.4}.update-status:empty{display:none}@keyframes pulse{50%{opacity:.45;transform:scale(.92)}}@media (width<=700px){.masthead{height:calc(77px + env(safe-area-inset-top));padding:calc(16px + env(safe-area-inset-top)) calc(17px + env(safe-area-inset-right)) 16px calc(17px + env(safe-area-inset-left))}.brand-mark{height:26px}.brand strong{font-size:23px}.brand-subtitle{font-size:9px}.header-right{gap:6px;font-size:9px}#clock,.header-divider{display:none}.controls{top:calc(94px + env(safe-area-inset-top));right:calc(18px + env(safe-area-inset-right))}.control-button span{display:none}.launch-title{font-size:46px}.launch-panel{padding:calc(24px + env(safe-area-inset-top)) calc(18px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(18px + env(safe-area-inset-left))}.settings-panel{--panel-pad-top:calc(24px + env(safe-area-inset-top));--panel-pad-right:calc(20px + env(safe-area-inset-right));--panel-pad-left:calc(20px + env(safe-area-inset-left));padding-bottom:0}.settings-panel:after{content:"";top:calc(100% - 53px - env(safe-area-inset-bottom));height:calc(53px + env(safe-area-inset-bottom));margin:0 calc(-1 * var(--panel-pad-right)) 0 calc(-1 * var(--panel-pad-left));pointer-events:none;background:linear-gradient(#05100b00,#05100b 53px);display:block;position:sticky;bottom:0}.launch-subtitle{font-size:12px}.launch-copy{font-size:min(12px,2.85vw)}.launch-actions{gap:8px}.text-button{padding:0 12px;font-size:9px}}@media (width<=360px){.brand-mark{display:none}.brand-subtitle{letter-spacing:.12em}}@media (height<=650px){.masthead{height:calc(70px + env(safe-area-inset-top));padding-top:calc(10px + env(safe-area-inset-top));padding-bottom:10px}.controls{top:calc(82px + env(safe-area-inset-top))}.launch-panel{padding-top:calc(20px + env(safe-area-inset-top));padding-bottom:calc(20px + env(safe-area-inset-bottom))}.launch-title{font-size:40px}.launch-copy{margin:10px auto}}
