.rec-top{padding-block:24px 8px}
.rec-top p{max-width:64ch;margin:0}
.rec-panel{border:1px solid var(--line);border-radius:10px;padding:18px;margin-top:16px;display:flex;flex-direction:column;gap:16px}
.rec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.rec-group{border:1px solid var(--line);border-radius:8px;padding:10px 12px 12px;margin:0;display:flex;flex-direction:column;gap:8px;min-width:0;background:var(--soft)}
.rec-group legend{font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:0 4px}
.rec-check{display:flex;align-items:flex-start;gap:8px;font-size:.95rem;line-height:1.35}
.rec-check input{margin-top:3px;accent-color:var(--accent);flex-shrink:0}
.rec-check .hint{display:block}
.rec-group select{font:inherit;font-size:.9rem;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink);max-width:100%}
.rec-inline{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:.9rem}
.rec-inline label{display:flex;align-items:center;gap:6px}
.hint{font-size:.82rem;color:var(--muted)}
.rec-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.btn.big{font-size:1.05rem;padding:12px 18px}
.rec-status{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-variant-numeric:tabular-nums}
.rec-dot{width:12px;height:12px;border-radius:50%;background:#d02b2b;display:inline-block;animation:blink 1.2s ease-in-out infinite}
.rec-dot.paused{background:var(--muted);animation:none}
@keyframes blink{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.rec-dot{animation:none}}
.rec-time{font-size:1.6rem;font-weight:700;letter-spacing:.02em}
.rec-preview{width:100%;max-height:60vh;background:#000;border-radius:8px;display:block}
.rec-countdown{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.55);z-index:50}
.rec-countdown span{font-size:clamp(5rem,20vw,12rem);font-weight:800;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.5)}
.rec-unsupported{margin-top:16px}
.rec-faq{margin-top:36px}
.rec-faq ul{padding-left:1.2rem}
.rec-faq li{margin-bottom:.4rem}