@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Space+Grotesk:wght@600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#10231c;background:#e7f0e8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 5%,#fff8c7 0 14%,transparent 38%),radial-gradient(circle at 90% 90%,#acd8bd 0 10%,transparent 40%),#e7f0e8}button,input{font:inherit}.shell{min-height:100svh;display:grid;place-items:center;padding:max(22px,env(safe-area-inset-top)) 18px max(22px,env(safe-area-inset-bottom))}.card{width:min(100%,430px);min-height:620px;padding:28px;border-radius:32px;background:#fbfcf6e6;border:1px solid rgba(16,35,28,.12);box-shadow:0 28px 80px #1b402e26;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}header{display:flex;align-items:center;gap:14px;margin-bottom:24px}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;color:#f9f7e8;background:#173d2d;font:700 15px Space Grotesk;transform:rotate(-4deg)}h1,h2{font-family:Space Grotesk,sans-serif;margin:0;letter-spacing:-.04em}h1,h2{font-size:26px}p{line-height:1.5}header p{margin:2px 0 0;color:#65736d;font-size:14px}.status{display:flex;align-items:center;gap:9px;padding:11px 14px;margin-bottom:28px;border-radius:13px;color:#4c6057;background:#e9efea;font-size:14px;font-weight:700}.status span{width:9px;height:9px;border-radius:50%;background:#8e9d96}.status.active span{background:#1db56a;box-shadow:0 0 0 6px #1db56a1f}label{display:block;margin-bottom:8px;font-weight:700}input[type=text],input:not([type]){width:100%}#code{width:100%;padding:17px;margin-bottom:14px;border:1px solid #c9d5cd;border-radius:15px;background:#fff;color:#173d2d;font:700 27px Space Grotesk;text-align:center;letter-spacing:.25em;outline:none}#code:focus{border-color:#218454;box-shadow:0 0 0 4px #2184541f}button{border:0;border-radius:14px;padding:15px 18px;background:#e4eae5;color:#173d2d;font-weight:700;cursor:pointer}.primary{width:100%;color:#fff;background:#173d2d;box-shadow:0 8px 24px #173d2d33}.danger{color:#a22f2f;background:#f7dddd}.hint{color:#68766f;font-size:13px;text-align:center}.permission,.live{text-align:center;padding-top:18px}.mic-icon{width:88px;height:88px;display:grid;place-items:center;margin:0 auto 24px;border-radius:50%;color:#1db56a;background:#d9f1e2;font-size:38px}.switches{margin:24px 0;padding:16px;text-align:left;background:#edf2ed;border-radius:16px}.switches label{display:flex;gap:10px;margin:8px 0;font-size:14px}.orb{width:142px;height:142px;display:grid;place-items:center;margin:2px auto 16px;border-radius:50%;background:radial-gradient(circle,#38d684 0 28%,#c9f3da 30% 48%,#e5f6ea 50%);animation:breathe 2s ease-in-out infinite}.orb span{padding:7px 10px;border-radius:99px;color:#fff;background:#147344;font-size:11px;font-weight:700;letter-spacing:.15em}.orb.muted{filter:grayscale(1);animation:none}.timer{display:block;font:700 24px Space Grotesk}.meter{height:13px;margin:22px 0;border-radius:99px;overflow:hidden;background:#dfe7e1}.meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#21b96c,#ead538);transition:width 80ms linear}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.error{padding:12px;border-radius:12px;color:#922d2d;background:#f8e2df;font-size:14px}footer{margin-top:30px;color:#87928d;font-size:11px;text-align:center}@keyframes breathe{50%{transform:scale(1.05);box-shadow:0 0 0 14px #1db56a14}}@media(max-width:480px){.shell{padding-left:0;padding-right:0;padding-top:0}.card{min-height:100svh;border-radius:0;padding-top:max(28px,env(safe-area-inset-top))}}@media(prefers-reduced-motion:reduce){.orb{animation:none}}