:root{color-scheme:dark;--bg:#08131d;--panel:#102231;--panel2:#142c3d;--text:#f1f7fb;--muted:#a9bfcc;--accent:#62f0cf;--line:#294253;--danger:#ff7078}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#123145 0%,var(--bg) 55%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}.app-shell{width:min(100% - 28px,760px);margin:0 auto;padding:22px 0 36px}.topbar{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border:1px solid #5bdac4;border-radius:16px;color:var(--accent);font-weight:900;letter-spacing:-1px;background:#102a36}.topbar h1{font-size:1.25rem;margin:2px 0}.eyebrow{font-size:.68rem;letter-spacing:.15em;font-weight:800;color:var(--accent);margin:0}.badge{margin-left:auto;border:1px solid var(--line);padding:8px 11px;border-radius:999px;font-size:.8rem;color:var(--muted)}.badge.online{color:var(--accent);border-color:#327f71}.intro{padding:28px 0 18px}.intro h2{font-size:clamp(1.7rem,6vw,2.5rem);line-height:1.08;letter-spacing:-.04em;max-width:600px;margin:10px 0}.intro>p:last-child{color:var(--muted);line-height:1.55;max-width:540px}.camera-card,.message-card{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#0c1d2a}.camera-stage{position:relative;aspect-ratio:4/3;background:#071019;overflow:hidden}.camera-stage video,.camera-stage canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.camera-stage canvas{pointer-events:none}.camera-placeholder{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;color:var(--muted);text-align:center;padding:20px}.camera-icon{font-size:3rem;color:var(--accent)}.camera-placeholder p{margin:8px 0}.live-tag{position:absolute;left:14px;top:14px;padding:7px 10px;border-radius:999px;background:#071019cc;font-size:.7rem;letter-spacing:.08em;font-weight:800}.live-dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:6px}.camera-meta{display:flex;justify-content:space-between;gap:12px;padding:13px 15px;color:var(--muted);font-size:.8rem}.primary-button,.secondary-button,.sos-button{font:inherit;font-weight:800;min-height:64px;border-radius:17px;padding:13px 16px;cursor:pointer;border:1px solid transparent}.primary-button{width:100%;margin:15px 0 12px;background:var(--accent);color:#06221f;font-size:1.05rem}.primary-button:disabled{opacity:.65;cursor:wait}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.secondary-button{background:var(--panel2);border-color:var(--line);color:var(--text)}.sos-button{background:#351b28;border-color:#813943;color:#ffb9bd}.message-card{padding:16px 18px;margin-top:15px}.message-card p:last-child{margin:9px 0 0;line-height:1.5}.safety-note{font-size:.76rem;color:var(--muted);line-height:1.5;margin:16px 2px 0}button:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:420px){.app-shell{width:min(100% - 20px,760px)}.camera-meta{font-size:.72rem}.secondary-button,.sos-button{font-size:.9rem;padding:10px}}
 .manual-form{margin-top:12px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#0c1d2a}.manual-form[hidden]{display:none}.manual-form label{display:block;margin-bottom:8px;font-size:.9rem;font-weight:700;color:var(--text)}.manual-input-row{display:flex;gap:8px}.manual-input-row input{min-width:0;flex:1;padding:12px;border:1px solid var(--line);border-radius:12px;background:#07131d;color:var(--text);font:inherit}.manual-input-row input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.manual-input-row button{min-height:48px;padding:10px 12px}.form-help{margin:8px 0 0;color:var(--muted);font-size:.8rem;line-height:1.4}@media(max-width:520px){.manual-input-row{flex-direction:column}.manual-input-row button{width:100%}}
 .voice-status{margin:10px 2px;color:var(--accent);font-size:.9rem;font-weight:700}.voice-status.unavailable{color:#ffb9bd}