:root{--accent: #ef5b31;font-family:Avenir Next,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#f8fbff;background:transparent;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;min-height:100vh;background:transparent}.overlay-shell{position:relative;min-height:100vh;overflow:hidden;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at top left,rgba(255,240,210,.18),transparent 28%),radial-gradient(circle at bottom right,rgba(129,191,255,.22),transparent 34%),linear-gradient(145deg,#0b182b61,#10233d33)}.ambient-panel{position:absolute;inset:10% 12%;border-radius:42px;background:radial-gradient(circle at top,rgba(255,255,255,.12),transparent 42%),linear-gradient(180deg,#ffffff14,#ffffff05);filter:blur(28px)}.overlay-card{position:relative;width:min(900px,100%);padding:28px;border:1px solid rgba(255,255,255,.14);border-radius:32px;background:linear-gradient(135deg,#09192beb,#0f2c4dcc),#ffffff0f;box-shadow:0 28px 90px #00000052;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);opacity:0;transform:translate3d(-14px,34px,0) scale(.965);transition:opacity .3s ease,transform .3s ease}.overlay-card.visible{opacity:1;transform:translateZ(0) scale(1)}.overlay-header,.overlay-footer,.subscriber-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.overlay-badge,.overlay-workspace,.footer-chip{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:#ffffff14;font-size:.85rem}.overlay-workspace,.footer-chip{color:#f8fbffcc}.overlay-body{margin-top:26px}.overlay-kicker{margin:0 0 10px;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:#ffd29a}.overlay-body h1{margin:0;font-size:clamp(2.4rem,5vw,4.6rem);line-height:1;letter-spacing:-.05em}.overlay-copy{margin:16px 0 0;max-width:34rem;color:#f8fbffc2;font-size:1.02rem}.subscriber-row{margin-top:28px;justify-content:flex-start}.avatar-ring{width:92px;height:92px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(135deg,#ffd484eb,#ffffffe0);box-shadow:0 12px 36px #ffc77c52}.avatar-core{width:74px;height:74px;display:grid;place-items:center;border-radius:999px;background:#0a1b2eeb;font-size:2rem;font-weight:800;overflow:hidden}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:999px}.subscriber-copy{display:grid;gap:6px}.subscriber-label,.subscriber-name{margin:0}.subscriber-label{color:#f8fbffa3;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem}.subscriber-name{font-size:clamp(1.6rem,4vw,2.8rem);font-weight:700;white-space:pre-line}.overlay-footer{margin-top:28px;flex-wrap:wrap;justify-content:flex-start}.is-named .overlay-badge{background:#ffd0882e;color:#ffe1b8}.is-anonymous .overlay-card{background:linear-gradient(135deg,#16102aeb,#27194ad1),#ffffff0f}.is-anonymous .overlay-badge{background:#bf9fff33;color:#ece0ff}.is-anonymous .avatar-ring{background:linear-gradient(135deg,#d7bfffe6,#ffffffd6);box-shadow:0 12px 36px #b78aff42}.is-live .overlay-card{background:linear-gradient(135deg,#0c2e29eb,#0b524fd1),#ffffff0f}.is-live{background:transparent}.is-live .ambient-panel{display:none}.is-live .overlay-badge{background:color-mix(in srgb,var(--accent),transparent 82%);color:color-mix(in srgb,var(--accent),white 60%)}.is-live .avatar-ring{background:linear-gradient(135deg,color-mix(in srgb,var(--accent),white 30%),#ffffffe0);box-shadow:0 12px 36px color-mix(in srgb,var(--accent),transparent 74%)}.is-anonymous-card .overlay-badge{background:#bf9fff33;color:#ece0ff}.is-anonymous-ring{background:linear-gradient(135deg,#d7bfffe6,#ffffffd6)!important;box-shadow:0 12px 36px #b78aff42!important}.countdown-bar{position:relative;height:5px;margin-top:20px;border-radius:999px;background:#ffffff14;overflow:hidden}.countdown-fill{position:absolute;inset:0;transform-origin:left center;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent),white 20%),color-mix(in srgb,var(--accent),white 50%));animation:countdown-shrink linear forwards}@keyframes countdown-shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(max-width:720px){.overlay-shell{padding:18px}.overlay-card{padding:22px}.overlay-header,.subscriber-row{flex-direction:column;align-items:flex-start}}