@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}@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}.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}.modalBackdrop{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;padding:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.importModal{width:min(940px,100%);max-height:min(86vh,900px);overflow:auto;padding:20px}.modalHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.modalHead h2{margin:0;font-size:clamp(26px,4vw,38px);letter-spacing:-.04em}.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){.modalBackdrop{align-items:end;padding:0}.importModal{width:100%;max-height:88vh;border-radius:20px 20px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom))}.sourceGrid{grid-template-columns:1fr}.modalHead button{min-height:40px;padding:0 12px}}.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;color:var(--text);font-size:14px}.importOptions input{width:18px;height:18px;accent-color:var(--accent)}.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}.sortModal{width:min(420px,100%);padding:18px}.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}.sortModal{width:100%;border-radius:20px 20px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom))}}@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)}}.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)}}.modalBackdrop{z-index:100}.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%}.onboarding{width:100%;width:min(1120px,100%);min-height:100vh;margin:0 auto;padding:32px;padding:clamp(20px,4vw,48px);display:grid;grid-template-rows:auto 1fr auto;gap:24px}.onboarding header,.onboarding footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.onboardingBrandLogo{width:min(190px,48vw)}.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)}.onboardingVisual{min-height:min(54vh,560px);display:grid;place-items:center;overflow:hidden;border-radius:16px;background:var(--panel)}.onboardingVisual svg{width:min(48%,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(42px,6vw,72px);line-height:1;letter-spacing:-.04em;text-wrap:balance}.onboardingCopy p{max-width:54ch;color:var(--muted);font-size:18px;line-height:1.6}.onboardingDots{display:flex;align-items:center;gap:8px}.onboardingDots button{width:12px;min-width:12px;height:12px;min-height:12px;padding:0;border-radius:999px;background:var(--panel2)}.onboardingDots button.active{width:32px;background:var(--accent)}.upgradeBackdrop{z-index:80}.upgradeDialog{width:min(620px,100%);max-height:min(90vh,780px);overflow:auto;padding:24px;border-radius:16px;background:var(--panel);box-shadow:0 8px color-mix(in srgb,var(--accent) 18%,transparent)}.upgradeHead,.upgradeHead>div{display:flex;align-items:center;gap:12px}.upgradeHead{justify-content:space-between}.upgradeHead h2{margin:0;font-size:30px}.upgradeIcon,.planBadge{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--accent);color:#1b1308}.upgradeDialog>p{max-width:60ch;color:var(--muted);line-height:1.5}.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}.billingNote{font-size:12px}.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))}.onboardingSlide{grid-template-columns:1fr;align-content:center;gap:24px}.onboardingVisual{min-height:32vh}.onboardingCopy h1{margin:10px 0;font-size:38px}.onboardingCopy p{font-size:16px}.upgradeDialog{max-height:88vh;padding:20px 16px calc(20px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0}.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(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)}}