:root{--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, "Roboto Mono", Consolas, monospace;--r:14px;--r-sm:10px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--tabbar-h:62px;--ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}[data-theme=light]{--bg:#fafaf9;--surface:#fff;--surface-2:#f2f2f0;--line:#e7e6e3;--line-2:#d8d7d3;--text:#121214;--text-2:#3a3a3e;--muted:#75757b;--accent:#b45309;--accent-soft:#b4530914;--primary:#121214;--on-primary:#fafaf9;--danger:#c62828;--shadow:0 10px 40px #0000001c;--scrim:#0000004d;--hud:#fafaf9e6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#0b0b0c;--surface:#141416;--surface-2:#1c1c1f;--line:#26262a;--line-2:#34343a;--text:#f3f3f1;--text-2:#d0d0cc;--muted:#8d8d93;--accent:#f3b35b;--accent-soft:#f3b35b1a;--primary:#f3f3f1;--on-primary:#0b0b0c;--danger:#ff6b6b;--shadow:0 10px 40px #00000080;--scrim:#0009;--hud:#0b0b0ce6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;margin:0;font-size:16px;line-height:1.45}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{opacity:.35;cursor:default}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}code{font-family:var(--mono);background:var(--surface-2);border-radius:5px;padding:1px 5px;font-size:.9em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}.pad{padding:32px 0}.mt{margin-top:16px}.grow{flex:1;min-width:0}.accent{color:var(--accent)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn{background:var(--surface-2);height:40px;color:var(--text);white-space:nowrap;transition:transform .12s var(--ease), background .2s;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:15px;font-weight:600;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn.primary{background:var(--primary);color:var(--on-primary)}.btn.ghost{background:0 0}.btn.danger{background:var(--danger);color:#fff}.btn.lg{height:50px;padding:0 22px;font-size:16px}.btn.full{width:100%}.btn.dashed{border:1.5px dashed var(--line-2);border-radius:var(--r);height:52px;color:var(--muted);margin-top:8px}.btn-row{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.btn-row.left{flex-wrap:wrap;justify-content:flex-start;margin:18px 0 8px}.btn-row .btn{flex:1;height:48px}.btn-row.left .btn{flex:0 auto}.icon-btn{width:44px;height:44px;color:var(--text);border-radius:999px;flex-shrink:0;place-items:center;transition:background .15s,transform .12s;display:inline-grid}.icon-btn:active:not(:disabled){background:var(--surface-2);transform:scale(.94)}@media (hover:hover){.icon-btn:hover:not(:disabled){background:var(--surface-2)}}.icon-btn.sm{width:34px;height:34px;color:var(--muted)}.icon-btn.lg{width:56px;height:56px}.icon-btn.danger{color:var(--danger)}.icon-btn.star{color:var(--muted)}.icon-btn.star.on{color:var(--accent)}.icon-btn.handle{cursor:grab;touch-action:none;color:var(--muted);width:36px}.input{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);outline:none;width:100%;height:46px;padding:0 14px;font-size:16px;transition:border-color .15s}textarea.input{resize:vertical;height:auto;padding:12px 14px;line-height:1.45}.input:focus{border-color:var(--text-2)}.input.lg{height:54px;font-size:17px}.input.mono{font-family:var(--mono);font-size:14px}.input.paste{white-space:pre;min-height:42vh;overflow-x:auto}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:var(--muted);font-size:13px;font-weight:500}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.seg-ctl{background:var(--surface-2);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg-ctl button{height:32px;color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.seg-ctl button.on{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0000001f}[data-theme=dark] .seg-ctl button.on{background:var(--line-2)}.seg-ctl.full{width:100%;margin-bottom:20px;display:flex}.seg-ctl.full button{flex:1;justify-content:center;height:38px}.chip{background:var(--surface-2);height:32px;color:var(--text-2);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:0 13px;font-size:14px;font-weight:500;display:inline-flex}.chip.on{background:var(--primary);color:var(--on-primary)}.chips{scrollbar-width:none;padding:2px 0 6px;gap:8px;margin:0 -20px;padding-inline:20px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chips.tight{flex-wrap:wrap;margin:4px 0 0;padding-inline:0}.pill{text-transform:uppercase;letter-spacing:.04em;color:var(--accent);font-size:11px;font-weight:600}.stepper{background:var(--surface-2);border-radius:999px;flex-shrink:0;align-items:center;padding:3px;display:inline-flex}.step-btn{border-radius:999px;place-items:center;width:40px;height:40px;display:grid}.step-btn:active:not(:disabled){background:var(--line-2)}.step-val{text-align:center;font-variant-numeric:tabular-nums;min-width:44px;font-size:16px;font-weight:700}.switch{appearance:none;background:var(--line-2);cursor:pointer;border-radius:99px;flex-shrink:0;width:50px;height:30px;transition:background .2s;position:relative}.switch:after{content:"";width:24px;height:24px;transition:transform .2s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.switch:checked{background:var(--accent)}.switch:checked:after{transform:translate(20px)}.slider{appearance:none;background:0 0;width:100%;height:28px}.slider::-webkit-slider-runnable-track{background:var(--line-2);border-radius:4px;height:4px}.slider::-moz-range-track{background:var(--line-2);border-radius:4px;height:4px}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);border-radius:50%;width:26px;height:26px;margin-top:-11px;box-shadow:0 1px 4px #0004}.slider::-moz-range-thumb{background:var(--text);border:0;border-radius:50%;width:26px;height:26px}.shell{min-height:100dvh}.main{padding-bottom:calc(var(--tabbar-h) + var(--safe-b) + 16px)}.tabbar{z-index:20;height:calc(var(--tabbar-h) + var(--safe-b));padding-bottom:var(--safe-b);background:var(--hud);-webkit-backdrop-filter:saturate(1.6)blur(20px);border-top:1px solid var(--line);justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.brand{display:none}.tab{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:600;display:flex}.tab.active{color:var(--text)}.tab.add svg{background:var(--primary);color:var(--on-primary);border-radius:999px;width:28px;height:28px;padding:3px}@media (width>=900px){.tabbar{border-top:0;border-right:1px solid var(--line);flex-direction:column;justify-content:flex-start;gap:4px;width:220px;height:auto;padding:24px 12px;top:0;right:auto}.brand{letter-spacing:-.02em;padding:0 12px 20px;font-size:20px;font-weight:800;display:block}.tab{border-radius:10px;flex-direction:row;flex:none;justify-content:flex-start;gap:12px;height:44px;padding:0 12px;font-size:15px}.tab.active{background:var(--surface-2)}.tab.add svg{width:22px;height:22px}.main{margin-left:220px;padding-bottom:40px}}.page{max-width:760px;padding:calc(var(--safe-t) + 12px) 20px 24px;animation:fade .25s var(--ease);margin:0 auto}.page.narrow{max-width:560px}@keyframes fade{0%{opacity:0;transform:translateY(4px)}}.page-head{justify-content:space-between;align-items:center;gap:12px;min-height:52px;margin-bottom:12px;display:flex}.page-head h1{letter-spacing:-.03em;font-size:32px;font-weight:800}.page-head .icon-btn:first-child{margin-left:-10px}.head-actions{align-items:center;gap:6px;display:flex}.big-title{letter-spacing:-.03em;margin:4px 0 8px;font-size:30px;font-weight:800;line-height:1.15}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.empty{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:18vh 20px 40px;display:flex}.empty-art{background:var(--surface-2);width:72px;height:72px;color:var(--muted);border-radius:22px;place-items:center;margin-bottom:8px;font-size:30px;display:grid}.empty h2{letter-spacing:-.02em;font-size:22px}.empty .btn{margin-top:14px}.search-bar{z-index:5;background:var(--bg);padding:calc(var(--safe-t) + 6px) 0 8px;margin-top:calc(-1 * var(--safe-t));align-items:center;gap:8px;display:flex;position:sticky;top:0}.search{background:var(--surface-2);height:44px;color:var(--muted);border-radius:12px;flex:1;align-items:center;gap:8px;padding:0 6px 0 14px;display:flex}.search input{min-width:0;height:100%;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:16px}.search input::-webkit-search-cancel-button{display:none}.strip{margin:20px 0 8px}.strip-row{scrollbar-width:none;gap:10px;margin:8px -20px 0;padding:0 20px;display:flex;overflow-x:auto}.strip-row::-webkit-scrollbar{display:none}.strip-item{border-radius:var(--r);background:var(--surface-2);flex-direction:column;flex:none;width:150px;padding:12px 14px;display:flex}.strip-title{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.strip-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.list-head{justify-content:space-between;margin:24px 0 4px;display:flex}.list{margin:0;padding:0;list-style:none}.row{border-bottom:1px solid var(--line);background:var(--bg);align-items:center;gap:4px;display:flex}.row:last-child{border-bottom:0}.row-main{text-align:left;flex:1;align-items:center;gap:14px;min-width:0;padding:14px 0;display:flex}.row-text{flex:1;min-width:0}.row-title{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;overflow:hidden}.row-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.row-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:4px;font-size:12.5px;display:flex}.row-meta span+span:not(.capo-badge):before{content:"·";opacity:.6;margin-right:10px}.row-meta .capo-badge+span:before{display:none}.cover{background:var(--surface-2);width:48px;height:48px;color:var(--text-2);letter-spacing:-.02em;border-radius:11px;flex-shrink:0;place-items:center;font-size:15px;font-weight:700;display:grid;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%}.cover.num{font-variant-numeric:tabular-nums}.dragging{z-index:10;box-shadow:var(--shadow);border-radius:var(--r);opacity:.95;position:relative}.set-row,.mash-row{gap:6px;padding-right:2px}.set-row .row-main{gap:12px;padding:16px 0}.mash-row{padding:10px 2px 10px 0}.mash-row .stepper{transform-origin:100%;transform:scale(.85)}.set-num{font-variant-numeric:tabular-nums;color:var(--muted);width:22px;font-size:13px;font-weight:600}.group{margin:22px 0 30px}.group .eyebrow{margin-bottom:6px}.field-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:12px 0;display:flex}.toggle-row{cursor:pointer}.field-title{font-size:15px;font-weight:600}.menu{flex-direction:column;margin:4px 0;display:flex}.menu-item{text-align:left;border-bottom:1px solid var(--line);align-items:center;gap:14px;width:100%;min-height:52px;padding:0 4px;font-size:16px;display:flex}.menu-item:last-child{border-bottom:0}.menu-item.on{font-weight:700}.menu-item.on:after{content:"✓";color:var(--accent);margin-left:auto}.menu-item.danger{color:var(--danger)}.inline-form{gap:8px;margin-top:14px;display:flex}.add-form{flex-direction:column;gap:14px;display:flex}.error-box{border-radius:var(--r);background:var(--surface-2);border-left:3px solid var(--danger);flex-direction:column;align-items:flex-start;gap:12px;margin-top:20px;padding:16px;display:flex}.warn{border-radius:var(--r-sm);background:var(--accent-soft);color:var(--text-2);align-items:flex-start;gap:10px;margin-bottom:10px;padding:12px 14px;font-size:14px;display:flex}.warn svg{color:var(--accent);flex-shrink:0;margin-top:2px}.sheet-root{z-index:100;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-backdrop{background:var(--scrim);animation:.2s fadeIn;position:absolute;inset:0}.sheet-panel{background:var(--surface);width:100%;max-width:560px;max-height:88dvh;box-shadow:var(--shadow);padding-bottom:calc(var(--safe-b) + 12px);animation:slideUp .32s var(--ease);border-radius:22px 22px 0 0;flex-direction:column;display:flex;position:relative}.sheet-panel.wide{max-width:640px;height:80dvh}.sheet-grip{background:var(--line-2);border-radius:9px;flex-shrink:0;width:38px;height:5px;margin:8px auto 0}.sheet-head{flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 12px 4px 22px;display:flex}.sheet-head h2{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:19px;font-weight:700;overflow:hidden}.sheet-body{overscroll-behavior:contain;flex-direction:column;flex:1;min-height:0;padding:4px 22px 8px;display:flex;overflow-y:auto}@media (width>=700px){.sheet-root{align-items:center}.sheet-panel{animation:pop .25s var(--ease);border-radius:22px;padding-bottom:14px}.sheet-grip{display:none}.sheet-head{padding-top:14px}}@keyframes fadeIn{0%{opacity:0}}@keyframes slideUp{0%{transform:translateY(100%)}}@keyframes pop{0%{opacity:0;transform:scale(.96)}}.toasts{left:50%;bottom:calc(var(--tabbar-h) + var(--safe-b) + 14px);z-index:200;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:92vw;display:flex;position:fixed;transform:translate(-50%)}.toast{pointer-events:auto;background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow);animation:slideUpSm .25s var(--ease);border-radius:999px;align-items:center;gap:14px;padding:11px 18px;font-size:14px;font-weight:500;display:flex}.toast button{color:var(--accent);font-weight:700}@keyframes slideUpSm{0%{opacity:0;transform:translateY(10px)}}.song-page{--fs:1;max-width:820px;padding:0 22px calc(120px + var(--safe-b));margin:0 auto}.topbar{z-index:10;padding:calc(var(--safe-t) + 6px) 0 6px;background:var(--bg);justify-content:space-between;align-items:center;gap:8px;margin:0 -12px;display:flex;position:sticky;top:0}.topbar.sticky{border-bottom:1px solid var(--line);background:var(--bg);-webkit-backdrop-filter:blur(16px);margin:0;padding-inline:12px}.topbar-actions{display:flex}.song-head{border-bottom:1px solid var(--line);margin-bottom:18px;padding:6px 0 22px}.song-head h1{letter-spacing:-.035em;font-size:clamp(26px,7vw,38px);font-weight:800;line-height:1.1}.song-artist{color:var(--muted);margin-top:4px;font-size:17px}.song-meta{text-align:left;flex-wrap:wrap;align-items:stretch;gap:8px 10px;margin-top:18px;display:flex}.song-meta span{background:var(--surface-2);border-radius:12px;flex-direction:column;min-width:64px;padding:6px 12px 7px;font-size:17px;font-weight:700;display:flex}.song-meta .meta-capo{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent);font-size:20px}.song-meta .meta-capo i{color:var(--accent)}.song-meta .meta-capo.none{background:var(--surface-2);color:var(--text);box-shadow:none;font-size:17px}.song-meta .meta-capo.none i{color:var(--muted)}.song-meta i{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11px;font-style:normal;font-weight:600}.song-notes{color:var(--text-2);white-space:pre-wrap;margin-top:14px;font-size:15px}.banner{color:var(--accent);margin-top:12px;font-size:14px}.banner button{font-weight:700;text-decoration:underline}.sheet-end{height:28vh}.sheet{font-size:calc(17px * var(--fs));line-height:1.35}.sec{margin-bottom:1.5em}.sec-name{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);align-items:baseline;gap:10px;margin-bottom:.55em;font-size:.72em;font-weight:700;display:flex}.sec-origin{letter-spacing:0;text-transform:none;color:var(--accent);opacity:.85;font-size:1.1em;font-weight:500}.sec-origin:before{content:"— "}.ln{white-space:pre-wrap;overflow-wrap:anywhere;min-height:1.35em;margin:0}.ln.has-ch{flex-wrap:wrap;align-items:flex-end;margin-top:.25em;display:flex}.w{white-space:pre;align-items:flex-end;display:inline-flex}.sp{white-space:pre;width:.28em;display:inline-block}.seg{flex-direction:column;display:inline-flex}.ch{text-align:left;color:var(--accent);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;border-radius:4px;padding-right:.45em;font-size:.9em;font-weight:700;line-height:1.25;display:block}.ch:active{background:var(--accent-soft)}.ly{white-space:pre}.chord-row{flex-wrap:wrap;align-items:baseline;margin:.3em 0;display:flex}.chord-row>span:first-child{margin-left:0!important}.chord-row .ch{padding-right:0}.row-label{color:var(--muted);margin-left:.9em;font-size:.85em;font-weight:600}.gap{height:.8em}.note{color:var(--muted);border-left:2px solid var(--line-2);margin:.3em 0;padding:.2em 0 .2em .7em;font-size:.9em;font-style:italic}.tabrows{font-family:var(--mono);font-size:calc(13px * var(--fs));background:var(--surface-2);border-radius:var(--r-sm);margin:.4em 0;padding:10px 12px;line-height:1.3;overflow-x:auto}.toolbar{z-index:15;left:50%;bottom:calc(10px + var(--safe-b));background:var(--hud);-webkit-backdrop-filter:saturate(1.6)blur(20px);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;gap:2px;width:min(440px,100% - 20px);padding:5px;display:flex;position:fixed;transform:translate(-50%)}.tool{height:54px;color:var(--muted);border-radius:17px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;font-size:11px;font-weight:600;display:flex}.tool svg,.tool .tool-big{color:var(--text)}.tool .tool-capo{color:var(--accent);font-weight:750}.tool-big{letter-spacing:-.02em;font-size:16px;font-weight:800;line-height:20px}.tool.on{background:var(--surface-2)}.tool.play-tool{background:var(--primary);color:var(--on-primary);opacity:.96}.tool.play-tool svg{color:var(--on-primary)}.scroll-panel{z-index:15;left:50%;bottom:calc(80px + var(--safe-b));background:var(--hud);-webkit-backdrop-filter:blur(20px);border:1px solid var(--line);width:min(440px,100% - 20px);box-shadow:var(--shadow);animation:slideUpSm .2s var(--ease);border-radius:20px;padding:10px 12px;position:fixed;transform:translate(-50%)}.speed{align-items:center;gap:10px;display:flex}.speed .step-btn{background:var(--surface-2);flex-shrink:0;width:46px;height:46px}.speed-mid{flex-direction:column;flex:1;align-items:center;display:flex}.speed-val{font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.keygrid{grid-template-columns:repeat(4,1fr);gap:6px;margin:4px 0 8px;display:grid}.keygrid>div{background:var(--surface-2);border-radius:12px;flex-direction:column;align-items:center;padding:10px 4px;display:flex}.keygrid .lbl{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:600}.keygrid b{letter-spacing:-.02em;font-size:19px}.capo-opts{grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0 6px;display:grid}.capo-opt{border:1px solid var(--line);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:64px;padding:8px 4px;display:flex}.capo-opt.on{border-color:var(--text);background:var(--surface-2)}.capo-opt b{font-size:17px}.capo-n{color:var(--muted);font-size:11px;font-weight:600}.chord-title{color:var(--accent);font-size:26px}.chord-pop{flex-direction:column;align-items:center;gap:6px;padding-bottom:6px;display:flex}.chord-pop-row{align-items:center;gap:4px;display:flex}.diagram{display:block}.d-fret{stroke:var(--line-2);stroke-width:1.2px}.d-string{stroke:var(--muted)}.d-nut,.d-dot{fill:var(--text)}.d-finger{fill:var(--bg);font-size:12px;font-weight:700;font-family:var(--font)}.d-open{fill:none;stroke:var(--text);stroke-width:1.6px}.d-mute{fill:var(--muted);font-size:17px;font-family:var(--font)}.d-pos{fill:var(--muted);font-size:12px;font-weight:600;font-family:var(--font)}.d-note{fill:var(--muted);font-size:11px;font-family:var(--font)}.play{--fs:1.3;min-height:100dvh}.play-top{z-index:15;padding:calc(var(--safe-t) + 6px) 10px 8px;background:var(--hud);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);transition:transform .35s var(--ease), opacity .35s;align-items:center;gap:8px;display:flex;position:fixed;top:0;left:0;right:0}.play-title{flex-direction:column;flex:1;align-items:center;min-width:0;line-height:1.2;display:flex}.play-title b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:15px;overflow:hidden}.play-title span{color:var(--muted);font-size:12px}.key-badge{color:var(--accent);font-size:15px;font-weight:800}.speed-badge{font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.play-body{max-width:900px;padding:calc(var(--safe-t) + 80px) 24px 0;margin:0 auto}.play-body .sheet{line-height:1.5}.play-body .sec{margin-bottom:1.8em}.play-h1{font-size:calc(28px * var(--fs));letter-spacing:-.03em;font-weight:800;line-height:1.1}.play-sub{color:var(--muted);font-size:calc(15px * var(--fs));margin:6px 0 28px}.play-next{margin:40px 0 0}.next-title{text-overflow:ellipsis;max-width:45vw;margin:0 4px;overflow:hidden}.play-end{height:60vh}.play-hud{z-index:15;left:50%;bottom:calc(12px + var(--safe-b));background:var(--hud);-webkit-backdrop-filter:saturate(1.6)blur(20px);border:1px solid var(--line);width:min(460px,100% - 20px);box-shadow:var(--shadow);transition:transform .35s var(--ease), opacity .35s;border-radius:26px;flex-direction:column;gap:6px;padding:8px;display:flex;position:fixed;transform:translate(-50%)}.play-hud .speed{padding:4px 4px 2px}.hud-row{justify-content:space-between;align-items:center;display:flex}.hud-row.small-row{justify-content:center;gap:8px}.play-btn{background:var(--primary);width:72px;height:72px;color:var(--on-primary);border-radius:999px;place-items:center;transition:transform .15s;display:grid}.play-btn:active{transform:scale(.94)}.play-btn svg{margin-left:3px}.play-btn.on svg{margin-left:0}.hud-off .play-top{opacity:0;pointer-events:none;transform:translateY(-100%)}.hud-off .play-hud{opacity:0;pointer-events:none;transform:translate(-50%,130%)}.lock-hint{bottom:calc(10px + var(--safe-b));color:var(--muted);opacity:.6;pointer-events:none;align-items:center;gap:4px;font-size:11px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.countdown{z-index:30;background:var(--scrim);color:#fff;place-items:center;font-size:120px;font-weight:800;animation:.2s fadeIn;display:grid;position:fixed;inset:0}@media (orientation:landscape) and (height<=500px){.play-body{padding-top:64px}.play-hud{width:auto;left:auto;right:calc(10px + env(safe-area-inset-right,0px));flex-direction:row;bottom:10px;transform:none}.hud-off .play-hud{transform:translateY(130%)}.play-btn{width:60px;height:60px}.play-hud .speed{display:none}}.editor{min-height:100dvh}.editor .topbar{gap:8px}.editor .topbar .btn{height:36px;padding:0 14px}.editor .seg-ctl button{padding:0 9px;font-size:13px}@media (width<=400px){.editor .seg-ctl button{padding:0 7px;font-size:12.5px}.editor .topbar .btn{padding:0 10px}}.editor-body{max-width:820px;padding:18px 16px calc(110px + var(--safe-b));flex-direction:column;gap:12px;margin:0 auto;display:flex}.meta-form{flex-direction:column;gap:10px;padding-bottom:8px;display:flex}.title-input{letter-spacing:-.02em;height:54px;font-size:22px;font-weight:700}.tag-box{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);flex-wrap:wrap;align-items:center;gap:6px;min-height:46px;padding:6px;display:flex}.tag-input{background:0 0;border:0;outline:none;flex:1;min-width:90px;height:32px;padding:0 6px;font-size:16px}.preview-box{border-radius:var(--r);border:1px solid var(--line);background:var(--surface);--fs:1;padding:18px}.legend{margin:6px 0 0}.lg-chord{color:var(--accent);font-weight:700}.lg-lyric{color:var(--text);font-weight:600}.sec-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;gap:6px;padding:8px 10px 10px;display:flex}.sec-head{align-items:center;gap:2px;display:flex}.sec-name-input{min-width:0;height:38px;color:inherit;background:0 0;border:0;outline:none;flex:1;padding:0 4px;font-family:inherit;font-size:16px;font-weight:700}.sec-name-input:focus{background:var(--surface-2);border-radius:8px}.code-edit{font-family:var(--mono);border-radius:var(--r-sm);background:var(--surface-2);font-size:14px;line-height:1.55;position:relative;overflow:hidden}.code-back,.code-input{font:inherit;line-height:inherit;white-space:pre;letter-spacing:0;tab-size:4;margin:0;padding:10px 12px}.code-back{pointer-events:none;color:var(--text);position:absolute;inset:0;overflow:hidden}.code-input{resize:none;color:#0000;width:100%;caret-color:var(--text);background:0 0;border:0;outline:none;display:block;position:relative;overflow:auto hidden}.code-input::placeholder{color:var(--muted)}.code-input::selection{background:var(--accent-soft);color:#0000}.r-chord{color:var(--accent);font-weight:700}.r-header{color:var(--muted);font-weight:700}.r-note{color:var(--muted);font-style:italic}.r-tab{color:var(--text-2)}.key-card{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);padding:12px 14px 4px}.key-card.ask{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.key-card-q{letter-spacing:-.01em;margin-bottom:8px;font-size:17px;font-weight:700}.key-card-row{align-items:flex-end;gap:12px;padding-bottom:6px;display:flex}.key-field{flex:0 0 110px}.key-read{flex:1;gap:6px;display:flex}.key-read span{background:var(--surface-2);border-radius:10px;flex-direction:column;flex:1;align-items:center;padding:6px 4px;display:flex}.key-read i{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-style:normal;font-weight:600}.key-read b{letter-spacing:-.02em;font-size:19px}.key-card .field-row:last-of-type{border-bottom:0}.key-card>p{margin:0 0 10px}.more-details summary{cursor:pointer;color:var(--text-2);padding:6px 0;font-weight:600}.more-details[open] summary{margin-bottom:8px}.more-details>.field+.field{margin-top:10px}.danger-text{color:var(--danger)}.tapper{border-radius:var(--r);border:1px solid var(--line);background:var(--surface);padding:14px;font-size:17px}.tapper>p{margin:0 0 12px}.tapper .sec{margin-bottom:1em}.tap-line{flex-wrap:wrap;align-items:flex-end;gap:2px 3px;margin:2px 0;display:flex}.tw{text-align:left;border:1px dashed #0000;border-radius:8px;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:44px;padding:2px 4px;display:inline-flex}.tw:hover,.tw:focus-visible{border-color:var(--line-2)}.tw:active{background:var(--accent-soft)}.tw-ch{color:var(--accent);white-space:nowrap;min-height:1.2em;font-size:.85em;font-weight:700;line-height:1.2}.tw-ly{white-space:pre;line-height:1.3}.tw.has{background:var(--accent-soft)}.tw-add{color:var(--muted);border-color:var(--line);align-items:center;min-width:32px}.tw-add .tw-ch{color:var(--muted);place-items:center;display:grid}.chord-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;margin-top:8px;display:grid}.chord-pick{background:var(--surface-2);height:46px;color:var(--accent);border-radius:12px;font-size:16px;font-weight:700}.chord-pick:active{background:var(--accent-soft)}.tap-edit{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:4px 0 8px;display:flex}.picker{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.picker-list{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.pick-row{text-align:left;border-bottom:1px solid var(--line);align-items:center;gap:12px;width:100%;padding:12px 2px;display:flex}.check{border:1.5px solid var(--line-2);border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;display:grid}.check.on{background:var(--accent);border-color:var(--accent);color:var(--bg)}.setlist .row{padding-left:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=430px){.row-meta span:last-child{display:none}}.sync-line{color:var(--muted);margin:0 0 10px;font-size:14px}.sync-line.bad{color:var(--danger)}.bpm-input{text-align:center;width:84px}.source-link{border:1px solid var(--line-2);height:34px;color:var(--text-2);border-radius:999px;align-items:center;gap:6px;margin-top:14px;padding:0 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.source-link:active{background:var(--surface-2)}.suggest{border-top:1px solid var(--line);margin-top:36px;padding-top:22px;font-size:16px}.suggest-h{letter-spacing:-.02em;font-size:20px;font-weight:800}.suggest-list{margin-top:10px}.suggest-row{border-bottom:1px solid var(--line);color:inherit;align-items:center;gap:12px;padding:12px 2px;text-decoration:none;display:flex}.suggest-row .row-text,.fit-row .row-text{flex:1;min-width:0}.why{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.why-chip{color:var(--text-2);background:var(--surface-2);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.why-chip.good{color:var(--accent);background:var(--accent-soft)}.why-chip.warn{color:var(--text);box-shadow:inset 0 0 0 1px var(--line-2);background:0 0}.capo-ease{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 0 12px;display:flex}.preview-capo{align-items:center;gap:8px;margin:0 0 12px;display:flex}.capo-pill{background:var(--surface-2);color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:13px;font-weight:700;display:inline-flex}.order-list{margin:8px 0 14px;padding:0;list-style:none}.order-list li{border-bottom:1px solid var(--line);padding:10px 0}.order-list .row-title{white-space:normal}.order-head{align-items:baseline;gap:10px;display:flex}.order-head .set-num{flex:none}.order-step{margin:4px 0 0 34px}.fit-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 2px;display:flex}.section-title-row{justify-content:space-between;align-items:center;gap:10px;margin-top:26px;display:flex}.section-title-row h2{letter-spacing:-.02em;font-size:18px;font-weight:800}.sec-full{margin-top:8px;font-size:14px}.sec-full .sec-name{display:none}.pick-row.full{align-items:flex-start}.pick-row.full .row-sub{white-space:normal}.mash-row{flex-wrap:wrap}.mash-full{flex-basis:100%;min-width:0;padding:0 6px 6px 44px}.mash-full .unit-parts{flex-direction:column;margin-top:4px;display:flex}.mash-full .jp-full{padding-left:30px}.toggle-row{justify-content:space-between;align-items:center;gap:12px;margin:6px 0 4px;display:flex}.mash-info{color:var(--muted);flex-basis:100%;margin-top:-4px;padding-left:72px;font-size:13px}.btn.sm{height:34px;padding:0 14px;font-size:14px}.push-right{color:var(--muted);margin-left:auto}.flip{transform:rotate(180deg)}.seg-ctl.wrap{border-radius:18px;flex-wrap:wrap}.foryou-hint{background:var(--surface-2);color:var(--text-2);text-align:left;border-radius:999px;align-items:center;gap:7px;max-width:100%;margin-top:10px;padding:7px 12px;font-size:14px;display:inline-flex}.foryou-hint svg:first-child{color:var(--accent);flex:none}.foryou-hint svg:last-child{color:var(--muted);flex:none}.foryou-hint.wide{border-radius:var(--r-sm);width:100%;margin:0 0 14px;padding:12px 14px;font-weight:600;display:flex}.foryou-hint.wide span{flex:1}.sheet-head h2 svg{color:var(--accent);vertical-align:-2px}.saved-card{border:1px dashed var(--line-2);border-radius:var(--r);margin:12px 0;padding:12px 14px}.saved-lbl,.opt-kinds{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.saved-note{color:var(--text-2);margin:6px 0 0;font-size:14px}.opt-list{flex-direction:column;gap:10px;margin:12px 0;display:flex}.opt-list.compact{gap:8px;margin-top:8px}.opt-card{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);padding:12px 14px}.opt-card.best{border-color:var(--line-2);box-shadow:0 1px 0 var(--line)}.opt-card.active{border-color:var(--text)}.opt-main{justify-content:space-between;align-items:flex-start;gap:10px;margin-top:4px;display:flex}.opt-config{letter-spacing:-.01em;font-size:20px;font-weight:700}.opt-keys{color:var(--muted);font-size:14px}.opt-fit{text-align:right;cursor:help;line-height:1.1}.opt-fit b{color:var(--accent);font-size:20px;display:block}.opt-fit span{color:var(--muted);font-size:11px}.opt-summary{color:var(--text-2);margin:8px 0 0;font-size:14.5px}.opt-actions{align-items:center;gap:10px;margin-top:10px;display:flex}.opt-actions .btn,.opt-actions .in-use{margin-left:auto}.why-btn{color:var(--text-2);align-items:center;gap:3px;font-size:14px;font-weight:600;display:inline-flex}.conf-chip{color:var(--muted);font-size:12px}.in-use{align-items:center;gap:4px;font-size:14px;font-weight:600;display:inline-flex}.why-list{color:var(--text-2);flex-direction:column;gap:4px;margin:10px 0 0;padding-left:18px;font-size:14px;display:flex}.conf-text{margin-top:14px}.fb-inline{margin:16px 0 6px}.feedback{border-radius:var(--r);background:var(--surface-2);flex-direction:column;gap:8px;padding:12px 40px 12px 14px;display:flex;position:relative}.feedback.floating{z-index:30;left:50%;bottom:calc(84px + var(--safe-b));background:var(--hud);border:1px solid var(--line);width:min(440px,100% - 20px);box-shadow:var(--shadow);-webkit-backdrop-filter:saturate(1.6)blur(20px);animation:fbIn .25s var(--ease);position:fixed;transform:translate(-50%)}@keyframes fbIn{0%{opacity:0;transform:translate(-50%,10px)}}.shell .feedback.floating{bottom:calc(var(--tabbar-h) + var(--safe-b) + 14px)}.play .feedback.floating{bottom:calc(110px + var(--safe-b))}.fb-q{font-size:14.5px;font-weight:600}.fb-row{gap:8px;display:flex}.fb-row.wrap{flex-wrap:wrap}.fb-btn{background:var(--surface);border:1px solid var(--line);white-space:nowrap;border-radius:999px;flex:1;height:40px;padding:0 10px;font-size:14.5px;font-weight:600}.fb-btn.sm{flex:0 auto;height:34px;font-size:13.5px}.fb-btn.ghost{color:var(--muted);background:0 0}.fb-chip{border:1px solid var(--line);border-radius:999px;min-width:44px;height:34px;padding:0 12px;font-size:14px;font-weight:600}.fb-chip.on{border-color:var(--text);background:var(--surface);color:var(--accent)}.fb-x{width:34px;height:34px;color:var(--muted);position:absolute;top:6px;right:4px}.end-mark{height:1px}.advice{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);margin-bottom:12px;padding:12px 14px}.advice-h{align-items:center;gap:7px;margin-bottom:8px;font-weight:700;display:flex}.advice-h svg{color:var(--accent)}.advice .opt-card{padding:10px 12px}.checklist{color:var(--muted);flex-direction:column;gap:5px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.checklist li svg{opacity:0;vertical-align:-2px}.checklist li.done{color:var(--text-2)}.checklist li.done svg{opacity:1;color:var(--accent)}.learn-card{border-radius:var(--r);border:1px solid var(--line);background:var(--surface);align-items:center;gap:12px;margin:10px 0 4px;padding:12px 8px 12px 14px;display:flex}.learn-text{flex-direction:column;flex:1;font-size:15px;display:flex}.question{border-bottom:1px solid var(--line);padding:12px 0 14px}.question:last-child{border-bottom:0}.q-text{margin:0 0 10px;font-weight:600}.q-opts{flex-wrap:wrap;gap:8px;margin-bottom:6px;display:flex}.q-opt{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:999px;min-height:38px;padding:6px 14px;font-size:14.5px;font-weight:600}.q-opt.on{border-color:var(--text);background:var(--surface-2)}.q-opt.ghost{color:var(--muted);background:0 0;border-color:#0000}.profile .data-line{color:var(--text-2);margin:8px 0 0;font-size:14px}.profile .eyebrow{align-items:center;gap:8px;display:flex}.src-badge{letter-spacing:.03em;background:var(--surface-2);color:var(--muted);border-radius:999px;padding:2px 7px;font-size:10.5px}.src-badge.manual{color:var(--accent);background:var(--accent-soft)}.big-val{margin:2px 0 8px;font-size:20px;font-weight:700}.big-val .muted{font-size:15px;font-weight:500}.capo-bars{align-items:flex-end;gap:6px;height:64px;margin:6px 0 12px;display:flex}.capo-bar{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:3px;height:100%;display:flex}.capo-bar i{background:var(--line-2);border-radius:4px 4px 2px 2px;width:100%}.capo-bar span{color:var(--muted);font-size:11px}.chord-group{margin:10px 0}.chord-group .chips{flex-wrap:wrap;margin:6px 0 0;padding-inline:0}.chord-chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;min-width:46px;height:34px;padding:0 12px;font-size:14.5px;font-weight:600}.chord-chip small{font-size:11px}.chord-chip.mark-easy,.chord-chip.mark-hard{border-color:var(--text)}.chord-chip.mark-easy small,.chord-chip.mark-hard small{color:var(--accent)}.voice-row{flex-wrap:wrap;align-items:center;gap:8px}.voice-ctl{align-items:center;gap:4px;margin-left:auto;display:flex}.voice-ctl .icon-btn.on{color:var(--accent)}.how summary{cursor:pointer;font-weight:600}.how ul{color:var(--text-2);flex-direction:column;gap:6px;padding-left:18px;font-size:14px;display:flex}.jam-mode{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:8px;margin-top:12px;padding:12px 0;display:flex}.jam-mode p{margin:0}.jam-mode .seg-ctl,.jam-mode .chip{align-self:flex-start}.jam-capo-line{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.capo-call{font-size:17px}.capo-call b{font-weight:750}.jam-reorder{border-color:var(--accent);color:var(--accent)}.sec.strum-in{border-left:3px solid var(--accent);padding-left:10px}.sec.strum-in .note{color:var(--accent)}.set-bar{flex:1;justify-content:center;align-items:center;gap:2px;min-width:0;display:flex}.set-bar-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-2);font-size:13px;text-decoration:none;overflow:hidden}.set-bar-name b{color:var(--text);font-weight:650}.set-change{flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 10px;display:flex}.set-row{flex-wrap:wrap}.set-row .set-change{flex-basis:100%;margin:-6px 0 14px;padding-left:64px}.set-change .key-change.compact{margin:0}.up-next{left:50%;bottom:calc(86px + var(--safe-b));z-index:41;background:var(--surface);border:1px solid var(--line);width:min(560px,100vw - 24px);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:8px;padding:10px 10px 12px 14px;font-size:14px;display:flex;position:fixed;overflow:hidden;transform:translate(-50%)}.up-next span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.up-next-bar{background:var(--accent);transform-origin:0;width:100%;height:3px;animation:linear forwards up-next;position:absolute;bottom:0;left:0}@keyframes up-next{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.play .jam-key .seg-ctl button{padding:0 10px;font-size:13px}.explore-intro{margin:-4px 0 12px}.explore-status{color:var(--muted);align-items:center;gap:6px;margin:0 0 10px;display:flex}.explore-row{border-bottom:1px solid var(--line);align-items:flex-start;gap:4px;display:flex}.explore-main{min-width:0;color:inherit;flex:1;padding:14px 0;text-decoration:none}.explore-fit{flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:8px;display:flex}.explore-why{color:var(--text-2);margin:6px 0 0;padding:0;font-size:13.5px;list-style:none}.explore-why li{padding:1px 0}.explore-why li:before{content:"· ";color:var(--muted)}.explore-why li.caution{color:var(--muted)}.explore-row .icon-btn{color:var(--muted);margin-top:10px}.explore-foot{margin:18px 0 8px}.explore-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:700}.explore-best{flex-direction:column;gap:4px;margin-top:14px;display:flex}.explore-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.song-head .jam-key{border-bottom:0;padding-bottom:0}.key-change{background:var(--surface-2);color:var(--text);border-radius:10px;flex-wrap:wrap;align-items:center;gap:4px 6px;width:fit-content;padding:6px 10px;font-size:13px;line-height:1.3;display:flex}.key-change b{color:var(--accent);font-weight:700}.key-change svg,.key-change .kc-note{color:var(--muted)}.key-change.compact{padding:2px 8px;font-size:12px}.mash-change{flex-basis:100%;padding:0 0 6px 44px}.jam-song{margin-bottom:.8em}.jam-song+.jam-song{border-top:1px solid var(--line);padding-top:.45em}.jam-head{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:0 8px;margin:0 0 .3em;font-size:13px;line-height:1.45;display:flex}.jam-head b{color:var(--text);font-size:14px;font-weight:700}.jam-n{font-variant-numeric:tabular-nums;font-weight:700}.kc-tag{background:var(--accent-soft);color:var(--accent);white-space:nowrap;border-radius:6px;align-items:center;gap:2px;padding:0 6px;font-size:12px;font-weight:650;display:inline-flex}.jam-nav{flex-direction:column;gap:8px;margin:10px 0 14px;display:flex}.jam-nav .seg-ctl{align-self:flex-start}.jam-songs{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.jam-songs .chip{white-space:nowrap}.jam-step{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:18px 0;display:flex}.energy{background:var(--line);border-radius:3px;flex:0 0 46px;align-self:center;height:6px;margin-left:auto;overflow:hidden}.energy i{background:var(--text-2);border-radius:3px;height:100%;display:block}.set-row .key-change{margin-top:4px}.set-next{margin:8px 0 4px}.set-next h2{margin:0 0 4px;font-size:15px}.set-next .suggest-row{align-items:center}.set-next .key-change{margin-top:4px}.set-next .tag-next{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.play-change{margin:-4px 0 14px}.strum{border:1px solid var(--line);border-radius:14px;margin:12px 0 4px;padding:8px 12px}.strum-head{text-align:left;align-items:center;gap:8px;width:100%;min-height:32px;display:flex}.strum-head .field-title{margin:0}.strum-head svg{color:var(--muted);margin-left:auto;transition:transform .2s}.strum-head svg.flip{transform:rotate(180deg)}.strum-body{padding:4px 0}.strum-part+.strum-part{margin-top:10px}.strum-label{color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:700}.strum-row{flex-wrap:wrap;gap:2px 0;display:flex}.stroke{flex-direction:column;align-items:center;width:26px;display:inline-flex}.stroke.beat{margin-left:6px}.stroke:first-child{margin-left:0}.stroke b{color:var(--text);font-size:20px;font-weight:500;line-height:1.1}.stroke.acc b{color:var(--accent);font-weight:900}.stroke.mute b{color:var(--text-2);font-size:15px;line-height:1.45}.stroke.rest b{color:var(--line-2)}.stroke i{color:var(--muted);height:14px;font-size:11px;font-style:normal}.stroke.beat i{color:var(--text-2);font-weight:700}.muted.tiny{margin:6px 0 0;font-size:11px}.play .strum{font-size:15px}.follow-cur{position:relative}.follow-cur:before{content:"";background:var(--accent);border-radius:2px;width:3px;position:absolute;top:.15em;bottom:.15em;left:-12px}.follow-last{position:relative}.follow-last:before{content:"";background:var(--line-2);border-radius:2px;width:3px;position:absolute;top:.15em;bottom:.15em;left:-12px}.follow-pill{left:50%;bottom:calc(86px + var(--safe-b));z-index:40;background:var(--surface);border:1px solid var(--line);max-width:min(560px,100vw - 24px);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;padding:6px 6px 6px 10px;font-size:13px;display:flex;position:fixed;transform:translate(-50%)}.follow-pill .follow-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-2);flex:1;overflow:hidden}.follow-pill .follow-text i{color:var(--muted);font-style:normal}.mic-dot{background:var(--surface-2);width:26px;height:26px;color:var(--muted);border-radius:999px;flex:none;place-items:center;display:grid}.mic-dot.on{color:var(--accent);animation:1.6s ease-in-out infinite micpulse}@keyframes micpulse{50%{box-shadow:0 0 0 5px var(--accent-soft)}}@media (prefers-reduced-motion:reduce){.mic-dot.on{animation:none}}.set-next .suggest-row{text-align:left;width:100%}.today-set{border:1px solid var(--line);border-radius:var(--r);flex-direction:column;align-items:flex-start;gap:6px;margin:4px 0 14px;padding:10px 14px 12px;display:flex}.today-head{align-items:center;gap:8px;display:flex}.today-head svg{color:var(--muted)}.today-songs{color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}.today-set.compact{flex-flow:wrap;align-items:center;gap:4px 10px;padding:8px 12px}.today-set.compact .today-songs{-webkit-line-clamp:1;flex-basis:100%;order:3;font-size:13px}.today-set.compact .btn,.today-set.compact .chip{margin-left:auto}.vibe-sets .section-title-row h2{align-items:center;gap:6px;display:flex}.vibe-sets>.muted{margin:4px 0 8px}.cover.num.auto{background:var(--accent-soft);color:var(--accent)}.auto-note{color:var(--text-2);align-items:baseline;gap:6px;margin:2px 0 6px;font-size:13px;display:flex}.auto-note svg{color:var(--accent);flex:none;position:relative;top:2px}.small-empty{padding:24px 12px}.vibe{margin:10px 0 2px}.vibe-about{color:var(--muted);margin:0 0 6px;font-size:13px}.vibe-chips{flex-wrap:wrap;gap:6px;display:flex}.vibe-chip{background:var(--surface-2);color:var(--text-2);border-radius:999px;padding:2px 9px;font-size:12px;text-decoration:none}.vibe-chip.mood{background:var(--accent-soft);color:var(--accent)}.ug-results{flex-direction:column;gap:8px;display:flex}.ug-song-head .row-meta span:last-child{display:inline-flex}.ug-song{border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.ug-song-head{text-align:left;align-items:center;gap:10px;width:100%;padding:10px 14px;display:flex}.ug-song-head .row-meta{margin-top:2px}.ug-song-head .owned{color:var(--accent);align-items:center;gap:3px;display:inline-flex}.ug-song .chev{flex:none;transition:transform .15s}.ug-song .chev.up{transform:rotate(180deg)}.ug-versions{border-top:1px solid var(--line);padding:6px 8px 10px}.ug-versions>p{align-items:center;gap:6px;padding:4px 6px;display:flex}.ug-versions ol{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.ug-version{color:inherit;border-radius:10px;flex-direction:column;gap:4px;padding:8px;text-decoration:none;display:flex}.ug-version:hover,.ug-version:active{background:var(--surface-2)}.ug-version.best{background:var(--accent-soft)}.ug-v-main{flex-wrap:wrap;align-items:baseline;gap:2px 10px;display:flex}.ug-v-main b{font-size:15px}.ug-v-meta{color:var(--muted);flex-wrap:wrap;gap:0 10px;font-size:13px;display:inline-flex}.ug-v-meta span{align-items:center;gap:3px;display:inline-flex}.best-tag{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:700}.ug-v-fit{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.ug-v-note{color:var(--text-2);margin:0;font-size:13px}.ug-versions .btn{margin:6px 0 0 6px}.jp-controls{flex-direction:column;gap:10px;margin:16px 0 6px;display:flex}.jp-ctl{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.jp-ctl .field-title{min-width:56px}.jp-sum{flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:14px 0 8px;display:flex}.jp-arc{align-items:flex-end;gap:3px;height:36px;margin:4px 0 12px;display:flex}.jp-arc i{background:var(--text-2);opacity:.55;border-radius:3px 3px 1px 1px;flex:1;max-width:28px}.jp-arc i.off{opacity:.15}.jp-song{border-bottom:1px solid var(--line);padding:12px 0 10px}.jp-song.off .jp-head{opacity:.5}.jp-head{align-items:center;gap:8px;display:flex}.jp-role{color:var(--text-2);font-weight:650}.jp-role.r-peak{color:var(--accent)}.jp-why{margin:6px 0 0 40px}.jp-why .why-chip{cursor:pointer}.jp-parts{flex-direction:column;margin:6px 0 0 34px;display:flex}.jp-part{text-align:left;border-radius:8px;align-items:flex-start;gap:10px;width:100%;padding:6px 4px;display:flex}.jp-part:hover{background:var(--surface-2)}.jp-part .check{width:20px;height:20px;margin-top:1px}.jp-part:not(.on) .jp-part-words{opacity:.55;text-decoration:line-through}.jp-part-text{flex-direction:column;flex:1;min-width:0;display:flex}.jp-part-top{flex-wrap:wrap;align-items:baseline;gap:6px;font-size:13px;display:flex}.jp-part-top b{font-weight:650}.jp-part-why{color:var(--muted);font-size:12.5px}.jp-part.on .jp-part-why{color:var(--text-2)}.jp-part-words{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.jp-bar{bottom:calc(var(--tabbar-h) + var(--safe-b) + 8px);z-index:5;margin-top:16px;position:sticky}@media (width>=900px){.jp-bar{bottom:16px}}.chip.sm{height:26px;padding:0 10px;font-size:12.5px}.jp-more{color:var(--muted);align-self:flex-start;margin:0;padding:4px 4px 2px 34px;font-size:13px}.jp-filter{margin:4px 0 2px}.jp-part-wrap{border-radius:8px}.jp-part-wrap.open{background:var(--surface-2);margin:2px 0}.jp-part-row{align-items:flex-start;gap:2px;display:flex}.jp-part-row .jp-part{flex:1;min-width:0}.jp-open{color:var(--muted);flex:none;margin-top:2px}.jp-cut{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:0 4px;font-size:11px;font-weight:650}.jp-full{padding:0 8px 10px 34px;overflow-x:auto}.jp-full .sheet{font-size:14px}.jp-part-wrap:not(.on) .jp-full{opacity:.6}.jp-bar{gap:8px;display:flex}.jp-undo{background:var(--surface);border:1px solid var(--line-2);color:var(--text);flex:none;padding-inline:16px}.jp-undo:disabled{opacity:1;color:var(--line-2)}.capo-badge{background:var(--accent-soft);height:22px;color:var(--accent);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:4px;padding:0 9px;font-size:12.5px;font-weight:650;display:inline-flex}.capo-badge b{font-size:14px;font-weight:800}.capo-badge.none{background:var(--surface-2);color:var(--muted)}.capo-badge.big{width:54px;height:50px;box-shadow:inset 0 0 0 1.5px var(--accent);border-radius:12px;flex-direction:column;justify-content:center;gap:0;padding:0}.capo-badge.big i{letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-style:normal;font-weight:700}.capo-badge.big b{letter-spacing:-.02em;font-size:21px;line-height:1.1}.capo-badge.big.none{box-shadow:none}.capo-badge.big.none b{font-size:15px;font-weight:700}.capo-move{color:var(--bg);background:var(--accent);white-space:nowrap;border:0;border-radius:999px;align-items:center;margin-top:0;padding:2px 10px;font-size:12.5px;font-weight:750;display:inline-flex}.jam-head .capo-badge,.jam-head .capo-move{align-self:center}.set-actions{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;margin:16px 0 10px;display:grid}.set-actions .btn{border-radius:var(--r);flex-direction:column;gap:3px;height:auto;min-height:58px;padding:8px 6px;font-size:13.5px}.mash-row .row-text{padding:4px 0}.mash-info{flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:2px;display:flex}.mash-info .stepper{transform-origin:100%;transform:scale(.85)}.jp-bar{background:var(--hud);-webkit-backdrop-filter:blur(16px);border-radius:999px;margin-inline:-8px;padding:8px}