:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#f6f4ff;background:#0e101a;font-synthesis:none;font-variant-numeric:tabular-nums}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0%,#322250,#171325 47%,#0e101a)}.app{width:min(94vw,560px);padding:32px;background:#1c1c2b;border:1px solid #514365;border-radius:20px;box-shadow:0 18px 70px #0009;text-align:center}header{display:flex;justify-content:space-between;gap:8px;text-align:left}.brand{font-size:.8rem;letter-spacing:.19em;color:#e5c9ff;font-weight:800}.muted{font-size:.8rem;color:#a7a0b8}.art{width:100px;height:100px;border-radius:24px;margin:40px auto 22px;background:linear-gradient(135deg,#8455ae,#45326b);display:grid;place-items:center;font-size:3.5rem;box-shadow:0 10px 40px #120f26}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-weight:700;color:#bf9dfe;font-size:.77rem}h1{font-size:1.6rem;line-height:1.25;margin:10px 0;overflow-wrap:anywhere}.artist{color:#beb4ce;margin-bottom:42px}.progress{height:8px;border-radius:99px;background:#393547;overflow:hidden}.progress>div{width:0%;height:100%;border-radius:99px;background:linear-gradient(90deg,#9f71d8,#dfbaff);transition:width .15s linear}.clock{display:flex;justify-content:space-between;color:#e9dfef;margin-top:12px;font-size:.95rem}.foot{font-size:.75rem;color:#8d869b;margin-top:48px}