:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1117;--bg-accent:#17212d;--surface:#0c141de0;--surface-strong:#111e2bf5;--line:#b5d3ff29;--text:#f5f7fb;--muted:#9db0c7;--accent:#7dd3fc;--accent-strong:#38bdf8;--accent-warm:#fb7185;--shadow:0 24px 80px #00000059}*{box-sizing:border-box}html{background:radial-gradient(circle at top,#38bdf838,#0000 30%),radial-gradient(circle at 100%,#fb718529,#0000 28%),linear-gradient(#0a1017,#0d1117 48%,#111827);min-height:100%}body{min-height:100vh;color:var(--text);margin:0;font-family:Segoe UI,Helvetica Neue,sans-serif}body,select,button,input,option{color:var(--text)}button,select,input{font:inherit}.shell{width:min(1400px,100vw - 32px);margin:0 auto;padding:56px 0 72px}html{scrollbar-color:#11cbca #07121beb;scrollbar-width:thin}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#07121beb;border-radius:999px}::-webkit-scrollbar-thumb{background:linear-gradient(#11cbca,#0f7f8f);border:2px solid #07121beb;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#65eeed,#11cbca)}.hero{padding:28px 0 36px;position:relative}.heroLogout{position:absolute;top:0;right:0}.heroLogoutButton{color:#d6e5f5c7;cursor:pointer;background:#0f182373;border:1px solid #9db0c729;border-radius:999px;min-height:34px;padding:0 12px;transition:color .14s,background .14s,border-color .14s}.heroLogoutButton:hover{color:#eef7ff;background:#0f1823b8;border-color:#9db0c742}.sectionLabel,.statusPill,.subtleLabel{letter-spacing:.08em;text-transform:uppercase}.sectionLabel{color:#8fdcff;margin:0 0 12px;font-size:.78rem}.panel h2{color:#f7fbff;margin:0;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;line-height:1.05}.logoWrap{justify-content:center;align-items:center;display:flex}.logoWrap img{width:min(240px,48vw);height:auto}.lede{color:#d6e4f3;text-align:center;text-wrap:balance;max-width:64ch;margin:22px auto 0;font-size:1.05rem;line-height:1.65}.panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#111c28f5,#0b121bfa),linear-gradient(135deg,#7dd3fc14,#0000 42%);border:1px solid #7dd3fc38;border-radius:28px;margin-top:20px;padding:24px;position:relative;box-shadow:0 24px 80px #00000059,inset 0 1px #ffffff0a}.panel:before{content:"";border-radius:inherit;pointer-events:none;display:block;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff05}.panelHeader{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.panelActions{align-items:center;gap:12px;display:flex}.panelBadges{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.playerSongMeta{color:#d6e5f5;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;margin:-6px 0 18px;font-size:.92rem;display:flex}.playerSongMeta span{background:#0c203066;border:1px solid #7dd3fc24;border-radius:999px;align-items:center;min-height:32px;padding:0 12px;display:inline-flex}.statusPill{color:#ebf7ff;background:#0c20308c;border:1px solid #7dd3fc3d;border-radius:999px;align-items:center;min-height:36px;padding:0 14px;font-size:.74rem;font-weight:700;display:inline-flex}.actionPill{text-decoration:none}.metadataPill{color:#042326;background:#11cbca;border-color:#11cbcad1;text-decoration:none}.metadataPill:hover{background:#54dfde}.backPill{justify-content:center;text-decoration:none}.librarySearch{margin-bottom:18px;display:block;position:relative}.librarySearch input{color:#f5fbff;background:linear-gradient(#111c28fa,#091018f5);border:1px solid #7dd3fc2e;border-radius:18px;outline:none;width:100%;min-height:54px;padding:0 18px 0 50px;box-shadow:inset 0 1px #ffffff0a,0 12px 30px #0000002e}.librarySearch input:focus{border-color:#7dd3fc8f;box-shadow:inset 0 1px #ffffff0d,0 0 0 3px #38bdf81f,0 12px 30px #0000002e}.searchIcon{stroke:#b9cadc;fill:none;stroke-width:2px;width:18px;height:18px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.libraryTableWrap{background:#080d1485;border:1px solid #7dd3fc24;border-radius:20px;max-height:604px;display:block;overflow:auto}.libraryTable{border-collapse:collapse;table-layout:fixed;width:100%}.libraryTable thead{z-index:1;background:linear-gradient(#101b27fa,#0b121bfa);position:sticky;top:0}.libraryTable th,.libraryTable td{text-align:left;vertical-align:middle;white-space:normal;overflow-wrap:anywhere;border-bottom:1px solid #7dd3fc14;padding:14px 16px}.libraryTable th{color:#b9cadc;text-transform:uppercase;letter-spacing:.08em;padding-top:0;padding-bottom:0;font-size:.61rem}.sortButton{width:100%;min-height:56px;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:14px 0;display:inline-flex}.libraryTable td{color:#d6e5f5;font-size:.8rem}.libraryRowSelected td{color:#eaf7ff}.sortIcon{color:#66809a;font-size:.82rem;line-height:1}.sortIconActive{color:#dff4ff}.libraryRow{cursor:pointer;transition:background .14s}.libraryRow:hover{background:#0f1823db}.libraryRowSelected{background:#112a3eb8}.songTitleCell{color:#eef7ff;font-weight:600}.playCell{gap:8px;width:72px;display:flex}.libraryTable th:first-child,.libraryTable td:first-child{width:11%}.libraryTable th:nth-child(2),.libraryTable td:nth-child(2){width:16%}.libraryTable th:nth-child(3),.libraryTable td:nth-child(3),.libraryTable th:nth-child(4),.libraryTable td:nth-child(4),.libraryTable th:nth-child(5),.libraryTable td:nth-child(5),.libraryTable th:nth-child(6),.libraryTable td:nth-child(6),.libraryTable th:nth-child(7),.libraryTable td:nth-child(7){width:10.5%}.rowPlayButton{cursor:pointer;background:#0c20308c;border:1px solid #7dd3fc2e;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.rowPlayIcon{fill:#eef8ff;width:18px;height:18px}.emptyCell,.emptyListMessage{color:#d6e5f5}.emptyCell{padding:18px 16px}.libraryList{display:none}.libraryCard{background:#0a1016d1;border:1px solid #7dd3fc24;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.libraryCard>.rowPlayButton{flex:none}.setlistPanel{scroll-margin-top:20px}.setlistSelector{margin-bottom:14px}.setlistControls{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.setlistControls .setlistSelector{flex:260px;margin-bottom:0}.setlistModeToggle{background:#080d1494;border:1px solid #7dd3fc29;border-radius:999px;flex:none;gap:4px;padding:4px;display:inline-flex}.setlistModeButton{color:#c7d8eb;cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:38px;padding:0 14px;font-weight:800}.setlistModeButtonActive{color:#041923;background:#8fdcff}.setlistModeButton:disabled{cursor:not-allowed;opacity:.48}.setlistFields{grid-template-columns:1.2fr minmax(160px,.5fr) 1fr;gap:12px;margin-bottom:18px;display:grid}.setlistFields label{gap:8px;display:grid}.setlistFields span{color:#b9cadc;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.setlistFields input,.setlistTable input{color:#f5fbff;background:#091018f5;border:1px solid #7dd3fc24;border-radius:14px;outline:none;width:100%;min-height:44px;padding:0 12px}.dateParts{grid-template-columns:1.35fr .8fr .8fr;gap:8px;display:grid}.dateParts input{text-align:center}.setlistFields input:focus,.setlistTable input:focus{border-color:#7dd3fc8f;box-shadow:0 0 0 3px #11cbca1f}.setlistTableWrap{background:#080d1485;border:1px solid #7dd3fc24;border-radius:20px;overflow:auto}.setlistTableWrap .emptyListMessage{margin:0;padding:26px 18px}.setlistTable{border-collapse:collapse;width:100%}.setlistTable th,.setlistTable td{text-align:left;vertical-align:middle;border-bottom:1px solid #7dd3fc14;padding:12px}.setlistTable th{color:#b9cadc;text-transform:uppercase;letter-spacing:.08em;font-size:.67rem}.setlistTable td{color:#d6e5f5}.setlistTable td:first-child{color:#8fdcff;white-space:nowrap;width:48px;font-weight:700}.setlistTable strong,.setlistTable span{display:block}.setlistTable strong{color:#eef7ff}.setlistTable span{color:#9db0c7;margin-top:4px;font-size:.82rem}.setlistRowActive{background:#112a3eb8}.setlistTable tbody tr[draggable=true]{cursor:grab}.setlistTable tbody tr[draggable=true]:active{cursor:grabbing}.setlistRowPlayable{cursor:pointer}.setlistRowPlayable:hover{background:#112a3e6b}.setlistRowDragging{opacity:.48}.dragHandle{color:#d6e5f57a;letter-spacing:-.12em;margin-right:8px;font-weight:700;display:inline-block}.nowPlayingLabel{color:#bbf7d0;background:#1665345c;border-radius:999px;width:fit-content;margin-top:7px;padding:3px 8px;font-size:.72rem;font-weight:800}.setlistActions{justify-content:flex-end;align-items:center;gap:8px;min-width:290px;display:flex}.compactButton{color:#eaf7ff;cursor:pointer;background:#0c20308c;border:1px solid #7dd3fc29;border-radius:12px;min-height:36px;padding:0 10px}.compactButton:disabled{cursor:not-allowed;opacity:.45}.setlistFooter{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.playSetlistButton{color:#04251b;background:#86eface6;border-color:#86efacb8}.playSetlistButton:hover{background:#bbf7d0}.clearSetlistButton{color:#ffe4e6;background:#7f1d1d57;border-color:#fb718557}.clearSetlistButton:hover,.deleteSetlistButton:hover{background:#9f123975}.deleteSetlistButton{color:#fecdd3;background:#581c1c42;border-color:#fb718538}.saveStatusPill{color:#d6e5f5;background:#0f1823b8;border-color:#9db0c72e}.playSetlistButton:disabled,.clearSetlistButton:disabled,.deleteSetlistButton:disabled{cursor:not-allowed;opacity:.48}.printSetlist{display:none}.libraryCard+.libraryCard{margin-top:12px}.libraryCardSelected{background:linear-gradient(#0c2537e0,#111e2bf5);border-color:#7dd3fc6b}.libraryCardBody{min-width:0}.libraryCardArtist,.libraryCardMeta{color:#b9cadc;margin:0}.libraryCard h3{color:#eef7ff;margin:4px 0 0;font-size:1rem}.libraryCardMeta{margin-top:6px;font-size:.9rem}.selectField{display:grid}.selectField select{appearance:none;color:#f5fbff;background-color:#091018f5;background-image:linear-gradient(#111c28fa,#091018f5),linear-gradient(45deg,#0000 50%,#d5eefc 50%),linear-gradient(135deg,#d5eefc 50%,#0000 50%);background-position:0 0,calc(100% - 24px) calc(50% - 3px),calc(100% - 18px) calc(50% - 3px);background-repeat:no-repeat;background-size:100% 100%,6px 6px,6px 6px;border:1px solid #7dd3fc2e;border-radius:18px;outline:none;width:100%;min-height:54px;padding:0 52px 0 18px;font-weight:500;box-shadow:inset 0 1px #ffffff0a,0 12px 30px #0000002e}.selectField select:focus{border-color:#7dd3fc8f;box-shadow:inset 0 1px #ffffff0d,0 0 0 3px #38bdf81f,0 12px 30px #0000002e}.iconButton,.playButton,.stemButton{cursor:pointer;border:0;border-radius:18px;transition:transform .14s,background .14s,border-color .14s,opacity .14s}.iconButton,.playButton{color:#eef8ff;justify-content:center;align-items:center;margin-top:18px;display:inline-flex}.iconButton{background:#0f1823eb;border:1px solid #9db0c73d;width:68px;height:68px}.playButton{color:#07131d;background:linear-gradient(135deg,#f3fbff,#8fe7ff 52%,#5ec9f5);border-radius:999px;width:82px;height:82px;position:relative;box-shadow:0 10px 26px #60c9f547,inset 0 1px #ffffffa6}.iconButton:hover,.playButton:hover,.stemButton:hover{transform:translateY(-1px)}.iconButton:disabled,.playButton:disabled,.stemButton:disabled{cursor:not-allowed;opacity:.55;transform:none}.playButton:disabled{color:#07131db8;background:linear-gradient(135deg,#d5e6ee,#8ab7ca)}.playerTopline{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.subtleLabel{color:#b9cadc;margin:0;font-size:.72rem}.stemGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.stemCard{gap:10px;display:grid}.stemButton{color:#f4faff;background:#0a1016d1;border:1px solid #9db0c729;justify-content:space-between;align-items:center;min-height:78px;padding:18px;display:flex}.stemButton span{color:#eef7ff;font-weight:500}.stemButton strong{color:#d8eaf8;font-size:.92rem}.stemButtonActive{background:linear-gradient(#0c2537e0,#111e2bf5);border-color:#7dd3fc94}.stemButtonActive strong{color:#d5eefc}.stemLevel{color:#d6e5f5;background:#0a1016b8;border:1px solid #7dd3fc24;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:52px;padding:10px 14px;font-size:.84rem;display:grid}.stemLevel span,.stemLevel strong{white-space:nowrap}.stemLevel input[type=range]{width:100%;accent-color:var(--accent-strong)}.playerPanel{padding-bottom:28px}.visualizerPanel{background:#080d147a;border:1px solid #7dd3fc1f;border-radius:22px;justify-content:center;margin:4px 0 22px;padding:12px 18px;display:flex}.visualizerPanel canvas{width:min(520px,100%);height:auto;display:block}.transport{align-items:center;gap:12px;margin-top:18px;display:flex}.transportIcon,.playIcon,.pauseIcon,.seekIcon{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px}.playIcon{fill:currentColor;stroke:none;width:34px;height:34px}.pauseIcon{fill:none;stroke:currentColor;stroke-width:2.4px;width:34px;height:34px}.seekIcon{width:40px;height:40px}.seekIcon text{fill:currentColor;stroke:none;font-family:Segoe UI,Helvetica Neue,sans-serif;font-size:12px;font-weight:700}.buttonLoader{border:3px solid #07131d33;border-top-color:#07131d;border-radius:999px;width:28px;height:28px;animation:.9s linear infinite spin}.timeline{gap:10px;margin-top:22px;display:grid}.timeline span{color:#d6e5f5;font-size:.82rem;font-weight:500}.timeline input[type=range]{width:100%;accent-color:var(--accent-strong)}.errorMessage{color:#fda4af;margin:14px 0 0}.loginShell{place-items:center;min-height:100vh;padding:24px;display:grid}.loginPanel{background:linear-gradient(#111c28f5,#0b121bfa),linear-gradient(135deg,#7dd3fc14,#0000 42%);border:1px solid #7dd3fc38;border-radius:28px;width:min(460px,100%);padding:28px;box-shadow:0 24px 80px #00000059,inset 0 1px #ffffff0a}.loginTitle{color:#f7fbff;text-align:center;margin:20px 0 0;font-size:clamp(2rem,5vw,2.8rem)}.loginText{color:#d6e4f3;text-align:center;max-width:32ch;margin:14px auto 0;line-height:1.6}.loginForm{gap:14px;margin-top:28px;display:grid}.loginField{gap:8px;display:grid}.loginField span{color:#b9cadc;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}.loginField input{color:#f5fbff;background:linear-gradient(#111c28fa,#091018f5);border:1px solid #7dd3fc2e;border-radius:18px;outline:none;min-height:54px;padding:0 18px;box-shadow:inset 0 1px #ffffff0a,0 12px 30px #0000002e}.loginField input:focus{border-color:#7dd3fc8f;box-shadow:inset 0 1px #ffffff0d,0 0 0 3px #38bdf81f,0 12px 30px #0000002e}.loginButton,.logoutButton{cursor:pointer;border:0;border-radius:18px;min-height:52px;transition:transform .14s,opacity .14s}.loginButton{color:#07131d;background:linear-gradient(135deg,#f3fbff,#8fe7ff 52%,#5ec9f5);font-weight:700;box-shadow:0 10px 26px #60c9f547,inset 0 1px #ffffffa6}.logoutButton{color:#f3f9ff;background:#0f1823eb;border:1px solid #9db0c73d;min-height:36px;padding:0 16px}.loginButton:hover,.logoutButton:hover{transform:translateY(-1px)}.loginButton:disabled,.logoutButton:disabled,.rowPlayButton:disabled{opacity:.55;cursor:not-allowed;transform:none}.infoToast{color:#dff4ff;background:#0c20308c;border:1px solid #7dd3fc38;border-radius:16px;margin:16px 0 0;padding:14px 16px;font-size:.92rem;line-height:1.5;box-shadow:inset 0 1px #ffffff08}.metadataPanel{margin-top:40px;padding-bottom:110px}.metadataIntro{color:#d6e5f5;margin:0 0 18px;line-height:1.6}.metadataTableWrap{background:#080d1485;border:1px solid #7dd3fc24;border-radius:20px;overflow:auto}.metadataTable{border-collapse:collapse;width:100%}.metadataTable th,.metadataTable td{text-align:left;vertical-align:top;border-bottom:1px solid #7dd3fc14;padding:12px}.metadataTable th{z-index:1;color:#b9cadc;text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(#101b27fa,#0b121bfa);font-size:.72rem;position:sticky;top:0}.metadataSlugCell{color:#eef7ff;min-width:220px;font-weight:600}.metadataTable input,.metadataTable textarea{color:#f5fbff;-webkit-text-fill-color:#f5fbff;caret-color:#dff4ff;background:#091018f5;border:1px solid #7dd3fc24;border-radius:12px;width:100%;padding:10px 12px}.metadataTable textarea{resize:vertical;min-height:82px}.metadataTable input::placeholder,.metadataTable textarea::placeholder{color:#8fa6bf;-webkit-text-fill-color:#8fa6bf}.metadataTable input:focus,.metadataTable textarea:focus{border-color:#7dd3fc8f;outline:none;box-shadow:inset 0 1px #ffffff0a,0 0 0 3px #11cbca1f}.metadataFooter{flex-wrap:wrap;align-items:center;gap:16px;margin-top:20px;display:flex}.metadataSaveButton{min-width:220px;padding:0 18px}.metadataFloatingSaveButton{right:max(22px, env(safe-area-inset-right));bottom:max(22px, env(safe-area-inset-bottom));z-index:45;border:1px solid #ffffff80;border-radius:999px;min-width:128px;min-height:46px;padding:0 20px;font-weight:800;position:fixed;box-shadow:0 18px 42px #0000008c,0 0 0 7px #030c126b,inset 0 1px #ffffffb3}.metadataFloatingSaveButton:disabled{cursor:not-allowed;opacity:.68}.metadataBackButton{min-height:52px;padding:0 18px}.metadataStatus{color:#dff4ff;margin:0}.modalOverlay{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#02080db8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modalCard{background:linear-gradient(#111c28fa,#0b121bfc),linear-gradient(135deg,#7dd3fc14,#0000 42%);border:1px solid #7dd3fc2e;border-radius:24px;width:min(460px,100%);padding:24px;box-shadow:0 24px 80px #0000006b}.modalCard h3{color:#f7fbff;margin:0;font-size:1.4rem}.modalCard p{color:#d6e5f5;margin:12px 0 0;line-height:1.6}.modalActions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.modalButton,.modalPrimaryButton,.modalDangerButton{justify-content:center;min-height:48px;padding:0 18px}.modalDangerButton{color:#ffe4e6;cursor:pointer;background:#7f1d1d8c;border:1px solid #fb71856b;border-radius:18px}.modalDangerButton:hover{background:#9f1239b8}@media (max-width:900px){.shell{width:min(100vw - 20px,100%);padding:28px 0 40px}.panel,.hero{padding-left:8px;padding-right:8px}.panel{border-radius:22px;padding:18px}.panelHeader,.playerTopline,.panelActions,.panelBadges,.metadataFooter,.setlistFooter{flex-direction:column}.setlistFields{grid-template-columns:1fr}.setlistControls{flex-direction:column;align-items:stretch}.setlistControls .setlistSelector{flex-basis:auto}.setlistModeToggle{width:100%}.setlistModeButton{flex:1}.setlistActions{flex-wrap:wrap;justify-content:flex-start;min-width:240px}.libraryTableWrap{display:none}.libraryList{display:block}.transport{flex-flow:wrap;justify-content:center}.metadataFloatingSaveButton{min-width:112px;min-height:44px;padding:0 18px;bottom:16px;right:16px}.lede{text-wrap:pretty}}@media (min-width:901px){.libraryList{display:none}}@keyframes spin{to{transform:rotate(360deg)}}@media print{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body{color:#111!important;background:#fff!important}.shell{width:100%;padding:0}.hero,.panel{display:none!important}.printSetlist{color:#111;padding:18mm 14mm;font-family:Arial,sans-serif;display:block}.printSetlist header{gap:4px;margin-bottom:12mm;display:grid}.printSetlist p,.printSetlist h1{margin:0}.printSetlist p{text-transform:uppercase;letter-spacing:.08em;font-size:11pt}.printSetlist h1{font-size:24pt}.printSetlist header div{gap:12px;font-size:11pt;display:flex}.printSetlist table{border-collapse:collapse;width:100%}.printSetlist th,.printSetlist td{text-align:left;vertical-align:top;border-bottom:1px solid #bbb;padding:8px 6px;font-size:10.5pt}.printSetlist th{color:#333;text-transform:uppercase;letter-spacing:.08em;font-size:8.5pt}.printSetlist td:first-child{width:9mm;font-weight:700}.printSetlist strong,.printSetlist span{display:block}.printSetlist span{color:#444;margin-top:2px;font-size:9pt}}