@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;background:#060d13;color:#e8f7fd;font-family:Outfit, sans-serif}.app{padding:22px 4%;display:flex;justify-content:space-between;font-size:12px;letter-spacing:2px}.app a{color:#51e5df;text-decoration:none}#stage{width:1920px;height:1080px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 65% 25%,#193d4c,#09141e 70%);transform-origin:top left}main{overflow:hidden}#camera{position:absolute;width:100%;height:100%;object-fit:cover}#camera-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#54727f}#camera-placeholder strong{font-size:38px;color:#8bb2bf}#camera-placeholder span{font:13px monospace;letter-spacing:5px}.top{position:absolute;left:42px;right:42px;top:36px;display:flex;justify-content:space-between;align-items:start}.brand{border-left:5px solid #51e5df;padding:14px 24px;background:linear-gradient(90deg,#061018ed,#06101880);backdrop-filter:blur(10px)}.brand b{font-size:30px;letter-spacing:3px}.brand b span{color:#51e5df}.brand small{display:block;font-size:11px;letter-spacing:5px;margin-top:6px}.chip{display:flex;align-items:center;gap:16px;padding:16px 22px;background:#061018bf;font:14px monospace;letter-spacing:2px}.chip i{width:7px;height:7px;border-radius:50%;background:#51e5df;box-shadow:0 0 15px #51e5df}.bottom{position:absolute;left:42px;right:42px;bottom:36px;display:grid;grid-template-columns:430px 1fr;gap:18px;align-items:end}.glass{background:rgba(5,17,26,var(--opacity,.78));border:1px solid #749caa59;box-shadow:0 15px 45px #0005;backdrop-filter:blur(14px)}.location{padding:20px}.eyebrow{font:11px monospace;letter-spacing:2px;color:#6be9df}.location .eyebrow{display:flex;justify-content:space-between}#gps-state{font-size:9px;color:#a7bac4}h1{font-size:29px;margin:13px 0 4px}#coords{font:12px monospace;color:#a0b7c1;margin:0 0 16px}#map{height:170px;background:#0d2330}.leaflet-control-attribution{font-size:9px!important;background:#061018cc!important;color:#aaa!important}.leaflet-control-attribution a{color:#a6e5e1!important}.telemetry{padding:24px 30px}.identity{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #63829155;padding-bottom:16px;letter-spacing:3px;font-size:18px}.identity small{font:10px monospace;color:#a0b7c1;letter-spacing:1px}.readings{display:flex;gap:85px;padding:25px 0}.readings small{display:block;font:12px monospace;letter-spacing:3px;color:#9eb7c4}.readings b{font-size:68px;font-weight:500;line-height:1.1}.readings em{font:17px monospace;color:#6de4e2;margin-left:8px}#warning{padding:16px 20px;border-left:4px solid #8ca1ae;background:#51647726;display:flex;justify-content:space-between;gap:25px}#warning span{font-size:19px;letter-spacing:2px}#warning small{font-size:12px;max-width:55%;align-self:center;color:#becbd2}#warning[data-state=clear]{border-color:#50decc}#warning[data-state=warning]{background:#c8273bdf;border-color:#ffdb7b}#warning[data-state=advisory]{border-color:#efbc64}footer{display:flex;justify-content:space-between;font:9px monospace;letter-spacing:2px;color:#9bb5c3;margin-top:18px}.controls{max-width:1200px;margin:30px auto;padding:25px}h2{font-size:28px}form{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#b8ccd4}input,select,button{background:#102330;color:#e9faff;border:1px solid #325664;border-radius:7px;padding:12px;font:inherit}button{cursor:pointer;color:#77f4df}button:hover{background:#193947}button:focus-visible,input:focus-visible{outline:2px solid #6ef1d7}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.note{color:#8eaab7;font-size:13px;line-height:1.6}#links{display:grid;gap:14px}#links[hidden]{display:none}body.output{background:transparent}.output #stage{background:transparent}.output .app,.output .controls,.output #camera-placeholder{display:none}.phone{max-width:540px;margin:50px auto;padding:24px}.phone button{width:100%;margin:10px 0}.phone p{line-height:1.6}@media(max-width:700px){form{grid-template-columns:1fr 1fr}.app span{display:none}.controls{padding:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.app .sign-in{border:1px solid #325664;border-radius:7px;padding:10px 16px;letter-spacing:1px;font-weight:600}.app .sign-in:hover{background:#193947}.app .sign-in:focus-visible{outline:2px solid #6ef1d7}

.camera-invite .phone{margin:0 auto;padding:8px;max-width:580px}.camera-invite .phone>h1,.camera-invite .phone>p:not(#status){display:none}.camera-invite #camera-room{display:block}.camera-invite #room-frame{border:0!important}.camera-invite #start,.camera-invite #stop{margin:6px 0}