:root{--theme-tint:#eaf2ff;--theme-rgb:38,124,255;--theme-dark:#0d1b52}
:root[data-theme=violet]{--bg:#faf7fd;--bg-soft:#f4eef9;--blue:#782487;--blue-2:#a454b1;--blue-dim:#f0e5f7;--navy:#230c35;--text:#230c35;--text-dim:#7a718d;--text-faint:#9e93ae;--line:#e8dbef;--theme-tint:#f0e5f7;--theme-rgb:120,36,135;--theme-dark:#42134f;--accent:#782487}
:root[data-theme=graphite]{--bg:#f6f6f6;--bg-soft:#eeeeef;--blue:#343a43;--blue-2:#60666e;--blue-dim:#e9eaec;--navy:#101622;--text:#101622;--text-dim:#6c717a;--text-faint:#969ba3;--line:#dedfe2;--theme-tint:#e9eaec;--theme-rgb:52,58,67;--theme-dark:#242930;--accent:#343a43}
:root[data-theme=emerald]{--bg:#f5fcf9;--bg-soft:#eaf8f2;--blue:#007c59;--blue-2:#14b68b;--blue-dim:#e0f5ed;--navy:#091e2c;--text:#091e2c;--text-dim:#71858b;--text-faint:#99abae;--line:#d7ece3;--theme-tint:#e0f5ed;--theme-rgb:0,124,89;--theme-dark:#00553e;--accent:#007c59}
html[data-theme]:not([data-theme=blue]) body::before,html[data-theme]:not([data-theme=blue]) body::after{background:radial-gradient(circle,var(--theme-tint),transparent 68%)}
html[data-theme]:not([data-theme=blue]) .home-atmosphere-a,html[data-theme]:not([data-theme=blue]) .home-atmosphere-b{background:radial-gradient(circle,var(--theme-tint),transparent 70%)}
html[data-theme]:not([data-theme=blue]) .home-decoration::after{content:"";position:absolute;inset:5% -30% 10%;opacity:.1;transform:rotate(-17deg);background:repeating-radial-gradient(ellipse at 20% 45%,transparent 0 23px,var(--blue) 24px,transparent 25px 37px);mask-image:linear-gradient(transparent,#000 30%,transparent 90%)}
html[data-theme]:not([data-theme=blue]) .account-panel,html[data-theme]:not([data-theme=blue]) .overlay-screen,html[data-theme]:not([data-theme=blue]) .onboarding{background:linear-gradient(150deg,#fff,var(--bg))}
html[data-theme]:not([data-theme=blue]) .brand-splash{background:radial-gradient(circle,#fff,var(--bg-soft))}
html[data-theme]:not([data-theme=blue]) .profile-chip{background:linear-gradient(135deg,var(--blue),var(--theme-dark))}
html[data-theme]:not([data-theme=blue]) .brand-mark-small,html[data-theme]:not([data-theme=blue]) .track-icon,html[data-theme]:not([data-theme=blue]) .radial-core{background:linear-gradient(145deg,#fff,var(--theme-tint))}
html[data-theme]:not([data-theme=blue]) :is(.track-row,.orbit-icon,.premium-search,.search-bar,.tab-bar,.account-card,.alpha-row,.setlist-row,.sort-btn,.song-in-setlist-row,.picker-row){border-color:var(--line);box-shadow:0 10px 28px rgba(var(--theme-rgb),.08)}
html[data-theme]:not([data-theme=blue]) :is(.radial-core,.core-play,.fab){box-shadow:0 14px 35px rgba(var(--theme-rgb),.20)}
html[data-theme]:not([data-theme=blue]) .radial-zone::before,html[data-theme]:not([data-theme=blue]) .radial-zone::after{border-color:rgba(var(--theme-rgb),.18)}
html[data-theme]:not([data-theme=blue]) :is(.lib-thumb,.profile-summary){background:var(--theme-tint)}
html[data-theme]:not([data-theme=blue]) .account-panel :is(input,select,button){border-color:var(--line)}
html[data-theme]:not([data-theme=blue]) .account-panel p{color:var(--text-dim)}
html[data-theme]:not([data-theme=blue]) .account-message:not(.error){background:var(--theme-tint);color:var(--blue)}
.theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.account-panel .theme-option{position:relative;min-width:0;padding:8px 8px 12px;border:2px solid var(--line);border-radius:18px;text-align:left;background:#fff;color:var(--navy)}
.account-panel .theme-option[aria-pressed=true]{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-dim)}
.theme-option:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.theme-option strong{display:block;margin:10px 5px 0;font-size:15px}
.theme-selected{display:none;position:absolute;bottom:9px;right:12px;color:var(--blue);font-weight:bold}
[aria-pressed=true]>.theme-selected{display:block}
.theme-preview{display:block;height:92px;border-radius:11px;position:relative;overflow:hidden;background:linear-gradient(135deg,#fff,var(--preview-bg));color:var(--preview-accent)}
.preview-blue{--preview-bg:#e0ecff;--preview-accent:#267cff}.preview-violet{--preview-bg:#efdef7;--preview-accent:#782487}.preview-graphite{--preview-bg:#dedfe2;--preview-accent:#343a43}.preview-emerald{--preview-bg:#d5f4e8;--preview-accent:#007c59}
.theme-preview>span{position:absolute;top:5px;left:12px;font-size:26px;opacity:.5}
.theme-preview i{position:absolute;width:85px;height:85px;border:1px solid currentColor;opacity:.2;border-radius:50%;left:50%;top:7px;transform:translateX(-50%)}
.theme-preview b{position:absolute;left:50%;top:25px;transform:translateX(-50%);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:white;box-shadow:0 6px 20px #0001;font-size:16px}
html[data-theme]:not([data-theme=blue]) .radial-glow{background:radial-gradient(circle,rgba(var(--theme-rgb),.13),transparent 68%)}
html[data-theme]:not([data-theme=blue]) .empty-state{border-color:var(--line)}
html[data-theme]:not([data-theme=blue]) .voice-search:not([aria-pressed=true]){color:var(--blue)}
/* Additional musical palettes. Document canvases retain their original colors. */
:root[data-theme=apricot]{--bg:#fff8f0;--bg-soft:#fff0e2;--blue:#b94b12;--blue-2:#fa8739;--blue-dim:#ffead9;--navy:#391519;--text:#391519;--text-dim:#926e60;--text-faint:#ac9287;--line:#f1dccb;--theme-tint:#ffead9;--theme-rgb:217,92,24;--theme-dark:#843b18;--accent:#b94b12}
:root[data-theme=melody]{--bg:#f3f8ff;--bg-soft:#e5f0ff;--blue:#146de5;--blue-2:#4aaaff;--blue-dim:#e1eeff;--navy:#0b174c;--text:#0b174c;--text-dim:#7283a7;--text-faint:#a1b0cc;--line:#d4e4fc;--theme-tint:#dcecff;--theme-rgb:35,121,248;--theme-dark:#183477;--accent:#146de5}
:root[data-theme=midnight]{color-scheme:dark;--bg:#04132e;--bg-soft:#0a2043;--blue:#4bb3ff;--blue-2:#0784ed;--blue-dim:#153761;--navy:#f2f7ff;--text:#f2f7ff;--text-dim:#adbfdf;--text-faint:#8ba3c9;--line:#284773;--theme-tint:#123260;--theme-rgb:27,122,240;--theme-dark:#123e79;--accent:#4bb3ff;--surface:#102748;--surface-glass:rgba(16,39,72,.92)}
.preview-apricot{--preview-bg:#ffe2c8;--preview-accent:#b94b12}.preview-melody{--preview-bg:#d8eaff;--preview-accent:#146de5}.preview-midnight{--preview-bg:#061a3b;--preview-accent:#69bfff;background:linear-gradient(135deg,#1c4375,#04132e)}
.preview-midnight b{background:#16365e}
html[data-theme=melody] .home-decoration::before,html[data-theme=apricot] .home-decoration::before{content:'♪   ♫';position:absolute;right:3%;top:35px;color:var(--blue);opacity:.09;font-size:100px;transform:rotate(-15deg)}
html:root[data-theme=midnight] .home-decoration::before{content:'';position:absolute;right:-10%;top:40px;width:65%;height:110px;opacity:.12;transform:rotate(24deg);background:repeating-linear-gradient(90deg,#71b7ff 0 17px,transparent 17px 20px);border-radius:8px;mask-image:linear-gradient(#000,transparent)}
html:root[data-theme=midnight] :is(.account-panel,.overlay-screen,.onboarding,.brand-splash){background:linear-gradient(150deg,#071b3b,#04132e)}
html:root[data-theme=midnight] :is(.account-card,.track-row,.orbit-icon,.premium-search,.search-bar,.tab-bar,.alpha-row,.setlist-row,.sort-btn,.song-in-setlist-row,.picker-row,.alpha-index,.empty-state,.onboarding-card,.instrument-grid button,.choice-stack button){background:linear-gradient(135deg,#10294d,#0b1e3b);border-color:var(--line);color:var(--text)}
html:root[data-theme=midnight] :is(.brand-mark-small,.track-icon,.radial-core){background:linear-gradient(145deg,#173e73,#0b2042);color:var(--text)}
html:root[data-theme=midnight] .radial-core{border-color:#31598c;box-shadow:0 0 35px #1679f52b,inset 0 0 0 7px #6aa9ff14}
html:root[data-theme=midnight] .account-panel :is(input,select,button){background:#10294d;color:var(--text);border-color:var(--line)}
html:root[data-theme=midnight] .account-panel .primary,html:root[data-theme=midnight] :is(.fab,.core-play,.btn-primary){background:linear-gradient(135deg,#169eff,#0869e6);color:white}
html:root[data-theme=midnight] .account-panel .danger{color:#ffabb8}
html:root[data-theme=midnight] .account-message.error{background:#421e32;color:#ffc0cb}
html:root[data-theme=midnight] .overlay-screen .top-bar{background:#0c2345;border-color:var(--line)}
html:root[data-theme=midnight] :is(.track-ren,.track-del){color:var(--text-dim)}
html:root[data-theme=midnight] input::placeholder{color:#9dafce}
html:root[data-theme=midnight] .theme-preview:not(.preview-midnight){color:var(--preview-accent);color-scheme:light}
.account-card.appearance-settings{padding:0;overflow:hidden}
.appearance-settings>summary{display:flex;align-items:center;gap:12px;min-height:64px;padding:16px 20px;cursor:pointer;list-style:none;color:var(--text)}
.appearance-settings>summary::-webkit-details-marker{display:none}
.appearance-settings>summary strong{font-size:17px}
#appearance-current{margin-left:auto;color:var(--text-dim);font-size:14px;text-align:right}
.appearance-chevron{color:var(--blue);transition:transform .15s}
.appearance-settings[open] .appearance-chevron{transform:rotate(180deg)}
.appearance-settings>summary:focus-visible{outline:2px solid var(--blue);outline-offset:-4px;border-radius:20px}
.appearance-settings>p{margin:0 20px 12px}
.appearance-settings>.theme-options{margin:0;padding:0 20px 20px}
/* Search results take priority over the home shortcuts while typing. */
#screen-home.searching .home-header,#screen-home.searching .home-intro,#screen-home.searching .radial-zone{display:none}
#screen-home.searching .home-search-wrap{position:sticky;top:0;z-index:10;background:var(--bg);padding-top:max(12px,env(safe-area-inset-top));padding-bottom:6px}
#screen-home.searching .section-heading-row .section-link{display:none}
#screen-home.searching .empty-state{padding:20px}
#screen-home.searching.search-empty .section-heading-row,
#screen-home.searching.search-empty #recents-list,
#screen-home.searching.search-empty #home-empty{display:none}
/* Keep editable text legible without a browser focus magnification. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html body input:not([type=range]):not([type=file]),html body textarea,html body select{font-size:18px!important}

/* Original supplied logo, framed without changing its artwork. */
.pupitrio-symbol{position:relative;overflow:hidden;display:block!important;background:white!important;isolation:isolate}
.pupitrio-symbol img{position:absolute;width:213.3%;max-width:none;height:auto;left:-56.8%;top:-40.5%}
.splash-logo.pupitrio-symbol{width:88px;height:85px;border-radius:21px;transform:none}
.brand-mark-small.pupitrio-symbol{border-radius:10px}
html.personal-wallpaper #app{background-image:linear-gradient(var(--wallpaper-veil,rgba(255,255,255,.80)),var(--wallpaper-veil,rgba(255,255,255,.80))),var(--personal-wallpaper);background-size:cover;background-position:center}
html.personal-wallpaper[data-theme=midnight]{--wallpaper-veil:rgba(3,13,36,.80)}
html.personal-wallpaper .home-decoration,html.personal-wallpaper .home-atmosphere-a,html.personal-wallpaper .home-atmosphere-b{visibility:hidden}
.wallpaper-settings{margin-top:20px;border-top:1px solid var(--line);padding-top:12px}.wallpaper-settings h3{margin:0 0 8px}.wallpaper-settings .account-actions{flex-wrap:wrap}

.hero-p.pupitrio-symbol{width:100px;height:96px;border-radius:24px}