/* Prazos Clara — one deliberate night look (single theme by design): a luminous presence on deep ink.
   Everything that isn't the voice is quiet; the orb is the interface. */
body.clara{
  --bg:#05080F; --surface:#0E1525; --ink:#EEF1F7; --muted:#8B96AD; --line:#1E2840;
  --accent:#F2B33D; --accent-ink:#F7CC7A; --accent-soft:#2A2312; --on-accent:#1B1200; --chip:#141C2E;
  color-scheme:dark; background:radial-gradient(120% 70% at 50% 28%,#111A30 0%,#05080F 62%) fixed,#05080F; color:var(--ink);
}
body.clara .rb{background:transparent}
.cwrap{max-width:520px;min-height:calc(100vh - env(safe-area-inset-top,0px));display:flex;flex-direction:column}
.clara .brand .lt{font-weight:500;color:var(--accent-ink)}
.cstage{flex:1;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.orbBox{position:relative;width:min(100%,380px);aspect-ratio:1;max-width:100%}
#orb{width:100%;height:100%;display:block;cursor:pointer}
.tapStart{position:absolute;left:50%;bottom:6%;transform:translateX(-50%);border:1px solid rgba(242,179,61,.35);background:rgba(5,8,15,.55);
  color:var(--accent-ink);border-radius:999px;padding:10px 18px;font-size:15px;cursor:pointer;backdrop-filter:blur(6px);white-space:nowrap}
#cam{position:absolute;right:4%;top:4%;width:64px;height:64px;border-radius:50%;object-fit:cover;transform:scaleX(-1);
  border:2px solid var(--accent);box-shadow:0 0 0 4px rgba(242,179,61,.15)}
.cline{display:grid;gap:4px;min-height:84px;width:100%}
.cwhat{font-size:15px;color:var(--muted);letter-spacing:.02em}
.cfacts{font-family:var(--f-display);font-weight:500;font-size:clamp(20px,6vw,26px);line-height:1.2;text-wrap:balance}
.cfacts i{font-style:normal;color:var(--accent-ink);padding:0 .25em}
.cheard{font-size:13px;color:var(--accent-ink);min-height:18px}
.cacts{display:grid;grid-template-columns:1fr 1.5fr;gap:12px;width:100%}
.cbtn{height:62px;border-radius:22px;font-size:19px;font-weight:600;cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--ink);transition:transform .12s}
.cbtn:active{transform:scale(.97)}
.cbtn.yes{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-size:21px;box-shadow:0 12px 40px -14px rgba(242,179,61,.7)}
.cbtn:disabled{opacity:.35}
.cmodes{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.cchip{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:9px 14px;font-size:14px;cursor:pointer}
.cchip.on{border-color:var(--accent);color:var(--accent-ink);background:var(--accent-soft)}
.cnav .cchip{padding:7px 12px;font-size:13px}
.cchip:disabled{opacity:.35;cursor:default}
.cchip.on.live{animation:clive 1.6s ease-in-out infinite}
@keyframes clive{50%{box-shadow:0 0 0 6px rgba(242,179,61,.18)}}
@media (prefers-reduced-motion:reduce){.cchip.on.live{animation:none}}
.cnote{margin:0;font-size:13px;color:var(--muted)}
.cfuture{margin:4px 0 0;font-size:12px;color:var(--muted);max-width:40ch;opacity:.8}
.clara footer{padding-block:20px calc(40px + env(safe-area-inset-bottom,0px))}
@media (prefers-reduced-motion:reduce){.cbtn{transition:none}}