body{background:radial-gradient(ellipse at 10% 10%,#2563eb18,transparent 35%),radial-gradient(ellipse at 90% 45%,#7c3aed1c,transparent 40%),#f7f9ff}.card{background:linear-gradient(145deg,#ffffffef,#ffffffcf);box-shadow:0 28px 80px #4f46e514;border-color:#ffffff;backdrop-filter:blur(14px)}.brand-mark{box-shadow:0 8px 28px #7c3aed40!important}.intro h1{letter-spacing:-.05em}.ad-slot{box-shadow:0 12px 36px #4f46e508}.history-button{background:#ffffff80}.experience-modal,.result-modal{width:min(570px,calc(100% - 32px));max-height:88vh;overflow:auto;position:fixed;inset:0;margin:auto;border:1px solid #a5b4fc50;border-radius:28px;padding:32px;background:linear-gradient(140deg,#fffffff5,#f3f0fff5);color:#111827;box-shadow:0 30px 100px #11182760}.experience-modal::backdrop,.result-modal::backdrop{background:#0d1535a3;backdrop-filter:blur(8px)}.experience-modal[open],.result-modal[open]{animation:dialog-enter .25s ease-out}.experience-kicker{font-size:.72rem;font-weight:850;letter-spacing:.16em;color:#6d28d9}.experience-modal h2{font-size:clamp(1.7rem,5vw,2.3rem);line-height:1.15;letter-spacing:-.04em;margin:18px 0}.experience-modal p{color:#667085}.ad-art{display:grid;place-items:center;min-height:170px;margin:22px 0;border:1px solid #c4b5fd66;border-radius:22px;background:radial-gradient(circle at 35% 25%,#38bdf830,transparent 55%),linear-gradient(135deg,#eaf3ff,#ede9fe);color:#5b21b6}.ad-orbit{display:grid;place-items:center;width:92px;height:92px;border:1px solid #a78bfa;border-radius:50%;box-shadow:0 0 0 14px #7c3aed09,0 0 0 28px #2563eb06;font-size:28px;font-weight:900;letter-spacing:-2px}.experience-modal .quiet-button{background:transparent;color:#526779;box-shadow:none;border:1px solid #d8dee8;font-size:.85rem}.premium-modal{background:radial-gradient(circle at 90% 0,#7c3aed33,transparent 55%),linear-gradient(145deg,#10182c,#1e2545);color:#fff;border-color:#a78bfa66}.premium-modal .experience-kicker{color:#c4b5fd}.premium-modal p{color:#cbd5e1}.premium-benefits{list-style:none;padding:0;display:grid;gap:12px;margin:24px 0}.premium-benefits li{padding:13px 16px;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;color:#e2e8f0;font-size:.9rem}.premium-benefits b{color:#fff}.premium-modal .quiet-button{border-color:#ffffff33;color:#e2e8f0}.premium-modal .pending-note{font-size:.78rem;color:#c4b5fd}.premium-modal button:disabled{opacity:.7;cursor:not-allowed}.premium-modal small{color:#cbd5e1}.premium-launch{margin-top:18px}html:has(dialog:modal){overflow:hidden}@keyframes dialog-enter{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.experience-modal[open],.result-modal[open]{animation:none}}@media(max-width:480px){.experience-modal,.result-modal{padding:24px;border-radius:22px}.ad-art{min-height:135px}}
#ad-progress{width:100%;height:6px;border:0;border-radius:6px;overflow:hidden;accent-color:#7c3aed;background:#e8edf4}#ad-progress::-webkit-progress-bar{background:#e8edf4;border-radius:6px}#ad-progress::-webkit-progress-value{background:linear-gradient(90deg,#0ea5e9,#7c3aed);border-radius:6px}#ad-progress::-moz-progress-bar{background:#7c3aed;border-radius:6px}.ad-timer{font-size:.82rem;margin:8px 0 16px!important}.ad-orbit{position:relative;isolation:isolate}.ad-orbit::before{content:"";position:absolute;inset:-13px;border-radius:50%;border:1px solid #8b5cf680;pointer-events:none}#ad-dialog[open] .ad-orbit::before{animation:rc-pulse 2.5s ease-in-out 12}#ad-next:disabled{opacity:.6;cursor:wait;box-shadow:none}.ad-art{overflow:hidden}@keyframes rc-pulse{0%,100%{transform:scale(.93);opacity:.4}50%{transform:scale(1.1);opacity:1}}@media(prefers-reduced-motion:reduce){#ad-dialog[open] .ad-orbit::before{animation:none}}

.result-modal dd,.experience-modal dd{overflow-wrap:anywhere;white-space:pre-line;min-width:0}.history-status.pending{background:#fff4db;color:#805500}.recovery-button{margin:16px 0;width:100%}

/* Restart the 30-second pulse for the second preview. */
#ad-dialog[open][data-step='2'] .ad-orbit::before{animation-name:rc-pulse-second}
@keyframes rc-pulse-second{0%,100%{transform:scale(.93);opacity:.4}50%{transform:scale(1.1);opacity:1}}