@media print{@page{size:A4;margin:14mm 14mm 16mm}.sidebar,.topbar,.scope-nav,.reader-toolbar,.head-actions,.back-link,#practice-head,.marks,.transport,.warnings,.toast,.chord-peek,.strum-play,.demo-tag{display:none!important}.workspace{margin:0!important}main{max-width:none!important;padding:0!important}body{color:#000!important;background:#fff!important}.song-head{border-bottom:1px solid #999;margin-bottom:8px;padding:0 0 6px}.song-title h1{margin:0;font-size:24px!important}.song-sheet,.score-sheet{box-shadow:none!important;color:#000!important;background:#fff!important;border:0!important;margin:0!important;padding:0!important;font-size:13pt!important}.print-columns .song-sheet{column-count:2;column-gap:10mm}.reading-line,.chord-row{break-inside:avoid;box-shadow:none!important;background:0 0!important}.section-title{break-after:avoid;margin-top:14px!important}.section-jump:before{display:none}.chord{color:#000!important}.chord-tools{margin:0 0 8px;display:block!important}.chord-strip{flex-wrap:wrap;overflow:visible}.chord-card{border:0;padding:0 4px}.strum{break-inside:avoid;border:1px solid #bbb;margin-bottom:6px}.strum-cell{background:0 0}}:root{font-synthesis:none;--bg:#f6f4ee;--surface:#fffefb;--ink:#243b32;--muted:#6f786e;--line:#e2e3d8;--green:#315f4c;--green-pale:#e8efe3;--accent:#b5832f;--accent-pale:#f6ecd8;--side:#203c32;--focus:#c68e35;--shadow:0 10px 40px #14271c24;color:var(--ink);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,Segoe UI,system-ui,sans-serif}:root[data-theme=dark]{--bg:#18251f;--surface:#213129;--ink:#e5ecdf;--muted:#a7b4a7;--line:#39473d;--green:#b0ceb0;--green-pale:#2f4337;--accent:#d9b36c;--accent-pale:#3b3a27;--side:#15221c;--shadow:0 10px 40px #0005;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-padding-top:120px}body{background:var(--bg);color:var(--ink);margin:0}button,input,select{font:inherit;color:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer;background:0 0;border:0;min-height:44px}button:disabled,[aria-disabled=true]{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}svg{vertical-align:middle;flex-shrink:0}p{line-height:1.6}h1,h2,h3,p{margin-top:0}[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.boot{padding:4rem}.skip{z-index:90;background:var(--surface);padding:14px;position:fixed;top:-80px;left:20px}.skip:focus{top:10px}.muted{color:var(--muted);font-size:13px}select{background:var(--surface);border:1px solid var(--line);border-radius:8px;min-height:40px;padding:6px 10px;font-size:13px}.sidebar{background:var(--side);color:#eff2e6;z-index:30;flex-direction:column;width:220px;padding:28px 18px;display:none;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-.6px;align-items:center;gap:12px;padding:0 8px 36px;font-size:22px;font-weight:600;display:flex}.brand>svg{color:#d4b16e;width:30px;height:36px}.brand-sub{letter-spacing:4px;font-size:16px;font-weight:400;line-height:1.2;display:block}.nav-item{text-align:left;color:#b7c6ba;border-radius:8px;align-items:center;gap:12px;width:100%;min-height:46px;margin-bottom:6px;padding:0 12px;font-size:14px;display:flex}.nav-item.active,.nav-item:hover{color:#f9f6e9;background:#385548}.nav-item span{color:#bdceb8;margin-left:auto;font-size:12px}.side-bottom{margin-top:auto}.topbar{border-bottom:1px solid var(--line);align-items:center;gap:4px;height:60px;padding:0 max(4%,16px);display:flex}.topbar-spacer{flex:1}.mobile-brand{align-items:center;gap:9px;font-family:Georgia,serif;font-size:20px;display:flex}.mobile-brand svg{color:var(--green)}.icon-btn{width:44px;height:44px;color:var(--muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--green-pale);color:var(--ink)}.scope-nav{gap:6px;padding:10px max(4%,16px) 0;display:flex}.scope-nav button{color:var(--muted);border-radius:8px;padding:0 14px;font-size:13px}.scope-nav button.selected{background:var(--green-pale);color:var(--green)}main{max-width:1120px;min-height:70vh;margin:0 auto;padding:16px max(4%,16px) 40px}.with-transport main{padding-bottom:150px}.in-song .topbar,.in-song .scope-nav{display:none}@media (width>=1280px){body:not(.in-song) .sidebar{display:flex}body:not(.in-song) .workspace{margin-left:220px}body:not(.in-song) .scope-nav,body:not(.in-song) .mobile-brand{display:none}}.seg{background:var(--bg);border:1px solid var(--line);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.seg button{min-height:38px;color:var(--muted);border-radius:7px;padding:0 12px;font-size:13px}.seg button.selected{background:var(--surface);color:var(--green);box-shadow:0 1px 4px #18342218}.tool-btn,.tool-summary{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:10px;align-items:center;gap:7px;min-height:44px;padding:0 14px;font-size:13px;display:inline-flex}.tool-btn.on{background:var(--green-pale);color:var(--green);border-color:#0000}.tool-summary{font-family:Georgia,serif;font-size:16px}details.menu{position:relative}details.menu>summary{list-style:none}details.menu>summary::-webkit-details-marker{display:none}.menu-panel{z-index:45;background:var(--surface);border:1px solid var(--line);width:min(320px,92vw);box-shadow:var(--shadow);border-radius:12px;padding:10px 14px;position:absolute;top:calc(100% + 6px);right:0}.menu.up .menu-panel{top:auto;bottom:calc(100% + 8px)}.menu-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:48px;font-size:13px;display:flex}.menu-row:last-of-type{border-bottom:0}.menu-row.check input{width:20px;height:20px;accent-color:var(--green)}.menu-row input[type=range]{width:130px;accent-color:var(--green)}.menu-title{color:var(--muted);margin:10px 0 6px;font-size:12px}.menu-note{color:var(--muted);margin:8px 0 2px;font-size:12px}.menu-link{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:44px;font-size:14px;display:flex}.menu-link svg{width:14px}.stepper{align-items:center;gap:4px;display:inline-flex}.stepper button{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-width:40px;min-height:40px}.stepper button.small{padding:0 8px;font-size:12px}.stepper output{text-align:center;font-variant-numeric:tabular-nums;min-width:46px;font-size:13px}.text-btn{color:var(--green);align-items:center;gap:7px;padding:0 10px;font-size:13px;display:inline-flex}.text-btn svg{width:17px}.primary{color:#fffef6;background:#315f4c;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:10px 18px;font-size:14px;display:inline-flex}.primary:hover{background:#244c3c}.chip{border:1px solid var(--line);background:var(--surface);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:0 12px;font-size:13px;display:inline-flex}.chip small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.chip svg{width:16px}.badge{border:1px solid var(--line);color:var(--muted);border-radius:5px;padding:3px 7px;font-size:11px}.score-badge{color:var(--green);background:var(--green-pale);border-color:#0000}.audio-badge{color:var(--muted);align-items:center;gap:2px;font-size:11px;display:inline-flex}.audio-badge svg{width:15px}.demo-tag{letter-spacing:1px;text-transform:uppercase;color:var(--accent);margin-left:6px;font-size:10px;font-style:normal}.is-favorite{color:#ba8c3e!important}.is-favorite svg{fill:#e3bb6555}.empty{text-align:center;padding:48px 15px}.empty>svg{width:30px;height:30px;color:var(--muted);margin-bottom:12px}.empty p{color:var(--muted);font-size:14px}.loading{min-height:200px;color:var(--muted);justify-content:center;align-items:center;gap:15px;font-size:14px;display:flex}.spinner{border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;width:22px;height:22px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{color:#f5f3e8;box-shadow:var(--shadow);z-index:80;background:#203c32;border-radius:10px;width:max-content;max-width:90%;padding:14px 20px;font-size:14px;position:fixed;bottom:150px;left:50%;transform:translate(-50%)}.library-top{z-index:15;background:var(--bg);padding:8px 0 6px;position:sticky;top:0}.list-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.list-heading h1{letter-spacing:-.6px;margin:0;font-family:Georgia,serif;font-size:28px;font-weight:400}.count{background:var(--green-pale);color:var(--green);vertical-align:middle;border-radius:5px;padding:3px 8px;font-family:Inter,Segoe UI,sans-serif;font-size:12px}.search-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search-field{background:var(--surface);border:1px solid var(--line);border-radius:10px;flex:280px;align-items:center;gap:9px;min-width:0;padding:0 12px;display:flex}.search-field svg{width:18px;color:var(--muted)}.search-field input{outline-offset:0;background:0 0;border:0;width:100%;min-width:0;height:46px;font-size:15px}.search-field input::placeholder{color:var(--muted)}kbd{color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:2px 6px;font-family:inherit;font-size:11px}.alphabet{flex-wrap:wrap;gap:2px;margin-top:6px;display:flex}.alphabet button{color:var(--muted);border-radius:6px;min-width:44px;min-height:40px;font-size:13px}.alphabet button:hover{color:var(--green);background:var(--green-pale)}.recent{margin:14px 0 6px}.recent h2,.songs-list+h2{color:var(--muted);margin:0 0 8px;font-size:13px;font-weight:500}.recent-list{gap:10px;padding-bottom:6px;display:flex;overflow-x:auto}.recent-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;flex-direction:column;flex:none;gap:3px;min-width:170px;max-width:240px;padding:10px 14px;display:flex}.recent-card strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:550;overflow:hidden}.recent-card span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.songs-list{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-top:12px}.song-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:64px;padding:0 8px 0 16px;scroll-margin-top:170px;display:flex}.song-row:last-child{border-bottom:0}.song-row:hover{background:var(--bg)}.song-link{flex:1;align-items:center;min-width:0;min-height:62px;display:flex}.song-description{flex-direction:column;gap:3px;min-width:0;display:flex}.song-description strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:550;overflow:hidden}.song-description>span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.format-badges{align-items:center;gap:6px;display:flex}.row-favorite svg{width:18px}.result-note{color:var(--muted);padding:12px 4px;font-size:12px}.song-head{align-items:flex-start;gap:8px;padding:6px 0 10px;display:flex}.song-title{flex:1;min-width:0}.song-title h1{letter-spacing:-.8px;margin:4px 0 2px;font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:400;line-height:1.15}.artist{color:var(--muted);margin:0;font-size:14px}.song-facts{color:var(--muted);flex-wrap:wrap;gap:14px;margin:4px 0 0;font-size:12px;display:flex}.song-facts:empty{display:none}.song-facts b{color:var(--ink);font-weight:550}.head-actions{align-items:center;display:flex}.head-actions .menu-panel{right:0}.reader-toolbar{z-index:20;background:var(--bg);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 0;display:flex;position:sticky;top:0}.mode-tabs{background:var(--surface);border:1px solid var(--line);border-radius:12px;gap:2px;padding:3px;display:inline-flex}.mode-tabs button{min-height:40px;color:var(--muted);border-radius:9px;align-items:center;gap:7px;padding:0 14px;font-size:14px;display:inline-flex}.mode-tabs button svg{width:18px}.mode-tabs button.selected{background:var(--green);color:#fffef6}.mode-tools{flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.focus-mode .song-head{display:none}#focus-toggle{margin-left:auto}.song-sheet{--song-font:23px;font-size:var(--song-font);background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-top:12px;padding:14px clamp(16px,4vw,36px) 36px}.section-title{text-transform:uppercase;letter-spacing:1.6px;color:var(--muted);align-items:center;gap:14px;margin:26px 0 12px;font:600 11px/1.5 Segoe UI,sans-serif;display:flex}.section-title:first-child{margin-top:8px}.section-title:after{content:"";background:var(--line);flex:1;height:1px}.section-title.chorus{color:var(--accent)}.section-jump{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;border-radius:999px;align-items:center;gap:6px;min-height:36px;margin-left:-10px;padding:0 10px;display:inline-flex}.section-jump:before{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:7px solid}.section-jump:hover{background:var(--green-pale);color:var(--green)}.section-title.is-current{color:var(--green)}.reading-line{overflow-wrap:anywhere;border-radius:8px;margin:0 0 8px;font-family:Georgia,Times New Roman,serif;line-height:1.6;transition:background .2s}.reading-line.is-current,.chord-row.is-current{background:var(--accent-pale);box-shadow:-10px 0 0 var(--accent-pale), 10px 0 0 var(--accent-pale)}.lyric-word{vertical-align:bottom;align-items:flex-end;max-width:100%;display:inline-flex}.pair{vertical-align:bottom;flex-direction:column;min-width:0;display:inline-flex}.chord{color:var(--green);white-space:pre;min-height:1.35em;padding-right:.45em;font-family:Segoe UI,system-ui,sans-serif;font-size:.82em;font-weight:700;line-height:1.35}.syllable{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}.chord-row{border-radius:8px;flex-wrap:wrap;gap:.3em 1.1em;margin:0 0 10px;display:flex}.chord-row .chord{padding:0}.song-space{height:12px}.song-comment{color:var(--muted);margin:10px 0;font-family:Segoe UI,sans-serif;font-size:14px;font-style:italic}.tab-line{margin:0;font-family:monospace;font-size:.6em;line-height:1.4;overflow-x:auto}.text-only{white-space:pre-wrap;margin-bottom:6px}.unknown-chord .chord,.chord.unknown-chord{text-decoration:underline wavy #bb953d}.warnings{color:#9b7639;border:1px solid #d6be89;border-radius:8px;margin:12px 0 0;padding:0 14px;font-size:13px}.warnings summary{cursor:pointer;align-content:center;min-height:44px;display:list-item}.warnings p{margin:8px 0}.menu-panel.tall{max-height:min(70vh,640px);overflow-y:auto}.text-btn.small{min-height:32px;padding:0 6px;font-size:12px}.chord[data-chord]{cursor:pointer}.chord[data-chord]:hover{text-underline-offset:3px;text-decoration:underline}.chord-tools{flex-direction:column;gap:10px;margin-top:12px;display:flex}.chord-strip{scrollbar-width:thin;gap:8px;padding:4px 2px 8px;display:flex;overflow-x:auto}.chord-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;flex:none;padding:6px 8px}.chord-card.guitar svg{width:84px;height:102px}.chord-card.piano svg{width:200px;height:72px}.chord-card:hover{border-color:var(--green)}.cd-label{fill:var(--ink);font:700 11px Segoe UI,sans-serif}.cd-label.mid{text-anchor:middle}.cd-line{stroke:var(--muted);stroke-width:1px}.cd-line.nut{stroke:var(--ink);stroke-width:3px}.cd-dot{fill:var(--green)}.cd-open{fill:none;stroke:var(--green);stroke-width:1.4px}.cd-mark{fill:var(--muted);text-anchor:middle;font:10px sans-serif}.cd-fret{fill:var(--muted);font:10px sans-serif}.cd-finger{fill:var(--ink);text-anchor:middle;font:700 9px sans-serif}.cd-finger.dark{fill:#fffef6}.cd-white{fill:#fff;stroke:#9aa39a;stroke-width:.8px}.cd-white.on.R{fill:#cfe2cf}.cd-white.on.L{fill:#f0dcb4}.cd-black{fill:#2b3530}.cd-black.on.R{fill:#3f7a5f}.cd-black.on.L{fill:#a07a33}.chord-peek{z-index:50;background:var(--surface);border:1px solid var(--line);width:min(360px,92vw);box-shadow:var(--shadow);border-radius:14px;padding:10px 14px;position:fixed;bottom:150px;right:max(4%,16px)}body:not(.with-transport) .chord-peek{bottom:20px}.peek-head{justify-content:space-between;align-items:center;display:flex}.peek-head strong{font-size:20px}.peek-body{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.peek-guitar svg{width:120px;height:146px}.peek-piano svg{width:200px;height:72px}.strum{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 14px}.strum-head{flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;display:flex}.strum-head .text-btn{margin-left:auto}.suggest-tag{color:var(--accent);background:var(--accent-pale);border-radius:999px;padding:2px 8px;font-size:11px}.strum-grid{gap:4px;max-width:560px;margin-top:8px;display:grid}.strum-cell{background:var(--bg);border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:6px 0;display:flex}.strum-cell b{color:var(--green);min-height:24px;font-size:24px;line-height:1}.strum-cell.soft b{opacity:.7;font-size:17px}.strum-cell.rest b{color:var(--muted)}.strum-cell small{color:var(--muted);font-size:11px}.strum-cell.now{background:var(--green)}.strum-cell.now b,.strum-cell.now small{color:#fffef6}:root{--rec:#cf4337;--dub:#d9a021;--play:#3c9657}.looper{flex-direction:column;gap:14px;margin-top:12px;display:flex}.lp-head{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.lp-tempo{color:var(--accent);font-size:34px;font-weight:600;line-height:1}.lp-tempo small{font-size:14px}.muted.small{font-size:12px}.lp-alerts{color:#7a2b20;background:#fbe9e5;border-radius:10px;padding:8px 14px;font-size:14px}:root[data-theme=dark] .lp-alerts{color:#f5d2cb;background:#4a2620}.lp-alerts p{margin:4px 0}.lp-lanes{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.lp-seg-row,.lp-grid{column-gap:1px;display:grid}.lp-seg-row{margin-bottom:4px}.lp-seg{min-height:30px;color:var(--muted);border-left:1px solid var(--line);text-align:left;border-radius:0;padding:0 3px;font-size:11px;overflow:hidden}.lp-seg span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.lp-seg:hover,.lp-seg.now{color:var(--ink);background:var(--green-pale)}.lp-grid{align-items:center;row-gap:3px}.lp-lane-label{color:var(--muted);font-size:12px;font-weight:600}.lp-cell{background:var(--line);height:14px}.lp-cell.rec{background:var(--rec)}.lp-cell.dub{background:repeating-linear-gradient(135deg, var(--dub) 0 3px, #f3d27c 3px 6px)}.lp-cell.play{background:var(--play)}.lp-cell.here{box-shadow:0 -3px 0 var(--ink) inset}.lp-legend{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.lp-chip{color:#fff;white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:12px}.lp-chip.rec{background:var(--rec)}.lp-chip.dub{background:var(--dub);color:#2b2008}.lp-chip.play{background:var(--play)}.lp-chip.stop{background:var(--line);color:var(--ink)}.lp-setup{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:0 16px;font-size:14px}.lp-setup summary{cursor:pointer;align-content:center;min-height:44px;font-weight:500;display:list-item}.lp-setup ul,.lp-notes ul{margin:6px 0 12px;padding-left:20px;line-height:1.55}.lp-title{margin:8px 0 0;font-size:16px;font-weight:600}.lp-track{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 14px}.lp-track header{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:10px;font-size:13px;display:flex}.lp-track header strong{color:var(--ink);font-size:15px}.lp-hint,.lp-hint+.lp-hint{color:var(--muted);margin:4px 0 0;font-size:13px;font-style:italic}.lp-bars{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:8px;display:grid}.lp-chord{text-align:center;color:var(--accent);margin-bottom:2px;font-family:Georgia,serif;font-size:17px}.lp-beats,.lp-cells{display:grid}.lp-beats span{color:var(--muted);text-align:center;font:11px Consolas,monospace}.lp-cells{border-left:1px solid var(--line);min-height:34px}.lp-note,.lp-rest,.lp-hit,.lp-drum-label{border:1px solid var(--line);text-align:center;border-left:0;justify-content:center;align-items:center;min-width:0;padding:5px 0;font:600 12px/1.2 Consolas,monospace;display:flex}.lp-note{background:var(--green-pale);color:var(--ink)}.lp-rest{color:var(--muted);font-weight:400}.lp-drum-label{color:var(--muted);border-left:1px solid var(--line);font-weight:700}.lp-hit.hit{background:var(--green-pale)}.lp-hit.accent{background:var(--green);color:#fffef6}.lp-track.big .lp-note,.lp-track.big .lp-rest,.lp-track.big .lp-hit{padding:10px 0;font-size:16px}.lp-track.big .lp-chord{font-size:22px}.lp-order{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin:0;padding:0;list-style:none}.lp-order li{border-bottom:1px solid var(--line)}.lp-order li:last-child{border-bottom:0}.lp-order li.now{background:var(--accent-pale)}.lp-order button{text-align:left;grid-template-columns:64px minmax(0,1fr);gap:2px 10px;width:100%;padding:8px 14px;font-size:14px;display:grid}.lp-range{color:var(--accent);font:700 13px Consolas,monospace}.lp-order .lp-chips,.lp-order .lp-cue{grid-column:2}.lp-chips{flex-wrap:wrap;gap:4px;display:flex}.lp-cue{color:var(--muted);font-size:13px}.lp-notes{font-size:14px}.looper-live .song-head,.looper-live .reader-toolbar{display:none}.lp-live{flex-direction:column;gap:12px;margin-top:8px;display:flex}.lp-live-bar{align-items:center;gap:10px;display:flex}.lp-live-bar .icon-btn{margin-left:auto}.lp-pos{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px}.lp-now-next{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px;display:grid}.lp-now,.lp-next{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:14px;padding:14px 18px}.lp-now{border:2px solid var(--accent)}.lp-now h2{margin:4px 0 6px;font-size:30px;font-weight:600}.lp-now h2 .lp-range,.lp-next h3 .lp-range{font-size:inherit;margin-right:8px}.lp-now p{margin:0 0 10px;font-size:19px}.lp-next h3{margin:4px 0;font-size:20px;font-weight:600}.lp-next p{color:var(--muted);margin:0;font-size:15px}@media (width<=700px){.lp-now-next{grid-template-columns:1fr}.lp-now h2{font-size:24px}.lp-bars{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}#practice-bar{margin-top:12px}.section-chips{scrollbar-width:thin;gap:8px;padding:2px 0 6px;display:flex;overflow-x:auto}.section-chip.current{background:var(--green);border-color:var(--green);color:#fffef6}.section-chip.current small{color:#d8e6d6}.section-chip.missing{color:var(--muted);border-style:dashed}.practice-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.preset-chip{background:var(--accent-pale);border-color:#0000}.local-badge{color:var(--accent);background:var(--accent-pale);border-radius:999px;padding:4px 10px;font-size:12px}.hint{color:var(--muted);margin:8px 0 0;font-size:13px}.marks{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-top:12px;padding:14px 16px}.marks-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.marks-head h3{flex:1;margin:0;font-size:16px;font-weight:600}.marks-now{flex-wrap:wrap;align-items:center;gap:10px;margin:6px 0 12px;display:flex}.primary.big{flex:260px;min-height:60px;padding:0 26px;font-size:16px}.marks-list{border-top:1px solid var(--line);max-height:280px;margin:0;padding:0;list-style:none;overflow-y:auto}.marks-list li{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 40px 40px 40px;align-items:center;gap:6px;min-height:46px;font-size:13px;display:grid}.marks-list li.next{background:var(--accent-pale)}.marks-list li.bad .mk-time{color:#b3452f;font-weight:600}.marks-list li button{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-height:40px}.mk-label{white-space:nowrap;text-overflow:ellipsis;padding-left:6px;overflow:hidden}.mk-time{font-variant-numeric:tabular-nums;color:var(--muted)}.marks-foot{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.transport{z-index:35;background:var(--surface);border-top:1px solid var(--line);padding:0 max(4%, 16px) calc(8px + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 30px #14271c14}.seek{cursor:pointer;touch-action:none;height:26px;position:relative}.seek-track{background:var(--line);border-radius:3px;height:5px;position:absolute;top:11px;left:0;right:0}.seek-fill{background:var(--green);border-radius:3px;position:absolute;top:0;bottom:0;left:0}.seek-loop{background:var(--accent-pale);border:1px solid var(--accent);border-radius:4px;position:absolute;top:-5px;bottom:-5px}.seek-tick{background:var(--muted);opacity:.6;width:2px;height:13px;position:absolute;top:-4px}.seek-head{background:var(--green);width:15px;height:15px;box-shadow:0 0 0 3px var(--surface);border-radius:50%;margin:-7.5px 0 0 -7.5px;position:absolute;top:50%}.tp-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tp-btn{width:44px;height:44px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.tp-btn:hover{background:var(--green-pale)}.tp-play{background:var(--green);color:#fffef6;width:48px;height:48px}.tp-play:hover{color:#fffef6;background:#244c3c}.tp-time{color:var(--muted);font-variant-numeric:tabular-nums;min-width:88px;font-size:13px}.tp-spacer{flex:1}.tp-chip{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;align-items:center;gap:6px;min-height:42px;padding:0 12px;font-size:13px;display:inline-flex}.tp-chip svg{width:17px}.tp-chip.on{background:var(--accent-pale);border-color:var(--accent);color:var(--ink)}.variant-name{color:var(--muted);font-size:13px}.tp-speed{align-items:center;gap:6px;display:inline-flex}.tp-label{color:var(--muted);font-size:12px}.variant select{max-width:190px}.transport .seg{margin-bottom:4px}.transport .seg button{padding:0 10px;font-size:12px}.score-sheet{color:#243b32;border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:12px;padding:16px;overflow-x:auto}.score-status{color:#68786b;min-height:18px;margin:0 0 8px;font-size:12px}.notation-root{min-width:200px;position:relative}.system-anchor{pointer-events:none;width:1px;height:1px;position:absolute}.score-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tool-group{border:1px solid var(--line);background:var(--surface);border-radius:10px;align-items:center;gap:2px;padding:2px;display:inline-flex}.tool-group button{border-radius:8px;min-width:40px;min-height:40px;font-size:16px}.tool-group button:hover{background:var(--green-pale)}.tool-group .tool-value{font-variant-numeric:tabular-nums;min-width:58px;font-size:13px}.tool-group select{border:0;min-height:40px}.parts label{align-items:center;gap:10px;min-height:44px;font-size:14px;display:flex}.parts input{accent-color:#315f4c;width:20px;height:20px}dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:16px;width:min(560px,94vw);max-height:90vh;padding:24px;box-shadow:0 25px 100px #112a3040}dialog::backdrop{background:#16271fcc}.dialog-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.dialog-heading h2{margin:0;font-family:Georgia,serif;font-size:26px;font-weight:400}.setting-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:16px 0;font-size:14px;display:flex}.setting-row small{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.5;display:block}.setting-row input{accent-color:#315f4c;flex-shrink:0;width:20px;height:20px}dialog h3{margin:18px 0 6px;font-size:17px;font-weight:500}.small-note,.storage-status{color:var(--muted);font-size:12px}.pedal-grid{gap:10px;display:flex}.learn-key{border:1px solid var(--line);border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:14px 8px;font-size:13px;display:flex}.learn-key:hover{background:var(--green-pale)}#learn-status{min-height:40px;margin:12px 0}.storage-status{border-top:1px solid var(--line);padding-top:12px}@media (width<=700px){main{padding:10px 14px 30px}.list-heading h1{font-size:24px}.filter-tabs{width:100%}.filter-tabs button{flex:1}.song-row{padding-left:12px}.format-badges .badge{display:none}.song-title h1{font-size:24px}.reader-toolbar{gap:6px}.mode-tabs{flex:1;order:0}.mode-tabs button{flex:1;justify-content:center;padding:0 6px;font-size:13px}#focus-toggle{order:1;margin-left:0}.mode-tabs~.mode-tools{flex-basis:100%;order:2}.song-sheet{padding:8px 14px 28px}.tp-time{min-width:0}.tp-row .variant select{max-width:150px}.toast{bottom:130px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.signed-out .sidebar,.signed-out .scope-nav,.signed-out [data-settings]{display:none}body.signed-out .workspace{margin-left:0}.login{background:var(--surface);border:1px solid var(--line);max-width:360px;box-shadow:var(--shadow);border-radius:14px;gap:14px;margin:9vh auto 40px;padding:28px 24px;display:grid}.login h1{margin:0 0 4px;font-size:22px}.login label{color:var(--muted);gap:6px;font-size:13px;display:grid}.login input{height:46px;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:0 12px;font-size:16px}.login .primary{margin-top:4px}.login .primary:disabled{opacity:.6}.login-brand{color:var(--green);align-items:center;gap:9px;font-weight:700;display:flex}.login-brand svg{width:24px;height:24px}.login-error{color:#a3412d;margin:0;font-size:13px}.login-error.ok{color:var(--green)}:root[data-theme=dark] .login-error:not(.ok){color:#f0a08c}.login.compact{box-shadow:none;max-width:none;margin:12px 0 4px;padding:16px}.password-change summary{cursor:pointer;color:var(--green);padding:4px 0 12px;font-size:14px}.looper-badge{color:#fff;background:#b3372b;border-color:#0000}:root[data-theme=dark] .looper-badge{background:#8f3027}.lp-clock{font-variant-numeric:tabular-nums;color:var(--accent);margin-left:10px;font-weight:600}.sing{gap:14px;padding:6px 0 40px;display:grid}.sing-controls{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.sing-controls label{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.sing-controls select,.sing-controls input[type=number]{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--ink);border-radius:8px;padding:0 8px;font-size:14px}.sing-controls input[type=number]{width:64px}.sing-controls .check input{width:20px;height:20px;accent-color:var(--green)}.sing-bars{align-items:center;gap:4px;display:inline-flex}.sing-detail{flex-basis:100%;margin:0;font-size:13px}.sing-readout{background:var(--surface);border:1px solid var(--line);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:12px 16px;display:grid}.sing-note,.sing-target{font-variant-numeric:tabular-nums;min-width:3.2em;font-size:34px;font-weight:700}.sing-target{color:var(--green);text-align:right}.sing-readout>div:last-child{text-align:right}.sing-meter{background:linear-gradient(90deg, var(--accent-pale), var(--green-pale) 40%, var(--green-pale) 60%, var(--accent-pale));border-radius:19px;height:38px;position:relative}.sing-meter-scale{color:var(--muted);justify-content:space-between;font-size:11px;display:flex;position:absolute;inset:auto 10px -18px}.sing-meter-scale i{font-style:normal}.sing-meter:after{content:"";background:var(--green);width:2px;position:absolute;top:4px;bottom:4px;left:50%}.sing-needle{background:var(--ink);min-width:32px;height:32px;color:var(--surface);border-radius:16px;place-items:center;padding:0 4px;font-size:12px;font-weight:600;transition:left 80ms linear;display:grid;position:absolute;top:3px;transform:translate(-50%)}.sing-needle[data-state=ok]{background:var(--green);color:#fff}.sing-needle[data-state=off]{color:#fff;background:#b3372b}.sing-lane{border:1px solid var(--line);background:var(--surface);touch-action:pan-y;border-radius:12px;width:100%;height:300px}.sing-result{background:var(--surface);border:1px solid var(--line);border-radius:12px;grid-template-columns:auto 1fr;align-items:start;gap:14px 20px;padding:14px 16px;display:grid}.sing-result p{margin:0 0 8px}.sing-score{justify-items:center;display:grid}.sing-score strong{color:var(--green);font-size:42px;line-height:1}.sing-score span{color:var(--muted);font-size:12px}.sing-notes{flex-wrap:wrap;gap:5px;display:flex}.sing-notes span{border:1px solid var(--line);border-radius:6px;padding:3px 7px;font-size:12px}.sing-notes .hit{background:var(--green-pale);color:var(--green);border-color:#0000}.sing-notes .miss{background:var(--accent-pale);color:var(--accent);border-color:#0000}.sing-notes .silent{color:var(--muted)}.sing-result-actions{flex-wrap:wrap;grid-column:1/-1;gap:10px;display:flex}.sing-stats{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 16px}.sing-stats summary{cursor:pointer;font-weight:600}.sing-history{margin:0 0 10px;padding-left:18px;font-size:13px}.voice-page{max-width:1100px;margin:0 auto;padding:18px 16px}@media (width<=640px){.sing-readout{grid-template-columns:1fr 1fr}.sing-meter{grid-area:2/1/auto/-1;margin-bottom:18px}.sing-note,.sing-target{font-size:28px}.sing-lane{height:220px}.sing-result{grid-template-columns:1fr}}.room-btn{display:none}body.xr-ok .room-btn{display:inline-flex}.voice-page .library-head{grid-template-columns:1fr auto;display:grid}.voice-page .library-head .room-btn{grid-area:1/2}.voice-page h1{margin:0 0 6px}.sing-displays{justify-self:start}.sing-text{border:1px solid var(--line);background:var(--surface);border-radius:12px;height:300px;padding:18px 20px;font-size:22px;line-height:1.5;overflow-y:auto}.sing-text p{color:var(--ink);margin:0 0 10px;transition:color .2s}.sing-text p.past{color:var(--muted)}.sing-text p.now{color:var(--green);font-size:1.15em;font-weight:700}.sing-text span{border-radius:4px;padding:0 2px}.sing-text span.now{background:var(--accent-pale);color:var(--accent);font-weight:700}.sing-text span.past{color:var(--muted)}.sing-text span.hit{color:var(--green)}.sing-text span.miss{color:var(--accent);text-decoration:underline wavy}.sing-text span.silent{color:var(--muted)}@media (width<=640px){.sing-text{height:220px;font-size:19px}}