:root{color-scheme:dark;font-family:system-ui,-apple-system,'Noto Sans Thai',sans-serif;background:#0b1019;color:#f1f5fa}*{box-sizing:border-box}body{margin:0}header{position:sticky;top:0;z-index:3;background:#101a28;border-bottom:1px solid #2b394b;padding:13px max(16px,env(safe-area-inset-left));display:flex;justify-content:space-between;align-items:center}small{font-size:10px;color:#65d7b1}main{max-width:980px;margin:auto;padding:14px 12px 90px}.muted{color:#a5b3c6;font-size:13px}.panel{background:#141e2c;border:1px solid #2c3b4e;border-radius:15px;padding:18px;margin-bottom:14px}.compact{padding:12px}.hidden{display:none!important}h2{margin:0 0 12px;font-size:20px}h3{margin:20px 0 8px}input,textarea,select{width:100%;font:inherit;background:#0a1420;color:#fff;border:1px solid #425369;border-radius:9px;padding:12px;margin:5px 0}textarea{resize:vertical}button{border:0;border-radius:9px;background:#41c99f;color:#08130f;font:inherit;font-weight:700;padding:11px 15px;cursor:pointer;min-height:42px}button:disabled{opacity:.45}button.secondary,button.ghost{background:#28394b;color:#eef4fa}button.ghost{background:transparent}.tiny{padding:5px 9px;min-height:32px;font-size:12px}.buttons{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0}.between{display:flex;align-items:center;justify-content:space-between;gap:10px}.searchbar{display:flex;gap:7px}.searchbar input{flex:1;min-width:0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}nav{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0}nav button{background:#263647;color:#fff;padding:10px 3px;font-size:13px}nav button.active{background:#41c99f;color:#061811}.item{border-bottom:1px solid #304055;padding:12px 0;display:flex;gap:8px;align-items:center}.item .info{flex:1;min-width:0}.item .info strong{display:block;overflow-wrap:anywhere}.item button{flex-shrink:0}.lyrics{background:#05080d;border-radius:12px;padding:20px 14px;min-height:260px;white-space:normal;font-size:var(--lyric-size,25px);line-height:1.65;margin:14px 0}.lyric-line{margin:8px 0}.chord{color:#67e2b9;font-size:.72em;font-weight:700;display:inline-block;vertical-align:top;position:relative;top:-.2em}.chordword{display:inline-flex;flex-direction:column;vertical-align:bottom;line-height:1.2}.section{color:#8fa5bc;font-size:.65em;margin:12px 0}.pill{font-size:11px;color:#61e6b7}.empty{padding:15px;color:#94a6ba}#toast{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);background:#293c4e;padding:12px 18px;border-radius:10px;display:none;max-width:90vw;z-index:5}@media(max-width:500px){.panel{padding:12px}.item{flex-wrap:wrap}.item .info{flex-basis:100%}.searchbar button{padding:9px}#stageLyrics{padding:12px 9px}nav button{font-size:12px}}

/* V10.6: full-height lyric reader with persistent navigation and song search */
body.preview-open{overflow:hidden}
.preview-overlay{position:fixed;inset:0;z-index:10;background:#0b1019;display:flex;flex-direction:column;min-height:0;padding-top:env(safe-area-inset-top)}
.preview-toolbar{flex:0 0 auto;background:#141e2c;border-bottom:1px solid #33465c;padding:10px max(12px,calc((100vw - 980px)/2));display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.preview-back{white-space:nowrap}
.preview-searchbar{flex:1;min-width:240px;align-items:center}
.preview-searchbar input{margin:0}
.preview-scroll{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;width:100%;padding:20px max(12px,calc((100vw - 980px)/2)) 70px}
.preview-scroll .lyrics{min-height:60vh}
@media(max-width:600px){.preview-toolbar{display:block;padding:8px 12px}.preview-back{width:100%;text-align:left;margin-bottom:8px}.preview-searchbar{min-width:0}.preview-scroll{padding:15px 12px 50px}}