.ring-card{width:min(720px,94vw);max-height:92dvh;overflow:auto;border-radius:26px;background:#fff;color:#2a1a10;box-shadow:0 2px 6px rgba(42,26,16,.08),0 30px 80px rgba(42,26,16,.3)}.ring-head{display:flex;flex-wrap:wrap;align-items:center;gap:22px;padding:26px 28px;color:#fff;background:linear-gradient(135deg,#0f766e,#0b4f49)}.ring-card.is-chat .ring-head{background:linear-gradient(135deg,#d4440c,#9a2412)}.ring-card.is-video .ring-head{background:linear-gradient(135deg,#0e7490,#1e3a8a)}.ring-timer{position:relative;width:112px;height:112px;flex:none}.ring-timer>svg{position:absolute;inset:0;width:100%;height:100%}.ring-track{fill:rgba(255,255,255,.14);stroke:rgba(255,255,255,.25);stroke-width:7}.ring-fill{fill:none;stroke:#fff;stroke-width:7;stroke-linecap:round;transition:stroke-dashoffset 1s linear}.ring-icon{position:absolute;inset:0;display:grid;place-items:center;animation:ring-shake 1.6s ease-in-out infinite}.ring-left{position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);padding:2px 10px;border-radius:999px;background:#fff;color:#0b4f49;font-size:13px;font-weight:700}.ring-card.is-chat .ring-left{color:#9a2412}.ring-who{flex:1 1 320px;display:flex;flex-direction:column;gap:8px;min-width:0}.ring-eyebrow{font-size:14px;letter-spacing:.08em;text-transform:uppercase;opacity:.92}.ring-eyebrow,.ring-name{margin:0;color:#fff;font-weight:600}.ring-name{display:flex;align-items:center;gap:12px;font-size:clamp(26px,3vw,34px);line-height:1.15}.ring-private{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.16);font-size:13px;font-weight:500}.ring-body{display:flex;flex-direction:column;gap:14px;padding:22px 28px 8px}.ring-facts{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ring-facts div{padding:14px 16px;border-radius:16px;background:#fffaf0;border:1px solid #ece2d2}.ring-facts dt{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#76604f;font-weight:600}.ring-facts dd{margin:6px 0 0;font-size:17px;font-weight:600;color:#2a1a10}.ring-next,.ring-sound{margin:0;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;font-size:15px}.ring-next{background:#f4ecff;color:#4c1d95}.ring-sound{background:#fff1d6;color:#8a5200}.ring-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:14px;padding:18px 28px 28px}.ring-actions button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:64px;border-radius:18px;font:inherit;font-size:19px;font-weight:600;cursor:pointer}.ring-actions button:disabled{opacity:.6;cursor:default}.ring-decline{border:2px solid #e3c4bf;background:#fff;color:#b3261e}.ring-decline:hover:not(:disabled){background:#fbe4e2}.ring-accept{border:0;color:#fff;background:linear-gradient(160deg,#07875a,#066b47);box-shadow:0 10px 26px rgba(7,135,90,.35)}.ring-card.is-chat .ring-accept{background:linear-gradient(135deg,#d4440c,#b42318);box-shadow:0 10px 26px rgba(180,35,24,.3)}.ring-accept:hover:not(:disabled){filter:brightness(1.06)}.ring-accept kbd{font:inherit;font-size:12px;padding:2px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.5)}.ring-actions button:focus-visible{outline:3px solid #b8470b;outline-offset:3px}@keyframes ring-shake{0%,60%,to{transform:rotate(0)}10%,30%,50%{transform:rotate(-12deg)}20%,40%{transform:rotate(12deg)}}@media (prefers-reduced-motion:reduce){.ring-icon{animation:none}.ring-fill{transition:none}}@media (max-width:640px){.ring-head{padding:20px;gap:16px}.ring-timer{width:88px;height:88px}.ring-body{padding:18px 20px 6px}.ring-actions,.ring-facts{grid-template-columns:minmax(0,1fr)}.ring-actions{padding:14px 20px 20px}.ring-actions .ring-accept{order:-1}}