:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--instrument-bg:#101813;--bg:#f4f3ef;--surface:#fff;--surface-2:#edece7;--sunken:#f8f7f3;--line:#14161817;--line-strong:#14161829;--scrim:#0c0d0f6b;--text:#1b1c1e;--text-dim:#595c5a;--text-faint:#636661;--accent:#1b1c1e;--accent-ink:#fff;--accent-soft:#1b1c1e12;--rec:#e04a2f;--rec-soft:#e04a2f1f;--warn:#8a5410;--warn-soft:#d48f2a24;--danger:#b4362c;--danger-soft:#b4362c1a;--ok:#2c7a4b;--bar-bg:#f4f3efdb;--dock-line:#ffffff14;--r-sm:10px;--r:14px;--r-lg:20px;--r-xl:28px;--pill:999px;--pad:16px;--gap:12px;--tap:44px;--tabbar-h:56px;--topbar-h:52px;--content-w:720px;--t-xs:.75rem;--t-sm:.8125rem;--t-body:.9375rem;--t-md:1.0625rem;--t-lg:1.25rem;--t-xl:1.5rem;--t-title:1.75rem;--t-stage:clamp(3.25rem, 15vw, 5rem);--t-key:clamp(1.375rem, 5.6vw, 1.875rem);--tap-in:70ms;--decay:.26s;--ease:cubic-bezier(.2, .7, .3, 1);--spring:cubic-bezier(.32, 1.25, .5, 1);--lift-key:0 3px 0 #0000008c, 0 8px 18px #0006;--lift-key-down:0 1px 0 #00000080;--lift-sheet:0 -8px 40px #0000002e;--chord-h:250;--chord-l:.49;--chord-c:.078;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable", "Segoe UI", Roboto, "Helvetica Neue", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f1012;--surface:#1a1b1e;--surface-2:#25272b;--sunken:#151618;--line:#ffffff14;--line-strong:#ffffff29;--scrim:#0009;--text:#f1f1ee;--text-dim:#b3b5b1;--text-faint:#9d9f9b;--accent:#f1f1ee;--accent-ink:#111214;--accent-soft:#f1f1ee17;--rec:#ff6a4d;--rec-soft:#ff6a4d29;--warn:#e0a24a;--warn-soft:#e0a24a24;--danger:#ff7a70;--danger-soft:#ff7a701f;--ok:#6cc08b;--bar-bg:#0f1012d6;--dock-line:#ffffff1a;--lift-sheet:0 -8px 40px #0009}}[data-root="0"]{--chord-h:250}[data-root="1"]{--chord-h:280}[data-root="2"]{--chord-h:310}[data-root="3"]{--chord-h:340}[data-root="4"]{--chord-h:10}[data-root="5"]{--chord-h:40}[data-root="6"]{--chord-h:70}[data-root="7"]{--chord-h:100}[data-root="8"]{--chord-h:130}[data-root="9"]{--chord-h:160}[data-root="10"]{--chord-h:190}[data-root="11"]{--chord-h:220}[data-quality=maj]{--chord-l:.49;--chord-c:.078}[data-quality=maj7]{--chord-l:.5;--chord-c:.0702}[data-quality=dom7]{--chord-l:.48;--chord-c:.07566}[data-quality=aug]{--chord-l:.505;--chord-c:.078}[data-quality=sus2]{--chord-l:.5;--chord-c:.05616}[data-quality=sus4]{--chord-l:.49;--chord-c:.06084}[data-quality=min]{--chord-l:.43;--chord-c:.04836}[data-quality=min7]{--chord-l:.44;--chord-c:.0468}[data-quality=min7b5]{--chord-l:.42;--chord-c:.03744}[data-quality=dim]{--chord-l:.415;--chord-c:.0351}[data-root]{--chord-surface:oklch(var(--chord-l) var(--chord-c) var(--chord-h));--chord-surface-hi:oklch(calc(var(--chord-l) + .03) calc(var(--chord-c) * .96) var(--chord-h));--chord-edge:oklch(calc(var(--chord-l) + .15) calc(var(--chord-c) * 1.3) var(--chord-h));--chord-ink:oklch(.975 .01 var(--chord-h));--chord-glow:oklch(.82 calc(max(var(--chord-c), .05) * 1.1) var(--chord-h));--chord-tint:oklch(var(--chord-l) var(--chord-c) var(--chord-h) / .34);--chord-halo:oklch(.82 calc(max(var(--chord-c), .05) * 1.1) var(--chord-h) / .34)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none;height:100%}body{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;margin:0;font-size:16px;line-height:1.45}input,textarea,select,[contenteditable],.selectable{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}img,svg{-webkit-user-drag:none;max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;background:0 0;border:0;margin:0;padding:0}button:disabled{cursor:default}h1,h2,h3,p{word-break:keep-all;overflow-wrap:anywhere;margin:0}ul,ol{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[hidden]{display:none!important}.icon{flex:none;width:22px;height:22px}.icon--sm{width:18px;height:18px}#root{min-height:100dvh}.app{flex-direction:column;min-height:100dvh;display:flex}.app__main{flex-direction:column;flex:1;min-width:0;display:flex}.tabbar-host{display:contents}.miniplayer{left:0;right:0;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom));z-index:39;background:var(--bar-bg);border-top:1px solid var(--line);-webkit-backdrop-filter:saturate(160%)blur(18px);backdrop-filter:saturate(160%)blur(18px);align-items:center;gap:4px;min-height:56px;padding:6px 8px 6px 12px;display:flex;position:fixed}.miniplayer__main{text-align:left;min-width:0;color:inherit;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:4px 0;display:flex}.miniplayer__swatch{border-radius:8px;flex:none;width:36px;height:36px}.miniplayer__text{flex-direction:column;gap:1px;min-width:0;display:flex}.miniplayer__title{white-space:nowrap;text-overflow:ellipsis;font-weight:650;overflow:hidden}.miniplayer__sub{font-size:var(--t-sm);color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app--nowplaying .screen{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 80px)}.queue-list{flex-direction:column;gap:4px;display:flex}.queue-row{align-items:center;gap:6px;min-height:44px;display:flex}.queue-row.is-current{font-weight:650}.queue-row__handle{color:var(--text-faint);cursor:grab;touch-action:none;background:0 0;border:0;padding:8px 4px}.queue-row__body{text-align:left;min-width:0;color:inherit;background:0 0;border:0;flex:1;padding:8px 0}.stage--listening .stage__place{font-variant-numeric:tabular-nums}.screen{width:100%;max-width:var(--content-w);padding:0 var(--pad) calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 24px);flex-direction:column;gap:20px;margin:0 auto;display:flex}.screen--root{padding-top:calc(env(safe-area-inset-top) + 12px)}.app--immersive .screen{padding-bottom:24px}.topbar{z-index:30;min-height:calc(var(--topbar-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 8px 0;background:var(--bar-bg);-webkit-backdrop-filter:saturate(160%)blur(18px);backdrop-filter:saturate(160%)blur(18px);border-bottom:1px solid #0000;align-items:center;gap:6px;display:flex;position:sticky;top:0}.topbar.is-scrolled{border-bottom-color:var(--line)}.topbar__lead,.topbar__actions{min-width:var(--tap);align-items:center;gap:2px;display:flex}.topbar__actions{justify-content:flex-end}.topbar__title{text-align:center;flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.topbar__title b{font-size:var(--t-md);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-weight:650;overflow:hidden}.topbar__title small{color:var(--text-faint);font-size:var(--t-xs);white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.topbar__back{min-height:var(--tap);border-radius:var(--r-sm);color:var(--text);font-size:var(--t-md);align-items:center;gap:2px;padding:0 8px 0 4px;display:inline-flex}.large-title{justify-content:space-between;align-items:flex-end;gap:12px;padding:8px 0 0;display:flex}.large-title h1{font-size:var(--t-title);letter-spacing:-.02em;font-weight:700;line-height:1.15}.large-title__actions{gap:4px;display:flex}.tabbar{z-index:40;padding:6px 8px env(safe-area-inset-bottom);background:var(--bar-bg);-webkit-backdrop-filter:saturate(160%)blur(18px);backdrop-filter:saturate(160%)blur(18px);border-top:1px solid var(--line);justify-content:center;display:flex;position:fixed;inset:auto 0 0}.tabbar__tab{max-width:160px;min-height:calc(var(--tabbar-h) - 6px);border-radius:var(--r-sm);color:var(--text-faint);letter-spacing:.01em;transition:color var(--tap-in) var(--ease);flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:3px;padding:4px 0;font-size:.6875rem;font-weight:600;display:flex}.tabbar__tab .icon{width:26px;height:26px}.tabbar__tab.is-current,.tabbar__tab:active{color:var(--text)}.rail__brand{display:none}.toast{left:50%;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 12px);z-index:50;border-radius:var(--r);background:var(--accent);width:min(100% - 32px,560px);color:var(--accent-ink);font-size:var(--t-sm);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 14px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #00000040}.toast__text{flex:14em;line-height:1.4}.toast__actions{gap:6px;display:flex}.toast .btn{min-height:34px;font-size:var(--t-sm);color:inherit;background:#ffffff29;padding:0 12px}.toast .btn--primary{background:var(--accent-ink);color:var(--accent)}.btn{min-height:var(--tap);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text);font-size:var(--t-body);letter-spacing:-.005em;white-space:nowrap;transition:transform var(--tap-in) var(--ease), background-color var(--tap-in) var(--ease), opacity var(--tap-in) var(--ease);justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;transform:none}.btn--primary{background:var(--accent);color:var(--accent-ink)}.btn--ghost{color:var(--text-dim);background:0 0}.btn--danger{background:var(--danger-soft);color:var(--danger)}.btn--rec{background:var(--rec);color:#fff}.btn--sm{min-height:36px;font-size:var(--t-sm);border-radius:9px;padding:0 12px}.btn--lg{min-height:52px;font-size:var(--t-md);border-radius:var(--r);padding:0 22px}.btn--block{width:100%}.btn--pill{border-radius:var(--pill)}.btn--file{position:relative;overflow:hidden}.btn--file input{opacity:0;cursor:pointer;position:absolute;inset:0}.iconbtn{width:var(--tap);height:var(--tap);border-radius:var(--r-sm);color:var(--text);transition:background-color var(--tap-in) var(--ease);justify-content:center;align-items:center;display:inline-flex}.iconbtn:active{background:var(--accent-soft)}.iconbtn.is-on{color:var(--rec)}.link{min-height:36px;color:var(--text-dim);font-size:var(--t-sm);align-items:center;gap:4px;font-weight:600;display:inline-flex}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.segmented{border-radius:var(--r-sm);background:var(--surface-2);padding:3px;display:flex}.segmented__btn{min-width:0;min-height:34px;color:var(--text-dim);font-size:var(--t-sm);white-space:nowrap;text-overflow:ellipsis;transition:background-color .14s var(--ease), color .14s var(--ease);border-radius:8px;flex:1 1 0;padding:0 10px;font-weight:600;overflow:hidden}.segmented__btn[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0000001f}.segmented--dark{background:#ffffff14}.segmented--dark .segmented__btn{color:#fff9}.segmented--dark .segmented__btn[aria-pressed=true]{color:#fff;box-shadow:none;background:#ffffff29}.chips{scrollbar-width:none;margin:0 calc(var(--pad) * -1);padding:2px 0;padding-inline:var(--pad);gap:8px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chips__chip{border-radius:var(--pill);background:var(--surface-2);min-height:34px;color:var(--text-dim);font-size:var(--t-sm);white-space:nowrap;flex:none;padding:0 14px;font-weight:600}.chips__chip[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.chip{border-radius:var(--pill);background:var(--surface-2);color:var(--text-dim);font-size:var(--t-xs);white-space:nowrap;align-items:center;gap:4px;padding:2px 8px;font-weight:600;display:inline-flex}.chip--warn{background:var(--warn-soft);color:var(--warn)}.chip--ok{color:var(--ok)}.chip--now{background:var(--accent);color:var(--accent-ink)}.note{color:var(--text-faint);font-size:var(--t-sm);line-height:1.55}.note b{color:var(--text-dim);font-weight:600}.note--lead{color:var(--text-dim);font-size:var(--t-body)}.banner{border-radius:var(--r-sm);background:var(--surface-2);font-size:var(--t-sm);padding:12px 14px;line-height:1.5}.banner b{margin-bottom:4px;font-weight:650;display:block}.banner p{margin-top:6px}.banner ul{margin-top:6px;padding-left:16px;list-style:outside}.banner--warn{background:var(--warn-soft);color:var(--warn)}.banner--error{background:var(--danger-soft);color:var(--danger)}.banner--quiet{color:var(--text-faint);background:0 0;padding:0}.field{flex-direction:column;gap:6px;display:flex}.field__label{color:var(--text-dim);font-size:var(--t-sm);font-weight:600}.input,.select{width:100%;min-height:var(--tap);border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface);padding:0 12px;font-size:16px}.input:focus,.select:focus{border-color:var(--text-dim);outline:none}.textarea{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface);width:100%;min-height:96px;color:var(--text-dim);font-family:var(--font-mono);resize:vertical;padding:10px 12px;font-size:.75rem;line-height:1.4}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:18px;padding-right:34px}.check{color:var(--text-dim);font-size:var(--t-sm);cursor:pointer;align-items:flex-start;gap:10px;line-height:1.5;display:flex}.check input{appearance:none;border:1.5px solid var(--line-strong);background:var(--surface);cursor:pointer;border-radius:7px;flex:none;width:22px;height:22px;margin:0}.check input:checked{border-color:var(--accent);background:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.6 8.6l2.9 2.9L12.4 5' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:16px}@media (prefers-color-scheme:dark){.check input:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.6 8.6l2.9 2.9L12.4 5' fill='none' stroke='%23111' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}}.switch{min-height:var(--tap);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;display:flex}.switch input{appearance:none;border-radius:var(--pill);background:var(--line-strong);width:48px;height:30px;transition:background-color .16s var(--ease);cursor:pointer;flex:none;margin:0;position:relative}.switch input:after{content:"";width:24px;height:24px;transition:transform .16s var(--spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch input:checked{background:var(--ok)}.switch input:checked:after{transform:translate(18px)}.slider{width:100%;height:var(--tap);accent-color:var(--accent);background:0 0;flex:1;margin:0}.stepper{border-radius:var(--r-sm);background:var(--surface-2);align-items:center;display:inline-flex}.stepper__btn{border-radius:var(--r-sm);width:40px;height:40px;font-size:var(--t-lg);justify-content:center;align-items:center;font-weight:600;display:inline-flex}.stepper__btn:disabled{opacity:.3}.stepper__value{text-align:center;font-variant-numeric:tabular-nums;min-width:4.5em;font-weight:650}.group{border-radius:var(--r);background:var(--surface);flex-direction:column;display:flex;overflow:hidden}.group__title{color:var(--text-faint);font-size:var(--t-xs);letter-spacing:.04em;text-transform:uppercase;padding:0 4px 6px;font-weight:650}.group__foot{padding:8px 4px 0}.row{text-align:left;width:100%;min-height:56px;color:var(--text);content-visibility:auto;contain-intrinsic-size:auto 72px;align-items:center;gap:12px;padding:10px 14px;display:flex}.group__title{font-size:var(--t-sm);color:var(--text-faint);letter-spacing:.02em;padding:12px 14px 4px;font-weight:600}.row+.row,.row+.row-static,.row-static+.row,.row-static+.row-static{border-top:1px solid var(--line)}.row-static{flex-direction:column;gap:10px;padding:14px;display:flex}button.row:active{background:var(--accent-soft)}.row__swatch{border-radius:4px;flex-direction:column;flex:none;width:8px;height:40px;display:flex;overflow:hidden}.row__swatch span{background:var(--chord-surface,var(--line-strong));flex:1}.row__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.row__title{font-size:var(--t-body);letter-spacing:-.005em;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.row__sub{color:var(--text-dim);font-size:var(--t-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row__sub b{color:var(--text);font-weight:600}.row__meta{color:var(--text-faint);font-size:var(--t-xs);font-variant-numeric:tabular-nums;text-align:right;flex-direction:column;flex:none;align-items:flex-end;gap:2px;display:flex}.row__trail{flex:none;align-items:center;gap:2px;margin-right:-8px;display:flex}.row__chevron{color:var(--text-faint)}.row__value{color:var(--text-dim);font-size:var(--t-body)}.row--danger{color:var(--danger)}.section{flex-direction:column;gap:10px;display:flex}.section__head{justify-content:space-between;align-items:baseline;gap:12px;padding:0 2px;display:flex}.section__head h2{font-size:var(--t-lg);letter-spacing:-.015em;font-weight:700}.section__head .link{min-height:28px}.strip{border-radius:3px;gap:2px;width:100%;height:6px;display:flex;overflow:hidden}.strip__cell{background:var(--chord-surface,var(--line-strong));flex:1 1 0;min-width:3px}.strip__more{color:var(--text-faint);font-size:var(--t-xs);flex:none;padding-left:4px}.empty{border-radius:var(--r);background:var(--surface);color:var(--text-dim);font-size:var(--t-body);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:28px 16px;display:flex}.search{border-radius:var(--r-sm);background:var(--surface-2);min-height:40px;color:var(--text-faint);align-items:center;gap:8px;padding:0 12px;display:flex}.search input{min-width:0;height:40px;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:16px}.search input::placeholder{color:var(--text-faint)}.search input::-webkit-search-cancel-button{-webkit-appearance:none}.sheet{z-index:60;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.sheet__backdrop{background:var(--scrim);animation:fade-in .16s var(--ease);position:absolute;inset:0}.sheet__panel{border-radius:var(--r-xl) var(--r-xl) 0 0;background:var(--surface);width:100%;max-width:640px;max-height:min(88dvh,720px);box-shadow:var(--lift-sheet);animation:sheet-up .22s var(--spring);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;margin:0 auto;display:flex;position:relative}.sheet__grip{background:var(--line-strong);border-radius:3px;width:36px;height:5px;margin:8px auto 0}.sheet__head{justify-content:space-between;align-items:center;gap:12px;padding:10px 16px 6px 20px;display:flex}.sheet__head h2{font-size:var(--t-lg);letter-spacing:-.015em;font-weight:700}.sheet__body{overscroll-behavior:contain;flex-direction:column;flex:1;gap:16px;min-height:0;padding:4px 20px 20px;display:flex;overflow-y:auto}.sheet__actions{flex-direction:column;gap:8px;display:flex}@keyframes sheet-up{0%{opacity:0;transform:translateY(24px)}}@keyframes fade-in{0%{opacity:0}}.continue{border-radius:var(--r-lg);background:var(--surface);width:100%;color:var(--text);text-align:left;flex-direction:column;gap:10px;padding:14px;display:flex}.continue:active{background:var(--surface-2)}.continue__top{align-items:center;gap:12px;display:flex}.continue__body{flex:1;min-width:0}.continue__kicker{color:var(--text-faint);font-size:var(--t-xs);font-weight:650;display:block}.continue__title{font-size:var(--t-md);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-weight:700;display:block;overflow:hidden}.continue__sub{color:var(--text-dim);font-size:var(--t-sm);display:block}.continue__go{border-radius:var(--pill);background:var(--accent);min-height:36px;color:var(--accent-ink);font-size:var(--t-sm);flex:none;align-items:center;gap:6px;padding:0 12px 0 14px;font-weight:650;display:inline-flex}.tiles{scrollbar-width:none;margin:0 calc(var(--pad) * -1);padding:2px var(--pad) 4px;scroll-snap-type:x proximity;gap:10px;display:flex;overflow-x:auto}.tiles::-webkit-scrollbar{display:none}.tile{border-radius:var(--r);background:var(--surface);width:156px;color:var(--text);text-align:left;scroll-snap-align:start;flex-direction:column;flex:none;gap:8px;padding:12px;display:flex}.tile:active{background:var(--surface-2)}.tile__title{font-size:var(--t-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:650;line-height:1.3;display:-webkit-box;overflow:hidden}.tile__sub{color:var(--text-faint);font-size:var(--t-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.catalog-tools{flex-direction:column;gap:10px;display:flex}.catalog-tools__row{align-items:center;gap:8px;display:flex}.catalog-tools__row .segmented{flex:1}.keybtn{border-radius:var(--r-sm);background:var(--surface-2);min-height:40px;color:var(--text);font-size:var(--t-sm);white-space:nowrap;flex:none;align-items:center;gap:6px;padding:0 12px;font-weight:650;display:inline-flex}.catalog-note{padding:4px 2px 0}.showmore{align-self:center}.invite{border-radius:var(--r);background:var(--surface);width:100%;color:var(--text);text-align:left;align-items:center;gap:14px;padding:14px;display:flex}.invite:active{background:var(--surface-2)}.invite__icon{background:var(--rec-soft);width:40px;height:40px;color:var(--rec);border-radius:50%;flex:none;place-items:center;display:grid}.invite__body{flex:1;min-width:0}.invite__title{font-size:var(--t-body);font-weight:650;display:block}.invite__sub{color:var(--text-dim);font-size:var(--t-sm);display:block}.app--immersive .tabbar{display:none}.app--immersive:has(.instrument){height:100dvh;overflow:hidden}.app--immersive:has(.instrument) .app__main{min-height:0;overflow:hidden}.instrument{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.instrument__body{width:100%;max-width:var(--content-w);padding:12px var(--pad) 24px;flex-direction:column;flex:1;gap:16px;margin:0 auto;display:flex}.instrument__head{width:100%;max-width:var(--content-w);padding:12px var(--pad) 8px;flex-direction:column;flex:none;gap:12px;margin:0 auto;display:flex}.instrument__hint{margin:0}.instrument__chart{width:100%;min-height:0;max-width:var(--content-w);padding:0 var(--pad);flex-direction:column;flex:auto;margin:0 auto;display:flex;position:relative}.instrument__dock{z-index:20;background:var(--instrument-bg);border-top:1px solid var(--dock-line);flex:none;position:relative;box-shadow:0 -10px 30px #0000002e}.dock__inner{width:100%;max-width:var(--content-w);padding:10px var(--pad) calc(env(safe-area-inset-bottom) + 10px);flex-direction:column;gap:8px;margin:0 auto;display:flex}.dock__hint{color:#ffffff80;min-height:20px;font-size:var(--t-xs);justify-content:space-between;align-items:center;gap:10px;display:flex}.dock__hint b{color:#ffffffd9;font-weight:600}.sound-check{padding:8px var(--pad);background:var(--surface);border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.sound-check__copy{flex:140px;min-width:0}.sound-check__ask{font-size:var(--t-sm);font-weight:650}.sound-check__send{color:var(--text-dim);font-size:var(--t-xs)}.sound-check__actions{gap:8px;display:flex}.output-meter{flex:none;align-items:flex-end;gap:2px;height:16px;display:flex}.output-meter__bar{background:var(--line-strong);border-radius:1px;width:3px;height:40%}.output-meter__bar.is-lit{background:var(--ok);height:100%}.sound-help{counter-reset:help;flex-direction:column;gap:16px;margin:0 0 16px;padding:0;list-style:none;display:flex}.sound-help__step{counter-increment:help;align-items:flex-start;gap:12px;display:flex}.sound-help__step:before{content:counter(help);background:var(--accent-soft);width:24px;height:24px;font-size:var(--t-xs);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.sound-help__test{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.silent-switch{color:var(--text);flex:none}.stage{border-radius:var(--r-lg);background:var(--surface);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"now next""fingering fingering""place place";gap:4px 16px;padding:16px 18px 14px;display:grid;position:relative}.stage__density{width:32px;height:32px;color:var(--text-faint);z-index:1;place-items:center;display:grid;position:absolute;top:6px;right:6px}.stage--compact{gap:2px 12px;padding:10px 14px 8px}.stage--compact .stage__label{display:none}.stage--compact .stage__fingering{min-height:56px}.stage--compact .fingering__caption{display:none}.stage--compact .fingering__board,.stage--compact .fingering__keys{width:auto;height:56px}.stage__now{flex-direction:column;grid-area:now;min-width:0;display:flex}.stage__next{flex-direction:column;grid-area:next;justify-content:flex-end;align-items:flex-end;padding-bottom:6px;display:flex}.stage__label{color:var(--text-faint);font-size:var(--t-xs);letter-spacing:.02em;font-weight:650}.stage__chord{font-size:var(--t-stage);letter-spacing:-.04em;color:var(--chord-surface,var(--text));font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.stage__chord--long{font-size:calc(var(--t-stage) * .62)}.stage__chord--next{font-size:var(--t-key);color:var(--chord-surface,var(--text-dim))}.stage__degree{min-height:1.2em;color:var(--text-faint);font-size:var(--t-xs);font-variant-numeric:tabular-nums}.stage__place{border-top:1px solid var(--line);color:var(--text-dim);font-size:var(--t-sm);font-variant-numeric:tabular-nums;flex-wrap:wrap;grid-area:place;align-items:center;gap:6px 10px;margin-top:6px;padding-top:10px;display:flex}.stage__place b{color:var(--text);font-weight:650}.stage__spacer{flex:1}.stage__done{color:var(--ok);font-weight:650}.stage__melody{color:var(--text-faint);font-size:var(--t-sm);letter-spacing:0;font-weight:650}.stage__fingering{grid-area:fingering;justify-content:center;min-height:0;display:flex}.fingering{flex-direction:column;align-items:center;gap:2px;display:flex}.fingering__caption{color:var(--text-faint);font-size:var(--t-xs);letter-spacing:.02em;font-weight:650}.fingering__board,.fingering__keys{display:block;overflow:visible}.fingering__nut{fill:var(--text)}.fingering__fret,.fingering__string{stroke:var(--line-strong);stroke-width:1px}.fingering__fretno{fill:var(--text-dim);font-size:8px;font-weight:650}.fingering__xo{fill:var(--text-dim);font-size:9px;font-weight:700}.fingering__open{fill:none;stroke:var(--text);stroke-width:1.4px}.fingering__barre,.fingering__dot{fill:var(--text)}.fingering__finger{fill:var(--surface);font-size:8px;font-weight:700}.fingering__white{fill:var(--surface);stroke:var(--line-strong);stroke-width:.6px}.fingering__white.is-on{fill:var(--chord-surface,var(--text))}.fingering__black{fill:var(--text)}.fingering__black.is-on{fill:var(--chord-surface,var(--ok));stroke:var(--text);stroke-width:.5px}.pulse{gap:5px;display:inline-flex}.pulse__beat{background:var(--line-strong);width:8px;height:8px;transition:transform 60ms var(--ease);border-radius:50%}.pulse__beat.is-on{background:var(--text);transform:scale(1.35)}.pulse__beat.is-on.is-down{background:var(--rec)}.transport{flex-direction:column;gap:8px;display:flex}.transport__row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.transport .btn{gap:8px;padding:0 14px}.transport__auto{flex:auto;justify-content:center;min-width:150px}.transport__tempo{margin-left:auto}.transport__toggle{flex:none}.transport__toggle.is-on{background:var(--rec-soft);color:var(--rec);box-shadow:inset 0 0 0 1.5px var(--rec)}.transport__instrument{flex:auto;justify-content:space-between;min-width:0}.transport__instrument-name{text-overflow:ellipsis;text-align:left;flex:1;min-width:0;overflow:hidden}@media (min-width:600px){.transport{flex-flow:wrap}.transport__row{flex:auto}.transport__tempo{margin-left:0}}.countin{font-size:var(--t-key);color:var(--rec);font-variant-numeric:tabular-nums;text-align:center;min-width:1.2em;font-weight:700}.chart{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;gap:10px;min-height:0;padding-bottom:16px;scroll-padding-block:12px;display:flex;overflow-y:auto}.chart__pill{z-index:6;border-radius:var(--pill);background:var(--text);color:var(--bg);font-size:var(--t-sm);white-space:nowrap;align-items:center;gap:6px;padding:8px 14px;font-weight:650;display:inline-flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000047}.chart__row{flex-direction:column;gap:4px;display:flex}.chart__section{color:var(--text-faint);font-size:var(--t-xs);letter-spacing:.04em;text-transform:uppercase;padding:8px 2px 0;font-weight:650}.chart__bars{grid-template-columns:repeat(var(--chart-cols,4), minmax(0, 1fr));gap:4px;display:grid}.bar{background:var(--surface);border-radius:9px;gap:2px;min-height:60px;padding:0;display:flex;overflow:hidden}.bar--tail{visibility:hidden}.slot{flex:var(--slot-beats,1) 1 0;min-width:0;color:var(--text);font-weight:650;font-size:var(--t-body);letter-spacing:-.01em;text-align:center;cursor:pointer;transition:background-color .12s var(--ease), color .12s var(--ease), box-shadow .12s var(--ease);border-left:2px solid #0000;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:6px 2px;line-height:1.1;display:flex}.slot--cont{color:var(--text-faint);font-weight:400;font-size:var(--t-xs);border-left-color:#0000}.slot__beats{gap:3px;margin-top:3px;display:inline-flex}.slot__dot{background:var(--line-strong);width:5px;height:5px;transition:transform 80ms var(--ease), background-color 80ms var(--ease), opacity 80ms var(--ease);border-radius:50%}.slot.is-now .slot__dot{background:var(--chord-ink);opacity:.3}.slot.is-now .slot__dot.is-hit{opacity:.85}.slot.is-now .slot__dot.is-on{opacity:1;transform:scale(1.5)}.slot.is-played .slot__dot{background:var(--text-faint)}.slot__name{font-variant-numeric:tabular-nums}.slot__name--long{font-size:var(--t-xs)}.slot__len{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:.6875rem;font-weight:500}.slot__degree{color:var(--text-faint);font-size:.6875rem;font-weight:500}.slot[data-root]{border-left-color:var(--chord-surface)}.slot.is-played{opacity:.55}.slot.is-now{background:var(--chord-surface);color:var(--chord-ink);opacity:1;box-shadow:0 0 0 2px var(--chord-halo)}.slot.is-now .slot__len,.slot.is-now .slot__degree{color:var(--chord-ink);opacity:.8}.slot.is-next,.slot.is-here{background:var(--chord-tint);opacity:1}.slot.is-uncertain{border-left-style:dashed}.chord-pad{color:#f2f2ee;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:8px;display:grid}.chord-pad[data-keys="1"]{grid-template-columns:minmax(0,1fr)}.chord-pad[data-keys="2"],.chord-pad[data-keys="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.chord-pad[data-keys="3"],.chord-pad[data-keys="5"],.chord-pad[data-keys="6"],.chord-pad[data-keys="9"]{grid-template-columns:repeat(3,minmax(0,1fr))}.chord-pad[data-keys="7"],.chord-pad[data-keys="8"],.chord-pad[data-keys="10"],.chord-pad[data-keys="11"],.chord-pad[data-keys="12"]{grid-template-columns:repeat(4,minmax(0,1fr))}.chord-btn{isolation:isolate;border:1px solid var(--chord-edge,var(--line-strong));min-height:74px;color:var(--chord-ink,var(--text));background:linear-gradient(180deg, var(--chord-surface-hi,#1c2130) 0%, var(--chord-surface,#151925) 72%);box-shadow:var(--lift-key);touch-action:none;transition:transform var(--tap-in) var(--ease), box-shadow var(--tap-in) var(--ease);border-radius:12px;padding:0;display:flex;position:relative}.chord-pad[data-keys="1"] .chord-btn,.chord-pad[data-keys="2"] .chord-btn,.chord-pad[data-keys="3"] .chord-btn,.chord-pad[data-keys="4"] .chord-btn{min-height:84px}.chord-pad[data-keys="7"] .chord-btn,.chord-pad[data-keys="8"] .chord-btn,.chord-pad[data-keys="9"] .chord-btn,.chord-pad[data-keys="10"] .chord-btn,.chord-pad[data-keys="11"] .chord-btn,.chord-pad[data-keys="12"] .chord-btn{min-height:62px}.chord-btn.is-active{box-shadow:var(--lift-key-down);transition-duration:0s;transform:translateY(3px)}.chord-btn__face{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:0;padding:14px 4px 8px;display:flex}.chord-btn__name{font-size:var(--t-key);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.05}.chord-btn__name--long{font-size:calc(var(--t-key) * .72)}.chord-btn__degree{min-height:1.1em;font-size:var(--t-xs);opacity:.7}.chord-btn__glow{border-radius:inherit;background:radial-gradient(130% 100% at 50% 100%, var(--chord-glow) 0%, transparent 72%);opacity:0;pointer-events:none;transition:opacity var(--decay) var(--ease);z-index:-1;position:absolute;inset:0}.chord-btn.is-active .chord-btn__glow{opacity:.55;transition-duration:0s}.chord-btn__cue{border-radius:var(--pill);color:#111;letter-spacing:.02em;pointer-events:none;background:#ffffffeb;align-items:center;height:16px;padding:0 6px;font-size:.625rem;font-weight:700;display:inline-flex;position:absolute;top:5px;left:6px}.chord-btn.is-after .chord-btn__cue{color:#ffffffd9;background:#00000059}.chord-btn__key{color:#ffffff73;font-variant-numeric:tabular-nums;pointer-events:none;font-size:.625rem;display:none;position:absolute;top:5px;right:7px}@media (hover:hover) and (pointer:fine){.chord-btn__key{display:block}}.chord-btn:after{content:"";border-radius:inherit;outline-offset:2px;pointer-events:none;transition:outline-color .16s var(--ease);outline:2px solid #0000;position:absolute;inset:0}.chord-btn.is-next:after{outline-color:#ffffffe6}.chord-btn.is-next{box-shadow:var(--lift-key), 0 0 24px var(--chord-halo,transparent)}.chord-btn.is-after:after{outline-color:#ffffff47}.pad-empty{color:#fff9;font-size:var(--t-sm);text-align:center;padding:20px}.info{flex-direction:column;gap:14px;display:flex}.info h3{font-size:var(--t-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);font-weight:650}.info p{font-size:var(--t-body);color:var(--text-dim);line-height:1.55}.info__block{flex-direction:column;gap:6px;display:flex}.singtip{border-radius:var(--r-sm);background:var(--surface-2);padding:12px 14px}.singtip p{color:var(--text)}.refs{flex-direction:column;gap:10px;display:flex}.refs__item{border-left:2px solid var(--line-strong);flex-direction:column;gap:2px;padding-left:10px;display:flex}.refs__title{font-size:var(--t-body);font-weight:600}.refs__artist{color:var(--text-dim);font-size:var(--t-sm)}.refs__caveat{color:var(--text-faint);font-size:var(--t-xs);line-height:1.5}.info__meta{color:var(--text-faint);font-size:var(--t-sm);flex-wrap:wrap;gap:6px 10px;display:flex}.complete{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:8px 0 4px;display:flex}.complete__mark{background:var(--accent);width:64px;height:64px;color:var(--accent-ink);border-radius:50%;place-items:center;margin-bottom:8px;display:grid}.complete__mark .icon{width:30px;height:30px}.complete__title{font-size:var(--t-xl);letter-spacing:-.02em;font-weight:700}.complete__song{font-size:var(--t-body);color:var(--text-dim)}.complete__meta{color:var(--text-faint);font-size:var(--t-sm)}.complete__strip{width:100%;margin-top:10px}.keypick{flex-direction:column;gap:10px;display:flex}.keypick__head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.keypick__now{font-weight:650}.picker{flex-direction:column;gap:10px;display:flex}.picker__head{justify-content:space-between;align-items:baseline;display:flex}.picker__title{color:var(--text-dim);font-size:var(--t-sm);font-weight:600}.picker__preview{font-size:var(--t-key);font-weight:700}.picker__grid{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.picker__grid--wide{grid-template-columns:repeat(5,1fr)}.picker__cell{min-height:var(--tap);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text);font-size:var(--t-sm);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;padding:0 4px;font-weight:600;display:flex}.picker__cell.is-on{background:var(--accent);color:var(--accent-ink)}.keypick__cell{background:var(--chord-tint,var(--surface-2))}.keypick__cell.is-on{background:var(--chord-surface,var(--accent));color:var(--chord-ink,var(--accent-ink));box-shadow:0 0 0 2px var(--chord-halo,transparent)}.keypick__cell.is-tip:not(.is-on){box-shadow:inset 0 0 0 1.5px var(--chord-edge,var(--line-strong))}.keypick__chords{border-radius:var(--r-sm);background:var(--surface-2);font-size:var(--t-body);padding:8px 10px;font-weight:600}.picker__actions{justify-content:flex-end;gap:8px;display:flex}.transpose{flex-direction:column;gap:10px;display:flex}.transpose__row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.prog{flex-direction:column;gap:6px;display:flex}.prog__row{border-radius:var(--r-sm);background:var(--surface-2);padding:6px 8px 6px 10px}.prog__main{align-items:center;gap:10px;display:flex}.prog__index{min-width:1.6em;color:var(--text-faint);font-size:var(--t-xs);font-variant-numeric:tabular-nums;text-align:right}.prog__dot{background:var(--chord-surface,var(--line-strong));border-radius:4px;flex:none;width:8px;height:26px}.prog__chord{background:var(--chord-tint,var(--surface));min-height:36px;color:var(--text);font-size:var(--t-body);border-radius:9px;align-items:baseline;gap:6px;padding:0 10px;font-weight:650;display:inline-flex}.prog__chord--static{cursor:default;background:0 0;padding-left:0}.prog__degree{color:var(--text-dim);font-size:var(--t-xs);font-weight:500}.prog__meta{color:var(--text-faint);font-size:var(--t-xs);font-variant-numeric:tabular-nums;flex-wrap:wrap;flex:1;justify-content:flex-end;align-items:center;gap:6px;display:flex}.prog__edit{min-height:36px;color:var(--text-dim);font-size:var(--t-sm);border-radius:9px;padding:0 10px;font-weight:600}.prog__row.is-now{background:var(--chord-tint,var(--surface));box-shadow:0 0 0 1.5px var(--chord-halo,transparent)}.prog__row.is-uncertain{border-left:3px solid var(--warn)}.prog__tray{flex-wrap:wrap;gap:8px;padding:8px 0 2px;display:flex}.prog__head-insert{display:flex}.prog .picker{border-radius:var(--r-sm);background:var(--surface);margin-top:8px;padding:10px}.listen{border-radius:var(--r-lg);background:var(--surface);flex-direction:column;align-items:center;gap:12px;padding:22px 16px 18px;display:flex}.listen__button{background:var(--rec);color:#fff;width:108px;height:108px;transition:transform var(--tap-in) var(--ease);border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 8px 24px #e04a2f59}.listen__button .icon{width:40px;height:40px}.listen__button:active{transform:scale(.95)}.listen__button:disabled{opacity:.6}.listen[data-state=listening] .listen__button{background:var(--text);color:var(--bg);box-shadow:none}.listen[data-state=listening] .listen__button:before{content:"";border:2px solid var(--rec);border-radius:50%;animation:1.6s ease-out infinite listen-ring;position:absolute;inset:-8px}@keyframes listen-ring{0%{opacity:.9;transform:scale(.92)}to{opacity:0;transform:scale(1.25)}}.listen__stop{background:currentColor;border-radius:8px;width:34px;height:34px}.listen__state{font-size:var(--t-md);letter-spacing:-.01em;font-weight:650}.listen__meta{color:var(--text-dim);font-size:var(--t-sm);font-variant-numeric:tabular-nums;align-items:center;gap:12px;display:flex}.listen__meta b{font-size:var(--t-lg);color:var(--text);font-weight:700}.listen__dot{background:var(--line-strong);border-radius:50%;width:8px;height:8px}.listen[data-state=listening] .listen__dot{background:var(--rec)}.listen__note{width:100%}.level{flex-direction:column;gap:6px;width:100%;display:flex}.level__bars{gap:3px;height:14px;display:flex}.level__bar{background:var(--surface-2);border-radius:2px;flex:1;transition:background-color 80ms linear}.level__bar.is-lit{background:var(--text)}.level__bar--hot.is-lit{background:var(--rec)}.level__hint{min-height:1.3em;color:var(--text-faint);font-size:var(--t-xs);text-align:center}.level[data-state=silent] .level__hint{color:var(--warn)}.diag-toggle{border-radius:var(--r-sm);background:var(--surface-2);width:100%;min-height:40px;color:var(--text-dim);font-size:var(--t-xs);text-align:left;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 10px;display:flex}.diag-toggle__db{font-variant-numeric:tabular-nums;color:var(--text);font-weight:600}.diag-toggle__more{color:var(--text);margin-left:auto;font-weight:600}.diag{border-radius:var(--r-sm);background:var(--surface-2);flex-direction:column;gap:12px;padding:12px;display:flex}.diag__verdict-title{font-size:var(--t-body);font-weight:650;line-height:1.4;display:block}.diag__verdict--warn .diag__verdict-title{color:var(--warn)}.diag__action{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.diag__grid{border-top:1px solid var(--line);flex-direction:column;margin:0;padding-top:8px;display:flex}.diag__row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;padding:4px 0;display:flex}.diag__row dt{color:var(--text-faint);font-size:var(--t-xs)}.diag__row dd{font-size:var(--t-sm);font-variant-numeric:tabular-nums;text-align:right;word-break:break-all;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:6px;margin:0;display:flex}.live{border-radius:var(--r-lg);background:var(--surface);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:14px 16px;display:grid}.live__label{color:var(--text-faint);font-size:var(--t-xs);grid-column:1/-1;font-weight:650}.live__chord{font-size:var(--t-stage);letter-spacing:-.04em;color:var(--chord-surface,var(--text-faint));font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.live__side{color:var(--text-dim);font-size:var(--t-sm);text-align:right;flex-direction:column;align-items:flex-end;gap:4px;display:flex}.conf{align-items:center;gap:6px;display:inline-flex}.conf__steps{gap:3px;display:inline-flex}.conf__step{background:var(--line-strong);border-radius:2px;width:12px;height:6px}.conf__step--on{background:var(--text)}.conf__uncertain{border-radius:var(--pill);background:var(--warn-soft);color:var(--warn);padding:1px 7px;font-size:.6875rem;font-weight:600}.pending{border-top:1px solid var(--line);flex-direction:column;grid-column:1/-1;gap:6px;padding-top:8px;display:flex}.pending__label{color:var(--text-dim);font-size:var(--t-sm)}.pending__track{background:var(--surface-2);border-radius:3px;height:5px;overflow:hidden}.pending__fill{background:var(--chord-surface,var(--text));height:100%;transition:width .12s linear;display:block}.record{border-radius:var(--r-lg);background:var(--surface);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.record__head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.record__head h2{font-size:var(--t-body);font-weight:650}.record__aside{color:var(--text-faint);font-size:var(--t-xs)}.save{border-radius:var(--r-lg);background:var(--surface);box-shadow:0 0 0 2px var(--accent);flex-direction:column;gap:12px;padding:16px;display:flex}.save h2{font-size:var(--t-md);font-weight:700}.setup summary{cursor:pointer;list-style:none}.setup summary::-webkit-details-marker{display:none}.setup .row__chevron{transition:transform .16s var(--ease)}.setup[open] summary .row__chevron{transform:rotate(90deg)}.stats{color:var(--text-faint);font-size:var(--t-xs);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 12px;display:flex}.import{flex-direction:column;gap:10px;display:flex}.about{flex-direction:row;align-items:flex-start;gap:14px;display:flex}.about__mark{border-radius:11px;flex:none;width:44px;height:44px}.about__text{flex-direction:column;gap:4px;min-width:0;display:flex}.about__name{font-weight:650}.inapp{border-radius:var(--r);background:var(--warn-soft);color:var(--text);flex-direction:column;gap:10px;padding:14px;display:flex}.inapp h2{font-size:var(--t-body);color:var(--warn);font-weight:650}.inapp p{font-size:var(--t-sm);line-height:1.5}.inapp__row{gap:8px;display:flex}.mine-bar{flex-wrap:wrap;gap:8px;display:flex}.blanks{grid-template-columns:repeat(var(--blank-cols,4), minmax(0, 1fr));gap:6px;display:grid}.blank{grid-column:span min(var(--blank-span,1), var(--blank-cols,4));border:1.5px dashed var(--line-strong);border-radius:var(--r-sm);background:var(--surface);min-height:72px;color:var(--text-faint);transition:background-color .12s var(--ease), box-shadow .12s var(--ease), transform var(--tap-in) var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px 4px 6px;display:flex;position:relative}.blank:active{transform:scale(.97)}.blank__index{font-variant-numeric:tabular-nums;color:var(--text-faint);font-size:.625rem;font-weight:650;position:absolute;top:5px;left:7px}.blank__plus{background:var(--surface-2);width:28px;height:28px;color:var(--text-dim);border-radius:50%;place-items:center;display:grid}.blank__name{font-size:var(--t-key);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.05}.blank__name--long{font-size:calc(var(--t-key) * .72)}.blank__degree{min-height:1.1em;font-size:var(--t-xs);opacity:.8;font-weight:500}.blank.is-filled{border-style:solid;border-color:var(--chord-edge);background:linear-gradient(180deg, var(--chord-surface-hi) 0%, var(--chord-surface) 72%);color:var(--chord-ink)}.blank.is-filled .blank__index{color:var(--chord-ink);opacity:.7}.blank.is-cursor{box-shadow:0 0 0 2.5px var(--accent);border-color:var(--accent);color:var(--text)}.blank.is-filled.is-cursor{box-shadow:0 0 0 2.5px var(--accent), 0 0 0 5px var(--chord-halo)}.blank.is-now{box-shadow:0 0 0 2.5px var(--chord-glow), 0 0 18px var(--chord-halo)}.blank--more{background:0 0;border-style:dotted}.slot-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.slot-tools .segmented{flex:200px}.mine-transport{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mine-transport__status{color:var(--text-faint);font-size:var(--t-sm);flex:100%;min-height:1.3em}.mine__dock{bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom));z-index:20;margin:4px calc(var(--pad) * -1) 0;background:var(--instrument-bg);border-top:1px solid var(--dock-line);position:sticky;box-shadow:0 -10px 30px #0000002e}.mine .screen,.mine{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom))}.app--immersive .mine{padding-bottom:env(safe-area-inset-bottom)}.app--immersive .mine__dock{bottom:0}.draftcard{flex-direction:column;gap:4px;display:flex}.draftcard .link{align-self:flex-start}.dock__lead{color:#ffffffd9;font-size:var(--t-sm);min-height:1.3em;font-weight:600}.palette{color:#f2f2ee;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.palette--colour{grid-template-columns:repeat(5,minmax(0,1fr))}.palette__key{opacity:.55;min-height:64px;transition:opacity .16s var(--ease), transform var(--tap-in) var(--ease), box-shadow .16s var(--ease)}.palette__key.is-good{opacity:.92}.palette__key.is-strong{opacity:1;box-shadow:var(--lift-key), 0 0 24px var(--chord-halo,transparent)}.palette__key.is-strong:after{outline-color:#ffffffe6}.palette__key.is-good:after{outline-color:#ffffff4d}.palette__key:active{box-shadow:var(--lift-key-down);opacity:1;transform:translateY(3px)}.palette__key .chord-btn__face{padding:18px 4px 6px}.palette__key--small{min-height:52px}.palette__key--small .palette__feel{max-width:calc(100% - 8px);font-size:.5625rem;left:4px;right:4px}.palette__key--small .chord-btn__name{font-size:calc(var(--t-key) * .8)}.palette__key--small .chord-btn__face{padding-top:14px}.palette__feel{border-radius:var(--pill);color:#111;letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#ffffffeb;align-items:center;width:-moz-fit-content;width:fit-content;max-width:calc(100% - 12px);height:16px;padding:0 6px;font-size:.625rem;font-weight:700;display:inline-flex;position:absolute;top:5px;left:6px;right:6px;overflow:hidden}.palette__key.is-good .palette__feel{color:#ffffffe6;background:#00000061}.palette__key .chord-btn__key{top:auto;bottom:5px}.instruments{border-radius:var(--r);background:var(--surface-2);flex-direction:column;display:flex;overflow:hidden}.instrument-row{text-align:left;min-height:52px;color:var(--text);align-items:center;gap:12px;padding:8px 12px 8px 14px;display:flex}.instrument-row+.instrument-row{border-top:1px solid var(--line)}.instrument-row:active{background:var(--accent-soft)}.instrument-row.is-on{background:var(--surface)}.instrument-row__body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.instrument-row__name{font-size:var(--t-body);font-weight:600}.instrument-row__note{color:var(--text-dim);font-size:var(--t-xs)}.instrument-row__mark{width:22px;color:var(--text);flex:none;place-items:center;display:grid}.instrument-row__dot{background:var(--text-faint);border-radius:50%;flex:none;width:8px;height:8px}.instrument-row__dot--loading{background:var(--accent);animation:1.2s ease-in-out infinite instrument-pulse}.instrument-row__dot--sampled{background:var(--accent)}.instrument-row__status{font-size:var(--t-xs);color:var(--text-dim);text-align:right;flex:none;max-width:7.5rem}.credits-block{margin:1rem 0}.credits-block h2{font-size:var(--t-body);margin:0 0 .25rem}@keyframes instrument-pulse{0%,to{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.instrument-row__dot--loading{animation:none}}.invite__icon--ink{background:var(--accent-soft);color:var(--text)}@media (min-width:900px){.app{grid-template-rows:1fr;grid-template-columns:232px minmax(0,1fr);display:grid}.app__main{grid-column:2}.tabbar{border-top:0;border-right:1px solid var(--line);background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none;flex-direction:column;grid-area:1/1;justify-content:flex-start;align-self:start;gap:4px;height:100dvh;padding:24px 16px;position:sticky;top:0}.rail__brand{font-size:var(--t-md);letter-spacing:-.02em;align-items:center;gap:10px;padding:4px 10px 22px;font-weight:700;display:flex}.rail__brand small{color:var(--text-faint);font-size:var(--t-xs);letter-spacing:0;font-weight:500;display:block}.tabbar__tab{max-width:none;min-height:44px;font-size:var(--t-body);flex-direction:row;flex:none;justify-content:flex-start;gap:12px;padding:0 12px;font-weight:600}.tabbar__tab .icon{width:22px;height:22px}.tabbar__tab.is-current{background:var(--accent-soft)}.app--immersive{display:flex}.screen{padding-bottom:40px}.screen--root{padding-top:28px}.toast{width:min(480px,100% - 48px);bottom:24px;left:auto;right:24px;transform:none}.instrument__body{padding-top:20px}.instrument{grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:360px minmax(0,1fr);display:grid}.instrument>.topbar{grid-column:1/-1}.instrument__head{grid-area:2/1;max-width:none;min-height:0;padding-right:12px;overflow:auto}.instrument__chart{grid-area:2/2/5;max-width:none;padding:12px 24px 16px 8px}.sound-check{grid-area:3/1}.instrument__dock{grid-area:4/1}.instrument>.sheet{grid-area:1/1/-1/-1}.chart__bars{--chart-cols:8}.mine__dock{border-radius:var(--r-lg) var(--r-lg) 0 0;bottom:0}.palette{grid-template-columns:repeat(7,minmax(0,1fr))}.blank{min-height:80px}.sheet{justify-content:center;align-items:center}.sheet__panel{border-radius:var(--r-lg);max-height:min(84dvh,720px);animation:fade-in .16s var(--ease);padding-bottom:0}.sheet__grip{display:none}.chord-pad[data-keys="7"],.chord-pad[data-keys="8"],.chord-pad[data-keys="9"],.chord-pad[data-keys="10"],.chord-pad[data-keys="11"],.chord-pad[data-keys="12"],.chord-pad[data-keys="5"],.chord-pad[data-keys="6"]{grid-template-columns:repeat(6,minmax(0,1fr))}.chord-pad[data-keys="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.chord-btn,.chord-pad[data-keys="1"] .chord-btn,.chord-pad[data-keys="2"] .chord-btn,.chord-pad[data-keys="3"] .chord-btn,.chord-pad[data-keys="4"] .chord-btn{min-height:88px}.tile{width:180px}}@media (max-width:599px){.transport .segmented,.slot-tools .segmented{flex-basis:100%}}@media (max-width:360px){.chart__bars{--chart-cols:4}.stage{padding:14px}}@media (display-mode:standalone){.install-hint{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.listen[data-state=listening] .listen__button:before{opacity:.6;animation:none}}.chart-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.chart-table caption,.chart-table__caption{text-align:left;margin-bottom:8px;font-weight:650}.chart-table th,.chart-table td{border:1px solid var(--line);text-align:left;padding:8px 10px}.chart-table__section{color:var(--text-faint);font-size:var(--t-xs);white-space:nowrap;font-weight:650}.fingering-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.fingering-set{border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.fingering-set__name{margin:0;font-weight:650}.fingering-set__row{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.key-table .is-original th,.key-table .is-original td{background:var(--surface-2);font-weight:650}