:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;background:#10171b;color:#f3f6f5}*{box-sizing:border-box}body{margin:0;min-height:100dvh;padding:24px 16px;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}main{max-width:760px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.eyebrow{color:#a2b5b9;font-size:11px;letter-spacing:.18em;margin:0 0 6px}h1{font-size:28px;line-height:1.1;margin:0;font-weight:650}#badge{background:#29383d;border-radius:30px;padding:7px 12px;font-size:13px;white-space:nowrap}#badge.live{background:#183f35;color:#7bf4c2}.picture{position:relative;aspect-ratio:4/3;background:#080d10;border:1px solid #2b393f;border-radius:16px;overflow:hidden;display:grid;place-items:center}#camera{width:100%;height:100%;object-fit:contain}#camera[hidden]{display:none}.picture:fullscreen{border-radius:0;border:0}#placeholder{color:#9bb0b6;padding:24px;text-align:center}#status{min-height:40px;font-size:14px;color:#b8cbd0;margin:18px 0 12px;line-height:1.5}.buttons{display:flex;gap:12px}button{font:inherit;font-weight:600;border:0;background:#b5f5dc;color:#10251e;border-radius:12px;padding:15px 18px;flex:1;cursor:pointer}button+button{background:#26363d;color:#e7f3f6}button:disabled{opacity:.4;cursor:default}.hint{color:#81959d;font-size:12px;line-height:1.7;margin-top:22px}button:focus-visible{outline:3px solid white;outline-offset:3px}