@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400&display=swap";:root{--bg:#050505;--bg2:#101010;--bg3:#1a1a1a;--border:#262626;--border-hot:#3a3a3a;--text:#f5f5f5;--text2:#9a9a9a;--red:#e63946;--red-dark:#b02633;--gold:#c1a13a;--green:#2ecc71;--blue:#6ea8ff;--radius:10px;--radius-sm:6px;--font-display:"Bebas Neue", sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--glow-red:0 0 18px #e6394659;--shadow-card:0 6px 24px #00000073;--tr:.18s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg fill-opacity='0.05'%3E%3Cpolygon fill='%23330000' points='1600 160 0 460 0 350 1600 50'/%3E%3Cpolygon fill='%23660000' points='1600 360 0 660 0 550 1600 250'/%3E%3Cpolygon fill='%23cc0000' points='1600 800 0 800 0 700 1600 400'/%3E%3C/g%3E%3C/svg%3E");background-attachment:fixed;font-size:14px;line-height:1.5}#app{min-height:100vh}::selection{background:var(--red);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:#2c2c2c;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--red)}h1,h2,h3{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase}nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#050505d9;flex-wrap:wrap;align-items:center;gap:18px;padding:10px 20px;display:flex;position:sticky;top:0}.nav-brand{align-items:center;text-decoration:none;display:flex}.nav-logo{filter:drop-shadow(0 0 10px #e6394659);width:auto;height:38px;transition:var(--tr)}.nav-brand:hover .nav-logo{filter:drop-shadow(0 0 16px #e6394699);transform:scale(1.05)}.nav-tabs{flex-wrap:wrap;flex:1;gap:4px;display:flex}.nav-tab{font:600 .84rem var(--font-body);color:var(--text2);cursor:pointer;transition:var(--tr);background:0 0;border:1px solid #0000;border-radius:999px;padding:7px 14px}.nav-tab:hover{color:var(--text);background:var(--bg3)}.nav-tab.active{color:#fff;background:linear-gradient(135deg, var(--red), var(--red-dark));box-shadow:var(--glow-red)}.nav-user{align-items:center;gap:10px;font-size:.88rem;display:flex}.username{font-weight:700}.badge-admin{font:700 .62rem var(--font-body);letter-spacing:.8px;text-transform:uppercase;color:#0a0a0a;background:linear-gradient(135deg, var(--gold), #e0c060);border-radius:999px;padding:3px 9px}.btn{font:600 .88rem var(--font-body);border-radius:var(--radius-sm);border:1px solid var(--border-hot);background:var(--bg3);color:var(--text);cursor:pointer;transition:var(--tr);align-items:center;gap:6px;padding:9px 16px;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--text2);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--red), var(--red-dark));color:#fff;border-color:#0000}.btn-primary:hover:not(:disabled){box-shadow:var(--glow-red)}.btn-ghost{background:0 0}.btn-danger{border-color:var(--red);color:var(--red);background:0 0}.btn-danger:hover:not(:disabled){background:var(--red);color:#fff;box-shadow:var(--glow-red)}.btn-sm{padding:6px 12px;font-size:.8rem}main{max-width:1400px;margin:0 auto;padding:24px 20px 60px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.page-title{letter-spacing:2.5px;color:var(--text);margin:0;padding-left:14px;font-size:2rem;position:relative}.page-title:before{content:"";background:linear-gradient(var(--red), var(--red-dark));width:5px;box-shadow:var(--glow-red);position:absolute;top:10%;bottom:12%;left:0;transform:skewY(-12deg)}.list-count{font:500 .95rem var(--font-body);color:var(--text2);letter-spacing:0;margin-left:6px}.page-hint{color:var(--text2);margin:-8px 0 16px;font-size:.85rem}input,select,textarea{background:var(--bg3);border:1px solid var(--border-hot);border-radius:var(--radius-sm);color:var(--text);font:400 .9rem var(--font-body);transition:var(--tr);padding:9px 12px}input:focus,select:focus,textarea:focus{border-color:var(--red);outline:none;box-shadow:0 0 0 3px #e639462e}input::placeholder,textarea::placeholder{color:#5c5c5c}input[type=range]{appearance:none;background:var(--bg3);border:none;border-radius:3px;height:6px;padding:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--red);cursor:pointer;border-radius:50%;width:16px;height:16px;box-shadow:0 0 10px #e6394699}.add-form,.create-form{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.songs-list,.queue-list,.setlist-list{flex-direction:column;gap:10px;display:flex}.song-card,.queue-card,.setlist-card{background:linear-gradient(180deg, var(--bg2), #0c0c0c);border:1px solid var(--border);border-radius:var(--radius);transition:var(--tr);padding:16px;animation:.3s both rise}.song-card:hover,.queue-card:hover,.setlist-card:hover{box-shadow:var(--shadow-card);border-color:#e6394673;transform:translateY(-1px)}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.song-card{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.song-info{flex:1;min-width:220px}.song-title{font-size:1rem;font-weight:700}.verified-badge{color:var(--green);margin-left:6px;font-size:.8rem}.song-artist{color:var(--text2);font-size:.9rem}.song-meta{color:var(--text2);opacity:.7;margin-top:4px;font-size:.75rem}.song-vote{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.vote-gauge{color:var(--text2);font-size:.8rem}.vote-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.motivation-box{flex-direction:column;gap:6px;min-width:180px;display:flex}.my-vote{color:var(--green);font-size:.8rem}.change-hint{opacity:.6;font-size:.72rem}.admin-note{color:var(--text2);opacity:.7;font-size:.78rem}.votes-row{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.vote-chip{background:var(--bg3);color:var(--text2);border:1px solid var(--border);border-radius:999px;padding:3px 9px;font-size:.72rem}.chip-ok{color:var(--green);background:#2ecc711f;border-color:#2ecc7159}.chip-no{color:var(--red);background:#e639461f;border-color:#e6394659}.chip-wait{opacity:.7}.queue-card{align-items:center;gap:16px;display:flex}.queue-rank{font-family:var(--font-display);text-align:center;background:linear-gradient(180deg, var(--red), #7a1622);color:#0000;-webkit-background-clip:text;background-clip:text;min-width:48px;font-size:1.9rem}.queue-im{text-align:right;min-width:170px}.im-value{color:var(--gold);text-shadow:0 0 12px #c1a13a66;font-weight:700}.im-bar{background:var(--bg3);border-radius:3px;height:6px;margin:6px 0 4px;overflow:hidden}.im-fill{background:linear-gradient(90deg, var(--red), var(--gold));height:100%;transition:width .4s;box-shadow:0 0 8px #e6394680}.im-label{color:var(--text2);font-size:.7rem}.setlist-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.setlist-name{font-size:1.05rem;font-weight:700}.lock-badge{color:var(--gold);background:#c1a13a26;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:.72rem}.setlist-actions{flex-wrap:wrap;gap:6px;display:flex}.setlist-body{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.add-row{gap:8px;margin-bottom:12px;display:flex}.add-row select{flex:1}.setlist-songs{flex-direction:column;gap:6px;list-style:none;display:flex}.setlist-songs li{background:var(--bg3);border:1px solid var(--border);transition:var(--tr);border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex}.setlist-songs li:hover{border-color:#e6394666}.pos{font-family:var(--font-display);color:var(--red);min-width:24px;font-size:1.1rem}.s-title{flex:1}.s-im{color:var(--gold);font-size:.8rem}.s-tp{color:var(--gold);font-size:.75rem;font-weight:700}.s-actions{gap:4px;display:flex}.members-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.member-card{background:linear-gradient(180deg, var(--bg2), #0c0c0c);border:1px solid var(--border);border-radius:var(--radius);transition:var(--tr);flex-direction:column;gap:8px;padding:16px;display:flex}.member-card:hover{box-shadow:var(--shadow-card);border-color:#e6394673}.member-head{justify-content:space-between;align-items:center;display:flex}.member-name{font-size:1.05rem;font-weight:700}.role-badge{font:700 .68rem var(--font-body);text-transform:uppercase;letter-spacing:.5px;background:var(--bg3);color:var(--text2);border:1px solid var(--border);border-radius:999px;padding:2px 9px}.role-admin{color:var(--gold);background:#c1a13a26;border-color:#c1a13a66}.role-stats{color:var(--blue);background:#6ea8ff26;border-color:#6ea8ff66}.member-meta{color:var(--text2);font-size:.78rem}.member-instruments{letter-spacing:2px;font-size:1.05rem}.temp-password{color:var(--green);background:#2ecc711a;border:1px solid #2ecc714d;border-radius:6px;padding:6px 10px;font-size:.8rem}.temp-password code{font-weight:700}.member-admin{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin-top:4px;padding-top:10px;display:flex}.member-actions{gap:8px;display:flex}.transpose-badge{background:var(--bg3);color:var(--text2);border:1px solid var(--border);cursor:pointer;transition:var(--tr);border-radius:999px;padding:3px 10px;font-size:.75rem}.transpose-badge.active{color:var(--gold);border-color:var(--gold);background:#c1a13a26;font-weight:700;box-shadow:0 0 10px #c1a13a40}.transpose-select{padding:4px 8px;font-size:.8rem}.login-container{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{border:1px solid var(--border);border-top:3px solid var(--red);width:100%;max-width:400px;box-shadow:0 20px 60px #0009, var(--glow-red);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#101010e6;border-radius:14px;padding:34px 30px}.logo{width:80%;margin:0 auto 26px;display:block}.input-group{text-align:left;flex-direction:column;margin-bottom:18px;display:flex}.input-group label{color:var(--text2);text-transform:uppercase;letter-spacing:.8px;margin-bottom:7px;font-size:.82rem;font-weight:600}.button-wrapper{justify-content:center;margin-top:6px;display:flex}.btn-cta-main{background:linear-gradient(135deg, var(--red), var(--red-dark));color:#fff;border-radius:var(--radius-sm);width:100%;font:700 1rem var(--font-body);text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:var(--tr);border:none;padding:14px}.btn-cta-main:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 30px #e6394680}.btn-cta-main:disabled{opacity:.6;cursor:not-allowed}.error{color:var(--red);text-align:center;margin-top:14px;font-size:.85rem}.empty{color:var(--text2);padding:16px 4px;font-size:.9rem}.notice{color:var(--green);margin-bottom:12px;font-size:.85rem}.notice-error{color:var(--red)}.error-banner{color:var(--red);border:1px solid var(--red);background:#e6394626;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:.9rem}@media (width<=768px){nav{gap:10px;padding:10px 12px}.nav-tabs{order:3;width:100%}.song-card,.queue-card{flex-direction:column;align-items:stretch}.song-vote{align-items:stretch}.vote-actions{justify-content:flex-start}.queue-im{text-align:left;min-width:auto}.page-title{font-size:1.6rem}}.votes-row[data-v-0695eefd]{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.vote-chip[data-v-0695eefd]{background:var(--bg3);color:var(--text2);border-radius:10px;padding:3px 9px;font-size:.72rem}.chip-ok[data-v-0695eefd]{color:var(--green);background:#2ecc711f}.chip-no[data-v-0695eefd]{color:var(--red);background:#e639461f}.chip-wait[data-v-0695eefd]{opacity:.7}.player-overlay[data-v-7a8aa2d9]{z-index:1000;background:#000000e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.player-box[data-v-7a8aa2d9]{flex-direction:column;gap:8px;width:min(92vw,960px);display:flex}.player-box iframe[data-v-7a8aa2d9]{aspect-ratio:16/9;border:none;border-radius:12px;width:100%}.search-bar[data-v-8cee955c]{max-width:420px;margin-bottom:16px;position:relative}.search-bar input[data-v-8cee955c]{background:var(--bg3);border:1px solid var(--border-hot);width:100%;color:var(--text);border-radius:999px;padding:9px 36px;font-size:.88rem}.search-bar input[data-v-8cee955c]::placeholder{color:#6c6c6c}.search-icon[data-v-8cee955c]{opacity:.7;pointer-events:none;font-size:.85rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-clear[data-v-8cee955c]{background:var(--border-hot);color:var(--text2);cursor:pointer;width:22px;height:22px;transition:var(--tr);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.search-clear[data-v-8cee955c]:hover{background:var(--red);color:#fff}.notice[data-v-f8259311]{color:var(--green);margin-bottom:12px;font-size:.85rem}.notice-error[data-v-f8259311]{color:var(--red)}.add-form[data-v-f8259311]{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.add-form input[data-v-f8259311]{background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px 12px}.empty[data-v-f8259311]{color:var(--text2);padding:16px 4px}.song-card[data-v-f8259311]{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-bottom:10px;padding:16px;display:flex}.song-info[data-v-f8259311]{flex:1;min-width:220px}.song-title[data-v-f8259311]{color:var(--text);font-weight:700}.verified-badge[data-v-f8259311]{color:var(--green);margin-left:6px;font-size:.8rem}.song-artist[data-v-f8259311]{color:var(--text2);font-size:.9rem}.song-meta[data-v-f8259311]{color:var(--text2);opacity:.7;margin-top:6px;font-size:.78rem}.song-vote[data-v-f8259311]{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.vote-gauge[data-v-f8259311]{color:var(--text2);font-size:.8rem}.vote-actions[data-v-f8259311]{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.motivation-box[data-v-f8259311]{flex-direction:column;gap:6px;min-width:180px;display:flex}.motivation-box input[type=range][data-v-f8259311]{accent-color:var(--red);width:100%}.my-vote[data-v-f8259311]{color:var(--green);font-size:.8rem}.change-hint[data-v-f8259311]{opacity:.6;font-size:.72rem}.admin-note[data-v-f8259311]{color:var(--text2);opacity:.7;font-size:.78rem}.transpose-badge[data-v-77a8fb22]{background:var(--bg3);color:var(--text2);border:1px solid var(--border);cursor:pointer;transition:var(--tr);border-radius:999px;padding:3px 10px;font-size:.75rem}.transpose-badge.active[data-v-77a8fb22]{color:var(--gold);border-color:var(--gold);background:#c1a13a26;font-weight:700;box-shadow:0 0 10px #c1a13a40}.transpose-select[data-v-77a8fb22]{background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:4px 8px;font-size:.8rem}.queue-side[data-v-8d293f5f]{flex-direction:column;align-items:flex-end;gap:10px;min-width:190px;display:flex}.queue-actions[data-v-8d293f5f]{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.setlist-toggle[data-v-ddbf471f]{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;font-size:1rem;display:flex}.picker[data-v-ddbf471f]{margin-bottom:12px}.picker-panel[data-v-ddbf471f]{background:var(--bg3);border:1px solid var(--border);border-radius:8px;margin-top:10px;padding:12px}.picker-list[data-v-ddbf471f]{flex-direction:column;gap:4px;max-height:260px;display:flex;overflow-y:auto}.picker-row[data-v-ddbf471f]{background:var(--bg2);border:1px solid var(--border);transition:var(--tr);border-radius:6px;align-items:center;gap:8px;padding:6px 10px;display:flex}.picker-row[data-v-ddbf471f]:hover{border-color:#e6394666}.picker-src[data-v-ddbf471f]{font-size:.8rem}.picker-label[data-v-ddbf471f]{flex:1;font-size:.88rem}.setlist-songs li[draggable=true][data-v-ddbf471f]{cursor:grab}.setlist-songs li.dragging[data-v-ddbf471f]{opacity:.4}.setlist-songs li.drop-before[data-v-ddbf471f]{border-color:var(--red);box-shadow:inset 0 2px 0 0 var(--red)}.setlist-songs li.drop-after[data-v-ddbf471f]{border-color:var(--red);box-shadow:inset 0 -2px 0 0 var(--red)}.setlist-songs .s-dur[data-v-ddbf471f]{color:var(--text2);font-size:.8rem}.duration-total[data-v-ddbf471f]{color:var(--gold);font-size:.85rem;font-weight:600}.song-actions[data-v-109dfff6]{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.duration-chip[data-v-109dfff6]{border:1px solid var(--border);color:var(--text2);transition:var(--tr);background:0 0;border-radius:20px;margin-left:8px;padding:1px 8px;font-family:inherit;font-size:.75rem;display:inline-block}button.duration-chip[data-v-109dfff6]{cursor:pointer}button.duration-chip[data-v-109dfff6]:hover{border-color:var(--red);color:var(--text)}.error-banner[data-v-ad939906]{color:var(--red);border:1px solid var(--red);background:#e6394626;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:.9rem}.add-form[data-v-ad939906]{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.add-form input[data-v-ad939906]{background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px 12px}.empty[data-v-ad939906]{color:var(--text2);padding:16px 4px}.members-grid[data-v-ad939906]{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.member-card[data-v-ad939906]{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;padding:16px;display:flex}.member-head[data-v-ad939906]{justify-content:space-between;align-items:center;display:flex}.member-name[data-v-ad939906]{font-weight:700}.role-badge[data-v-ad939906]{text-transform:uppercase;background:var(--bg3);color:var(--text2);border-radius:10px;padding:2px 8px;font-size:.68rem;font-weight:700}.role-admin[data-v-ad939906]{color:var(--gold,#f0a500);background:#f0a50026}.role-stats[data-v-ad939906]{color:#6ea8ff;background:#508cff26}.member-meta[data-v-ad939906]{color:var(--text2);font-size:.78rem}.member-instruments[data-v-ad939906]{letter-spacing:2px;font-size:1.05rem}.temp-password[data-v-ad939906]{color:var(--green);background:#2ecc711a;border-radius:6px;padding:6px 10px;font-size:.8rem}.temp-password code[data-v-ad939906]{font-weight:700}.member-admin[data-v-ad939906]{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin-top:4px;padding-top:10px;display:flex}.member-admin select[data-v-ad939906],.member-admin input[data-v-ad939906]{background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:6px 10px}.member-actions[data-v-ad939906]{gap:8px;display:flex}.login-container[data-v-db1a9d5b]{justify-content:center;align-items:center;min-height:80vh;display:flex}.login-card[data-v-db1a9d5b]{color:#fff;background:#ffffff12;border-radius:12px;width:100%;max-width:400px;padding:2rem;box-shadow:0 10px 25px #00000080}.button-wrapper[data-v-db1a9d5b]{justify-content:center;display:flex}.full-width[data-v-db1a9d5b]{cursor:none;width:100%}h2[data-v-db1a9d5b]{text-align:center;color:var(--brand-red);margin-bottom:2rem}.input-group[data-v-db1a9d5b]{text-align:left;flex-direction:column;margin-bottom:1.5rem;display:flex}label[data-v-db1a9d5b]{color:#ccc;margin-bottom:.5rem;font-size:.9rem}input[data-v-db1a9d5b]{color:#fff;background:#0f0f0f;border:1px solid #333;border-radius:6px;outline:none;padding:12px}input[data-v-db1a9d5b]:focus{border-color:var(--brand-red)}.error[data-v-db1a9d5b]{color:#ff4d4d;text-align:center;margin-top:1rem;font-size:.85rem}.logo[data-v-db1a9d5b]{width:100%;margin:0 auto 1rem}