@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Newsreader:ital,wght@1,500&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#f3f0e9;background:#0b0c0e;font-synthesis:none;--bg: #0b0c0e;--panel: #15171a;--panel2: #1c1e22;--text: #f3f0e9;--muted: #92969d;--line: #2b2e33;--accent: #f2a33b;--danger: #ff716b}*{box-sizing:border-box}html[data-theme=light]{--bg: #f2efe8;--panel: #fff;--panel2: #e9e5dc;--text: #171719;--muted: #68686b;--line: #d8d3c8}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button,.primary,.secondary{border:0;border-radius:12px;min-height:46px;padding:0 18px;background:var(--panel2);display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.primary{background:var(--accent);color:#1b1308;font-weight:700}.secondary{border:1px solid var(--line)}svg{width:20px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--accent);margin:0 0 8px}.shell{min-height:100vh}.shell aside{position:fixed;inset:0 auto 0 0;width:220px;border-right:1px solid var(--line);padding:28px 18px;background:var(--bg)}.logo{display:block;width:164px;margin:0 8px 44px}.brandLogo{display:inline-block;line-height:0}.brandLogoImage{display:block;width:100%;height:auto}.brandLogoOnLight{display:none}html[data-theme=light] .brandLogoOnLight{display:block}html[data-theme=light] .brandLogoOnDark{display:none}.shell aside nav,.shell aside{display:flex;flex-direction:column}.shell aside nav a,.bottom a{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;color:var(--muted);font-size:14px}.shell aside nav a.active{background:var(--panel);color:var(--text)}.content{margin-left:220px;padding:52px 6vw 100px;padding:52px max(32px,6vw) 100px}.bottom{display:none}.pageHead{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}.pageHead.hasLeading{justify-content:flex-start}.pageHead.hasLeading .pageTitle{flex:1}.pageLeading{flex:0 0 auto}.pageHead h1{font-size:48px;font-size:clamp(34px,5vw,58px);line-height:1;margin:0;letter-spacing:-.04em}.panel,.card,.block{background:var(--panel);border:1px solid var(--line);border-radius:18px}.toolbar{display:flex;gap:12px;margin-bottom:22px}.search{flex:1;display:flex;gap:10px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:0 14px}.search input{border:0;background:none;outline:0;width:100%;height:46px}.toolbar select,.addSong{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:0 14px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.card{padding:22px;min-height:130px;display:flex;flex-direction:column;justify-content:space-between;transition:.2s}.card:hover{border-color:#535861;transform:translateY(-2px)}h3{margin:0 0 6px}.card p,.card span,.hint{color:var(--muted);font-size:13px;margin:0}.songCard>span{color:var(--accent)}.empty{text-align:center;padding:80px 20px;border:1px dashed var(--line);border-radius:18px}.empty>svg{width:42px;height:42px;color:var(--accent)}.editor{max-width:880px;padding:24px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.field>span{font-size:12px;color:var(--muted)}input,textarea,select{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:12px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent)}textarea{min-height:100px;resize:vertical}.lyricsInput{min-height:42vh;font-size:18px;line-height:1.7}.two,.three{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.three{grid-template-columns:1fr 1fr 2fr}.actions{display:flex;gap:10px}.error{color:var(--danger)}.blocks{display:grid;gap:18px}.block{padding:16px;max-width:850px}.blockHead{display:flex;gap:10px;margin-bottom:14px}.blockHead input{flex:1;font-weight:700;font-size:18px;background:none;border-color:transparent}.icon,.handle{padding:0;width:44px;background:none}.icon{color:var(--muted)}.handle{touch-action:none;color:var(--muted)}.setItem{display:flex;align-items:center;min-height:64px;background:var(--panel2);border:1px solid var(--line);border-radius:12px;margin:8px 0;padding-right:6px}.setItem>div{flex:1;display:flex;flex-direction:column}.setItem small{color:var(--muted)}.addSong{height:46px;width:100%;margin-top:10px}.wide{margin-top:18px;width:min(850px,100%)}.settings{padding:24px;max-width:600px;display:grid;gap:24px}.toggle{display:flex;justify-content:space-between}.auth{min-height:100vh;display:grid;place-content:center;padding:30px;background:radial-gradient(circle at 80% 20%,#392813 0,transparent 35%)}.auth>h1{font-size:clamp(38px,7vw,72px);letter-spacing:-.06em;line-height:.95;margin:16px 0 40px}.auth h1 em{font-family:Newsreader,serif;color:var(--accent);font-weight:500}.authForm{padding:24px;width:min(440px,90vw)}.authForm .primary{width:100%}.textBtn{background:none;width:100%;color:var(--muted)}.performance{background:#090a0b;min-height:100vh;color:#f7f3eb;padding:100px 12vw 180px;padding:100px max(24px,12vw) 180px}.performance>header{position:fixed;z-index:10;top:0;left:0;right:0;height:72px;background:#0d0e10ef;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #27292d;display:flex;align-items:center;padding:0 max(16px,4vw);gap:12px}.performance header div{display:flex;flex-direction:column;flex:1}.performance header small{color:#96999f}.performance header button,.performance header a{width:42px;height:42px;padding:0;display:grid;place-items:center;background:#1b1d20;border-radius:10px}.anchors{display:flex;overflow:auto;gap:8px;margin-bottom:64px}.anchors a{white-space:nowrap;background:#191b1e;padding:9px 12px;border-radius:20px;color:#a9acb2;font-size:12px}.divider{border-top:1px solid #383b40;padding-top:20px;margin:80px 0 42px;display:flex;align-items:baseline;gap:16px}.divider span{color:var(--accent)}.divider h2{font-size:32px;margin:0}.performanceSong{scroll-margin-top:100px;max-width:850px;margin-bottom:110px}.performanceSong h1{font-size:clamp(38px,6vw,68px);letter-spacing:-.04em;margin:8px 0 32px}.lyrics{white-space:pre-wrap;font-size:var(--lyric-size);line-height:1.62;letter-spacing:.01em}.perfControls{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;background:#111214ef;padding:8px;border:1px solid #2b2d31;border-radius:16px}.splash{height:100vh;display:grid;place-items:center}.splashBrandLogo{width:min(260px,68vw)}@media(max-width:720px){.shell aside{display:none}.content{margin:0;padding:30px 16px 100px}.bottom{display:flex;position:fixed;z-index:20;bottom:0;left:0;right:0;padding:8px 8px max(8px,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line)}.bottom a{flex:1;flex-direction:column;gap:3px;padding:6px;font-size:10px}.bottom a.active{color:var(--accent)}.pageHead{align-items:center}.pageHead h1{font-size:34px}.pageHead .primary{padding:0 13px}.toolbar{flex-direction:column}.toolbar select{height:46px}.two,.three{grid-template-columns:1fr}.editor{padding:16px}.performance{padding:90px 22px 160px}.performance header{gap:6px}.performance header>span{display:none}.performanceSong h1{font-size:38px}.cards{grid-template-columns:1fr}}.actions{flex-wrap:wrap}.dangerBtn{color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 45%,transparent);background:transparent}.noteEditor{padding-bottom:14px}.doneBtn{white-space:nowrap}.songBackButton{width:44px;min-width:44px;height:44px;padding:0}.noteFooter{display:flex;align-items:center;justify-content:flex-end;gap:12px;border-top:1px solid var(--line);padding-top:12px;color:var(--muted)}.noteFooter small{font-size:12px;max-width:42ch;overflow-wrap:anywhere;text-align:end}.autosaveRetry{min-width:0;min-height:44px;flex:0 0 auto;padding-inline:14px}@media(max-width:720px){.doneBtn{min-height:42px;padding:0 12px}}.headActions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.importResult{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;color:var(--muted);margin:0 0 18px}@media(max-width:720px){.headActions{justify-content:flex-end;gap:8px}.headActions .secondary,.headActions .primary{min-height:42px;padding:0 12px}.headActions .secondary svg,.headActions .primary svg{width:18px}}.bulkBar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:10px 12px;margin:0 0 18px}.bulkBar label{display:flex;align-items:center;gap:8px;color:var(--muted)}.bulkBar input,.songCheck input{accent-color:var(--accent);width:18px;height:18px}.bulkBar span{color:var(--muted);font-size:13px}.selectCard{position:relative}.selectCard.selected .card{border-color:var(--accent);background:color-mix(in srgb,var(--panel) 78%,var(--accent))}.songCheck{position:absolute;z-index:2;top:12px;right:12px;display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:color-mix(in srgb,var(--bg) 80%,transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.importPreview{padding:18px;margin:0 0 18px}.previewHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.previewHead p{color:var(--muted);margin:4px 0 0}.previewList{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px;max-height:420px;overflow:auto;padding-right:4px}.previewItem{border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--panel2);display:grid;gap:4px;content-visibility:auto;contain-intrinsic-size:112px}.previewItem span{font-size:11px;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.previewItem.skip span{color:var(--muted)}.previewItem b{font-size:14px}.previewItem small,.previewItem p{color:var(--muted);font-size:12px;margin:0}.previewItem p{white-space:pre-wrap;line-height:1.35}@media(max-width:720px){.previewHead{display:grid}.previewList{grid-template-columns:1fr;max-height:360px}.bulkBar{align-items:stretch}.bulkBar button{width:100%}.songCheck{top:10px;right:10px}.selectCard .card{padding-right:58px}}.hiddenInput{display:none}.dialogBackdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:#000b}.dialogSurface{width:min(620px,100%);max-height:min(86vh,900px);max-height:min(86dvh,900px);display:flex;flex-direction:column;overflow:hidden;border-radius:16px;background:var(--panel);box-shadow:0 18px 60px #0007}.dialogHeader{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 20px 10px}.dialogHeader h2{margin:0;font-size:clamp(24px,4vw,34px);letter-spacing:-.04em}.dialogClose{flex:0 0 44px;width:44px;height:44px;min-height:44px}.dialogDescription{flex:0 0 auto;padding:0 20px 12px;color:var(--muted);line-height:1.5}.dialogDescription p{margin:0}.dialogBody{min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 20px 20px;-webkit-overflow-scrolling:touch}.importDialog{width:min(940px,100%)}.sourceGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.sourceGrid button{min-height:76px;justify-content:flex-start}.sourceGrid svg{color:var(--accent)}@media(max-width:720px){.dialogBackdrop{align-items:flex-end;padding:max(8px,env(safe-area-inset-top)) env(safe-area-inset-right) 0 env(safe-area-inset-left)}.dialogSurface{width:100%;max-height:88vh;max-height:88dvh;border-radius:20px 20px 0 0}.dialogHeader{padding:16px 16px 8px}.dialogDescription{padding:0 16px 10px}.dialogBody{padding:0 16px max(18px,env(safe-area-inset-bottom))}.sourceGrid{grid-template-columns:1fr}}.sourceGrid.one{grid-template-columns:1fr}.sourceGrid.one button{justify-content:center}.bulkBar{flex-wrap:nowrap;justify-content:space-between}.bulkBar .dangerBtn{min-height:38px;padding:0 12px}.bulkBar label,.bulkBar span{white-space:nowrap}@media(max-width:720px){.bulkBar{gap:8px}.bulkBar button{width:auto!important;flex:0 0 auto}.bulkBar label{font-size:13px}.bulkBar span{font-size:12px}}.setlistCardWrap{position:relative}.setlistCardWrap .card{height:100%;padding-right:92px}.cardActions{position:absolute;right:12px;top:12px;display:flex;gap:6px}.cardActions .icon{width:36px;height:36px;border-radius:10px;background:color-mix(in srgb,var(--panel2) 88%,transparent)}.songPicker{position:relative;margin-top:10px}.addSongSearch{width:100%;padding:0 12px}.songResults{display:grid;gap:6px;margin-top:8px;max-height:280px;overflow:auto}.songResults button{width:100%;min-height:54px;justify-content:flex-start;text-align:left;background:var(--panel2);border-radius:12px;padding:9px 12px;display:grid;gap:2px}.songResults small{color:var(--muted)}.panel,.card,.block,.search,.toolbar select,.addSong,input,textarea,select,.secondary,.empty,.setItem,.bulkBar,.importResult,.previewItem,.perfControls,.bottom,.shell aside,.performance>header,.divider,.noteFooter{border-color:transparent!important}.card:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--panel) 88%,var(--accent))}.selectCard.selected .card,input:focus,textarea:focus,select:focus,.search:focus-within{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 72%,transparent)}.addSongTrigger{width:100%;justify-content:flex-start;margin-top:10px}.songDropdown{background:var(--panel2);border-radius:16px;margin-top:8px;padding:10px;box-shadow:0 18px 45px #0004}.songDropdown .addSongSearch{background:color-mix(in srgb,var(--panel) 82%,transparent);box-shadow:none!important}.songDropdown .addSongSearch input:focus{box-shadow:none!important}.songDropdown .songResults{margin-top:10px}.songDropdown .songResults button{background:color-mix(in srgb,var(--panel) 82%,transparent)}.performance{padding-top:128px}.performance>header{gap:10px}.performance>header>a{flex:0 0 42px}.performance .anchors{flex:1;margin:0;display:flex;overflow:auto;gap:8px;padding:0}.performance .anchors a.active{background:var(--accent);color:#17110a}.fontControls{position:fixed;z-index:12;top:82px;right:16px;right:max(16px,4vw);display:flex;align-items:center;gap:8px;background:#111214ef;padding:8px;border-radius:16px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.fontControls button{width:42px;height:42px;padding:0;display:grid;place-items:center;background:#1b1d20;border-radius:10px}.fontControls span{min-width:26px;text-align:center;color:#c9c9c9;font-size:13px}@media(max-width:720px){.performance{padding-top:126px}.fontControls{top:80px;right:14px}.performance .anchors a{font-size:12px;padding:8px 10px}}.setItem{min-height:42px;background:transparent;margin:2px 0;padding:2px 4px 2px 0;border-radius:10px}.setItem:hover{background:color-mix(in srgb,var(--panel2) 38%,transparent)}.setItem>div{min-width:0}.setItem b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.itemNumber{flex:0 0 30px;width:30px;text-align:right;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.setItem .handle,.setItem .icon{width:34px;height:34px;min-height:34px}.performance .anchors{min-width:0;scrollbar-width:none}.performance .anchors::-webkit-scrollbar{display:none}.performance .anchors a{flex:0 0 auto;display:block;max-width:190px;min-width:86px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}@media(max-width:720px){.setItem{min-height:38px}.setItem b{font-size:14px}.itemNumber{flex-basis:26px;width:26px}.setItem .handle,.setItem .icon{width:32px;height:32px;min-height:32px}.performance .anchors a{max-width:150px;min-width:76px}}.setlistTitleEditor{display:grid;gap:4px}.setlistTitleEditor input{width:min(520px,60vw);background:transparent!important;border:0!important;box-shadow:none!important;padding:0;border-radius:0;color:var(--text)}.setlistTitleEditor input:first-child{font-size:clamp(34px,5vw,58px);font-weight:800;letter-spacing:-.04em;line-height:1}.setlistTitleEditor input[type=date]{width:170px;color:var(--muted);font-size:14px;font-weight:600;letter-spacing:.04em}.setlistTitleEditor input::-webkit-calendar-picker-indicator{opacity:.55}.addSongTrigger{background:transparent!important;color:var(--text);padding-left:0}.addSongTrigger:hover{background:color-mix(in srgb,var(--panel2) 24%,transparent)!important}.performance .anchors a{width:auto;min-width:0;max-width:178px;text-align:left}.performance .anchors a.active{text-align:left}@media(max-width:720px){.pageHead{gap:12px}.setlistTitleEditor input{width:min(390px,58vw)}.setlistTitleEditor input:first-child{font-size:34px}.setlistTitleEditor input[type=date]{width:142px;font-size:12px}.performance .anchors a{max-width:142px;min-width:0}}.importOptions{display:grid;gap:8px;margin:14px 0 4px;padding:12px;border-radius:14px;background:color-mix(in srgb,var(--panel2) 62%,transparent)}.importOptions label{display:flex;align-items:center;gap:10px;min-height:44px;color:var(--text);font-size:14px;cursor:pointer}.importOptions input{width:24px;height:24px;flex:0 0 24px;accent-color:var(--accent)}.conflictDialog{width:min(520px,100%)}.conflictActions{display:grid;gap:10px}.conflictActions button{width:100%;min-height:48px}.performance{padding-top:92px;padding-bottom:160px}.performance>section:first-of-type .divider{margin-top:28px}.divider{margin:46px 0 28px;padding-top:0;border-top:0}.performanceSong{margin-bottom:58px;scroll-margin-top:86px}.performanceSong h1{margin-bottom:24px}.stageControls{position:fixed;z-index:12;left:50%;bottom:16px;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;gap:10px;background:#111214ef;padding:8px;border-radius:18px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 14px 40px #0008}.stageControls .fontControls,.stageControls .scrollControls{position:static;display:flex;align-items:center;gap:8px;background:transparent;padding:0;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none}.stageControls button{width:42px;height:42px;min-height:42px;padding:0;display:grid;place-items:center;background:#1b1d20;border-radius:12px}.stageControls span{min-width:30px;text-align:center;color:#c9c9c9;font-size:13px}.scrollControls button.active{background:var(--accent);color:#17110a}.scrollControls>span{min-width:38px;color:var(--muted)}.perfControls{display:none!important}@media(max-width:720px){.performance{padding-top:84px;padding-bottom:146px}.performance>section:first-of-type .divider{margin-top:18px}.divider{margin:34px 0 22px}.performanceSong{margin-bottom:44px;scroll-margin-top:80px}.stageControls{gap:6px;padding:7px;max-width:calc(100vw - 18px)}.stageControls button{width:38px;height:38px;min-height:38px}.stageControls span{font-size:12px;min-width:24px}.scrollControls>span{min-width:34px}.stageControls .fontControls,.stageControls .scrollControls{gap:5px}}.performanceSongHead{display:flex;align-items:baseline;gap:14px;margin:0 0 24px}.performanceSongHead span{flex:0 0 auto;color:var(--accent);font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}.performanceSongHead h1{margin:0}.stageControls{left:auto;right:16px;right:max(16px,env(safe-area-inset-right));transform:none;background:transparent;padding:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.stageControls .fontControls,.stageControls .scrollControls{background:#111214ef;padding:8px;border-radius:18px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 14px 40px #0008}.scrollControls>span{min-width:32px}.performance .lyrics{max-width:850px}@media(max-width:720px){.performanceSongHead{gap:10px;margin-bottom:18px}.performanceSongHead span{font-size:14px}.stageControls{right:8px;bottom:10px;bottom:max(10px,env(safe-area-inset-bottom));align-items:flex-end}.stageControls .fontControls,.stageControls .scrollControls{padding:6px;border-radius:16px}.scrollControls>span{min-width:28px}}.pageHead{align-items:center}.pageAction{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:40px}.pageAction .headActions{gap:8px}.pageAction .primary,.pageAction .secondary,.pageAction button,.pageAction a{min-height:38px;padding:0 13px;border-radius:10px;font-size:14px}.pageAction svg{width:18px;height:18px}.songsToolbar{display:flex!important;flex-direction:row!important;align-items:center}.songsToolbar .search{min-width:0}.sortIconButton{flex:0 0 46px;width:46px;height:46px;min-height:46px;padding:0}.sortIconButton svg{width:20px;height:20px}.sortDialog{width:min(420px,100%)}.sortChoices{display:grid;gap:8px}.sortChoices button{width:100%;justify-content:space-between;min-height:48px;background:var(--panel2);border-radius:12px;padding:0 14px;text-align:left}.sortChoices button.active{background:color-mix(in srgb,var(--accent) 24%,var(--panel2));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 70%,transparent)}.sortChoices span{font-weight:700}.sortChoices b{color:var(--accent);font-size:12px}.routeFrame{min-height:100vh;animation-duration:.22s;animation-timing-function:cubic-bezier(.2,.72,.2,1);animation-fill-mode:none;will-change:auto}.route-forward{animation-name:routeForward}.route-back{animation-name:routeBack}@keyframes routeForward{0%{opacity:.001;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes routeBack{0%{opacity:.001;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}.setItem{transition:transform .18s cubic-bezier(.2,.72,.2,1),background-color .14s ease,opacity .14s ease}.setItem.dragging{opacity:.42;background:color-mix(in srgb,var(--accent) 18%,transparent);box-shadow:0 10px 28px #0005}.endDropZone{height:16px;border-radius:8px;margin:2px 0 4px;transition:background-color .14s ease}.endDropZone.empty{height:42px;margin-top:8px;border:1px dashed color-mix(in srgb,var(--muted) 28%,transparent)}.endDropZone.over{height:30px;background:color-mix(in srgb,var(--accent) 24%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 72%,transparent)}@media(max-width:720px){.pageHead{align-items:center}.pageAction .primary,.pageAction .secondary,.pageAction button,.pageAction a{min-height:36px;padding:0 10px;font-size:13px}.pageAction .headActions{gap:6px}.songsToolbar{gap:8px}.sortIconButton{flex-basis:44px;width:44px;height:44px;min-height:44px}}@media(prefers-reduced-motion:reduce){.routeFrame{animation:none}.setItem{transition:none}}:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--type-caption: .75rem;--type-label: .875rem;--type-body: 1rem;--type-lyric: 1.5rem;--type-headline: 2.125rem;--type-display: 3.625rem}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.stageLaunchBar{width:min(850px,100%);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:var(--space-3);margin-bottom:var(--space-6)}.stageReadiness{min-width:0;border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:hidden}.stageReadiness.ready{border-color:#f2a33b6b}.stageReadinessSummary{width:100%;min-height:56px;display:flex;align-items:center;justify-content:flex-start;padding:var(--space-3) var(--space-4);border-radius:0;background:transparent;text-align:start}.stageStart:focus-visible,.readinessActions button:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.stageReadinessIcon{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;-webkit-margin-end:var(--space-3);margin-inline-end:var(--space-3);border-radius:50%;color:var(--accent);background:#f2a33b1f}.stageReadiness.pending .stageReadinessIcon{color:var(--muted);background:var(--panel2)}.stageReadinessCopy{min-width:0;flex:1;display:grid;gap:var(--space-1)}.stageReadinessCopy strong{font-size:var(--type-body);line-height:1.25}.stageReadinessCopy small,.readinessLine small{color:var(--muted);font-size:var(--type-label);line-height:1.45;overflow-wrap:anywhere}.stageReadinessSummary>svg{flex:0 0 auto;-webkit-margin-start:var(--space-2);margin-inline-start:var(--space-2);color:var(--muted);transition:transform .16s ease}.stageReadinessSummary>svg.expanded{transform:rotate(180deg)}.stageSyncIcon{flex:0 0 auto;display:grid;place-items:center;-webkit-margin-start:var(--space-2);margin-inline-start:var(--space-2);color:var(--muted)}.stageSyncIcon svg{width:18px;height:18px}.stageReadinessRecovery{padding:var(--space-3) var(--space-4) var(--space-4);border-top:1px solid var(--line)}.stageReadinessDetails{display:grid;gap:var(--space-3);padding:0 var(--space-4) var(--space-4);border-top:1px solid var(--line)}.readinessLine{min-width:0;display:flex;align-items:flex-start;gap:var(--space-3);padding-top:var(--space-3)}.readinessLine>svg{flex:0 0 auto;color:var(--accent)}.readinessLine span{min-width:0;display:grid;gap:var(--space-1)}.readinessActions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.readinessActions button{min-height:44px}.readinessConflict p{margin:0 0 var(--space-3);color:var(--text);font-size:var(--type-label);line-height:1.5}.stageStart{min-width:206px;min-height:56px;padding-inline:var(--space-6)}button:disabled,.stageStart[disabled]{cursor:not-allowed;opacity:.48}.setlistReadinessBadge{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2);color:var(--muted)!important;font-size:var(--type-caption)!important;font-weight:700}.setlistReadinessBadge.ready{color:var(--accent)!important}.setlistReadinessBadge svg{width:15px;height:15px}.performanceEmpty{min-height:100vh;min-height:100dvh;display:grid;place-content:center;justify-items:start;gap:var(--space-3);max-width:42rem}.performanceEmpty>svg{width:36px;height:36px;color:var(--accent)}.performanceEmpty h1,.performanceEmpty p{margin:0}.performanceEmpty p{color:var(--muted);line-height:1.6}@media(max-width:640px){.pageHead h1,.setlistTitleEditor input:first-child{font-size:var(--type-headline)}.stageLaunchBar{grid-template-columns:1fr;gap:var(--space-2);margin-bottom:var(--space-6)}.stageStart{width:100%;min-height:52px}.stageReadinessSummary{min-height:60px;padding-inline:var(--space-3)}.stageReadinessDetails{padding-inline:var(--space-3)}.readinessActions{display:grid;grid-template-columns:1fr}.readinessActions button{width:100%}.performanceSongHead h1{font-size:var(--type-headline)}.performance .anchors a{font-size:var(--type-label)}}.landing{--landing-bg: #090a0b;--landing-panel: #121417;--landing-control: #1b1e22;--landing-text: #f4f1e9;--landing-muted: #a6a8ad;--landing-accent: #f2a33b;min-height:100vh;overflow:hidden;color:var(--landing-text);background:var(--landing-bg)}.landing .brandLogoOnLight{display:none}.landing .brandLogoOnDark{display:block}.landingNav{width:min(1180px,calc(100% - 48px));min-height:92px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.landingLogo{width:154px}.landingNavActions,.landingCtas{display:flex;align-items:center;gap:20px}.landingLanguage select{min-height:44px;width:auto;border:0;padding:0 26px 0 8px;color:var(--landing-muted);background-color:transparent}.landingSignIn,.landingQuietLink{color:var(--landing-text);font-size:14px;font-weight:700;text-decoration:underline;-webkit-text-decoration-color:#5d6066;text-decoration-color:#5d6066;text-underline-offset:5px;transition:color .18s ease,-webkit-text-decoration-color .18s ease;transition:color .18s ease,text-decoration-color .18s ease;transition:color .18s ease,text-decoration-color .18s ease,-webkit-text-decoration-color .18s ease}.landingSignIn:hover,.landingQuietLink:hover{color:var(--landing-accent);-webkit-text-decoration-color:var(--landing-accent);text-decoration-color:var(--landing-accent)}.landing a:focus-visible,.landing select:focus-visible{outline:2px solid var(--landing-accent);outline-offset:4px}.landingHero{width:min(1180px,calc(100% - 48px));min-height:calc(100vh - 92px);margin:0 auto;padding:clamp(46px,8vh,100px) 0 clamp(90px,12vh,150px);display:grid;grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);align-items:center;gap:clamp(44px,7vw,108px)}.landingHeroCopy{position:relative;z-index:1}.landingSignal{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 0 28px;padding:8px 12px 8px 9px;display:flex;align-items:center;gap:7px;border-radius:999px;color:var(--landing-accent);background:#21180e;font-size:13px;font-weight:700}.landingSignal svg{width:16px;height:16px}.landing h1{max-width:680px;margin:0;font-size:clamp(46px,6vw,86px);line-height:.98;letter-spacing:-.04em;text-wrap:balance}.landingLead{max-width:590px;margin:30px 0 34px;color:#c3c4c7;font-size:clamp(17px,1.7vw,21px);line-height:1.65;text-wrap:pretty}.landingPrimary{min-height:52px;padding:0 21px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:12px;color:#1b1308;background:var(--landing-accent);font-weight:800;transition:background-color .18s ease,transform .18s cubic-bezier(.22,1,.36,1)}.landingPrimary svg{width:18px;transition:transform .18s cubic-bezier(.22,1,.36,1)}.landingPrimary:hover{background:#ffb34c;transform:translateY(-2px)}.landingPrimary:hover svg{transform:translate(3px)}.landingFinePrint{margin:15px 0 0;color:#7f8288;font-size:12px}.stagePreview{min-height:650px;display:grid;place-items:center;position:relative;isolation:isolate;perspective:1000px}.stageGlow{position:absolute;z-index:-2;border-radius:50%;-webkit-filter:blur(56px);filter:blur(56px);opacity:.72}.stageGlowOne{width:360px;height:360px;top:8%;right:-8%;background:#5b3214;animation:stage-light-one 8s ease-in-out infinite alternate}.stageGlowTwo{width:250px;height:250px;bottom:5%;left:0;background:#222a3a;animation:stage-light-two 10s ease-in-out infinite alternate}.stageDevice{width:min(100%,510px);min-height:610px;overflow:hidden;border:1px solid #31343a;border-radius:16px;background:#0c0d0f;box-shadow:22px 26px #050506;transform:rotateY(-5deg) rotateX(2deg);animation:stage-device-in .8s cubic-bezier(.22,1,.36,1) both}.stageDevice header{min-height:64px;padding:0 18px;border-bottom:1px solid #26292d;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;color:#c8c8ca;font-size:13px;font-weight:700}.stageBack{font-size:30px;font-weight:400}.stageReady{display:flex;align-items:center;gap:5px;color:var(--landing-accent)}.stageReady svg{width:15px}.stageSongRail{min-height:48px;padding:0 18px;display:flex;align-items:center;gap:12px;overflow:hidden;color:#777a80;background:#121417;font-size:12px;white-space:nowrap}.stageSongRail b{color:var(--landing-accent)}.stageDevice article{min-height:432px;padding:56px clamp(28px,7vw,54px) 42px}.stageDevice article>p{margin:0 0 14px;color:var(--landing-accent);font-size:12px;font-weight:800}.stageDevice h2{margin:0 0 48px;font-size:clamp(34px,4vw,48px);line-height:1.05;letter-spacing:-.035em}.stageLyrics{display:flex;flex-direction:column;gap:15px;color:#d7d5d0;font-size:clamp(17px,2vw,21px);line-height:1.55}.stageLyrics span:nth-child(2){color:var(--landing-text);font-weight:700}.stageDevice footer{min-height:64px;padding:0 22px;border-top:1px solid #26292d;display:flex;align-items:center;justify-content:flex-end;gap:8px;color:#96999f;font-size:12px}.stageDevice footer .stagePlay{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#1b1308;background:var(--landing-accent)}.stageDevice footer .stagePlay svg{width:17px}.landingStrengths{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:clamp(90px,14vw,180px) 0;border-top:1px solid #24262a;display:grid;grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr);gap:clamp(50px,9vw,140px)}.landingStrengthsIntro>p{margin:0 0 18px;color:var(--landing-accent);font-size:14px;font-weight:700}.landingStrengths h2,.landingFinal h2{margin:0;font-size:clamp(38px,5vw,68px);line-height:1.02;letter-spacing:-.04em;text-wrap:balance}.landingStrengthList{display:flex;flex-direction:column}.landingStrengthList article{min-height:134px;padding:28px 0;border-bottom:1px solid #2b2d31;display:grid;grid-template-columns:44px 1fr;gap:22px}.landingStrengthList article:first-child{border-top:1px solid #2b2d31}.landingStrengthList svg{width:26px;height:26px;color:var(--landing-accent)}.landingStrengthList h3{margin:0 0 9px;font-size:20px}.landingStrengthList p{max-width:52ch;margin:0;color:var(--landing-muted);line-height:1.65}.landingFinal{min-height:78vh;padding:110px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--landing-accent);color:#1b1308}.landingFinalLogo{width:155px;margin-bottom:48px}.landingFinal .brandLogoOnDark{display:none}.landingFinal .brandLogoOnLight{display:block;-webkit-filter:brightness(.12);filter:brightness(.12)}.landingFinal h2{max-width:900px}.landingFinal .landingPrimary{margin-top:42px;color:var(--landing-text);background:#111214}.landingFinal .landingPrimary:hover{background:#282a2e}@keyframes stage-device-in{0%{opacity:0;transform:translateY(32px) rotateY(-5deg) rotateX(2deg)}}@keyframes stage-light-one{to{transform:translate(-28px,38px) scale(1.08)}}@keyframes stage-light-two{to{transform:translate(24px,-18px) scale(.88)}}@media(max-width:920px){.landingHero{grid-template-columns:1fr;padding-top:70px}.landingHeroCopy{max-width:760px}.stagePreview{min-height:680px}.landingStrengths{grid-template-columns:1fr}.landingStrengthsIntro{max-width:680px}}@media(max-width:640px){.landingNav,.landingHero,.landingStrengths{width:min(100% - 32px,1180px)}.landingNav{min-height:76px}.landingLogo{width:126px}.landingNavActions{gap:8px}.landingLanguage select{max-width:54px;padding-left:4px;color:transparent}.landingLanguage{position:relative}.landingLanguage:after{content:"🌐";position:absolute;inset:10px auto auto 8px;pointer-events:none}.landingHero{min-height:0;padding:58px 0 90px;gap:54px}.landing h1{font-size:clamp(44px,13.5vw,62px)}.landingLead{margin-top:24px}.landingCtas{align-items:flex-start;flex-direction:column}.landingPrimary{width:100%}.stagePreview{min-height:540px;perspective:none}.stageDevice{min-height:520px;box-shadow:10px 12px #050506;transform:none}.stageDevice article{min-height:342px;padding-top:40px}.stageDevice h2{margin-bottom:34px}.stageLyrics{font-size:16px}.landingStrengths{padding:90px 0;gap:44px}.landingStrengthList article{grid-template-columns:34px 1fr;gap:16px}.landingFinal{min-height:72vh;padding:90px 16px}}.pageHead{align-items:flex-end}.pageBrandLogo{display:none}@media(max-width:720px){.pageHead{align-items:flex-end}.pageBrandLogo{display:inline-block}}.stageReadinessIndicator{display:inline-flex;align-items:center;gap:var(--space-1);min-height:40px;padding:var(--space-1);border:1px solid var(--line);border-radius:12px;background:var(--panel)}.stageStatusIcon{flex:0 0 32px;width:32px;height:32px;min-height:32px;padding:0;display:grid;place-items:center;border-radius:8px;background:transparent;color:var(--muted)}.stageStatusIcon.ready:first-child{color:var(--accent)}.stageStatusIcon.attention{color:var(--danger);cursor:pointer}.stageStatusIcon svg{width:19px;height:19px}.stageStatusIcon:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.stageStatusIcon .spinning{animation:stageStatusSpin .9s linear infinite}@keyframes stageStatusSpin{to{transform:rotate(360deg)}}.stageLaunchOnly{grid-template-columns:minmax(0,1fr)}.stageLaunchOnly .stageStart{width:100%}@media(max-width:640px){.setlistEditorPage .pageHead{align-items:flex-start}.stageReadinessIndicator{flex:0 0 auto}}@media(prefers-reduced-motion:reduce){.stageStatusIcon .spinning{animation:none}}@media(prefers-reduced-motion:reduce){.stageReadinessSummary>svg{transition:none}}@media(max-width:1023px){.content{padding-top:36px;padding-top:calc(36px + env(safe-area-inset-top));padding-right:24px;padding-right:calc(24px + env(safe-area-inset-right));padding-left:24px;padding-left:calc(24px + env(safe-area-inset-left))}.bottom{padding-right:8px;padding-right:calc(8px + env(safe-area-inset-right));padding-bottom:5px;padding-bottom:calc(5px + env(safe-area-inset-bottom));padding-left:8px;padding-left:calc(8px + env(safe-area-inset-left))}}@media(max-width:640px){.content{padding-top:26px;padding-top:calc(26px + env(safe-area-inset-top));padding-right:16px;padding-right:calc(16px + env(safe-area-inset-right));padding-left:16px;padding-left:calc(16px + env(safe-area-inset-left))}}.performance{padding-top:96px;padding-top:calc(96px + env(safe-area-inset-top));padding-right:24px;padding-right:calc(24px + env(safe-area-inset-right));padding-left:24px;padding-left:calc(24px + env(safe-area-inset-left))}.performance>header{top:0;top:env(safe-area-inset-top);padding-right:16px;padding-right:calc(16px + env(safe-area-inset-right));padding-left:16px;padding-left:calc(16px + env(safe-area-inset-left))}@media(max-width:720px){.auth,.onboarding{padding-top:18px;padding-top:calc(18px + env(safe-area-inset-top));padding-right:16px;padding-right:calc(16px + env(safe-area-inset-right));padding-left:16px;padding-left:calc(16px + env(safe-area-inset-left))}}.songPage .content{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.songPage .pageHead{flex:0 0 auto}.songPage .noteEditor{flex:1 1 auto;width:100%;max-width:none;padding:0;border:0;border-radius:0;background:transparent}.songPage .noteEditor .field{margin-bottom:0}.songPage .singleLyrics{display:block;width:100%;min-height:calc(100vh - 300px);min-height:calc(100dvh - 300px);max-height:none;overflow-y:hidden;resize:none;padding:20px 18px;border-radius:14px}@media(max-width:720px){.songPage .pageHead{margin-bottom:26px}.songPage .singleLyrics{min-height:calc(100vh - 310px);min-height:calc(100dvh - 310px);padding:18px 14px}.songPage .noteFooter{bottom:66px;bottom:calc(66px + env(safe-area-inset-bottom));margin:0;background:var(--bg)}}.songCheck{top:10px;right:10px;width:44px;height:44px;border:0;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;cursor:pointer}.songCheck input{width:24px;height:24px;margin:0;padding:0!important;border:1.5px solid var(--muted);border-color:var(--muted)!important;border-radius:7px;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.songCheck input:checked{border-color:var(--accent)!important;background-color:var(--accent);background-image:linear-gradient(135deg,transparent 44%,#1b1308 44%,#1b1308 55%,transparent 55%),linear-gradient(45deg,transparent 54%,#1b1308 54%,#1b1308 64%,transparent 64%)}.songCheck input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.selectCard .card{padding-right:64px}.selectCard .songCard{width:100%;min-width:0;min-height:80px;padding:14px 64px 14px 16px;justify-content:center;overflow:hidden}.selectCard,.songCard>div{min-width:0}.songCard h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.songCard p{margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.songUpdatedAt{color:var(--muted);font-weight:700}.setlistCardWrap .card{min-height:108px;padding:16px 126px 16px 18px}.cardActions{top:50%;right:14px;transform:translateY(-50%);gap:8px;padding:4px;border-radius:16px;background:var(--panel2);background:color-mix(in srgb,var(--panel2) 82%,transparent)}.cardActions .cardActionButton{width:44px;height:44px;min-height:44px;border-radius:12px;background:var(--panel);color:var(--muted);transition:background-color .14s ease,color .14s ease,transform .14s ease}.cardActions .cardActionButton svg{width:20px;height:20px}.cardActions .duplicateAction:hover,.cardActions .duplicateAction:focus-visible{background:var(--accent);color:#1b1308}.cardActions .deleteAction{color:var(--danger)}.cardActions .deleteAction:hover,.cardActions .deleteAction:focus-visible{background:var(--danger);color:#1b1308}.cardActions .cardActionButton:active{transform:scale(.94)}.performance{min-height:100vh;padding:96px max(24px,8vw) 180px;background:var(--bg);color:var(--text)}.performance>header{height:76px;padding:0 max(16px,4vw);gap:12px;border-bottom:1px solid var(--line)!important;background:var(--bg);background:color-mix(in srgb,var(--bg) 94%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.performance>header>a{flex:0 0 44px;width:44px;height:44px;min-height:44px;border-radius:13px;background:var(--panel2);color:var(--text)}.performance .anchors{gap:8px;padding:4px 0;-webkit-scroll-snap-type:x proximity;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.performance .anchors a{flex:0 0 150px;width:150px;max-width:150px;min-height:44px;padding:0 14px;display:flex;align-items:center;border-radius:14px;background:var(--panel2);color:var(--muted);font-size:13px;font-weight:650;text-align:left;scroll-snap-align:center}.performance .anchors a.active{background:var(--accent);color:#1b1308;font-weight:800}.performance>section{width:min(100%,920px)}.performance>section:first-of-type .divider,.performance .divider{margin:64px 0 28px;padding:0;border:0}.performance .divider span{font-weight:800}.performance .divider h2{color:var(--text)}.performanceSong{width:min(100%,820px);max-width:820px;margin-bottom:88px;scroll-margin-top:96px}.performanceSongHead h1{color:var(--text)}.performance .lyrics{max-width:820px;color:var(--text)}.stageControls{z-index:30;right:16px;right:max(16px,env(safe-area-inset-right));bottom:18px;bottom:max(18px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-end;gap:8px}.stageControls .fontControls,.stageControls .scrollControls{min-height:52px;gap:4px;padding:4px 6px;border:1px solid var(--line);border-radius:18px;background:var(--panel);background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:0 12px 34px #0003;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.stageControls button{width:44px;height:44px;min-height:44px;border-radius:13px;background:var(--panel2);color:var(--text)}.stageControls button.active{background:var(--accent);color:#1b1308}.stageControls span{min-width:36px;color:var(--text);font-weight:800}.stageControls .scrollControls>span{min-width:48px;padding-right:6px;color:var(--muted)}.stageControls .locked button{color:var(--muted)}@media(max-width:1023px){.routeFrame{animation:none;transform:none}.shell aside{display:none}.content{width:min(100%,760px);margin:0 auto;padding:36px 24px calc(96px + env(safe-area-inset-bottom));padding-top:calc(36px + env(safe-area-inset-top));padding-right:calc(24px + env(safe-area-inset-right));padding-left:calc(24px + env(safe-area-inset-left))}.bottom{position:fixed;z-index:40;right:0;bottom:0;left:0;display:flex;min-height:66px;padding:5px 8px max(5px,env(safe-area-inset-bottom));padding-right:calc(8px + env(safe-area-inset-right));padding-left:calc(8px + env(safe-area-inset-left));border-top:1px solid var(--line)!important;background:var(--panel);background:color-mix(in srgb,var(--panel) 96%,transparent);box-shadow:0 -10px 28px #0002;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom a{flex:1 1 0;min-width:0;min-height:56px;padding:6px 4px;flex-direction:column;justify-content:center;gap:3px;border-radius:12px;color:var(--muted);font-size:11px;font-weight:650}.bottom a svg{width:22px;height:22px}.bottom a.active{color:var(--accent);background:transparent}.pageHead{gap:18px;margin-bottom:28px}.pageHead>div:first-child{min-width:0}.pageHead>.pageTitle{min-width:0}.pageAction{flex:0 0 auto}.pageAction .primary,.pageAction .secondary,.pageAction button,.pageAction a{min-height:44px}.blocks,.block,.wide{width:100%;max-width:none}.block{padding:18px}.setlistTitleEditor input{width:min(440px,54vw)}.setItem{min-height:52px}.setItem .handle,.setItem .icon{width:44px;height:44px;min-height:44px}.performance{padding-right:24px;padding-left:24px}}@media(max-width:640px){.content{padding:26px 16px calc(92px + env(safe-area-inset-bottom));padding-top:calc(26px + env(safe-area-inset-top));padding-right:calc(16px + env(safe-area-inset-right));padding-left:calc(16px + env(safe-area-inset-left))}.pageHead{align-items:flex-start;gap:12px}.pageHead h1,.setlistTitleEditor input:first-child{font-size:34px}.pageAction .primary,.pageAction .secondary,.pageAction button,.pageAction a{min-height:44px}.setlistTitleEditor input{width:min(100%,58vw)}.setlistTitleEditor input[type=date]{width:146px}.block{padding:14px 12px;border-radius:16px}.blockHead{margin-bottom:8px}.itemNumber{flex-basis:24px;width:24px}.setItem{min-height:50px;margin:3px 0}.setItem b{font-size:14px}.setlistCardWrap .card{min-height:104px;padding:14px 116px 14px 16px}.cardActions{top:50%;right:10px}.performance{padding:88px 18px 176px}.performance>header{height:72px;padding:0 10px;gap:8px}.performance .anchors a{flex-basis:136px;width:136px;max-width:136px;font-size:12px}.performance>section:first-of-type .divider,.performance .divider{margin:38px 0 22px}.performance .divider h2{font-size:28px}.performanceSong{margin-bottom:64px}.performanceSongHead{gap:10px;margin-bottom:22px}.performanceSongHead h1{font-size:38px}.stageControls{right:8px;bottom:10px;bottom:max(10px,env(safe-area-inset-bottom))}.stageControls .fontControls,.stageControls .scrollControls{min-height:48px;padding:2px 4px;border-radius:16px}.stageControls button{width:42px;height:42px;min-height:42px}}@supports not (display: grid){.imagePlaceholder,.imageRemove,.modalOverlay,.performance header button,.performance header a,.sortIconButton,.splash,.onboardingVisual,.planIcon{display:flex;align-items:center;justify-content:center}.cards,.previewList,.sourceGrid,.two,.three,.auth,.onboardingSlide{display:flex;flex-wrap:wrap}.cards>*,.previewList>*,.sourceGrid>*,.two>*,.three>*{flex:1 1 280px;margin:6px}.auth{align-items:center;justify-content:center}.authIntro,.authForm,.onboardingSlide>*{flex:1 1 340px;margin:16px}.blocks,.settings,.imageBox,.previewItem,.songResults,.songResult,.setlistTitleEditor,.importOptions,.sortChoices,.settingsGrid,.preferences,.settingRow>span{display:block}.blocks>*,.settings>*,.imageBox>*,.songResults>*,.importOptions>*,.sortChoices>*,.settingsGrid>*,.preferences>*{margin-bottom:12px}.planButton,.currentPlan,.settingRow{display:flex;align-items:center;flex-wrap:wrap}.planCopy,.currentPlan>div,.settingRow>span{flex:1 1 190px}.onboarding{display:block}.onboarding header,.onboarding footer{margin-bottom:24px}}button:disabled{cursor:not-allowed;opacity:.56}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 72%,white);outline-offset:3px}.loadingState{display:flex;align-items:center;gap:12px;min-height:72px;color:var(--muted)}.loadingState span{width:18px;height:18px;border:2px solid color-mix(in srgb,var(--muted) 32%,transparent);border-top-color:var(--accent);border-radius:50%;animation:loadingSpin .7s linear infinite}.loadingState p{margin:0}@keyframes loadingSpin{to{transform:rotate(1turn)}}.auth{grid-template-columns:minmax(280px,520px) minmax(320px,440px);align-items:center;gap:clamp(34px,7vw,96px);padding:clamp(24px,6vw,72px)}.authIntro{max-width:560px}.authBrandLogo{width:min(300px,72vw)}.pageBrandLogo{width:118px;margin-bottom:8px}.authIntro h1{max-width:12ch;margin:24px 0 18px;font-size:64px;font-size:clamp(42px,6vw,76px);line-height:.98;letter-spacing:-.04em;text-wrap:balance}.authIntro>p:last-child{max-width:52ch;color:var(--muted);font-size:17px;line-height:1.55}.authForm{width:100%}.authHint,.authMessage{color:var(--muted);line-height:1.5}.authMessage{padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--accent) 12%,var(--panel2));color:var(--text)}.buttonLink{display:flex;align-items:center;justify-content:center;text-decoration:none}.authActionPage .authIntro{align-self:start}.verificationNotice{display:grid;gap:12px;margin-top:18px;padding:16px;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:14px;background:color-mix(in srgb,var(--accent) 8%,transparent)}.verificationNotice p{margin:6px 0 0;color:var(--muted);line-height:1.45}.verificationNotice .secondary{justify-self:start}.onboarding{width:100%;width:min(1120px,100%);min-height:100vh;min-height:100svh;min-height:100dvh;margin:0 auto;padding:32px;padding:clamp(20px,4vw,48px);padding-top:calc(clamp(20px,4vw,48px) + env(safe-area-inset-top));padding-right:calc(clamp(20px,4vw,48px) + env(safe-area-inset-right));padding-bottom:calc(clamp(20px,4vw,48px) + env(safe-area-inset-bottom));padding-left:calc(clamp(20px,4vw,48px) + env(safe-area-inset-left));display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(14px,3vh,24px);overflow-x:hidden}.onboarding header,.onboarding footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.onboardingBrandLogo{width:clamp(140px,18vw,190px)}.onboarding header .textBtn{width:auto;min-height:44px}.onboardingSlide{display:grid;grid-template-columns:minmax(280px,1.1fr) minmax(300px,.9fr);align-items:center;gap:clamp(30px,7vw,90px);min-height:0}.onboardingVisual{min-height:240px;min-height:clamp(240px,48svh,560px);max-height:560px;display:grid;place-items:center;overflow:hidden;border-radius:16px;background:var(--panel)}.onboardingVisual svg{width:clamp(96px,42%,220px);height:auto;color:var(--accent);-webkit-filter:drop-shadow(0 18px 24px color-mix(in srgb,var(--accent) 24%,transparent));filter:drop-shadow(0 18px 24px color-mix(in srgb,var(--accent) 24%,transparent))}.onboardingCopy span{color:var(--accent);font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.onboardingCopy h1{max-width:12ch;margin:16px 0;font-size:clamp(40px,5.5vw,68px);line-height:1;letter-spacing:-.04em;text-wrap:balance}.onboardingCopy p{max-width:54ch;margin-bottom:0;color:var(--muted);font-size:18px;line-height:1.6}.onboardingDots{display:flex;align-items:center;gap:0}.onboardingDots button{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;display:grid;place-items:center;border-radius:10px;background:transparent}.onboardingDots button:before{content:"";width:10px;height:10px;border-radius:999px;background:var(--panel2);transition:width .18s cubic-bezier(.2,.72,.2,1),background-color .18s ease}.onboardingDots button.active:before{width:28px;background:var(--accent)}.onboarding footer .primary{min-height:48px}.upgradeDialog{width:min(620px,100%);max-height:min(90vh,780px);max-height:min(90dvh,780px);box-shadow:0 8px color-mix(in srgb,var(--accent) 18%,transparent)}.planBadge{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--accent);color:#1b1308}.planChoices{display:grid;gap:9px;margin:18px 0}.planButton{width:100%;min-height:74px;padding:12px 14px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;border-radius:12px;background:var(--panel2);text-align:left}.planButton.highlighted{background:color-mix(in srgb,var(--accent) 16%,var(--panel2))}.planButton.selected{box-shadow:inset 0 0 0 2px var(--accent)}.planState,.planState svg{width:22px;height:22px;color:var(--accent)}.radioDot{display:block;width:18px;height:18px;border:2px solid var(--muted);border-radius:50%}.planCopy,.planCopy>span{min-width:0;display:flex;align-items:center;gap:8px}.planCopy{align-items:flex-start;flex-direction:column;gap:3px}.planCopy small{color:var(--muted)}.planCopy em{padding:3px 7px;border-radius:999px;background:var(--accent);color:#1b1308;font-size:10px;font-style:normal;font-weight:800}.upgradeDialog .billingNotice{margin-top:8px;color:var(--text);font-size:13px;font-weight:700}.billingIntro{max-width:65ch;margin:16px 0 4px;line-height:1.5}.billingNote{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.settingsGrid{width:min(820px,100%);display:grid;gap:14px}.selectCard,.setlistCardWrap{content-visibility:auto;contain-intrinsic-size:auto 130px}.accountPanel,.preferences,.planOverview{padding:20px}.sectionLabel{margin:0 0 8px;color:var(--accent);font-size:12px;font-weight:800}.accountPanel h2,.preferences h2{margin:0;overflow-wrap:anywhere}.planOverview{border-radius:16px;background:color-mix(in srgb,var(--accent) 10%,var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 38%,transparent)}.currentPlan{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.currentPlan small{color:var(--muted)}.currentPlan h2{margin:2px 0 0;font-size:24px}.usagePills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.usagePills span{padding:8px 11px;border-radius:999px;background:var(--panel);font-size:13px}.planChoices.compact{margin-bottom:0}.proSummary{margin-top:18px}.proSummary .textBtn{width:auto;padding:0}.preferences{display:grid;gap:4px}.preferences>h2{margin-bottom:10px}.settingRow{width:100%;min-height:72px;padding:12px 0;display:grid;grid-template-columns:minmax(190px,1fr) minmax(140px,auto) auto;align-items:center;gap:14px;border-radius:0;border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent);background:transparent;text-align:left}.settingRow>span{display:grid;gap:3px}.settingRow small{color:var(--muted)}.settingRow select{min-width:150px}.settingRow input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.switchVisual{position:relative;width:44px;height:26px;border-radius:999px;background:var(--panel2);box-shadow:inset 0 0 0 1px var(--line)}.switchVisual:after{content:"";position:absolute;top:4px;left:4px;width:18px;height:18px;border-radius:50%;background:var(--muted);transition:transform .18s cubic-bezier(.2,.72,.2,1)}.switchVisual.on{background:var(--accent)}.switchVisual.on:after{background:#1b1308;transform:translate(18px)}.settingRow input[type=range]{width:min(260px,28vw);accent-color:var(--accent)}.settingRow output{min-width:54px;text-align:right;color:var(--muted)}.settingRow.locked{color:var(--muted)}.settingRow.locked>svg,.settingRow output svg{width:20px}.logoutButton{width:100%;color:var(--danger);background:transparent;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--danger) 60%,transparent)}.stageControls.locked button{color:#a9acb2}@media(max-width:720px){.auth{grid-template-columns:1fr;align-content:center;gap:26px}.authIntro h1{margin-top:18px;font-size:40px}.authIntro>p:last-child{display:none}.onboarding{padding:18px 16px calc(20px + env(safe-area-inset-bottom));gap:14px}.onboardingSlide{grid-template-columns:1fr;grid-template-rows:minmax(160px,auto) auto;align-content:center;gap:18px}.onboardingVisual{min-height:180px;min-height:clamp(180px,30svh,300px);max-height:300px}.onboardingCopy h1{margin:10px 0;font-size:clamp(32px,10vw,38px)}.onboardingCopy p{font-size:16px;line-height:1.5}.onboarding footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.onboarding footer .primary{padding:0 14px}.upgradeDialog{max-height:88vh;max-height:88dvh}.planButton{grid-template-columns:24px 1fr}.planButton>strong{grid-column:2}.currentPlan{grid-template-columns:auto 1fr}.currentPlan>strong{grid-column:2}.settingRow{grid-template-columns:1fr auto;gap:8px}.settingRow>span{grid-column:1 / -1}.settingRow input[type=range]{width:min(68vw,280px)}}@media(max-width:360px){.onboardingBrandLogo{width:132px}.onboarding header{gap:8px}.onboarding header .textBtn{padding:0 8px}.onboardingCopy h1{font-size:32px}}@media(orientation:landscape)and (max-height:520px){.onboarding{padding:12px 18px;padding-top:calc(12px + env(safe-area-inset-top));padding-right:calc(18px + env(safe-area-inset-right));padding-bottom:calc(12px + env(safe-area-inset-bottom));padding-left:calc(18px + env(safe-area-inset-left));gap:8px}.onboardingBrandLogo{width:128px}.onboardingSlide{grid-template-columns:minmax(150px,.72fr) minmax(250px,1.28fr);grid-template-rows:1fr;gap:clamp(20px,5vw,44px)}.onboardingVisual{min-height:132px;max-height:42vh}.onboardingVisual svg{width:min(38%,112px);-webkit-filter:none;filter:none}.onboardingCopy h1{margin:6px 0;font-size:clamp(28px,5vw,38px)}.onboardingCopy p{margin:0;font-size:14px;line-height:1.4}.onboarding footer{display:flex}}@media(prefers-reduced-motion:reduce){.onboardingDots button:before{transition:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.pageHead h1,.setlistTitleEditor input:first-child{font-size:var(--type-display)}.performanceSongHead h1{font-size:var(--type-headline);line-height:1.1}.performance .divider h2{font-size:var(--type-lyric)}.performance .anchors a{font-size:var(--type-label);font-weight:600}.performance .anchors a.active{font-weight:700}.performance .lyrics{max-width:min(70ch,100%)}.stageControls button{width:44px;height:44px;min-height:44px}@media(pointer:coarse){.stageControls button{width:48px;height:48px;min-height:48px}}@media(max-width:640px){.pageHead h1,.setlistTitleEditor input:first-child,.performanceSongHead h1{font-size:var(--type-headline)}.performance .anchors a{font-size:var(--type-label)}}