.rt-root{position:fixed;inset:0;z-index:55;display:grid;place-items:center;padding:24px 16px;overflow-y:auto;background:radial-gradient(600px 420px at 50% 40%,rgba(60,40,110,.45),transparent 70%),rgba(6,5,12,.9)}.rt-card{width:min(420px,100%);display:grid;justify-items:center;gap:14px;padding:26px 22px 18px;border-radius:22px;border:1px solid var(--rim);background:linear-gradient(180deg,color-mix(in oklab,var(--case) 92%,transparent),var(--case));box-shadow:0 30px 80px -30px rgba(0,0,0,.8);text-align:center}.rt-card.stage-3{border-color:color-mix(in oklab,var(--leak) 55%,var(--rim));box-shadow:0 30px 80px -30px rgba(0,0,0,.8),0 0 60px -20px var(--leak);transition:border-color .4s,box-shadow .4s}.rt-ring{position:relative;width:132px;height:132px}.rt-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.rt-ring .track{fill:none;stroke:var(--rim);stroke-width:6}.rt-ring .bar{fill:none;stroke:var(--spot);stroke-width:6;stroke-linecap:round;filter:drop-shadow(0 0 6px color-mix(in oklab,var(--spot) 60%,transparent))}.stage-2 .rt-ring .bar,.stage-3 .rt-ring .bar{stroke:var(--leak)}.rt-ring .comet{fill:#bfe9ff;transform-origin:66px 66px;animation:rt-orbit 1.6s linear infinite;filter:drop-shadow(0 0 6px #58c7ff)}.slow .rt-ring .comet{animation-duration:4s}@keyframes rt-orbit{to{transform:rotate(1turn)}}.rt-ring-mid{position:absolute;inset:0;display:grid;place-items:center;grid-auto-flow:column;align-content:center;justify-content:center;gap:2px;font-family:var(--font-display)}.rt-ring-mid b{font-size:38px;line-height:1;color:var(--ivory);align-self:baseline}.rt-ring-mid span{font-size:13px;color:var(--dust);align-self:baseline}.rt-burst{width:58px;height:58px;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:radial-gradient(circle at 50% 40%,#fff,var(--leak) 55%,color-mix(in oklab,var(--leak) 40%,transparent));box-shadow:0 0 40px var(--leak)}.rt-title h2{font-size:22px;margin:0}.rt-title p{margin:4px 0 0;font-size:13px;color:var(--dust)}.rt-roller{display:grid;gap:2px;justify-items:center}.rt-roller .lab{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--dust-2)}.rt-roller code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px;letter-spacing:.06em;color:var(--ivory);padding:6px 12px;border-radius:10px;background:#0c0a14;border:1px solid var(--rim)}.rt-roller .dim{color:var(--dust-2)}.rt-roller .roll{color:var(--dust)}.rt-roller.done code{border-color:color-mix(in oklab,var(--card) 50%,var(--rim))}.rt-roller.done .lab{color:var(--card)}.rt-steps{list-style:none;margin:4px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:100%}.rt-steps li{display:grid;justify-items:center;gap:4px;font-size:11px;color:var(--dust-2);position:relative}.rt-steps li:before{content:"";position:absolute;top:9px;left:calc(-50% + 12px);right:calc(50% + 12px);height:2px;background:var(--rim)}.rt-steps li:first-child:before{display:none}.rt-steps li.done:before,.rt-steps li.now:before{background:var(--card)}.rt-steps .pip{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;color:#0b0a12;border:2px solid var(--rim-2);background:transparent}.rt-steps li.done{color:var(--ivory)}.rt-steps li.done .pip{background:var(--card);border-color:var(--card)}.rt-steps li.now{color:var(--ivory)}.rt-steps li.now .pip{border-color:var(--spot);box-shadow:0 0 0 4px color-mix(in oklab,var(--spot) 20%,transparent);animation:rt-pulse 1.3s ease-in-out infinite}.stage-3 .rt-steps li.now .pip{background:var(--leak);border-color:var(--leak);animation:none}@keyframes rt-pulse{50%{box-shadow:0 0 0 7px color-mix(in oklab,var(--spot) 8%,transparent)}}.rt-hint{min-height:2.6em;margin:0;font-size:13px;color:var(--dust);max-width:34ch}.rt-hint code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--ivory)}.rt-link{color:var(--ivory);text-decoration:underline;text-underline-offset:2px;white-space:nowrap}.rt-link.demo{text-decoration:none;color:var(--dust-2)}.rt-slow{margin:0;font-size:12px;color:var(--dust);padding:10px 12px;border-radius:12px;border:1px solid var(--rim-2);background:var(--case-2);text-align:left}.rt-foot{margin:2px 0 0;font-size:11px;color:var(--dust-2)}@media (prefers-reduced-motion:reduce){.rt-ring .comet,.rt-steps li.now .pip{animation:none}}.rt-test{font-size:11px;padding:3px 10px;border-radius:999px;border:1px dashed var(--gold);color:var(--gold)}.rt-card{position:relative}.rt-close{position:absolute;top:10px;right:12px;width:34px;height:34px;border-radius:50%;border:1px solid var(--rim-2);background:var(--case-2);color:var(--ivory);font-size:20px;line-height:1;cursor:pointer}.rt-close:hover{background:var(--case);border-color:var(--dust-2)}