:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;background-color:#1a1a1a;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:radial-gradient(1200px 600px at 50% -10%,#2b2b2b,#1a1a1a);min-height:100vh;margin:0}#root{justify-content:center;display:flex}main.home,main.page{width:min(920px,92vw);padding:48px 0}h1{margin:0 0 4px;font-size:2.5rem}p{color:#ffffffb3}.columns{grid-template-columns:1fr 1fr;gap:24px;margin-top:32px;display:grid}.card{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;padding:20px 24px}.card h2{margin:0 0 12px;font-size:1.15rem}.form{flex-direction:column;gap:14px;display:flex}.form label{color:#ffffffb3;flex-direction:column;gap:4px;font-size:.9rem;display:flex}.form label.checkbox{flex-direction:row;align-items:center}.form fieldset{border:1px solid #ffffff1f;border-radius:8px;margin:0;padding:12px}.form legend{color:#fff9;font-size:.85rem}.grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}input,select{color:inherit;font:inherit;background:#00000040;border:1px solid #fff3;border-radius:8px;padding:8px 10px}button{color:#fff;font:inherit;cursor:pointer;background:#646cff;border:none;border-radius:8px;padding:10px 16px;font-weight:600}button:hover:not(:disabled){filter:brightness(1.1)}button:disabled{opacity:.6;cursor:default}button.danger{background:#b33a3a}.error{color:#ff8b8b;margin:0}.party-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.party-header .open{color:#7bd88f;font-weight:600}.ws-state{color:#ffffff80;font-size:.85rem;font-weight:400}.party-header .closed{color:#ff8b8b;font-weight:600}.invite{text-align:right}.invite span{color:#fff9;margin-bottom:4px;font-size:.8rem;display:block}.page section+section,.page .actions{margin-top:20px}.settings{color:#ffffffbf;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none;display:grid}.members{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.members em{border-radius:999px;margin-left:8px;padding:2px 8px;font-size:.75rem;font-style:normal}.members .owner{color:#b9beff;background:#646cff40}.members .you{color:#fff;background:#ffffff26}.actions{justify-content:flex-end;display:flex}.search-results,.suggestions{flex-direction:column;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.search-results li,.suggestions li{background:#0003;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:12px;padding:8px 10px;display:flex}.search-results img,.suggestions img{object-fit:cover;background:#ffffff14;border-radius:6px;width:48px;height:48px}.track-meta{flex-direction:column;flex:1;min-width:0;display:flex}.track-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.track-artist{color:#fff9;font-size:.85rem}button.suggest{padding:8px 14px}.empty{color:#ffffff8c}.votes-left{color:#fff9;margin-left:10px;font-size:.8rem;font-weight:400}.vote-count{font-variant-numeric:tabular-nums;color:#ffffffb3;font-size:.85rem}.vote-count.voted{color:#b9beff;font-weight:600}button.vote{background:#2f6f3f}button.unvote{background:#4a4a6a}.indicator{color:#ffd479;margin:8px 0 12px;font-size:.9rem}.playlist{counter-reset:playlist;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.playlist li{background:#0003;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:12px;padding:8px 10px;display:flex}.playlist img{object-fit:cover;background:#ffffff14;border-radius:6px;width:48px;height:48px}.playlist .position{text-align:center;color:#b9beff;width:24px;font-weight:700}.playlist li.playing{background:#646cff1f;border-color:#b9beff99}.playlist li.playing .position{color:#fff}.playlist li[onclick],.playlist li:not(.playing):hover{cursor:pointer}.now-playing-head{align-items:center;gap:14px;margin-bottom:14px;display:flex}.now-playing-head img{object-fit:cover;background:#ffffff14;border-radius:8px;width:64px;height:64px}.progress{align-items:center;gap:10px;display:flex}.progress-bar{background:#ffffff26;border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-fill{background:#646cff;border-radius:3px;height:100%}.progress-time{color:#fff9;font-variant-numeric:tabular-nums;font-size:.8rem}.playback-controls{justify-content:center;gap:10px;margin-top:14px;display:flex}button.primary{background:#4a54d9}.app-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.app-user{color:#ffffffb3;align-items:center;gap:12px;font-size:.9rem;display:flex}.app-user strong{color:#fff}.app-user a{color:#b9beff;font-weight:600;text-decoration:none}.user-row{flex-direction:column;align-items:flex-start!important;gap:6px!important}.user-info{flex-direction:column;gap:2px;width:100%;display:flex}.user-email{color:#ffffff8c;font-size:.85rem}.user-actions{gap:8px;margin-top:4px;display:flex}.user-edit{flex-flow:wrap;align-items:center;width:100%}.user-edit input,.user-edit select{flex:1;min-width:140px}.login-card{max-width:420px;margin:0 auto}@media (width<=720px){.columns,.grid{grid-template-columns:1fr}}