#demo-camera{position:fixed;inset:0;background:#101516}#demo-camp{max-width:640px;padding-top:32px}#demo-camp h1{font-size:clamp(2rem,8vw,4rem)}#demo-camera .hud{flex-wrap:wrap;gap:8px}#demo-camera .counter{font-size:11px}#demo-challenge{max-width:520px;margin:auto}#demo-challenge p{margin:8px 0}#demo-camera .guidance{max-height:45dvh;overflow:auto;pointer-events:auto}#demo-camera .guidance button{min-height:44px}#demo-error{color:#ffb9a5}

#demo-instructions{margin:20px 0;border:1px solid var(--gold);border-radius:12px;padding:16px}#demo-instructions summary{cursor:pointer;min-height:44px;font-weight:700}#demo-instructions li{margin:12px 0}

#demo-camera #demo-speak{width:100%;min-height:60px;font-size:18px;font-weight:800;justify-content:center;margin:12px 0;border:2px solid #ffe0a0;box-shadow:0 0 18px #e8ba6355}#demo-challenge .audio-invitation{font-weight:700;color:#ffe0a0}

#demo-answer-form{display:grid;gap:12px;margin:20px 0}#demo-location-text,#demo-question{font-size:21px;line-height:1.5}#demo-progress{font-size:22px;color:var(--gold);font-weight:bold}#demo-location button{display:block;width:100%;margin-top:12px}

#demo-answer{width:100%;box-sizing:border-box;min-height:48px;font-size:18px;padding:12px}#demo-feedback{font-size:18px;color:#ffe0a0;line-height:1.5}#demo-answer-form button{min-height:48px}