:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0c0f12;--panel:#ffffff14;--panel-strong:#ffffff21;--panel-soft:#ffffff0b;--line:#ffffff1f;--text:#f4f1ec;--muted:#aeb6ba;--dim:#747f85;--coral:#ff6b4a;--mint:#5ee3c3;--gold:#f7cb63;--blue:#7ba7ff;--danger:#ff6f8d;--ok:#62d49d;--radius:8px}*{box-sizing:border-box}html{background:var(--background);min-height:100%}body{min-height:100%;color:var(--text);letter-spacing:0;background:radial-gradient(circle at 18% 12%,#5ee3c31f,#0000 26rem),radial-gradient(circle at 84% 6%,#ff6b4a1c,#0000 30rem),linear-gradient(135deg,#0c0f12 0%,#151817 46%,#10141a 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.app-shell{width:min(1500px,100%);min-height:100dvh;margin:0 auto;padding:18px}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:6px 2px 18px;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{border:1px solid var(--line);background:linear-gradient(135deg,#5ee3c338,#ff6b4a2e);border-radius:8px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 10px 30px #0000003d}.brand h1{margin:0;font-size:1.05rem;line-height:1.05}.brand p{color:var(--muted);margin:4px 0 0;font-size:.82rem}.status-pill,.chip,.mini-pill{border:1px solid var(--line);min-height:34px;color:var(--muted);white-space:nowrap;background:#ffffff13;border-radius:999px;align-items:center;gap:7px;display:inline-flex}.status-pill{padding:0 12px}.chip{padding:0 10px;font-size:.82rem}.mini-pill{min-height:26px;padding:0 8px;font-size:.74rem}.pulse-dot{background:var(--ok);border-radius:999px;width:8px;height:8px;box-shadow:0 0 18px #62d49de6}.console-grid{grid-template-columns:minmax(280px,.82fr) minmax(430px,1.35fr) minmax(320px,.9fr);align-items:start;gap:14px;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 18px 48px #0000003d}.panel-header{justify-content:space-between;align-items:center;gap:10px;padding:14px 14px 10px;display:flex}.panel-title{min-width:0;color:var(--text);align-items:center;gap:9px;font-size:.9rem;font-weight:720;display:flex}.panel-title svg{color:var(--mint)}.panel-body{padding:0 14px 14px}.event-card{overflow:hidden}.event-art{border-bottom:1px solid var(--line);background:#171d20;min-height:214px;position:relative}.event-art img{object-fit:cover;width:100%;height:280px;display:block}.event-art:after{content:"";background:linear-gradient(#0000 34%,#0c0f12db 100%);position:absolute;inset:0}.event-meta{z-index:1;position:absolute;inset:auto 14px 14px}.event-meta h2{max-width:10ch;margin:8px 0 4px;font-size:clamp(1.72rem,6vw,3rem);line-height:.92}.event-meta p{color:var(--muted);margin:0}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.metric{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft);padding:12px}.metric strong{font-size:1.35rem;display:block}.metric span{color:var(--muted);font-size:.78rem}.stage{gap:14px;display:grid}.now-playing{background:linear-gradient(135deg, #5ee3c31f, #ff6b4a17), var(--panel);overflow:hidden}.deck{grid-template-columns:116px minmax(0,1fr);align-items:center;gap:14px;display:grid}.record{aspect-ratio:1;background:repeating-radial-gradient(circle, #101316 0 5px, #1d2225 6px 8px), radial-gradient(circle at center, var(--coral) 0 15%, #0b0d10 16% 100%);border:1px solid #ffffff24;border-radius:999px;width:116px;animation:14s linear infinite spin;position:relative;box-shadow:inset 0 0 0 10px #ffffff05,0 18px 34px #00000047}.record:after{border-radius:inherit;background:var(--gold);content:"";position:absolute;inset:43%}@keyframes spin{to{transform:rotate(360deg)}}.track-title{margin:0 0 4px;font-size:clamp(1.5rem,3.2vw,2.5rem);line-height:1}.track-artist{color:var(--muted);margin:0 0 14px}.transport{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.icon-button,.primary-button,.ghost-button{border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;gap:8px;min-height:42px;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}.icon-button{background:#ffffff12;width:42px}.primary-button{background:var(--text);color:#101316;padding:0 14px;font-weight:760}.ghost-button{background:#ffffff0f;padding:0 12px}.compact-button{min-height:34px;padding:0 10px;font-size:.82rem}.icon-button:hover,.primary-button:hover,.ghost-button:hover,.vibe-button:hover{border-color:#ffffff47;transform:translateY(-1px)}.waveform{border:1px solid var(--line);border-radius:var(--radius);background:#0000002e;grid-template-columns:repeat(38,1fr);align-items:end;gap:3px;height:86px;padding:10px;display:grid}.bar{background:linear-gradient(180deg, var(--mint), var(--coral));opacity:.82;border-radius:5px 5px 1px 1px;min-height:12px}.vibe-controls{gap:12px;display:grid}.vibe-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.vibe-button{border:1px solid var(--line);border-radius:var(--radius);min-height:72px;color:var(--muted);cursor:pointer;text-align:left;background:#ffffff0e;padding:10px}.vibe-button.active{color:var(--text);background:#5ee3c321;border-color:#5ee3c394}.vibe-button strong,.vibe-button span{display:block}.vibe-button span{margin-top:4px;font-size:.75rem}.sliders{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.slider-box{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0b;padding:10px}.slider-box label{color:var(--muted);justify-content:space-between;gap:8px;font-size:.78rem;display:flex}input[type=range]{width:100%;accent-color:var(--mint)}.queue-list,.request-list,.playlist-list{gap:8px;display:grid}.song-row{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0b;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.moderation-actions{grid-column:1/-1;justify-content:flex-end;gap:6px;display:flex}.mini-action{border:1px solid var(--line);min-height:30px;color:var(--muted);cursor:pointer;background:#ffffff12;border-radius:6px;padding:0 9px;font-size:.75rem}.mini-action.danger{color:var(--danger)}.song-index,.song-score{width:38px;height:38px;color:var(--muted);background:#ffffff14;border-radius:7px;place-items:center;font-size:.8rem;font-weight:760;display:grid}.song-main{min-width:0}.song-main strong,.song-main span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.song-main span{color:var(--muted);font-size:.82rem}.status{text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}.status.accepted{color:var(--ok)}.status.rejected{color:var(--danger)}.form-grid{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.text-input{border:1px solid var(--line);border-radius:var(--radius);width:100%;min-height:42px;color:var(--text);background:#0003;outline:none;padding:0 12px}.text-input:focus{border-color:#5ee3c39e}.sms-preview{border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background:#0000002e;padding:12px;font-size:.86rem;line-height:1.45}.tabs{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0b;gap:6px;padding:4px;display:flex}.tab{min-height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1}.tab.active{color:var(--text);background:#ffffff24}.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.integration-card{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0b;min-height:98px;padding:12px}.integration-card.ready{border-color:#62d49d61}.integration-card.error{border-color:#ff6f8d6b}.integration-card strong,.integration-card span,.integration-card small{display:block}.integration-card span{color:var(--muted);margin-top:6px;font-size:.8rem;line-height:1.35}.integration-card small{color:var(--dim);margin-top:8px;font-size:.72rem;line-height:1.3}.integration-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.tool-state{text-transform:uppercase;align-items:center;gap:4px;line-height:1;margin-top:0!important;font-size:.72rem!important;display:inline-flex!important}.tool-state.ready{color:var(--ok)}.tool-state.mock{color:var(--gold)}.tool-state.error{color:var(--danger)}.footnote{color:var(--dim);margin:12px 0 0;font-size:.76rem;line-height:1.4}.attendee-shell{width:min(980px,100%);min-height:100dvh;margin:0 auto;padding:18px}.attendee-hero{align-content:space-between;min-height:52dvh;padding:8px 0 24px;display:grid}.attendee-nav{justify-content:space-between;align-items:center;gap:12px;display:flex}.attendee-focus{gap:12px;padding-top:14dvh;display:grid}.attendee-focus h2{max-width:9ch;margin:0;font-size:clamp(3.2rem,14vw,7.4rem);line-height:.86}.attendee-focus p{color:var(--muted);margin:0;font-size:clamp(1rem,2.2vw,1.25rem)}.request-callout{border-radius:var(--radius);background:#5ee3c317;border:1px solid #5ee3c361;align-items:center;gap:10px;width:fit-content;min-height:46px;padding:0 14px;display:inline-flex}.attendee-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:14px;padding-bottom:24px;display:grid}.public-now{border:1px solid var(--line);border-radius:var(--radius);background:#00000029;gap:5px;padding:18px;display:grid}.public-now strong{font-size:clamp(1.8rem,5vw,3.2rem);line-height:.95}.public-now span,.public-now small{color:var(--muted)}.checklist{color:var(--muted);gap:10px;display:grid}.checklist p{margin:0}.checklist strong,.checklist code,.checklist a{width:fit-content;color:var(--text)}.checklist code{border:1px solid var(--line);background:#0000002e;border-radius:6px;padding:8px 10px}.login-wrap{place-items:center;min-height:calc(100dvh - 36px);display:grid}.login-panel{width:min(460px,100%)}.login-form{gap:12px;display:grid}.login-form p{color:var(--muted);margin:0;line-height:1.45}.dashboard-shell{width:min(1180px,100%)}.dashboard-hero{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,#5ee3c31f,#f7cb6314),#ffffff0e;grid-template-columns:minmax(0,1fr) minmax(320px,.78fr);align-items:end;gap:14px;margin-bottom:14px;padding:22px;display:grid}.dashboard-hero h2{margin:10px 0 4px;font-size:clamp(2rem,6vw,4.8rem);line-height:.9}.dashboard-hero p{color:var(--muted);margin:0}.dashboard-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.notice-banner{border-radius:var(--radius);color:var(--text);background:#62d49d1a;border:1px solid #62d49d57;margin:0 0 14px;padding:12px 14px}.notice-banner.error{background:#ff6f8d1a;border-color:#ff6f8d6b}.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.7fr);align-items:start;gap:14px;display:grid}.dashboard-wide{grid-column:1/-1}.dashboard-list{gap:8px;display:grid}.dashboard-row{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0b;justify-content:space-between;align-items:center;gap:12px;min-height:68px;padding:12px;display:flex}.dashboard-row strong,.dashboard-row span{display:block}.dashboard-row span{color:var(--muted);margin-top:4px;font-size:.82rem}.event-row{min-height:76px}.dashboard-form{gap:12px;display:grid}.dashboard-form label{color:var(--muted);gap:6px;font-size:.82rem;display:grid}.event-form{grid-template-columns:repeat(2,minmax(0,1fr))}.event-form button{align-self:end}.empty-state{border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background:#00000029;margin:0;padding:14px}@media (max-width:1180px){.console-grid{grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr)}.side-stack{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}}@media (max-width:820px){.app-shell{padding:12px}.topbar{flex-direction:column;align-items:flex-start}.console-grid,.side-stack,.attendee-grid,.dashboard-hero,.dashboard-grid,.event-form{grid-template-columns:1fr}.deck{grid-template-columns:90px minmax(0,1fr)}.record{width:90px}.vibe-buttons,.sliders,.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr}}@media (max-width:520px){.vibe-buttons,.sliders,.metric-grid,.integration-grid{grid-template-columns:1fr}.song-row{grid-template-columns:auto minmax(0,1fr)}.song-score{grid-column:1/-1;width:100%}}