:root{color-scheme:dark;--bg:#231324;--surface:#342039;--border:#60405c;--muted:#d6b9cc;--accent:#f09a63;--ink:#fff0e8}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#63313f 0,transparent 48%),var(--bg);color:var(--ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button:hover:not(:disabled),.role-card:hover{filter:brightness(1.12)}.topbar{max-width:1320px;margin:auto;padding:27px 48px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.brand{font-size:28px;font-weight:900;letter-spacing:2px;text-decoration:none;display:flex;align-items:center;gap:18px}.brand span{font-size:9px;font-weight:650;letter-spacing:2px;max-width:130px;line-height:1.5;color:var(--muted)}.account-nav{display:flex;gap:24px;align-items:center;font-size:13px;color:var(--muted)}.text-button{border:0;background:none;color:var(--ink);padding:10px}.outline-button{border:1px solid var(--border);background:transparent;color:var(--ink);border-radius:8px;padding:9px 18px}main{max-width:1320px;margin:auto;padding:45px 48px 24px}.welcome{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.9px;margin:0 0 12px}.welcome .eyebrow{color:var(--accent)}h1{font-size:clamp(30px,4vw,44px);letter-spacing:-1.5px;line-height:1.15;margin:0 0 14px}h2{font-size:23px;line-height:1.3;letter-spacing:-.5px;margin:0 0 17px}h3{font-size:21px;margin:9px 0}.muted{color:var(--muted)}.welcome .muted{margin:0}#account-status{min-height:24px;color:var(--accent);font-size:14px;margin:18px 0}.overview{display:grid;grid-template-columns:1.15fr 1fr 1fr 1.1fr;gap:16px}.credit-card,.stat-card{padding:25px;border-radius:14px;min-height:198px}.credit-card{background:var(--accent);color:#2d1425;position:relative}.credit-value,.stat-card strong{font-size:48px;font-weight:720;line-height:1.1;letter-spacing:-2px}.credit-card p:not(.eyebrow){font-size:13px;margin:7px 0 20px}.credit-buy{font-size:14px;font-weight:750;display:flex;justify-content:space-between;text-decoration:none}.stat-card{background:#362239;border:1px solid var(--border)}.stat-card .eyebrow{color:var(--muted)}.stat-card p:last-child{color:var(--muted);font-size:13px;margin:12px 0 0}.stat-card .date-value{font-size:29px;letter-spacing:-.6px;display:block;margin-top:23px}.venue-panel{margin:25px 0 35px;padding:30px;background:linear-gradient(120deg,#492637,#302035);border:1px solid var(--border);border-radius:14px;display:grid;grid-template-columns:1fr 300px;gap:36px;align-items:center}.venue-details .eyebrow{color:var(--accent)}label{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}select{max-width:100%;width:370px;color:var(--ink);border:1px solid #966578;background:#251526;padding:10px 13px;border-radius:7px}.venue-details .muted{font-size:13px;margin:8px 0 12px}.connection{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.connection:before{content:'';background:#b99cac;width:7px;height:7px;border-radius:50%}.connection.connected:before{background:#d7dda2}.start-area{text-align:center}.primary-button{display:block;width:100%;padding:17px 12px;background:var(--accent);color:#2d1425;border:0;border-radius:9px;font-weight:750;font-size:17px}.start-area p{font-size:12px;color:var(--muted);max-width:275px;margin:12px auto 16px}.start-area a{font-size:13px;text-underline-offset:4px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-bottom:4px}.section-heading span{font-size:12px;color:var(--muted)}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.role-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:25px;text-decoration:none;transition:background .15s}.role-card .eyebrow{display:block;color:var(--muted);margin-top:15px}.role-icon{font-size:25px;color:var(--accent);display:block;height:32px}.role-card p{font-size:14px;color:var(--muted);min-height:45px;margin:8px 0 22px;max-width:290px}.card-action{font-size:13px;font-weight:650;color:var(--accent)}.history{margin-top:35px}.empty-state{padding:28px;border:1px dashed var(--border);border-radius:10px;color:var(--muted);font-size:14px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-weight:500;color:var(--muted);font-size:12px}th,td{padding:15px 13px;border-bottom:1px solid var(--border)}td:last-child{color:var(--accent)}footer{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;padding-top:35px;gap:20px}footer a{text-underline-offset:3px}[hidden]{display:none!important}@media(max-width:900px){.topbar{padding:20px 25px}main{padding:30px 25px}.overview{grid-template-columns:repeat(2,1fr)}.venue-panel{grid-template-columns:1fr 260px;gap:22px}.role-card{padding:20px}.role-card p{min-height:85px}}@media(max-width:620px){.topbar{padding:17px 20px}.brand span{display:none}.account-nav{gap:8px}.account-nav>span{max-width:120px}main{padding:28px 18px}.welcome{align-items:flex-start;gap:12px}.welcome .muted{font-size:14px}.welcome .outline-button{font-size:12px;padding:8px 12px}.overview{gap:10px}.credit-card,.stat-card{padding:19px;min-height:185px}.eyebrow{font-size:10px}.stat-card .date-value{font-size:25px}.venue-panel{grid-template-columns:1fr;padding:22px;gap:25px;margin-top:18px}.role-grid{grid-template-columns:1fr}.role-card{padding:23px}.role-card p{min-height:0;max-width:none}.role-icon{float:right}.section-heading{align-items:flex-start}.section-heading h2{font-size:21px}.section-heading span{max-width:110px;text-align:right}footer{font-size:11px}.stat-card strong,.credit-value{font-size:43px}}
/* Allow the venue grid to shrink below the select's preferred desktop width. */
.venue-panel>*,.overview>*,.role-grid>*{min-width:0}select{width:100%;max-width:370px;min-width:0}h1,h2,.stat-card p{overflow-wrap:anywhere}

.credit-card{background:#b14d34;color:#fff3e9}.credit-card .credit-buy{color:#fff3e9}.role-icon,.card-action{color:#ffb78c}.primary-button{background:#f4ad7f}.connection.connected{color:#e0dfa9}

/* Palette sampled from the red-and-blue waiting-room animation. */
:root{--bg:#070718;--surface:#11122d;--border:#343b82;--muted:#b9bee8;--accent:#ff1a25;--blue:#596dff;--ink:#fff}
body{position:relative;min-height:100vh;background:radial-gradient(circle at 78% 8%,rgba(255,25,35,.42),transparent 30%),linear-gradient(145deg,#070718 0%,#11133c 46%,#090919 72%,#32000b 100%);background-attachment:fixed}
body:before{content:"";position:fixed;z-index:-1;inset:-18vh -12vw auto auto;width:72vw;height:32vh;transform:rotate(-22deg);background:linear-gradient(180deg,transparent 0%,rgba(91,109,255,.13) 28%,rgba(120,132,255,.72) 48%,rgba(19,20,77,.7) 57%,transparent 78%);filter:blur(2px);pointer-events:none}
.topbar{background:rgba(7,7,24,.62);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.brand{color:#fff;text-shadow:0 0 24px rgba(89,109,255,.75)}
.welcome .eyebrow,#account-status,.venue-details .eyebrow,.role-icon,.card-action,td:last-child{color:#ff5b63}
.outline-button{border-color:#5363cf;background:rgba(21,23,64,.72)}
.credit-card{overflow:hidden;background:linear-gradient(145deg,#ff1a25 0%,#cf0014 54%,#72000d 100%);color:#fff;box-shadow:0 16px 42px rgba(190,0,19,.27)}
.credit-card>*{position:relative;z-index:1}.credit-card .credit-buy{color:#fff}
.stat-card,.role-card{background:linear-gradient(145deg,rgba(26,28,73,.91),rgba(10,10,29,.94));border-color:#343b82;box-shadow:inset 0 1px 0 rgba(133,145,255,.15)}
.venue-panel{background:linear-gradient(118deg,rgba(87,0,15,.9),rgba(18,19,61,.94) 58%,rgba(7,7,24,.96));border-color:#4652a7;box-shadow:0 18px 58px rgba(0,0,10,.35)}
select{border-color:#5363cf;background:#101231}.primary-button{background:linear-gradient(135deg,#ff2631,#d30018);color:#fff;box-shadow:0 8px 28px rgba(255,26,37,.26)}
.connection.connected,.start-area a{color:#9da8ff}
a:focus-visible,button:focus-visible,select:focus-visible{outline-color:#8d9aff}
.role-card:hover{background:linear-gradient(145deg,rgba(35,38,96,.96),rgba(22,8,34,.96))}
table,.empty-state{background:rgba(8,8,28,.38)}

/* Start calm, then reveal denser account detail below the first screen. */
.welcome{max-width:760px;padding-top:clamp(20px,5vh,64px)}
.welcome h1{font-size:clamp(40px,5.4vw,72px);letter-spacing:-2.5px}
.welcome .outline-button{position:absolute;right:48px;top:132px}
#account-status:empty{display:none}
#account-status{margin:18px 0 0}
.venue-panel{min-height:280px;margin:clamp(40px,7vh,82px) 0 0;padding:clamp(30px,4vw,54px);grid-template-columns:minmax(0,1fr) minmax(260px,360px);background:rgba(9,9,31,.66);border-color:rgba(86,100,205,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.venue-panel h2{font-size:clamp(30px,3.6vw,48px);margin-bottom:28px}
.venue-details label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.venue-details select{font-size:15px;background:rgba(15,17,51,.88)}
.start-area .primary-button{font-size:18px;padding:20px 14px}
.setup-prompt{margin:0 0 7px!important;max-width:none!important;color:#fff!important;font-size:12px!important;font-weight:750;text-align:left;text-transform:uppercase;letter-spacing:1.4px}.setup-explainer{max-width:none!important;margin:0 0 15px!important;color:var(--muted)!important;font-size:12px!important;text-align:left}.setup-actions{display:grid;grid-template-columns:1fr;gap:9px}.setup-button{padding:14px 12px;border:1px solid #596dff;border-radius:9px;background:#171a4a;color:#fff;font-weight:750;font-size:15px}.setup-button--quiet{border-color:#3d447f;background:rgba(14,15,48,.7)}.setup-button:hover{background:#242968}.setup-button[hidden],.setup-explainer[hidden]{display:none}.setup-actions:has(.setup-button[hidden]){grid-template-columns:1fr}
.dashboard-detail{position:relative;margin-bottom:48px;padding-top:12px}
.scroll-cue{width:max-content;margin:24px auto clamp(92px,13vh,160px);display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:1.3px;text-decoration:none;text-transform:uppercase}.scroll-cue__arrow{color:#8d9aff;font-size:35px;font-weight:300;line-height:1;animation:scroll-cue 1.8s ease-in-out infinite}.scroll-cue:hover{color:#fff}.scroll-cue:focus-visible{border-radius:8px}@keyframes scroll-cue{0%,100%{transform:translateY(0);opacity:.7}50%{transform:translateY(7px);opacity:1}}@media(prefers-reduced-motion:reduce){.scroll-cue__arrow{animation:none}}
.dashboard-detail:before{content:"";position:absolute;z-index:-1;inset:-55px -48px -75px;background:radial-gradient(circle at 8% 30%,rgba(255,26,37,.13),transparent 30%),radial-gradient(circle at 82% 65%,rgba(89,109,255,.14),transparent 32%)}
.dashboard-detail>.section-heading{margin-bottom:22px}.dashboard-detail>.section-heading .eyebrow{color:#ff5b63;margin-bottom:7px}.dashboard-detail>.section-heading h2{font-size:30px;margin:0}
@media(max-width:900px){.welcome .outline-button{right:25px}.venue-panel{grid-template-columns:1fr}}
@media(max-width:620px){.welcome{padding-top:12px}.welcome h1{font-size:40px;letter-spacing:-1.8px}.welcome .outline-button{position:static;flex:none}.venue-panel{grid-template-columns:1fr;min-height:0;margin:42px 0 0;padding:28px 22px}.venue-panel h2{font-size:30px;margin-bottom:22px}.scroll-cue{margin-bottom:90px}.setup-actions{grid-template-columns:1fr}.dashboard-detail>.section-heading{align-items:end}.dashboard-detail>.section-heading span{max-width:145px}.dashboard-detail:before{inset:-40px -18px -60px}}