:root{--bg: #f4f4f4;--text: #333;--gone-bg: #000;--gone-text: #fff;--sync-green: #16a34a;--sync-red: #dc2626}*{box-sizing:border-box}[hidden]{display:none!important}body{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;margin:0;padding:clamp(1.5rem,4vh,3rem) 1.5rem;background-color:var(--bg);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--text);transition:.5s;text-align:center;position:relative;overflow-x:hidden}body.gone{background-color:var(--gone-bg);color:var(--gone-text)}a{color:inherit;text-decoration:underline;cursor:pointer}.content{flex:1;display:flex;flex-direction:column;align-items:center;gap:clamp(.75rem,2.2vh,1.35rem);width:min(100%,720px)}.content>h1,.embed-details{margin-top:auto}h1{font-size:clamp(4.5rem,15vw,12rem);margin-bottom:0;line-height:.9;font-weight:900;text-transform:uppercase;letter-spacing:-.05em;display:flex;flex-direction:column;align-items:center;gap:.35rem}.status-label{font-size:clamp(.9rem,3vw,1.15rem);font-weight:700;letter-spacing:.08em;opacity:.7}.status-value{font-size:clamp(4.5rem,15vw,12rem);overflow-wrap:anywhere}.status-value.long{font-size:clamp(3rem,10vw,8rem)}body.loading .status-value{opacity:.3}.party{display:flex;flex-direction:column;align-items:center;gap:.9rem;width:100%}#cycle-img{display:block;max-width:min(90vw,420px);max-height:50vh;width:auto;height:auto;object-fit:contain;border-radius:12px}.party-note{font-size:1.05rem;opacity:.8}.listen-btn{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 2.8rem;border:3px solid currentColor;border-radius:999px;background:var(--gone-text);color:var(--gone-bg);font:inherit;font-size:1.3rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;animation:pulse-glow 2s ease-in-out infinite}.listen-btn:hover{transform:scale(1.05)}.listen-btn:active{transform:scale(.97)}@keyframes pulse-glow{0%,to{box-shadow:0 0 #ffffff59}50%{box-shadow:0 0 0 14px #fff0}}.sync-tagline,.sync-tagline-sub{margin:0;font-style:italic;opacity:0;transition:opacity 3s ease-in}.sync-tagline{font-size:.95rem}.sync-tagline-sub{font-size:.85rem;transition-delay:1s}.sync-tagline.visible{opacity:.9}.sync-tagline-sub.visible{opacity:.7}.donation{margin-top:.25rem}.donation-link{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.4rem;border-radius:999px;border:2px solid;text-decoration:none;font-weight:600;transition:transform .2s,opacity .2s}.donation-link:hover{opacity:.9;transform:translateY(-1px)}.donation-note{font-size:.72rem;opacity:.6;margin-top:.35rem}#sync-status{position:fixed;bottom:1.2rem;right:1.2rem;display:flex;align-items:center;gap:.5rem;font-size:.85rem;opacity:.7;z-index:5}.sync-dot{width:10px;height:10px;border-radius:50%;background:var(--sync-red);transition:background .3s ease}.sync-dot.connected{background:var(--sync-green);animation:dot-pulse 2s ease-in-out infinite}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.5}}#confetti-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:10}.embed-details{width:100%;text-align:start;background:#0000000a;padding:.75rem 1rem;border-radius:12px;font-size:.9rem}body.gone .embed-details{background:#ffffff14}.embed-details summary{cursor:pointer;font-weight:700}.embed-details p{margin:.6rem 0 .2rem;opacity:.9;line-height:1.4}.snippet-row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.55rem}.snippet-row code{flex:1 1 260px;display:block;padding:.55rem .75rem;border-radius:10px;background:#0000000f;font-size:.72rem;line-height:1.35;white-space:pre-wrap;word-break:break-word;text-align:start}body.gone .snippet-row code{background:#ffffff14}.copy-link{display:inline-flex;align-items:center;justify-content:center;padding:.45rem .9rem;border-radius:999px;border:1px solid;background:transparent;font:inherit;font-size:.8rem;font-weight:600;transition:transform .2s,opacity .2s;cursor:pointer;color:inherit}.copy-link:hover{opacity:.9;transform:translateY(-1px)}#debug-panel{position:fixed;bottom:2.5rem;left:1rem;z-index:30;font-size:.75rem;text-align:start}#debug-panel summary{cursor:pointer;user-select:none}#debug-table{margin-top:.4rem;border-collapse:collapse;background:#fffffff2;color:#333;border-radius:8px;font-variant-numeric:tabular-nums}#debug-table td{padding:.2rem .6rem;border-bottom:1px solid rgba(0,0,0,.06);white-space:nowrap}#debug-table td:first-child{font-weight:600}@media(max-width:520px){h1,.status-value{font-size:clamp(3.6rem,17vw,8rem)}.status-value.long{font-size:clamp(2.6rem,12vw,6rem)}#cycle-img{max-height:35vh}}@media(prefers-reduced-motion:reduce){.listen-btn,.sync-dot.connected{animation:none}body{transition:none}}