:root{--bg: #111111;--bg-2: #1a1a1a;--surface: #1a1a1a;--surface-2: #242424;--line: #2e2e2e;--text: #ffffff;--muted: #E7E7E7;--muted-2: #999999;--brand: #00A8E1;--brand-2: #F7A800;--accent: #00A8E1;--warn: #F7A800;--danger: #ef476f;--radius: 16px;--radius-sm: 11px;--shadow: 0 12px 40px rgba(0, 0, 0, .6);--glow: 0 0 24px rgba(0, 168, 225, .35)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:#111;-webkit-font-smoothing:antialiased}.screen{min-height:100vh;display:flex;flex-direction:column;padding:0 20px 28px;max-width:520px;margin:0 auto;width:100%}.screen.pad-top{padding-top:56px}.appbar{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 0 12px;background:linear-gradient(180deg,#111111 70%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.appbar-title{font-size:17px;font-weight:700;margin:0;letter-spacing:.2px}.iconbtn{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:22px;line-height:1;display:grid;place-items:center;cursor:pointer}.iconbtn.ghost{border:none;background:transparent}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700;color:var(--brand)}.h1{font-size:30px;line-height:1.12;font-weight:800;margin:8px 0 6px}.h2{font-size:20px;font-weight:700;margin:0 0 4px}.lead{color:var(--muted);font-size:15px;line-height:1.5}.section-label{font-size:13px;font-weight:700;color:var(--muted);margin:22px 0 10px}.fill{flex:1}.btn{width:100%;border:none;border-radius:var(--radius);padding:16px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .08s ease,filter .15s ease,opacity .15s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{color:#fff;background:transparent;border:2px solid #00A8E1}.btn-primary:hover{background:#00a8e11a}.btn-secondary{background:transparent;color:#fff;border:2px solid #F7A800}.btn-secondary:hover{background:#f7a8001a}.btn-ghost{background:transparent;color:var(--muted)}.btn-oauth,.btn-oauth.dark{background:transparent;color:#fff;border:2px solid var(--line)}.btn-row{display:flex;flex-direction:column;gap:10px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.card.tap{cursor:pointer;transition:border-color .15s,background .15s}.card.tap:active{transform:scale(.99)}.field{margin-bottom:14px}.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:7px;font-weight:600}.input{width:100%;background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:var(--radius-sm);padding:14px;font-size:16px;outline:none;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #3da9fc2e}.input::placeholder{color:var(--muted-2)}.divider{display:flex;align-items:center;gap:12px;color:var(--muted-2);font-size:12px;margin:20px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:700;background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}.chip.brand,.chip.accent{background:#00a8e11f;color:#00a8e1;border-color:#00a8e166}.chip.warn{background:#f7a8001f;color:var(--warn);border-color:#f7a80066}.date-strip{display:flex;gap:10px;overflow-x:auto;padding:2px 0 6px;margin:0 -4px}.date-strip::-webkit-scrollbar{height:0}.date-pill{flex:0 0 auto;min-width:76px;padding:12px 10px;border-radius:14px;background:var(--surface);border:1px solid var(--line);text-align:center;cursor:pointer;position:relative}.date-pill .dp-label{font-size:13px;font-weight:700}.date-pill .dp-sub{font-size:10px;color:var(--muted-2);margin-top:2px}.date-pill.active{border-color:#00a8e1;background:#00a8e11a;box-shadow:var(--glow)}.date-pill.blackout{opacity:.4;cursor:not-allowed}.slot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.slot{padding:14px 6px;border-radius:12px;background:var(--surface);border:1px solid var(--line);text-align:center;cursor:pointer;font-weight:700;font-size:14px}.slot .slot-sub{display:block;font-size:10px;font-weight:600;color:var(--muted-2);margin-top:3px}.slot.active{border-color:#00a8e1;background:#00a8e11a;box-shadow:var(--glow)}.slot.busy{color:var(--warn)}.slot.full{opacity:.4;cursor:not-allowed;text-decoration:line-through}.tier{position:relative;display:flex;flex-direction:column;gap:8px;border:1.5px solid var(--line)}.tier.active{border-color:var(--brand);box-shadow:var(--glow)}.tier-top{display:flex;justify-content:space-between;align-items:baseline}.tier-name{font-size:17px;font-weight:800}.tier-price{font-size:22px;font-weight:800}.tier-price small{font-size:12px;font-weight:600;color:var(--muted)}.tier-blurb{font-size:13px;color:var(--muted)}.tier-perks{list-style:none;padding:0;margin:4px 0 0;display:grid;gap:5px}.tier-perks li{font-size:12.5px;color:var(--muted);display:flex;gap:8px}.tier-perks li:before{content:"✓";color:var(--accent);font-weight:800}.tier-badge{position:absolute;top:-10px;right:14px;background:#f7a800;color:#111;font-size:10px;font-weight:800;padding:4px 10px;border-radius:999px;letter-spacing:.5px}.summary{display:grid;gap:2px}.summary-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line)}.summary-row:last-child{border-bottom:none}.summary-row .k{color:var(--muted);font-size:14px}.summary-row .v{font-weight:700;font-size:14px}.summary-row.total .v{font-size:18px;color:#00a8e1}.footer-cta{position:sticky;bottom:0;margin:18px -20px 0;padding:14px 20px 18px;background:linear-gradient(0deg,#111111 65%,transparent)}.bridge{position:relative;height:188px;margin:18px 0 6px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,#0b1330,#0a1b3a 55%,#08254d)}.bridge svg{width:100%;height:100%;display:block}.queue-circle{width:190px;height:190px;border-radius:50%;margin:8px auto 6px;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,rgba(0,168,225,.15),transparent 70%);border:2px solid var(--line);position:relative}.queue-circle:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;border:2px solid transparent;border-top-color:var(--brand);border-right-color:var(--brand-2);animation:spin 2.6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.queue-num{font-size:58px;font-weight:800;line-height:1}.queue-num-sub{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1.5px}.queue-line{display:flex;gap:6px;justify-content:center;margin:14px 0}.queue-dot{width:9px;height:9px;border-radius:50%;background:var(--surface-2);border:1px solid var(--line)}.queue-dot.me{background:var(--brand);box-shadow:var(--glow);border-color:var(--brand)}.queue-dot.done{background:var(--muted-2)}.timer-bar{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px;margin-bottom:14px}.timer-bar.warn{border-color:var(--danger);box-shadow:0 0 0 3px #ef476f29}.timer-val{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}.timer-val.warn{color:var(--danger)}.timer-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.zone-row{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:var(--surface);border:1px solid var(--line);margin-bottom:10px}.zone-swatch{width:44px;height:44px;border-radius:11px;border:2px solid rgba(255,255,255,.18);flex:0 0 auto;box-shadow:0 0 16px var(--zone-glow, transparent)}.zone-info{flex:1}.zone-name{font-weight:700;font-size:15px}.zone-hex{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.zone-color-input{width:40px;height:40px;padding:0;border:none;background:none;cursor:pointer;border-radius:10px;overflow:hidden}.zone-color-input::-webkit-color-swatch-wrapper{padding:0}.zone-color-input::-webkit-color-swatch{border:none;border-radius:10px}.swatch-grid{display:flex;flex-wrap:wrap;gap:9px}.swatch{width:34px;height:34px;border-radius:9px;border:2px solid rgba(255,255,255,.14);cursor:pointer}.swatch.active{border-color:#fff;transform:scale(1.08)}.show-list{display:grid;gap:10px}.show-card{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--line);cursor:pointer;text-align:left}.show-card:active{transform:scale(.99)}.show-card.playing{border-color:var(--accent);box-shadow:0 0 0 3px #06d6a029}.show-play{width:40px;height:40px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;font-size:15px;background:var(--surface-2);border:1px solid var(--line);color:var(--text)}.show-card.playing .show-play{background:var(--accent);color:#04122a;border-color:var(--accent)}.show-name{font-weight:700;font-size:14.5px}.show-desc{font-size:12px;color:var(--muted);margin-top:2px}.tabs{display:flex;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:5px;margin-bottom:16px}.tab{flex:1;padding:10px;border-radius:10px;border:none;background:transparent;color:var(--muted);font-weight:700;font-size:13px;cursor:pointer}.tab.active{background:var(--surface-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}.center{text-align:center}.stack-12>*+*{margin-top:12px}.note{font-size:12px;color:var(--muted-2);text-align:center;margin-top:10px}.badge-live{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--accent);font-weight:700}.badge-live:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:pulse 1.4s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.success-ring{width:96px;height:96px;margin:12px auto 8px;border-radius:50%;display:grid;place-items:center;background:#00a8e11f;border:2px solid #00A8E1;font-size:42px;color:#00a8e1}.toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%);background:var(--surface-2);border:1px solid var(--line);color:var(--text);padding:10px 16px;border-radius:999px;font-size:13px;font-weight:600;z-index:20;box-shadow:var(--shadow)}.logo-dot{width:38px;height:38px;border-radius:11px;background:#00a8e1;display:grid;place-items:center;font-weight:800;color:#fff;font-size:18px}.brand-row{display:flex;align-items:center;gap:10px}.brand-name{font-weight:800;font-size:16px;letter-spacing:.3px}.hero-page{min-height:100vh;display:flex;flex-direction:column;position:relative;background:#111}.hero-nav{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:24px 40px;background:transparent}@media (max-width: 600px){.hero-nav{padding:20px}}.hero-logo{height:34px;width:auto;object-fit:contain}.hero-bridge-wrap{position:relative;height:55vh;min-height:260px;max-height:520px;overflow:hidden;flex-shrink:0}.hero-bridge-wrap svg{width:100%;height:100%;display:block}.hero-bridge-photo{width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block}.hero-bridge-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 0%,transparent 65%,rgba(17,17,17,.5) 85%,#111111 100%)}.hero-body{position:relative;z-index:1;margin-top:-32px;flex:1;display:flex;flex-direction:column;align-items:center;padding:0 24px 60px}@media (max-width: 600px){.hero-body{padding:0 20px 48px}}.hero-inner{width:100%;max-width:640px;display:flex;flex-direction:column;align-items:center;text-align:center}.hero-h1{font-size:clamp(38px,5.5vw,68px);line-height:1.06;font-weight:800;margin:12px 0 20px;color:#fff;letter-spacing:-.5px}@keyframes bridge-colors{0%{color:#fff}15%{color:#4fc3f7}30%{color:#ff7043}45%{color:#ab47bc}60%{color:#66bb6a}75%{color:#ffa726}90%{color:#26c6da}to{color:#fff}}.hero-h1-color{animation:bridge-colors 6s ease-in-out infinite}.hero-lead{font-size:clamp(15px,1.8vw,18px);color:var(--muted);line-height:1.7;max-width:480px;width:100%}.hero-event-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px 28px;margin-top:32px;position:relative;overflow:hidden}.hero-event-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#00a8e1}.hero-event-card .badge-live{font-size:13px}.hero-event-card .lead,.hero-event-card p{font-size:15px!important;margin-top:10px!important;line-height:1.6!important}.hero-cta{margin-top:32px;max-width:420px}.hero-cta .btn-primary{padding:20px 24px;font-size:18px;border-radius:18px;box-shadow:0 0 24px #00a8e14d}.hero-cta .btn-ghost{font-size:15px;padding:14px;color:var(--muted)}.hero-cta .btn-ghost:hover{color:var(--text)}