/* Isolated review theme. Existing fonts, logo, actions and layout hooks retained. */
:root{--p:#078b8e;--pd:#12676e;--pl:#eaf6f5;--ink:#203b42;--mut:#819397;--ln:#e7eded;--pink:#ff629e}
body{background:#f6f8f9!important;color:var(--ink)}
header{background:#fff!important;color:var(--ink);box-shadow:0 1px 0 #e5ecee!important;position:sticky;top:0;z-index:65;min-height:52px;padding:10px 16px!important;gap:8px!important}
header .brand{background:linear-gradient(120deg,#078b8e,#0ea998);border-radius:12px;padding:8px 10px;font-size:18px!important}
header a{color:var(--ink)}header .hg,header .hh,header .rf,header .hb{background:#eff5f5!important;color:#377278!important;border-radius:11px!important;box-shadow:none!important;min-height:32px;padding:4px 9px!important;font-size:17px!important}
header .hg{font-size:12px!important;font-weight:500}header .rf.upd{background:#ffe59c!important}
header.open>a:not(.brand){background:#f7fafa;border-radius:12px;margin-top:3px;padding:12px 14px!important;font-size:15px!important;color:#294c53}
header.open{box-shadow:0 12px 30px #17323a18!important}
main{padding:16px!important}
h1{font-size:25px!important;letter-spacing:-.4px}h2{color:#7d9498;font-size:12px;letter-spacing:.6px}
button,.btn{box-shadow:none;border-radius:11px;background:#078b8e}.btn.ghost,button.ghost{background:#edf5f5;box-shadow:none;color:#28747a}
input,select,textarea{background:#fff;border-color:#dfe9e9;border-radius:11px}input:focus,textarea:focus{outline:2px solid #b9dfdc}
.card{border:1px solid #e9eeee!important;border-radius:16px!important;box-shadow:none!important;background:#fff}
.bside{background:#fff!important;border:1px solid #e6eeee!important;border-radius:14px!important;padding:8px!important}.bi{background:transparent!important;border-radius:9px!important;color:#6d858b!important;box-shadow:none!important}.bi.on{background:#e9f7f4!important;color:#087d80!important}.bi em{background:#f0f5f5!important;color:#758e93!important}
.bhead{padding:6px 0 10px!important}.bhead .bcnt{display:block;font-size:11px;color:#8da1a5;font-weight:400;margin-top:4px}
.col{background:#fff!important;border:1px solid #e5ecee!important;border-radius:16px!important;box-shadow:0 4px 18px #203b4204!important;overflow:hidden}.ch{background:#fff!important;border-bottom:1px solid #edf2f2!important;padding:10px 10px!important;color:#375c63!important}.ch a{color:#375c63!important;font-size:15px!important}
.kc{background:#fff!important;border:0!important;border-bottom:1px solid #eef3f3!important;border-radius:0!important;box-shadow:none!important;padding:9px 8px!important;min-height:40px!important;margin:0!important;gap:6px!important}.kc.cur1{background:#e9f7f5!important;border-left:3px solid #078b8e!important;transform:none!important}.kc .kt{font-size:14px!important;font-weight:500!important;color:#2b4c54!important;line-height:1.4!important}.kc .kb{color:#80999e}.kc .zbox,.kc .tag,.keypill{background:#f1f5f5!important;color:#6b878d!important;box-shadow:none!important;border:0!important;border-radius:7px!important;font-size:11px!important}
.cards{gap:0!important}.ch .cv,.ch .grip,.zgrip{opacity:.45}.gadd2 summary{background:#ecf7f5!important;color:#178386!important;border-radius:9px!important;padding:8px!important;font-weight:500!important}
#zgnav{background:#f6f8f9!important;gap:6px!important;padding:8px 0 12px!important}#zgnav button{border:1px solid #e3ebeb!important;background:#fff!important;color:#69878c!important;border-radius:10px!important;box-shadow:none!important}#zgnav button.on{background:#078b8e!important;color:#fff!important;border-color:#078b8e!important}
#zgpill{background:#fff!important;color:#167c80!important;border:1px solid #deebea;box-shadow:0 5px 24px #203b4212!important;border-radius:14px!important;padding:10px 14px!important;font-size:13px!important}
#sm>.smb{border-radius:20px!important;box-shadow:0 20px 70px #132f3540!important;border:1px solid #ffffff80}#sm .smhandle{background:#fff}#sm .smhandle::after{background:#c4d8d9}#sm .smh{background:#fff!important;color:#245159;border-bottom:1px solid #edf3f3;padding:10px 12px!important}#sm .smh small{color:#8b9fa3}#sm .smh .smx{background:#f0f6f6!important;color:#4f8188!important}#sm .smh .btn.ghost{background:#edf7f5!important;color:#25858a}#sm .sml{padding:20px!important}#sm .smft{border-top:1px solid #edf3f3;padding:10px}.smod{background:#203b425c!important;backdrop-filter:blur(6px)}
.hero{background:#fff!important;border:1px solid #e5eeee;border-radius:18px!important;padding:20px!important;box-shadow:none!important}.ly{background:#fff;border-radius:18px;padding:22px 16px!important}
@media(max-width:700px),(pointer:coarse){.bwrap{gap:12px!important}.bside .bq{height:30px!important;font-size:12px!important}.col .ch{padding:10px!important}#gboard,#board{gap:12px!important}.bhead{gap:8px!important}.tzc button{background:#fff!important;color:#56858b!important;border:1px solid #e1ebeb!important;box-shadow:none!important}.gcrow{margin:0!important}.gset summary{color:#789397!important;font-size:12px!important}}
/* Keep lyric-page navigation compact rather than a large empty panel. */
.hero{min-height:0!important;margin:0 0 12px!important}.hero .nav{margin:0!important;padding:0!important}.hero:empty{display:none}
.bhead h1 small.bcnt{font-weight:400!important}.gtn{border-bottom:0!important;font-size:24px!important;letter-spacing:-.3px}
.hero{color:#285761!important;padding:14px 18px!important}.heroTop{margin-bottom:10px!important}.heroTop a{color:#35838a!important}.kicker{color:#829c9f!important}.htitle{color:#2b575f!important;font-size:21px!important}.hsub{color:#819a9e!important}.snav{gap:8px!important;margin:10px 0!important}.snav .snb{background:#eaf5f3!important;color:#438187!important;font-size:13px!important;border-radius:10px!important;padding:8px 12px!important}.snav .snb.off{color:#95b1b3!important}.scard{margin:0!important;border:1px solid #e5eeee!important;box-shadow:none!important;border-radius:18px!important;padding:18px!important}.scard .ly{padding:14px 0!important}.pills .pill{border-radius:9px!important;background:#edf5f5!important;color:#67888d!important;font-size:12px!important}.art{font-size:12px!important;color:#82989b!important}.stitle{font-size:24px!important;color:#294e57!important}.sep{border-color:#edf3f3!important}
/* Legibility revision: dark text, stronger labels, no low-contrast lyric colors. */
:root{--ink:#17333b;--mut:#405e66}
body{color:#17333b!important}
.meta,.art,.hsub,.kicker,small,.bcnt,.bhead .bcnt{color:#405e66!important;opacity:1!important}
label{color:#294c56!important;font-size:14px!important;font-weight:500!important}
input::placeholder,textarea::placeholder{color:#536b74!important;opacity:1}
.kc .kt{font-size:16px!important;font-weight:500!important;color:#17333b!important}
.kc .zbox,.kc .tag,.keypill,.pills .pill{color:#244d57!important;background:#e9f1f2!important;font-size:12px!important;font-weight:500!important}
.ch a,.ch b,.sh b{color:#173c47!important;font-size:16px!important}
.bi,.bi em{color:#335761!important;opacity:1!important}.bi.on{color:#075e63!important}.bcnt{font-size:12px!important}
#zgnav button{color:#355a64!important;font-size:13px!important;font-weight:500!important;opacity:1!important}#zgnav button.on{color:#fff!important;background:#076d73!important}#zgnav button i{opacity:1!important;color:inherit!important}
.gset summary,h2,.gset .meta{color:#355760!important;opacity:1!important}
#sm .smh small{color:#365b65!important;font-size:12px!important}.smh .smt b{color:#173c47!important;font-size:16px!important}
.sml:not(.empty),.sml.pa,.ly,.ly.pa,.ly .ll,.sml .ll{color:#103f49!important;font-weight:500!important;font-size:var(--zlfs,clamp(25px,6vw,34px))!important;line-height:1.65!important;opacity:1!important}
.ly .meta,.sml .meta{color:#4a5057!important;font-size:14px!important;font-weight:400!important;line-height:1.5!important}
#sm .smh .smx{color:#24515c!important}.snav .snb.off{color:#4f6b72!important}.htitle{color:#173b45!important}
#zltab a,#zltab button{color:#315b65!important;font-size:12px!important;opacity:1!important}#zltab .on{color:#075e66!important}
#sm .smh .smt{flex-wrap:wrap!important;row-gap:2px!important;align-items:flex-start!important}#sm .smh .smt b{flex:1 1 100%!important;overflow:hidden!important}#sm .smh .smt small{flex:1 1 100%!important;overflow:hidden;text-overflow:ellipsis}
header .songsearch{font-size:19px!important;display:flex;align-items:center;gap:3px}header .songsearch span{font-size:12px;font-weight:500}header .brand{font-size:16px!important;padding:8px!important}header{gap:5px!important}
.home-song-search{display:flex;align-items:center;background:#fff;border:1px solid #d6e4e6;border-radius:14px;margin:0 0 16px;padding:5px 6px 5px 14px;box-shadow:0 2px 8px #203b4203}
.home-song-search input{border:0!important;padding:8px 0!important;min-width:0;font-size:16px!important;background:transparent!important;outline:0!important;color:#173c47}
.home-song-search input::placeholder{color:#3c606b!important}.home-song-search button{display:flex;align-items:center;justify-content:center;min-width:38px;height:38px;background:#087b80;color:#fff;border-radius:10px;padding:8px}
.home-tools{position:relative;margin-left:auto}.home-tools>summary{list-style:none;cursor:pointer;border:1px solid #dce9e9;background:#fff;color:#355b64;border-radius:10px;padding:1px 12px;font-size:24px;line-height:30px}.home-tools>summary::-webkit-details-marker{display:none}.home-tools>div{position:absolute;right:0;top:40px;background:#fff;border:1px solid #dce9e9;box-shadow:0 10px 30px #17323a20;border-radius:14px;padding:12px;z-index:55;display:flex;flex-direction:column;gap:10px;min-width:175px}.home-tools .tzc{display:flex!important;position:static!important;gap:8px}.home-tools .tzc button{min-width:54px;height:34px}.home-tools #selb,.home-tools #sell{display:block!important;width:100%;min-height:34px}
body:has(.home-song-search) .bhead{display:flex!important;align-items:center!important;gap:8px!important;margin:4px 0 12px!important;padding:0!important;min-height:0!important}body:has(.home-song-search) .bhead h1{flex:1 1 auto!important;margin:0!important;font-size:24px!important}body:has(.home-song-search) .bhead .bcnt{margin-top:5px!important}body:has(.home-song-search) .bmenu{display:none!important}body:has(.home-song-search) .vtabs{margin-bottom:8px!important}
body:has(.home-song-search) .bside{padding:6px 8px!important;box-shadow:none!important;margin-bottom:6px!important}body:has(.home-song-search) .bwrap{gap:12px!important}
body:has(.home-song-search) .home-tools .bmenu{display:block!important;position:static!important}.home-tools .bmenu .bmm{right:0}.home-tools .bmenu>summary{font-size:13px!important}.home-tools .bmenu>summary::after{content:' Folder options'}
body:has(.home-song-search) .bhead>.tzc{display:flex!important;position:static!important;gap:6px!important;margin-left:auto!important}body:has(.home-song-search) .bhead>.tzc button{min-width:36px;height:32px;padding:0 8px!important}
/* Lean header revision: typography stays clear; surrounding chrome becomes quieter. */
header{min-height:43px!important;padding:5px 12px!important;background:#f6f8f9!important;box-shadow:none!important}
header .brand{font-size:16px!important;padding:6px 8px!important;border-radius:9px!important}
header .hh,header .hg,header .rf,header .hb{min-height:29px!important;height:29px!important;padding:2px 8px!important;background:transparent!important}
main{padding:10px 12px!important}
.home-song-search{margin-bottom:8px;border-radius:11px;padding:2px 4px 2px 12px;box-shadow:none}
.home-song-search input{font-size:15px!important;padding:6px 0!important}.home-song-search button{height:32px;min-width:34px}
body:has(.home-song-search) .bside{border:0!important;background:transparent!important;padding:0!important;margin:0!important;border-radius:0!important}
body:has(.home-song-search) .bwrap{gap:8px!important}
body:has(.home-song-search) .bhead{margin:0 0 4px!important;gap:4px!important}
body:has(.home-song-search) .bhead h1{font-size:21px!important}body:has(.home-song-search) .bcnt{font-size:11px!important;line-height:1.3!important;margin-top:3px!important}
body:has(.home-song-search) .bhead .bnl input{height:26px!important;font-size:12px!important}
body:has(.home-song-search) .bhead>.tzc{align-self:center!important}body:has(.home-song-search) .bhead>.tzc button{height:28px!important;min-width:32px!important;font-size:12px!important}
body:has(.home-song-search) .vtabs{margin:2px 0 4px!important;padding:0!important}body:has(.home-song-search) #zgnav{padding:3px 0 6px!important;margin-bottom:4px!important}
body:has(#gboard) .bhead{padding:0!important;margin:0 0 3px!important}.gtn{font-size:21px!important;padding:0!important}body:has(#gboard) #zgnav{padding:4px 0 6px!important;margin-bottom:4px!important}
.hero{padding:10px 14px!important;border:0!important;background:transparent!important;margin-bottom:4px!important}.heroTop{margin-bottom:4px!important}.hero .kicker{display:none}.hero .htitle{font-size:17px!important}.hero .hsub:empty{display:none}.hero .snav{margin:4px 0!important}.hero .snav .snb{padding:5px 10px!important}
/* Compact inline key/style chips: retain dark, crisp type with much less padding. */
.kc .zbox{font-size:10px!important;line-height:1.25!important;padding:2px 4px!important;border-radius:4px!important;min-height:0!important;gap:2px!important;letter-spacing:0!important;color:#244750!important;background:#edf2f3!important;font-weight:600!important}
.kc .zbox .key,.kc .zbox .tag{font-size:10px!important;line-height:1.25!important;padding:0!important;min-height:0!important;border-radius:0!important;color:inherit!important;font-weight:600!important}
/* Library-row review: plain right-aligned metadata, no chip container. */
#board .col .kc,#gboard .col .kc{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;min-height:50px!important;padding:12px 30px 12px 8px!important}
#board .col .kc .kt,#gboard .col .kc .kt{flex:1 1 120px!important;padding-right:0!important;min-width:0!important;font-size:16px!important;line-height:1.4!important}
#board .col .kc .kb,#gboard .col .kc .kb{display:contents!important}
#board .col .kc .zbox,#gboard .col .kc .zbox{flex:0 1 auto!important;margin:0 0 0 auto!important;padding:4px 0!important;min-height:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;font-size:10px!important;line-height:1.4!important;font-weight:500!important;color:#63737a!important}
#board .kc .zbox>span,#gboard .kc .zbox>span{color:inherit!important;font-weight:500!important;background:transparent!important}
#board .kc>.zgrip,#gboard .kc>.zgrip{top:50%!important;transform:translateY(-50%)!important;background:transparent!important;color:#63838a!important}
#board .kc .ly1,#gboard .kc .ly1{font-size:11px!important;color:#63737a!important}
/* Preserve the visible A-/A+ row-size controls under the new layout. */
html[data-tz="1"] #board .col .kc .kt,html[data-tz="1"] #gboard .col .kc .kt{font-size:12px!important}
html[data-tz="3"] #board .col .kc .kt,html[data-tz="3"] #gboard .col .kc .kt{font-size:18px!important}
html[data-tz="4"] #board .col .kc .kt,html[data-tz="4"] #gboard .col .kc .kt{font-size:23px!important}
/* Pending review: no brand/logo block in the app header. */
header .brand{display:none!important}
/* Pending review: artist, heading/counts and sizing share one compact band. */
body:has(.home-song-search) .bhead{flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;min-height:44px!important;margin:0 0 4px!important}
body:has(.home-song-search) .bhead .bside{flex:0 0 82px!important;width:82px!important;min-width:0!important;max-width:82px!important}
body:has(.home-song-search) .bhead .bside .bq{width:82px!important;max-width:82px!important;height:28px!important;margin:0!important}
body:has(.home-song-search) .bhead h1{font-size:17px!important;line-height:1.25!important;min-width:0!important;flex:1 1 auto!important}
body:has(.home-song-search) .bhead .bcnt{font-size:10px!important;white-space:normal!important;margin-top:2px!important}
body:has(.home-song-search) .bhead>.tzc{flex:0 0 auto!important;gap:4px!important}
body:has(.home-song-search) .bhead>.tzc button{min-width:28px!important;padding:0 5px!important}
/* Pending review: reveal home search only when its header icon is tapped. */
.home-song-search[hidden]{display:none!important}
header .home-search-toggle{display:flex;align-items:center;justify-content:center;background:transparent!important;color:#356a73!important;border:0;box-shadow:none!important;min-width:34px;min-height:32px;padding:5px!important;margin-right:auto}
/* Pending review: bottom navigation replaces duplicate top Gig/Menu controls. */
header .hg,header .hb{display:none!important}
header .rf{margin-left:auto!important}
/* Keep navigation on screens without bottom tabs and on wide desktop layouts. */
header .hg,header .hb{display:inline-flex!important}
@media(max-width:700px),(pointer:coarse) and (max-width:1100px){body.zl-tabs header .hg,body.zl-tabs header .hb{display:none!important}}
header.open form button{color:#24545e!important;background:#e7f0f1!important}
/* Pending review: search toggle lives beside the Lists / By style tabs. */
.vtabs .home-search-toggle{display:inline-flex;align-items:center;justify-content:center;background:transparent!important;color:#356a73!important;border:0;box-shadow:none!important;width:32px;height:28px;padding:4px!important;margin:0!important;vertical-align:middle}
/* Bottom Home replaces duplicate header Home on tab-bar screens only. */
@media(max-width:700px),(pointer:coarse) and (max-width:1100px){body.zl-tabs header .hh{display:none!important}}

/* Home uses tiles; keep Menu access, but no duplicate Home/Gig controls. */
body.zl-home header .hh,body.zl-home header .hg{display:none!important}
/* Equal-width tab cells, with safe-area edge room and no text overflow. */
#zltab{box-sizing:border-box;padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}
#zltab a,#zltab button{flex:1 1 0!important;min-width:0;box-sizing:border-box;white-space:nowrap}
/* Language-aware lyric reading, normal view and Follow. */
.ly,.sml:not(.empty),.ly .ll,.sml .ll,#smFo .fl{
 text-align:start!important;
 unicode-bidi:plaintext;
 font-family:Rubik,-apple-system,"Segoe UI","Arial Hebrew",sans-serif!important;
 font-weight:400!important;
 color:#20262b!important;
 letter-spacing:normal!important;
 text-shadow:none!important;
 -webkit-text-stroke:0!important;
}
.ly .ll,.sml .ll,#smFo .fl{line-height:1.65!important}
.ly .ll.hl,.sml .ll.hl,#smFo .fl.cur{font-weight:500!important;color:#142c32!important}
/* Keep editing on the full song page, not in the lyric-reading popup. */
#sm #smE{display:none!important}
