:root{color:#e5edf7;background:#07111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}.shell{box-sizing:border-box;flex-direction:column;gap:18px;min-height:100dvh;padding:24px;display:flex}.featured,.empty,.capturePanel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172abf;border:1px solid #94a3b840;box-shadow:0 24px 80px #00000040}.topBar{justify-content:flex-end;display:flex}.captureAction{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.captureAction button{color:#020617;cursor:pointer;font:inherit;background:#38bdf8;border:0;border-radius:999px;padding:12px 18px;font-size:14px;font-weight:900}.captureAction button:disabled{cursor:default;opacity:.7}.captureAction small{color:#bfdbfe}.captureAction.large{align-items:center;width:min(100%,280px)}.captureAction.large button{letter-spacing:-.03em;border-radius:50%;width:clamp(190px,24vw,260px);height:clamp(190px,24vw,260px);padding:24px;font-size:clamp(24px,3vw,36px)}.captureAction.large small{text-align:center}time{color:#94a3b8}h1,h2,p{margin-top:0}.pill,.status{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;width:fit-content;padding:8px 12px;font-size:12px;font-weight:800;display:inline-flex}.pill{color:#bfdbfe;background:#1e293b}.pill.live,.status.completed{color:#86efac;background:#22c55e29}.pill.reconnecting,.status.pending{color:#fcd34d;background:#f59e0b29}.status.error{color:#fca5a5;background:#ef444429}.featured{border-radius:32px;grid-template-columns:minmax(220px,340px) 1fr;height:clamp(260px,36dvh,380px);min-height:0;display:grid;overflow:hidden}.capturePreview,.capturePanel{width:100%}.capturePreview{background:#020617;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.featured img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.answer{overscroll-behavior:contain;flex-direction:column;gap:14px;min-height:0;padding:30px;display:flex;overflow-y:auto}.answer h2{margin-bottom:0;font-size:34px}.answer p{color:#dbeafe;margin-bottom:0;font-size:21px;line-height:1.5}.answer time,.answer .status,.answer h2{flex:none}.empty{text-align:center;border-radius:28px;padding:28px}.capturePanel{box-sizing:border-box;border-radius:32px;justify-content:center;align-items:center;padding:20px;display:flex}@media (width<=760px){.shell{padding:14px}.featured,.capturePanel{grid-template-columns:1fr}.capturePanel{flex-direction:column}.captureAction{align-items:flex-start}.captureAction.large{width:100%}.captureAction.large button{width:min(72vw,230px);height:min(72vw,230px)}.featured{height:auto;max-height:none}.capturePreview{height:260px}.answer{max-height:260px}}