:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f7fb;background:#0d1117;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#1c2431 0,#0d1117 45%);min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}.app-shell{max-width:1200px;margin:0 auto;padding:24px}.topbar,.row{align-items:center;gap:16px;display:flex}.topbar{flex-wrap:wrap;justify-content:space-between;margin-bottom:24px}.space-between{justify-content:space-between}.align-start{align-items:flex-start}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#88a0bb;font-size:12px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:6px}.nav{gap:12px;display:flex}.nav button,.button{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;padding:10px 14px}.nav .active,.button.primary{color:#08150d;background:#1db954;border-color:#0000;font-weight:700}.button.ghost{background:0 0}.button.block{width:100%}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:24px;padding:20px;box-shadow:0 12px 30px #0000003d}.hero{margin-bottom:20px}.hero-grid{grid-template-columns:1.5fr 1fr;gap:18px;display:grid}.grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;display:grid}.room-card{padding:0;overflow:hidden}.room-meta{padding:18px}.room-meta-only{flex-direction:column;justify-content:space-between;min-height:220px;display:flex}.actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.actions.small-gap{gap:8px;margin-top:10px}.muted{color:#9ab}.badge{text-transform:uppercase;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.badge.open{color:#7cf1a3;background:#1db9542e}.badge.closed{color:#d3d7df;background:#ffffff1f}.host-layout{grid-template-columns:300px 1fr;gap:18px;display:grid}.sidebar .stack{flex-direction:column;gap:10px;margin:16px 0;display:flex}.room-link{text-align:left;color:#fff;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:12px;display:flex}.room-link.selected{border-color:#1db954}.form-card label{margin-bottom:14px;display:block}.form-card input,.form-card textarea{color:#fff;background:#0000002e;border:1px solid #ffffff1f;border-radius:14px;width:100%;margin-top:8px;padding:12px}.two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.notice{color:#dff9e8;background:#1db9541a;border-radius:16px;margin-top:16px;padding:12px 14px}.notice.subtle{color:#d8e2ef;background:#ffffff0f;margin-top:0}.info-grid{grid-template-columns:1fr 1fr;gap:14px;margin:18px 0;display:grid}.modal-backdrop{background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#111827;border:1px solid #ffffff1a;border-radius:24px;width:min(760px,100%);max-height:90vh;padding:20px;overflow:auto}.now-playing{background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;grid-template-columns:96px 1fr;align-items:center;gap:14px;padding:14px;display:grid}.now-playing.compact{min-height:156px}.now-playing.muted-card,.now-playing.skeleton{display:block}.now-playing-cover{object-fit:cover;border-radius:18px;width:96px;height:96px;display:block}.host-header-row{margin-bottom:16px}.host-tools{gap:10px;display:flex}@media (width<=640px){.stack-on-mobile,.now-playing-layout,.chat-compose,.room-actions{flex-direction:column;align-items:stretch!important}.album-track-grid{gap:10px!important}.album-track-card{border-radius:12px!important}.chat-compose>button,.room-actions a,.room-actions a>button,.room-actions>button{width:100%}}@media (width<=860px){.host-layout,.two-col,.info-grid,.hero-grid,.now-playing{grid-template-columns:1fr}.host-header-row{align-items:stretch}}