:root{--paper:#f7f3eb;--paper-2:#efebe1;--rule:#cfcac1;--rule-soft:#e2ddd5;--ink:#19120d;--ink-2:#524c47;--ink-3:#8b8580;--ink-4:#bbb6b2;--accent:#c4530f;--accent-ink:#6c1f00;--accent-soft:#f9dfcb;--serif:"Instrument Serif", "Cormorant Garamond", Georgia, "Times New Roman", serif;--sans:"Geist", "Söhne", system-ui, -apple-system, "Helvetica Neue", sans-serif;--mono:"JetBrains Mono", "Geist Mono", "SF Mono", Menlo, monospace}@supports (color:lab(0% 0 0)){:root{--paper:lab(95.9877% .351608 4.581);--paper-2:lab(93.095% .420213 5.35134);--rule:lab(81.4787% .83819 5.29926);--rule-soft:lab(88.4338% .706792 4.53427);--ink:lab(6.16208% 2.39304 3.79438);--ink-2:lab(32.6954% 2.07455 4.0302);--ink-3:lab(55.901% 1.69879 3.33731);--ink-4:lab(74.4654% 1.34751 2.66229);--accent:lab(50.1161% 43.7443 56.6089);--accent-ink:lab(24.7592% 34.949 38.8609);--accent-soft:lab(90.6306% 7.05609 13.5441)}}html[data-paper=slate]{--ink:#f5f1e9;--ink-2:#bbb7af;--ink-3:#89867f;--ink-4:#58554f;--rule:#2e343a;--rule-soft:#25292f;--accent-soft:#193550}@supports (color:lab(0% 0 0)){html[data-paper=slate]{--ink:lab(95.4076% .351816 4.58115);--ink-2:lab(74.5271% .361919 4.58802);--ink-3:lab(55.9591% .303745 3.82484);--ink-4:lab(36.2381% .321358 3.83741);--rule:lab(21.1011% -1.3912 -4.93065);--rule-soft:lab(16.464% -1.19568 -4.22768);--accent-soft:lab(20.8952% -3.14894 -20.35)}}*{box-sizing:border-box}html,body,#root{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0}body{min-height:100vh;font-size:15px;line-height:1.5}button{cursor:pointer;color:inherit;font-family:inherit;font-size:inherit;background:0 0;border:none;padding:0}button:disabled{cursor:not-allowed;opacity:.5}input,textarea{font-family:inherit;font-size:inherit;color:inherit}em,i{font-style:italic}.app:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 25% 30%,#00000005 0,#0000 60%),radial-gradient(circle at 80% 70%,#00000004 0,#0000 55%);background-image:radial-gradient(circle at 25% 30%,lab(0% 0 0/.018) 0,#0000 60%),radial-gradient(circle at 80% 70%,lab(0% 0 0/.015) 0,#0000 55%);position:fixed;inset:0}.app{z-index:0;min-height:100vh;position:relative}.spectator-banner{background:var(--accent);color:var(--ink);border-bottom:2px solid var(--ink);z-index:5;position:relative}.spectator-banner-inner{flex-wrap:wrap;align-items:center;gap:16px;max-width:1240px;margin:0 auto;padding:10px 40px;display:flex}.spectator-eyebrow{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink);border:1.5px solid var(--ink);background:var(--paper);white-space:nowrap;border-radius:2px;padding:3px 8px;font-size:10px}.spectator-text{font-family:var(--serif);color:var(--ink);flex:1;font-size:16px;line-height:1.3}.spectator-text em{font-style:italic;font-weight:500}.spectator-cta{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:var(--ink);color:var(--paper);white-space:nowrap;border-radius:2px;padding:8px 14px;font-size:11px;transition:background .12s}.spectator-cta:hover{background:var(--accent-ink)}.spectator-banner-rejected .spectator-eyebrow{background:var(--ink);color:var(--paper);border-color:var(--ink)}.spectator-cta-secondary{color:var(--ink);border:1.5px solid var(--ink);background:0 0}.spectator-cta-secondary:hover{background:var(--ink);color:var(--paper)}@media (max-width:700px){.spectator-banner-inner{padding:10px 20px}.spectator-text{font-size:14px}}.app a{color:inherit;text-decoration:none}.app a:hover{color:inherit}.page-top{z-index:10;position:sticky;top:0}.masthead{background:var(--paper);border-bottom:1px solid var(--rule)}.mast-top{grid-template-columns:1fr auto 1fr;align-items:end;gap:24px;max-width:1240px;margin:0 auto;padding:18px 40px 14px;display:grid}.brand{cursor:pointer;align-items:baseline;gap:14px;display:flex}.brand-mark{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);font-size:42px;font-style:italic;line-height:.9}.brand-sub{font-family:var(--sans);text-transform:uppercase;letter-spacing:.15em;color:var(--ink-3);padding-bottom:4px;font-size:11px}.brand-sub .vol{font-family:var(--mono);letter-spacing:.05em;color:var(--accent);margin-left:6px}.nav{justify-self:center;gap:28px;padding-bottom:6px;display:flex}.nav-item{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid #0000;padding:4px 2px;font-size:13px;transition:color .15s,border-color .15s}.nav-item:hover{color:var(--ink)}.nav-item.on{color:var(--ink);border-bottom-color:var(--accent)}.auth{justify-self:end;align-items:center;gap:12px;padding-bottom:6px;font-size:13px;display:flex}.auth-name{color:var(--ink-2)}.avatar{background:var(--accent);color:#f9f5ec;color:lab(96.5677% .351369 4.58084);width:28px;height:28px;font-family:var(--serif);border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-style:italic;display:inline-flex}.auth-link{color:var(--ink-3);text-underline-offset:3px;font-size:11px;text-decoration:underline}.auth-link:hover{color:var(--ink)}.spec-tag{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);font-size:11px}.mast-rule{background:var(--ink);opacity:.85;max-width:1240px;height:1px;margin:0 auto}.library,.detail,.sessions{z-index:1;max-width:1240px;margin:0 auto;padding:32px 40px 80px;position:relative}.hero{border-bottom:1px solid var(--rule);margin-bottom:24px;padding:24px 0 18px}.hero-meta{flex-wrap:wrap;gap:16px;margin-bottom:18px;display:flex}.meta-chip{font-family:var(--mono);letter-spacing:.05em;color:var(--ink-3);padding:4px 0;font-size:11px;position:relative}.meta-chip+.meta-chip:before{content:"·";color:var(--ink-4);position:absolute;left:-10px}.hero-title{font-family:var(--serif);letter-spacing:-.015em;color:var(--ink);text-wrap:pretty;max-width:900px;margin:8px 0 24px;font-size:clamp(34px,4vw,56px);font-weight:400;line-height:1.05}.hero-italic{color:var(--ink-2);font-style:italic}.search{border-bottom:2px solid var(--ink);align-items:baseline;gap:16px;max-width:720px;padding:12px 0 8px;display:flex}.search-label{text-transform:uppercase;letter-spacing:.18em;color:var(--ink-3);font-size:11px}.search-input{font-family:var(--serif);color:var(--ink);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:24px;font-style:italic}.search-input::placeholder{color:var(--ink-4)}.search-clear{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);font-size:11px}.search-clear:hover{color:var(--accent)}.toolbar{border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:32px;margin-bottom:4px;padding:16px 0 14px;display:flex}.chips{align-items:center;gap:6px;display:flex}.chips-label{text-transform:uppercase;letter-spacing:.18em;color:var(--ink-3);margin-right:6px;font-size:10px}.chip{color:var(--ink-2);border:1px solid var(--rule);background:var(--paper);border-radius:999px;padding:5px 10px;font-size:12px;transition:all .15s}.chip:hover{border-color:var(--ink-3);color:var(--ink)}.chip.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.result-count{font-family:var(--mono);color:var(--ink-3);letter-spacing:.05em;margin-left:auto;font-size:11px}.catalog{border-top:1px solid var(--ink);margin-top:4px}.cat-head,.cat-row{grid-template-columns:56px 1fr 140px 60px 90px 80px 110px 130px;align-items:center;gap:18px;display:grid}.cat-head{text-transform:uppercase;letter-spacing:.15em;color:var(--ink-3);border-bottom:1px solid var(--rule);padding:10px 8px;font-size:10px}.sort-h{text-transform:uppercase;letter-spacing:.15em;color:var(--ink-3);border-radius:2px;align-items:center;gap:6px;margin-left:-4px;padding:2px 4px;font-size:10px;transition:color .12s,background .12s;display:inline-flex}.sort-h.right{margin-left:auto;margin-right:-4px}.sort-h:hover{color:var(--ink);background:var(--paper-2)}.sort-h.on{color:var(--accent-ink)}.sort-h-arrow{letter-spacing:0;opacity:.45;font-size:11px;transition:opacity .12s}.sort-h:hover .sort-h-arrow{opacity:.85}.sort-h.on .sort-h-arrow{opacity:1;color:var(--accent)}.cat-head-sep{color:var(--ink-4);margin:0 2px}.cat-row{text-align:left;border-bottom:1px solid var(--rule-soft);background:0 0;width:100%;padding:14px 8px;transition:background .12s;position:relative}.col-num{font-family:var(--mono);color:var(--ink-4);letter-spacing:.05em;font-size:11px}.row-title{font-family:var(--serif);color:var(--ink);letter-spacing:-.005em;font-size:22px;line-height:1.1;transition:color .12s}.row-comp{color:var(--ink-3);margin-top:2px;font-size:13px;font-style:italic}.style-pill{text-transform:uppercase;letter-spacing:.12em;background:var(--paper-2);color:var(--ink-2);border:1px solid var(--rule);white-space:nowrap;border-radius:2px;padding:3px 8px;font-size:10px;display:inline-block}.style-pill.a-up{color:#8f0000;color:lab(28.3376% 63.4607 52.9242);background:#ffdcd6;background:lab(90.9808% 30.3263 18.8773);border-color:#ff7163;border-color:lab(65.812% 55.7362 36.8491)}.style-pill.a-medup{color:#872900;color:lab(31.4402% 45.277 64.2045);background:#ffdfd0;background:lab(91.3466% 22.6591 25.6309);border-color:#f0834e;border-color:lab(66.5025% 39.9168 47.1206)}.style-pill.a-swing{color:#7c4700;color:lab(35.658% 27.8283 82.9255);background:#ffe1b7;background:lab(91.8163% 12.3971 34.3517);border-color:#dc932e;border-color:lab(67.2417% 22.388 60.9729)}.style-pill.a-slow{color:#783a00;color:lab(32.1083% 26.234 46.7769);background:#ffdcc4;background:lab(90.5048% 12.2994 19.4626);border-color:#d59466;border-color:lab(67.0839% 21.8991 34.3351)}.style-pill.a-ballad{color:#005186;color:lab(31.9216% -3.1013 -48.1756);background:#d3ebff;background:lab(91.8213% -9.19575 -26.8269);border-color:#56acf0;border-color:lab(67.2327% -11.0065 -42.6272)}.style-pill.a-bossa{color:#005d3f;color:lab(34.8072% -58.4291 15.9472);background:#b5fadb;background:lab(92.9514% -26.711 7.68876);border-color:#2dc08e;border-color:lab(69.3762% -48.0187 13.612)}.style-pill.a-samba{color:#006a07;color:lab(38.236% -51.145 48.747);background:#befabf;background:lab(93.1522% -27.9578 22.1905);border-color:#5bbe62;border-color:lab(69.4608% -44.8835 37.1852)}.style-pill.a-afro{color:#5e4b00;color:lab(32.8913% 8.46346 84.857);background:#fde89a;background:lab(92.3443% -.50956 40.7044);border-color:#c2a200;border-color:lab(68.0013% 3.48169 80.429)}.style-pill.a-latin{color:#345a00;color:lab(34.0733% -28.5875 60.2391);background:#d4f5b5;background:lab(92.8863% -19.0839 27.0862);border-color:#87b651;border-color:lab(68.9631% -28.5257 44.993)}.style-pill.a-waltz{color:#512da6;color:lab(29.5388% 39.0283 -60.0446);background:#e7e3ff;background:lab(90.9055% 12.6213 -31.081);border-color:#a492fb;border-color:lab(65.5944% 24.778 -50.7219)}.style-pill.a-funk{color:#89006d;color:lab(29.4273% 66.3115 -26.9284);background:#ffdcf2;background:lab(90.4942% 31.4108 -12.5653);border-color:#ec71c8;border-color:lab(64.9629% 55.5452 -22.3525)}.style-pill.a-rock{color:#8e0027;color:lab(28.136% 64.5363 25.0545);background:#ffdbdd;background:lab(90.7918% 32.5183 10.4482);border-color:#ff6e80;border-color:lab(65.5326% 58.358 19.7068)}.style-pill.a-calypso{color:#006364;color:lab(37.9575% -55.8438 -16.1943);background:#91fdfd;background:lab(92.9441% -32.6729 -9.93663);border-color:#00bdbe;border-color:lab(69.0992% -49.1165 -14.641)}.style-pill.a-even8{color:#005864;color:lab(33.7186% -37.6436 -26.9859);background:#b1f5ff;background:lab(92.5093% -22.7183 -15.0813);border-color:#00b9d0;border-color:lab(68.4893% -35.675 -24.0134)}.style-pill.a-even16{color:#2043a3;color:lab(30.7763% 16.5953 -56.4541);background:#dbe8ff;background:lab(91.4235% .063479 -29.3794);border-color:#79a1fc;border-color:lab(66.4233% 5.15938 -50.1959)}.style-pill.a-mute{color:var(--ink-3);background:var(--paper-2);border-color:var(--rule)}html[data-paper=slate] .style-pill{background:var(--paper-2);border-color:var(--rule)}.key-badge{font-family:var(--mono);text-align:center;border:1px solid var(--rule);border-radius:2px;min-width:32px;padding:4px 8px;font-size:12px;display:inline-block}.col-bpm,.col-sess{font-family:var(--mono);align-items:baseline;gap:4px;display:flex}.bpm-num{color:var(--ink);font-size:18px;font-weight:500}.bpm-unit,.stat-of,.sess-num+.bpm-unit{color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.sess-num{color:var(--ink);font-size:16px;font-family:var(--mono)}.skill-dots{gap:2px;display:flex}.sd{background:var(--rule);border-radius:50%;width:7px;height:7px}.sd.on{background:var(--accent)}.col-last{color:var(--ink-2);font-size:12px}.last-never{color:var(--ink-4);font-style:italic}.last-rel{font-family:var(--mono);color:var(--ink-2);font-size:11px}.composer-link{color:var(--ink);border-radius:3px;align-items:baseline;gap:6px;padding:2px 4px;transition:all .15s;display:inline-flex}.composer-link em{color:var(--ink);font-size:16px}.composer-link:hover{background:var(--accent-soft);color:var(--accent-ink)}.composer-link:hover em{color:var(--accent-ink)}.composer-count{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);opacity:0;font-size:10px;transition:opacity .15s}.composer-link:hover .composer-count{opacity:1;color:var(--accent-ink)}.active-filters{border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:8px;padding:14px 0;display:flex}.af-label{text-transform:uppercase;letter-spacing:.15em;color:var(--ink-3);font-size:10px}.af-chip{color:var(--accent-ink);background:var(--accent-soft);border:1px solid var(--accent);font-size:12px;font-family:var(--sans);border-radius:999px;align-items:center;gap:6px;padding:4px 8px 4px 10px;display:inline-flex}.af-chip em{font-style:normal;font-weight:600}.af-chip:hover{background:var(--accent);color:var(--paper)}.af-x{opacity:.6;padding-left:2px;font-size:14px;line-height:1}.af-clear{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);text-underline-offset:3px;margin-left:6px;font-size:11px;text-decoration:underline}.af-clear:hover{color:var(--accent)}.filter-toggle{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);border:1px dashed var(--rule);border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;display:inline-flex}.filter-toggle:hover,.filter-toggle.on{color:var(--accent-ink);border-color:var(--accent);border-style:solid}.ft-count{font-family:var(--mono);background:var(--accent);color:var(--paper);letter-spacing:0;border-radius:999px;padding:1px 5px;font-size:10px}.filter-drawer{border-bottom:1px solid var(--rule);flex-direction:column;gap:14px;padding:14px 0 18px;display:flex}.fd-group{grid-template-columns:80px 1fr;align-items:start;gap:14px;display:grid}.fd-label{text-transform:uppercase;letter-spacing:.15em;color:var(--ink-3);padding-top:6px;font-size:10px}.fd-chips{flex-wrap:wrap;gap:6px;display:flex}.style-pill.clickable,.key-badge.clickable{cursor:pointer;transition:transform .1s,filter .15s}.style-pill.clickable:hover{filter:brightness(.93)}.style-pill.sel{box-shadow:0 0 0 2px}.key-badge.clickable:hover{filter:brightness(1.1)}.cat-row{text-align:left;border-bottom:1px solid var(--rule-soft);background:0 0;grid-template-columns:56px 1fr 140px 60px 90px 80px 110px 130px;align-items:center;gap:18px;width:100%;padding:14px 8px;transition:background .12s;display:grid;position:relative}.cat-row:hover{background:var(--paper-2)}.cat-row-main,.cat-row-tail{text-align:left;color:inherit;background:0 0;padding:0;display:contents}.cat-row-main:hover~.col-style+.col-key+.cat-row-tail .row-title{color:inherit}.cat-row:hover .row-title{color:var(--accent-ink)}.empty{text-align:center;font-family:var(--serif);color:var(--ink-3);padding:60px 20px;font-size:18px;font-style:italic}.empty button{color:var(--accent);text-underline-offset:3px;margin-left:6px;text-decoration:underline}.pager{border-top:1px solid var(--ink);justify-content:space-between;align-items:center;margin-top:-1px;padding:24px 8px;display:flex}.pager-btn{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-2);padding:6px 0;font-size:12px}.pager-btn:hover:not(:disabled){color:var(--accent)}.pager-pages{font-family:var(--mono);align-items:baseline;gap:8px;font-size:11px;display:flex}.pager-cur{color:var(--ink)}.pager-of{color:var(--ink-3)}.back{margin-bottom:16px}.back-btn{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);font-size:12px}.back-btn:hover{color:var(--accent)}.title-block{border-bottom:1px solid var(--ink);grid-template-columns:1fr auto;align-items:end;gap:32px;padding-bottom:24px;display:grid}.title-meta{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;font-size:12px;display:flex}.title-meta .style-pill{font-size:10px}.meta-sep{color:var(--ink-4)}.meta-text{color:var(--ink-2);font-size:12px}.key-inline{font-family:var(--mono);background:var(--paper-2);border:1px solid var(--rule);border-radius:2px;padding:1px 6px}.big-title{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);text-wrap:pretty;margin:0 0 14px;font-size:clamp(48px,6vw,88px);font-weight:400;line-height:.95}.composer{color:var(--ink-2);font-size:14px}.composer em{color:var(--ink);font-size:16px}.title-right{gap:28px;padding-bottom:8px;display:flex}.stat{text-align:right}.stat-label{text-transform:uppercase;letter-spacing:.15em;color:var(--ink-3);margin-bottom:6px;font-size:10px}.stat-val{font-family:var(--mono);color:var(--ink);letter-spacing:-.02em;font-size:28px;line-height:1}.stat-val .stat-of{color:var(--ink-3);margin-left:2px;font-size:14px}.stat-small{font-size:18px}.chart-toolbar{border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:28px;padding:18px 0;display:flex}.tool-group{align-items:center;gap:12px;display:flex}.tool-label{text-transform:uppercase;letter-spacing:.18em;color:var(--ink-3);white-space:nowrap;font-size:10px}.tool-spacer{flex:1}.key-picker{background:var(--paper-2);border:1px solid var(--rule);border-radius:4px;gap:2px;padding:2px;display:flex}.kp{font-family:var(--mono);color:var(--ink-2);border-radius:3px;min-width:30px;padding:5px 8px;font-size:12px;transition:all .1s;position:relative}.kp:hover{background:var(--paper);color:var(--ink)}.kp.on{background:var(--ink);color:var(--paper)}.kp-tag{display:none}.bpm-display{border:1px solid var(--rule);background:var(--paper);border-radius:4px;align-items:baseline;gap:6px;padding:6px 12px;transition:all .15s;display:flex}.bpm-display:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.bpm-display-num{font-family:var(--mono);color:var(--ink);font-size:18px}.bpm-display-unit{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);font-size:10px}.bpm-display-edit{color:var(--accent);opacity:0;justify-content:center;align-items:center;width:0;margin-left:0;transition:opacity .15s,width .18s,margin-left .18s;display:inline-flex;overflow:hidden}.bpm-display:hover .bpm-display-edit{opacity:1;width:14px;margin-left:6px}.transpose-back{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--accent);border:1px dashed var(--rule);border-radius:999px;margin-left:4px;padding:4px 8px;font-size:10px;transition:all .12s}.transpose-back:hover{border-color:var(--accent);background:var(--accent-soft);border-style:solid}.catalog{margin-top:6px;border-top:none!important}.pager{border-top:none!important}.vh-stats{border-top:none!important;border-bottom:none!important;margin-bottom:4px!important;padding:12px 0 4px!important}.hero-vinyl{border-bottom:none!important;margin-bottom:8px!important;padding-bottom:8px!important}.bpm-edit{align-items:center;gap:8px;display:flex}.bpm-save{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-size:11px}.bpm-cancel{color:var(--ink-3);padding:0 4px;font-size:16px}.btn{font-family:var(--sans);letter-spacing:.02em;border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:13px;transition:all .15s;display:inline-flex}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover:not(:disabled){background:var(--accent-ink)}.btn-ghost{color:var(--ink-2);border-color:var(--rule)}.btn-ghost:hover{color:var(--ink);border-color:var(--ink-3)}.btn-lg{padding:12px 22px;font-size:14px}.btn-sm{padding:6px 12px;font-size:12px}.detail-grid{grid-template-columns:minmax(0,1.4fr) minmax(380px,1fr);align-items:start;gap:36px;margin-top:28px;display:grid}.chart-card{background:var(--paper);border:1px solid var(--rule);border-radius:3px;padding:0;overflow:hidden;box-shadow:0 1px #00000005,0 12px 24px -16px #0000001a;box-shadow:0 1px lab(0% 0 0/.02),0 12px 24px -16px lab(0% 0 0/.1)}.chart-meta{background:var(--paper-2);border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;font-size:12px;display:flex}.chart-meta-sep{color:var(--ink-4)}.chart-meta-item{color:var(--ink-2);align-items:baseline;gap:5px;font-size:12px;display:inline-flex}.chart-meta-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);font-size:10px}.chart-meta-val{font-family:var(--mono);color:var(--ink);font-size:12px;font-weight:500}.chart-meta-spacer{flex:1}.chart-meta-bars{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:10px}.chart-meta-familiarity{border:1px solid var(--rule);background:var(--paper-2);border-radius:2px;margin-right:10px;padding:2px 8px}.chart-meta-familiarity .chart-meta-val{color:var(--accent-ink);font-weight:600}.chart-meta-frac{font-family:var(--mono);color:var(--ink-3);letter-spacing:.02em;font-size:10px}.landing-strips{grid-template-columns:minmax(300px,1.1fr) minmax(420px,1.3fr);align-items:start;gap:16px;margin:20px 0 18px;display:grid}@media (max-width:900px){.landing-strips{grid-template-columns:1fr}}.landing-strips .ap-strip,.landing-strips .fam-explorer{margin:0}.ap-strip{margin:20px 0 18px}.ap-head{align-items:baseline;gap:14px;padding:0 4px 8px;display:flex}.ap-eyebrow{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent-ink);font-size:10px}.ap-count{font-family:var(--mono);color:var(--ink-3);letter-spacing:.04em;font-size:10px}.ap-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.ap-card{background:var(--paper);border:1px solid var(--rule);color:var(--ink);border-radius:3px;padding:14px 16px;text-decoration:none;transition:border-color .12s,transform .12s;display:block;position:relative;overflow:hidden}.ap-card:hover{border-color:var(--accent-ink);transform:translateY(-1px)}.ap-card-fill{pointer-events:none;z-index:0;background:#cfcac180;background:lab(81.4787% .83819 5.29926/.5);height:6px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.ap-card-fill:after{content:"";width:var(--ap-fill-pct,0%);background:linear-gradient(90deg, var(--accent) 0%, #f2823b 50%, var(--accent) 100%);background-size:200% 100%;border-top-right-radius:1px;border-bottom-right-radius:1px;transition:width .4s ease-out;animation:3.5s linear infinite ap-fill-shimmer;position:absolute;inset:0 auto 0 0}@supports (color:lab(0% 0 0)){.ap-card-fill:after{background:linear-gradient(90deg, var(--accent) 0%, lab(66.5508% 40.1924 56.5874) 50%, var(--accent) 100%)}}.ap-card-complete .ap-card-fill:after{background:linear-gradient(90deg,#ef6c22 0%,#ff9820 50%,#ef6c22 100%) 0 0/200% 100%;background:linear-gradient(90deg,lab(61.5849% 49.0074 62.0294) 0%,lab(73.554% 43.5632 94.0092) 50%,lab(61.5849% 49.0074 62.0294) 100%) 0 0/200% 100%}.ap-card-content{z-index:1;flex-direction:column;gap:4px;display:flex;position:relative}.ap-card-pct{font-family:var(--mono);color:var(--accent-ink);letter-spacing:.02em;margin-left:auto;font-size:11px;font-weight:600}@keyframes ap-fill-shimmer{0%{background-position:0 0}to{background-position:200% 0}}.ap-card-when{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);font-size:9px}.ap-card-title{font-family:var(--serif);color:var(--ink);font-size:16px;line-height:1.15}.ap-card-comp{font-family:var(--serif);color:var(--ink-3);font-size:11px;font-style:italic}.ap-card-foot{align-items:center;gap:6px;margin-top:4px;display:flex}.ap-card-key{font-family:var(--mono);color:var(--ink-3);letter-spacing:.04em;font-size:10px}.ap-card-stats{font-family:var(--mono);color:var(--ink-3);letter-spacing:.02em;align-items:baseline;gap:4px;margin-top:4px;font-size:10px;display:flex}.ap-card-stats b{color:var(--ink);font-weight:600}.ap-stats-sep{color:var(--ink-4)}.fam-explorer{background:0 0;border:none;border-radius:0;margin:0;overflow:visible}.fam-head{flex-wrap:wrap;align-items:baseline;gap:12px;padding:0 4px 8px;display:flex}.fam-eyebrow{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent-ink);align-items:center;gap:6px;font-size:10px;display:inline-flex}.fam-count{font-family:var(--mono);color:var(--ink-3);letter-spacing:.04em;font-size:10px}.fam-info{border:1px solid var(--ink-3);width:14px;height:14px;color:var(--ink-3);font-family:var(--serif);cursor:help;letter-spacing:0;text-transform:none;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-style:italic;line-height:1;display:inline-flex;position:relative}.fam-info:hover,.fam-info:focus-visible{border-color:var(--accent-ink);color:var(--accent-ink);outline:none}.fam-info-tip{background:var(--paper);width:280px;color:var(--ink);border:1px solid var(--rule);font-family:var(--sans);letter-spacing:0;text-transform:none;opacity:0;pointer-events:none;z-index:50;white-space:normal;border-radius:3px;padding:10px 12px;font-size:12px;line-height:1.45;transition:opacity .12s,transform .12s;position:absolute;top:calc(100% + 8px);left:0;transform:translateY(-4px);box-shadow:0 8px 18px #0000001f}.fam-info-tip strong{color:var(--accent-ink)}.fam-info:hover .fam-info-tip,.fam-info:focus-visible .fam-info-tip{opacity:1;transform:translateY(0)}.fam-box{background:var(--paper);border:1px solid var(--rule);border-radius:3px;overflow:hidden}.fam-box-head{border-bottom:1px solid var(--rule-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.fam-box-head-text{flex-wrap:wrap;align-items:baseline;gap:48px;display:flex}.fam-box-title{font-family:var(--serif);color:var(--ink);margin:0;font-size:16px;font-weight:400}.fam-key-picker{flex-wrap:wrap;gap:2px;display:flex}.fam-key{font-family:var(--mono);letter-spacing:.04em;background:var(--paper);border:1px solid var(--rule);color:var(--ink-2);cursor:pointer;min-width:30px;padding:4px 8px;font-size:11px}.fam-key:hover{background:var(--paper-2);color:var(--ink)}.fam-key.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.fam-empty{color:var(--ink-3);text-align:center;padding:24px 18px;font-size:13px}.fam-list{scrollbar-width:thin;scrollbar-color:oklch(40% .012 60/.25) transparent;max-height:460px;margin:0;padding:0;list-style:none;overflow-y:auto}.fam-list::-webkit-scrollbar{width:8px}.fam-list::-webkit-scrollbar-track{background:0 0}.fam-list::-webkit-scrollbar-thumb{background:#4d464138 padding-box padding-box;background:lab(30.3752% 2.07864 4.03324/.22) padding-box padding-box;border:2px solid #0000;border-radius:6px;min-height:40px}.fam-list:hover::-webkit-scrollbar-thumb{background:#4d464166 padding-box padding-box;background:lab(30.3752% 2.07864 4.03324/.4) padding-box padding-box}.fam-list::-webkit-scrollbar-thumb:hover{background:#80421a8c padding-box padding-box;background:lab(35.5943% 25.1202 35.3671/.55) padding-box padding-box}.fam-list::-webkit-scrollbar-corner{background:0 0}.fam-row{color:var(--ink);border-top:1px solid var(--rule-soft);grid-template-columns:130px 1fr auto;align-items:center;gap:14px;padding:10px 18px;text-decoration:none;transition:background .12s;display:grid}.fam-list li:first-child .fam-row{border-top:none}.fam-row:hover{background:var(--paper-2)}.fam-bar{border:1px solid var(--rule);background:var(--paper);border-radius:2px;height:22px;position:relative;overflow:hidden}.fam-bar-fill{background:var(--accent-soft);position:absolute;inset:0 auto 0 0}.fam-percent{font-family:var(--mono);color:var(--accent-ink);justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex;position:absolute;inset:0}.fam-row-text{align-items:baseline;gap:8px;min-width:0;display:flex}.fam-row-title{font-family:var(--serif);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.fam-row-comp{font-family:var(--serif);color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-style:italic;overflow:hidden}.fam-row-meta{flex-shrink:0;align-items:center;gap:8px;display:flex}.fam-row-key{font-family:var(--mono);color:var(--ink-3);letter-spacing:.04em;font-size:10px}.fam-row-cells{font-family:var(--mono);color:var(--ink-4);letter-spacing:.02em;font-size:10px}.spindle{flex-direction:column;align-items:center;gap:14px;padding:48px 24px;display:flex}.spindle-svg{width:var(--spindle-size,84px);height:var(--spindle-size,84px);filter:drop-shadow(0 2px 4px #0000002e)}.spindle-disc{transform-origin:32px 32px;animation:1.6s linear infinite spindle-spin}.spindle-vinyl{fill:#110c08;fill:lab(3.68116% 1.3494 2.16347)}.spindle-groove{stroke:#38312cb3;stroke:lab(21.0887% 2.47052 4.74118/.7);stroke-width:.4px}.spindle-label{fill:var(--accent)}.spindle-hole{fill:var(--paper)}.spindle-tick{stroke:var(--paper);stroke-width:1.2px;stroke-linecap:round;opacity:.85}.spindle-label-text{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent-ink);font-size:10px}@keyframes spindle-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lib-skel{margin-top:16px}.lib-skel-row{border-bottom:1px solid var(--rule-soft);grid-template-columns:36px 1fr 100px 60px 70px 50px 90px 70px;align-items:center;gap:14px;padding:12px 4px;display:grid}.lib-skel-cell{background:linear-gradient(100deg, var(--paper-2) 30%, #f7f1e8 50%, var(--paper-2) 70%);background-size:400% 100%;border-radius:2px;height:14px;animation:1.4s linear infinite lib-skel-shimmer}@supports (color:lab(0% 0 0)){.lib-skel-cell{background:linear-gradient(100deg, var(--paper-2) 30%, lab(95.3991% .829667 5.29344) 50%, var(--paper-2) 70%)}}.lib-skel-cell.tall{height:18px}@keyframes lib-skel-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (max-width:700px){.library,.detail,.sessions{padding:18px 14px 60px}.mast-top{grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;gap:10px 12px;padding:12px 14px 10px}.brand-mark{font-size:32px}.brand-sub{letter-spacing:.12em;font-size:9px}.brand-sub .vol{margin-left:4px}.nav{grid-area:2/1/auto/-1;justify-self:start;gap:18px;padding-bottom:0}.nav-item{letter-spacing:.06em;font-size:11px}.auth{grid-area:1/2;gap:8px;padding-bottom:0;font-size:11px}.auth-name{display:none}.avatar{width:24px;height:24px;font-size:13px}.spectator-banner-inner{gap:8px;padding:8px 14px}.spectator-cta{padding:6px 10px;font-size:10px}.vh-feature-text .vh-title{font-size:24px!important}.fam-head{gap:10px;padding:12px 14px}.fam-title{font-size:17px}.fam-key{min-width:26px;padding:3px 6px;font-size:10px}.fam-key-picker{gap:1px}.fam-row{grid-template-rows:auto auto;grid-template-columns:80px 1fr;gap:6px 10px;padding:10px 14px}.fam-bar{height:18px}.fam-percent{font-size:10px}.fam-row-text{grid-column:2}.fam-row-meta{flex-wrap:wrap;grid-area:2/1/auto/-1;margin-left:90px}.fam-row-title{font-size:14px}.ap-list{grid-template-columns:1fr 1fr}.ap-card{padding:10px 12px}.ap-card-title{font-size:14px}.toolbar{gap:12px;padding:12px 0 10px}.search{max-width:none;padding:8px 0 6px}.search-input{font-size:18px}.chips-label{display:none}.filter-toggle{padding:6px 12px;font-size:10px}.result-count{text-align:right;width:100%;font-size:10px}.fd-group{grid-template-columns:1fr;gap:6px}.fd-label{padding-top:0}.cat-head{display:none}.cat-row{grid-template-rows:auto auto auto auto;grid-template-columns:28px minmax(0,1fr) auto auto;gap:2px 10px;padding:12px 4px}.col-num{grid-area:1/1/3;align-self:start;padding-top:4px}.col-title{grid-area:1/2/3;min-width:0}.col-title .row-title{font-size:16px}.col-title .row-comp{font-size:11px}.col-bpm{grid-area:1/3/auto/5;justify-self:end}.col-last{grid-area:2/3/auto/5;justify-self:end;font-size:11px}.col-style{grid-area:3/2/auto/4;justify-self:start;margin-top:6px}.col-key{grid-area:3/4;justify-self:end;margin-top:6px}.col-sess{color:var(--ink-3);grid-area:4/2/auto/3;justify-self:start;font-size:11px}.col-skills{grid-area:4/3/auto/5;justify-self:end}.pager{gap:12px;padding:16px 0}.pager-btn{padding:6px 12px;font-size:11px}}@media (max-width:420px){.ap-list{grid-template-columns:1fr}.brand-sub .vol{display:none}}@media (max-width:700px){.back-btn{padding:4px 8px;font-size:11px}.title-block{grid-template-columns:1fr;gap:16px;padding-bottom:16px}.big-title{margin-bottom:8px;line-height:1;font-size:clamp(34px,9vw,52px)!important}.composer{font-size:12px}.composer em{font-size:14px}.title-right{justify-content:flex-start;gap:16px;padding-bottom:0}.stat{text-align:left}.stat-label{letter-spacing:.12em;margin-bottom:3px;font-size:9px}.stat-val{font-size:22px}.stat-val .stat-of{font-size:11px}.stat-small{font-size:14px}.chart-toolbar{gap:14px;padding:12px 0}.tool-group{gap:8px}.tool-label{letter-spacing:.12em;font-size:9px}.key-picker{gap:1px}.key-picker .kp{min-width:26px;padding:4px 6px;font-size:11px}.bpm-display{padding:4px 8px}.bpm-display-num{font-size:16px}.bpm-display-unit{font-size:9px}.transpose-back{font-size:10px}.key-progress-summary{font-size:11px}.chart-card{padding:12px}.chart-meta{flex-wrap:wrap;gap:6px;font-size:11px}.chart-meta-familiarity{margin-right:4px;padding:2px 6px}.chart-meta-bars{font-size:9px}.chord-root{font-size:18px}.chord-suffix{font-size:11px}.bar-dense .chord-root{font-size:15px}.bar-dense .chord-suffix{font-size:10px}.skill-card{padding:0}.skill-header{flex-wrap:wrap;gap:8px;padding:12px 14px}.skill-title{font-size:18px}.skill-sub{font-size:10px}.btn-edit-shed{padding:6px 10px;font-size:11px}.skill-group{padding:16px 12px 14px}.lh-card-head{padding:6px 10px}.lh-card-title{font-size:12px}.lh-card-row{grid-template-columns:1fr 60px 44px 40px;gap:4px;padding:6px 8px}.skill-matrix-editing .lh-card-row{grid-template-columns:1fr 60px 44px 40px auto}.rh-label,.rh-stat .rs-num{font-size:12px}.rh-stat .rs-tag{font-size:9px}.song-sessions{font-size:12px}.voicing-pop{max-width:calc(100vw - 16px)}.voicing-pop-chord{font-size:16px}.pv-piano{max-width:100%}}.chart-strip{border-bottom:1px solid var(--rule);background:var(--paper-2);color:var(--ink-2);align-items:center;gap:14px;padding:12px 18px;font-size:12px;display:flex}.chart-clef{font-family:var(--serif);color:var(--ink);font-size:24px;line-height:1}.chart-key{color:var(--ink-2)}.chart-key strong{color:var(--ink);font-family:var(--mono);font-weight:500}.chart-transposed{color:var(--accent);font-size:11px;font-style:italic}.chart-spacer{flex:1}.chart-time{font-family:var(--mono);color:var(--ink);font-size:13px}.chart-card{overflow:visible!important}.chart-rows{background:var(--paper)}.chart-row{position:relative}.chart-row-label{z-index:2;pointer-events:none;margin-right:0;position:absolute;top:0;right:100%}.bar-section-label{font-family:var(--mono);letter-spacing:.1em;background:var(--ink);color:var(--paper);text-align:center;min-width:28px;padding:6px 12px;font-size:11px;font-weight:700;line-height:1;display:inline-block}.row-bars{grid-template-columns:repeat(4,1fr);gap:0;display:grid}.bar{border-right:1px solid var(--rule);border-top:1px solid var(--rule);background:var(--paper);align-items:center;min-height:64px;padding:18px 14px 12px;display:flex;position:relative}.bar:nth-child(4n){border-right:none}.chart-row:first-child .bar{border-top:none}.bar.bar-empty{background:0 0;border-right:none}.bar-num{font-family:var(--mono);color:var(--ink-4);font-size:9px;position:absolute;top:4px;left:6px}.bar-chords{font-family:var(--serif);flex-wrap:wrap;align-items:baseline;gap:6px;width:100%;display:flex}.chord-root{color:var(--ink);letter-spacing:-.01em;font-size:22px;line-height:1}.chord-suffix{font-family:var(--serif);color:var(--ink-2);vertical-align:.5em;margin-left:-1px;font-size:14px;font-style:italic;line-height:1}.bar-sep{background:var(--rule);width:1px;height:18px;margin:0 3px;display:inline-block}.bar-dense .chord-root{font-size:18px}.bar-dense .chord-suffix{font-size:12px}.chart-placeholder{background:repeating-linear-gradient(135deg, var(--paper) 0 8px, var(--paper-2) 8px 16px);align-items:center;gap:24px;padding:40px;display:flex}.ph-stripe{background:var(--accent);border-radius:2px;width:4px;height:56px}.ph-label{font-family:var(--serif);color:var(--ink);margin-bottom:4px;font-size:22px;font-style:italic}.ph-desc{color:var(--ink-3);font-size:12px}.mono{font-family:var(--mono);color:var(--ink-2)}.skill-card{background:var(--paper);border:1px solid var(--rule);border-radius:3px;overflow:hidden}.skill-header{border-bottom:1px solid var(--ink);background:var(--paper-2);justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:12px 16px 12px 20px;display:flex}.skill-header-info{flex-direction:column;display:flex}.skill-header-action{align-items:center;display:flex}.btn-edit-shed{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--ink);background:var(--paper);color:var(--ink);border-radius:2px;padding:8px 14px;font-size:11px;transition:background .12s,color .12s}.btn-edit-shed:hover:not(:disabled),.btn-edit-shed-done{background:var(--ink);color:var(--paper)}.btn-edit-shed-done:hover{background:var(--accent-ink)}.skill-title{font-family:var(--serif);color:var(--ink);margin:0;font-size:26px;font-style:italic;font-weight:400;line-height:1}.skill-sub{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);margin-top:6px;font-size:11px;display:block}.skill-list{background:var(--paper)}.skill-matrix{background:var(--paper);padding:0 0 4px}.skill-group{border-bottom:1px solid var(--rule-soft);padding:22px 18px 18px}.skill-group:first-of-type{padding-top:18px}.skill-group:last-child{border-bottom:none}.skill-group-head{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:14px;font-size:10px}.lh-card{border:1px solid var(--rule);background:var(--paper);border-radius:2px;margin-bottom:10px;overflow:hidden}.lh-card:last-child{margin-bottom:0}.lh-card-head{background:var(--paper-2);border-bottom:1px solid var(--rule);padding:8px 12px}.lh-card-title{font-family:var(--sans);letter-spacing:-.005em;color:var(--ink);font-size:13px;font-weight:600}.lh-card-rows{padding:4px 0}.lh-card-row{border-bottom:1px solid var(--rule-soft);grid-template-columns:1fr 76px 56px 44px;align-items:center;gap:8px;padding:7px 10px 7px 12px;transition:background .12s;display:grid}.skill-matrix-editing .lh-card-row{grid-template-columns:1fr 76px 56px 44px auto}.lh-card-row-pending{background:var(--accent-soft)}.lh-card-row:last-child{border-bottom:none}.rh-label{font-family:var(--sans);color:var(--ink);font-size:13px}.rh-with{color:var(--ink-3);font-style:italic}.rh-stat{font-family:var(--mono);justify-content:flex-end;align-items:baseline;gap:3px;display:inline-flex}.rs-num{color:var(--ink);font-size:14px;font-weight:500}.rs-unit{color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.rs-tag{color:var(--ink-3);text-transform:uppercase;letter-spacing:.1em;margin-left:2px;font-size:9px}.rh-stat-when .rs-num{color:var(--ink-2);font-size:12px}.scrub-bpm{align-items:center;gap:2px;display:inline-flex}.scrub-bpm-handle{border:1px solid var(--rule);background:var(--paper);cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:2px;align-items:baseline;gap:3px;padding:3px 6px 3px 4px;display:inline-flex}.scrub-bpm-handle:hover{border-color:var(--ink-3)}.scrub-bpm-pending .scrub-bpm-handle{border-color:var(--accent);background:var(--paper);box-shadow:0 0 0 1px var(--accent)}.scrub-bpm-dragging .scrub-bpm-handle{border-color:var(--accent);background:var(--accent-soft)}.scrub-bpm-num{text-align:right;min-width:28px;font-family:var(--mono);color:var(--ink);-webkit-user-select:none;user-select:none;font-size:13px;font-weight:500;display:inline-block}.scrub-bpm-unit{font-family:var(--mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.scrub-bpm-clear{width:16px;height:16px;color:var(--ink-3);border-radius:2px;justify-content:center;align-items:center;font-size:12px;line-height:1;display:inline-flex}.scrub-bpm-clear:hover{color:var(--accent-ink);background:var(--accent-soft)}.commit-cluster{align-items:center;gap:12px;margin-left:auto;display:inline-flex}.commit-bar-clear{font-family:var(--mono);color:var(--ink-3);background:0 0;border:none;padding:2px 6px;font-size:18px;line-height:1}.commit-bar-clear:hover{color:var(--accent-ink)}.commit-bar-go{font-family:var(--sans);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;border-radius:2px;font-weight:600;background:var(--ink)!important;color:var(--paper)!important;padding:9px 16px!important;font-size:12px!important}.commit-bar-go:hover:not(:disabled){background:var(--accent-ink)!important}.page-toast{background:var(--ink);color:var(--paper);font-family:var(--mono);z-index:40;border-radius:2px;align-items:center;gap:10px;padding:10px 16px;font-size:12px;animation:.18s ease-out toastIn;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px -8px #0006;box-shadow:0 8px 24px -8px lab(0% 0 0/.4)}.page-toast-mark{background:var(--accent);width:18px;height:18px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.skill-toast{background:var(--paper);border:1.5px solid var(--accent);font-family:var(--mono);color:var(--ink);z-index:5;border-radius:2px;align-items:center;gap:8px;margin:8px;padding:10px 14px;font-size:11px;animation:.18s ease-out toastIn;display:flex;position:sticky;bottom:50px;box-shadow:0 4px 12px -6px #0003;box-shadow:0 4px 12px -6px lab(0% 0 0/.2)}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.skill-toast-mark{background:var(--accent);width:16px;height:16px;color:var(--paper);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;display:inline-flex}.skill-group-coming{background:repeating-linear-gradient(135deg, var(--paper) 0 6px, var(--paper-2) 6px 12px);justify-content:center;align-items:center;padding:12px;display:flex}.cs-eyebrow{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;background:var(--ink);color:var(--paper);padding:3px 8px;font-size:10px;display:inline-block}.skill-row{border-bottom:1px solid var(--rule-soft);grid-template-columns:1fr 48px 48px 52px 96px;align-items:center;gap:10px;padding:11px 20px;transition:background .1s;display:grid}.skill-row:hover:not(.skill-row-head){background:var(--paper-2)}.skill-row:last-child{border-bottom:none}.skill-row-head{text-transform:uppercase;letter-spacing:.15em;color:var(--ink-3);background:0 0;padding:8px 20px;font-size:9px}.skill-row-head .sk-col,.skill-row-head .sk-spark{text-align:center}.sk-name{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sk-label{color:var(--ink);font-size:14px;font-weight:400}.sk-tick{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-size:9px}.sk-tag{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);font-size:9px}.skill-row.at-target .sk-label{color:var(--ink-4);text-decoration:line-through;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);font-weight:400;text-decoration-thickness:1.5px}.skill-row.at-target .sk-col,.skill-row.at-target .sk-col.mono,.skill-row.at-target .sk-col.days{color:var(--ink-4)}.skill-row.untouched .sk-label{color:var(--ink-3)}.sk-col{text-align:center;color:var(--ink);font-size:13px}.sk-col.mono{font-family:var(--mono)}.sk-col.days{color:var(--ink-3);font-size:12px}.skill-row.untouched .sk-col{color:var(--ink-4)}.sk-spark{justify-content:center;align-items:center;display:flex}.spark{display:block}.spark-line{fill:none;stroke:var(--accent);stroke-width:1.4px;stroke-linejoin:round;stroke-linecap:round}.spark-target{stroke:var(--ink-4);stroke-width:1px}.spark-dot,.spark-dot.on{fill:var(--accent)}.spark-empty{font-family:var(--mono);color:var(--ink-4);font-size:11px}.detail-left{flex-direction:column;gap:24px;display:flex}.trend-card{border:1px solid var(--rule);background:var(--paper);border-radius:3px;overflow:hidden}.trend-head{border-bottom:1px solid var(--ink);background:var(--paper-2);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 18px;display:flex}.trend-title{font-family:var(--sans);letter-spacing:-.005em;color:var(--ink);margin:0;font-size:14px;font-weight:600}.trend-sub{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-size:10px}.trend-chart{padding:8px 12px 4px}.trend-empty{text-align:center;font-family:var(--serif);color:var(--ink-3);border:1px dashed var(--rule);border-radius:3px;padding:24px;font-style:italic}.trend-empty p{margin:0;font-size:14px}.trend-legend{border-top:1px solid var(--rule-soft);flex-wrap:wrap;gap:8px 16px;padding:10px 18px 14px;display:flex}.trend-legend-item{font-family:var(--mono);color:var(--ink-2);letter-spacing:.02em;align-items:center;gap:6px;font-size:11px;display:inline-flex}.trend-legend-rh{color:var(--ink-3);font-size:10px}.trend-legend-swatch{border-radius:1px;width:14px;height:3px;display:inline-block}.page-footer{text-align:center;padding:60px 0 20px}.folio{font-family:var(--serif);color:var(--ink-3);letter-spacing:.05em;font-size:13px;font-style:italic}.modal-bg{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;opacity:1;background:#19120d6b;background:lab(6.16208% 2.39304 3.79438/.42);justify-content:center;align-items:center;padding:24px;animation:.18s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--paper);border:1px solid var(--rule);opacity:1;border-radius:4px;flex-direction:column;width:100%;max-width:620px;max-height:90vh;animation:.22s ease-out slideUp;display:flex;overflow:hidden;box-shadow:0 30px 80px -30px #0006,0 8px 24px -12px #0003;box-shadow:0 30px 80px -30px lab(0% 0 0/.4),0 8px 24px -12px lab(0% 0 0/.2)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-head{border-bottom:1px solid var(--ink);background:var(--paper-2);justify-content:space-between;align-items:flex-start;padding:22px 28px 18px;display:flex}.modal-eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--ink-3);margin-bottom:6px;font-size:10px}.modal-title{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-size:28px;font-weight:400;line-height:1}.modal-close{color:var(--ink-3);padding:4px 8px;font-size:28px;line-height:.7}.modal-close:hover{color:var(--accent)}.modal-body{padding:18px 28px 8px;overflow-y:auto}.modal-section{margin-bottom:22px}.field-label{text-transform:uppercase;letter-spacing:.15em;color:var(--ink-3);margin-bottom:8px;font-size:11px;display:block}.field-label-row{justify-content:space-between;align-items:baseline;display:flex}.field-hint{font-family:var(--mono);color:var(--ink-3);font-size:11px}.key-picker-compact .kp{min-width:26px;padding:4px 6px;font-size:11px}.kp{position:relative}.kp-progress{background:oklch(from var(--accent) calc(l + .15) calc(c * .3) h);border-radius:1px;height:2px;position:absolute;bottom:1px;left:4px;right:4px;overflow:hidden}.kp-progress-fill{background:var(--accent);height:100%;display:block}.kp-progress-full .kp-progress-fill{background:var(--accent-ink)}.kp.on .kp-progress{background:oklch(from var(--paper) calc(l - .2) .01 h)}.kp.on .kp-progress-fill{background:var(--paper)}.key-progress-summary{font-family:var(--mono);letter-spacing:.05em;color:var(--ink-3);white-space:nowrap;align-items:baseline;gap:8px;margin-left:6px;font-size:11px;display:flex}.key-progress-summary b{color:var(--accent-ink);font-weight:600}.key-progress-summary .kps-empty{font-style:italic}.modal-skills{border:1px solid var(--rule);border-radius:3px;overflow:hidden}.modal-skills-grouped{border:none}.modal-group{margin-bottom:14px}.modal-group:last-child{margin-bottom:0}.modal-group-head{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent-ink);padding:6px 2px;font-size:10px}.modal-lh-block{border:1px solid var(--rule);border-radius:2px;margin-bottom:8px;overflow:hidden}.modal-lh-block:last-child{margin-bottom:0}.modal-lh-title{font-family:var(--sans);color:var(--ink);background:var(--paper-2);border-bottom:1px solid var(--rule);padding:7px 12px;font-size:12px;font-weight:600}.modal-skill{border-bottom:1px solid var(--rule-soft);grid-template-columns:1fr 100px;align-items:center;padding:8px 12px;transition:background .1s;display:grid}.modal-skill:last-child{border-bottom:none}.modal-skill.on{background:var(--accent-soft)}html[data-paper=slate] .modal-skill.on{background:var(--rule-soft)}.modal-check{text-align:left;align-items:center;gap:10px;display:flex}.check-box{border:1.5px solid var(--ink-3);border-radius:2px;justify-content:center;align-items:center;width:16px;height:16px;transition:all .12s;display:inline-flex}.modal-skill.on .check-box{background:var(--accent);border-color:var(--accent)}.check-tick{color:var(--paper);font-size:11px;font-weight:700}.check-name{color:var(--ink);font-size:14px}.modal-bpm{justify-content:flex-end;align-items:center;gap:6px;display:flex}.modal-bpm input{width:60px;font-family:var(--mono);background:var(--paper);border:1px solid var(--rule);text-align:center;border-radius:3px;outline:none;padding:5px 8px;font-size:13px}.modal-skill.on .modal-bpm input{border-color:var(--accent)}.modal-bpm input:disabled{color:var(--ink-4);background:0 0}.modal-bpm-unit{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);font-size:10px}.modal-bpm-na{text-align:right;font-family:var(--mono);color:var(--ink-4);font-size:12px}.modal-textarea{background:var(--paper);border:1px solid var(--rule);resize:vertical;width:100%;min-height:56px;color:var(--ink);font-size:13px;font-family:var(--sans);border-radius:3px;outline:none;padding:8px 12px}.modal-textarea:focus{border-color:var(--accent)}.modal-foot{border-top:1px solid var(--rule);background:var(--paper-2);justify-content:flex-end;gap:8px;padding:14px 28px;display:flex}.modal-success{text-align:center;max-width:460px;padding:56px 40px 44px}.success-mark{background:var(--accent);width:56px;height:56px;color:var(--paper);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 18px;font-size:30px;display:flex}.success-title{font-family:var(--serif);color:var(--ink);margin:0 0 8px;font-size:36px;font-weight:400}.success-sub{color:var(--ink-2);margin:0 0 24px;font-size:14px}.sess-hero{border-bottom:2px solid var(--ink);grid-template-columns:1fr auto;align-items:end;gap:28px;margin-bottom:24px;padding:24px 0;display:grid}.sess-hero-left{min-width:0}.sess-eyebrow{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:8px;font-size:11px}.sess-title{color:var(--ink);letter-spacing:.02em;margin:0 0 8px;font-size:clamp(36px,4vw,52px);font-weight:400;line-height:1}.sess-tagline{font-family:var(--serif);color:var(--ink-2);font-size:18px;font-style:italic}.sess-tagline b{font-family:var(--mono);color:var(--accent);margin-right:4px;font-style:normal;font-weight:600}.sess-hero-right{grid-template-columns:repeat(4,auto);gap:18px 28px;padding-bottom:4px;display:grid}.sess-stat{text-align:right;min-width:88px}.sess-stat-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.15em;color:var(--ink-3);white-space:nowrap;margin-bottom:6px;font-size:10px}.sess-stat-val{font-family:var(--mono);color:var(--ink);letter-spacing:-.02em;font-size:30px;font-weight:500;line-height:1}.sess-stat-unit{color:var(--ink-3);font-size:12px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;margin-left:4px}.sess-heatmap{background:var(--paper-2);border:1px solid var(--rule);border-radius:4px;margin-bottom:24px;padding:18px 22px}.sh-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.sh-title{font-family:var(--mono);text-transform:uppercase;letter-spacing:.18em;color:var(--ink-2);font-size:11px}.sh-legend{align-items:center;gap:4px;display:flex}.sh-legend-label{font-family:var(--mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;margin:0 4px;font-size:10px}.sh-grid{grid-template-columns:32px 1fr;align-items:start;gap:8px;display:grid}.sh-days{font-family:var(--mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;grid-template-rows:repeat(7,minmax(14px,1fr));align-items:center;gap:2px;font-size:9px;display:grid}.sh-weeks{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:2px;display:grid}.sh-week{grid-template-rows:repeat(7,minmax(14px,1fr));gap:2px;display:grid}.sh-cell{aspect-ratio:1;background:#dcd7cf;background:lab(86.1137% .707865 4.53497);border-radius:2px;width:100%;min-height:14px;transition:transform .1s;display:block}html[data-theme=vinyl] .sh-cell.s0{background:#cbc3b8;background:lab(79.1474% 1.6239 6.70657)}.sh-cell:hover{cursor:pointer;transform:scale(1.4)}.sh-cell.s1{background:#f6cfb0;background:lab(85.9279% 10.9225 20.6263)}.sh-cell.s2{background:#eeae7b;background:lab(76.4798% 19.4148 35.9613)}.sh-cell.s3{background:#e38d3d;background:lab(66.9634% 29.0323 55.0545)}.sh-cell.s4{background:var(--accent)}.sh-legend .sh-cell{aspect-ratio:auto;width:12px;height:12px}.sess-highlights{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px;display:grid}.sh-h-card{border:1px solid var(--rule);background:var(--paper);border-radius:4px;padding:18px 22px;position:relative;overflow:hidden}.sh-h-card:before{content:"";background:var(--accent);width:3px;position:absolute;top:0;bottom:0;left:0}.sh-h-eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.15em;color:var(--ink-3);margin-bottom:8px;font-size:10px}.sh-h-title{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em;margin-bottom:4px;font-size:24px;font-weight:400;line-height:1.1}.sh-h-sub{color:var(--ink-3);font-size:12px;font-family:var(--mono)}.sh-h-sub b{color:var(--accent);font-weight:600}.sess-feed{margin-bottom:60px}.sess-feed-head{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:baseline;margin-bottom:4px;padding-bottom:12px;display:flex}.sess-feed-title{font-family:var(--mono);text-transform:uppercase;letter-spacing:.22em;color:var(--ink-2);margin:0;font-size:11px;font-weight:500}.sess-feed-sub{font-family:var(--mono);color:var(--ink-3);font-size:11px}.sess-day{padding-bottom:8px}.sess-day-head{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:18px 0 8px;display:grid}.sess-day-label{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em;font-size:22px;font-style:italic}.sess-day-rule{background:var(--rule);height:1px}.sess-day-count{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);font-size:10px}.sess-take{text-align:left;border-bottom:1px solid var(--rule-soft);background:0 0;grid-template-columns:24px 1fr auto 28px;align-items:center;gap:14px;width:100%;padding:12px 12px 12px 0;transition:background .12s;display:grid;position:relative}.sess-take-delete{width:22px;height:22px;color:var(--ink-4);opacity:0;border:1px solid #0000;border-radius:2px;justify-content:center;align-items:center;font-size:16px;line-height:1;transition:opacity .12s,color .12s,border-color .12s,background .12s;display:inline-flex}.sess-take:hover .sess-take-delete{opacity:1}.sess-take-delete:hover{color:var(--accent-ink);border-color:var(--accent);background:var(--accent-soft)}.sess-take-delete:disabled{opacity:.5}.sess-take:hover{background:var(--paper-2)}.sess-take:hover .sess-take-title{color:var(--accent-ink)}.sess-take-time{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.sess-take-clock{font-family:var(--mono);color:var(--ink-4);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:9px}.sess-take-bullet{border-radius:50%;width:8px;height:8px;display:inline-block}.sess-take-title{font-family:var(--serif);color:var(--ink);letter-spacing:-.005em;flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:4px;font-size:19px;line-height:1.15;transition:color .12s;display:flex}.key-pill{font-family:var(--mono);letter-spacing:.08em;border:1px solid var(--rule);background:var(--paper-2);color:var(--ink-2);white-space:nowrap;border-radius:2px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.key-pill.k-0{color:#8f0000;color:lab(28.3376% 63.4607 52.9242);background:#ffdcd6;background:lab(90.9808% 30.3263 18.8773);border-color:#ff7163;border-color:lab(65.812% 55.7362 36.8491)}.key-pill.k-1{color:#872900;color:lab(31.4402% 45.277 64.2045);background:#ffdfd0;background:lab(91.3466% 22.6591 25.6309);border-color:#f0834e;border-color:lab(66.5025% 39.9168 47.1206)}.key-pill.k-2{color:#7c4700;color:lab(35.658% 27.8283 82.9255);background:#ffe1b7;background:lab(91.8163% 12.3971 34.3517);border-color:#dc932e;border-color:lab(67.2417% 22.388 60.9729)}.key-pill.k-3{color:#675400;color:lab(36.417% 7.74263 91.8423);background:#fde89a;background:lab(92.3443% -.50956 40.7044);border-color:#c2a200;border-color:lab(68.0013% 3.48169 80.429)}.key-pill.k-4{color:#3b6300;color:lab(37.7688% -33.7067 77.2226);background:#d2f6af;background:lab(92.9881% -21.1117 30.2644);border-color:#83b83f;border-color:lab(69.1318% -32.2316 52.8564)}.key-pill.k-5{color:#005e30;color:lab(34.9512% -60.8722 32.1139);background:#b2fccb;background:lab(93.2082% -31.3273 16.085);border-color:#35c177;border-color:lab(69.5911% -51.1996 26.4252)}.key-pill.k-6{color:#005b4f;color:lab(34.7253% -59.539 -.298911);background:#99feea;background:lab(93.1352% -34.5432 -.283492);border-color:#00c0a8;border-color:lab(69.527% -56.7414 -.385582)}.key-pill.k-7{color:#005865;color:lab(33.7674% -39.544 -28.7076);background:#b3f5ff;background:lab(92.5838% -25.4684 -16.9224);border-color:#00bad2;border-color:lab(68.5553% -38.2002 -25.7944)}.key-pill.k-8{color:#00508d;color:lab(31.6568% -.386685 -54.4688);background:#d0ecff;background:lab(91.7994% -10.0502 -30.0864);border-color:#4dacf6;border-color:lab(67.1788% -11.1933 -45.7924)}.key-pill.k-9{color:#3738ac;color:lab(29.8862% 29.8447 -63.5494);background:#dfe6ff;background:lab(91.1505% 5.48565 -32.9328);border-color:#8a9bff;border-color:lab(65.9677% 14.2218 -53.6766)}.key-pill.k-10{color:#6816a1;color:lab(28.9646% 51.8533 -58.2547);background:#efe0ff;background:lab(90.593% 21.0485 -30.0861);border-color:#bc88f4;border-color:lab(65.2068% 35.9991 -47.2465)}.key-pill.k-11{color:#89006d;color:lab(29.4273% 66.3115 -26.9284);background:#ffdcf2;background:lab(90.4942% 31.4108 -12.5653);border-color:#ec71c8;border-color:lab(64.9629% 55.5452 -22.3525)}.sess-take-meta{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.sess-take-comp{font-style:italic}.sess-take-stats{font-family:var(--mono);color:var(--ink-2);white-space:nowrap;align-items:center;gap:18px;font-size:13px;display:flex}.sess-take-skills b,.sess-take-dur,.sess-take-bpm{color:var(--ink);font-weight:500}@media (max-width:900px){.sess-hero{grid-template-columns:1fr;gap:16px}.sess-hero-right{grid-template-columns:repeat(2,1fr);justify-self:stretch}.sess-stat{text-align:left}.sess-highlights{grid-template-columns:1fr}.sh-grid{grid-template-columns:28px 1fr}.sess-take{grid-template-columns:18px 1fr}.sess-take-stats{grid-column:1/-1;gap:12px;padding-left:32px;font-size:12px}}@media (max-width:1100px){.detail-grid{grid-template-columns:1fr}.cat-head,.cat-row{grid-template-columns:40px 1.4fr 100px 50px 70px 60px 80px 100px;gap:12px}.row-title{font-size:18px}}@media (max-width:760px){.mast-top{grid-template-columns:1fr;gap:10px;padding:14px 20px 10px}.nav,.auth{justify-self:start}.library,.detail,.sessions{padding:20px}.cat-head{display:none}.cat-row{grid-template-columns:1fr auto;grid-template-areas:"num key""title bpm""comp last";gap:4px}.title-block{grid-template-columns:1fr}.title-right{gap:18px}}.import-header{margin:20px 0 14px}.import-title{font-family:var(--serif);letter-spacing:.01em;margin:0 0 6px;font-size:32px;font-weight:400}.import-sub{color:var(--ink-2);max-width:640px;margin:0;font-size:13px}.import-sub code{font-family:var(--mono);background:var(--paper-2,#0000000a);border-radius:2px;padding:1px 5px;font-size:12px}.import-form{border:1px solid var(--rule);border-radius:4px;margin-top:16px;padding:16px}.import-label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px;font-size:12px;display:block}.import-label>span{margin-bottom:6px;display:block}.import-textarea{width:100%;font-family:var(--mono);background:var(--paper);border:1px solid var(--rule);resize:vertical;text-transform:none;letter-spacing:0;color:var(--ink);border-radius:3px;padding:10px 12px;font-size:12px;line-height:1.5}.import-textarea:focus{border-color:var(--ink-3);outline:none}.import-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.import-error{color:#a02020;background:#b4282814;border:1px solid #b428284d;border-radius:3px;margin-top:12px;padding:10px 12px;font-size:13px}.import-section{margin-top:28px}.import-section-head{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:12px;padding-bottom:8px;display:flex}.import-section-head h2{font-family:var(--serif);margin:0;font-size:20px;font-weight:400}.import-section-meta{color:var(--ink-3);letter-spacing:.02em;font-size:12px}.import-table{border-collapse:collapse;width:100%;font-size:13px}.import-table th,.import-table td{text-align:left;border-bottom:1px solid var(--rule);padding:8px 10px}.import-table th{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:500}.import-bpm-src{color:var(--ink-3);font-size:11px}.import-status{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;border-radius:2px;padding:2px 7px;font-size:11px}.import-status-inserted{color:#1e6b2e;background:#288c3c26}.import-status-skipped{color:var(--ink-3);background:#0000000f}.import-status-failed{color:#a02020;background:#b428281f}.import-reason{color:var(--ink-3);font-size:12px}.import-failed{background:#00000008;border-radius:3px;margin-top:14px;padding:10px 14px;font-size:12px}.import-failed strong{margin-bottom:4px;display:block}.import-failed ul{color:var(--ink-2);margin:0;padding-left:18px}.import-after{margin-top:16px}.chord-cell{cursor:pointer;border-radius:2px;align-items:baseline;padding:0 1px;transition:background .12s;display:inline-flex;position:relative}.chord-cell:hover{background:var(--accent-soft)}.chord-cell-has:after{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.chord-cell-open{background:var(--accent-soft)}.voicing-pop{z-index:1000;background:var(--paper);border:1px solid var(--rule);min-width:260px;max-width:320px;font-family:var(--sans);border-radius:4px;position:fixed;box-shadow:0 8px 24px #0000002e,0 2px 6px #00000014}.voicing-pop-head{border-bottom:1px solid var(--rule-soft);align-items:baseline;gap:8px;padding:8px 12px 6px;display:flex}.voicing-pop-chord{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em;font-size:18px}.voicing-pop-sub{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-ink);font-size:9px}.voicing-pop-body{flex-direction:column;gap:10px;max-height:60vh;padding:8px 10px;display:flex;overflow-y:auto}.voicing-pop-empty{color:var(--ink-3);padding:6px 2px 2px;font-size:12px}.voicing-pop-foot{border-top:1px solid var(--rule-soft);padding:6px 10px 10px}.voicing-section+.voicing-section{border-top:1px dashed var(--rule);margin-top:4px;padding-top:8px}.voicing-section-head{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);align-items:baseline;gap:6px;padding:0 2px 6px;font-size:9px;display:flex}.voicing-section-head .chord-root{font-size:13px}.voicing-section-head .chord-suffix{font-size:10px}.voicing-group{border-bottom:1px solid var(--rule-soft);margin-bottom:6px;padding-bottom:6px}.voicing-group:last-child{border-bottom:none;margin-bottom:0}.voicing-group-origin{align-items:center;gap:6px;padding:4px 2px 0;font-size:11px;display:flex}.voicing-row{grid-template-columns:1fr;gap:4px;padding:4px 2px;display:grid}.voicing-piano-wrap{justify-content:flex-start;display:flex}.voicing-row-meta{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.voicing-origin-prefix{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-size:10px}.voicing-origin{font-family:var(--mono);letter-spacing:.04em;color:var(--accent-ink);background:var(--accent-soft);border:1px solid var(--rule-soft);border-radius:2px;padding:1px 6px;font-size:10px;text-decoration:none}.voicing-origin:hover{background:var(--paper-2)}.voicing-row-actions{justify-content:flex-end;gap:4px;display:flex}.voicing-btn{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;background:var(--paper);color:var(--ink-2);border:1px solid var(--rule);cursor:pointer;border-radius:2px;padding:3px 8px;font-size:10px}.voicing-btn:hover:not(:disabled){background:var(--paper-2);color:var(--ink)}.voicing-btn:disabled{opacity:.4;cursor:not-allowed}.voicing-btn-primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.voicing-btn-primary:hover:not(:disabled){background:var(--ink-2);color:var(--paper)}.voicing-btn-icon{font-family:var(--sans);justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:13px;display:inline-flex}.voicing-btn-danger:hover:not(:disabled){color:#a02020;background:#b428281a;border-color:#a02020}.voicing-btn-add{width:100%;padding:6px}.pv-piano{background:0 0;display:block}.pv-white{fill:var(--paper);stroke:var(--ink);stroke-width:.6px}.pv-piano-edit .pv-white{cursor:pointer}.pv-piano-edit .pv-white:hover{fill:var(--paper-2)}.pv-white-active{fill:var(--accent);stroke:var(--accent-ink)}.pv-piano-edit .pv-white-active:hover{fill:var(--accent-ink)}.pv-black{fill:var(--ink);stroke:var(--ink);stroke-width:.4px}.pv-piano-edit .pv-black{cursor:pointer}.pv-piano-edit .pv-black:hover{fill:var(--ink-2)}.pv-black-active{fill:var(--accent);stroke:var(--accent-ink)}.pv-piano-edit .pv-black-active:hover{fill:var(--accent-ink)}.pv-octave{stroke:var(--ink-3);stroke-width:.4px;stroke-dasharray:1 2}.pv-label{font-family:var(--mono);letter-spacing:.04em;fill:var(--ink-3);pointer-events:none;font-size:7px}
html[data-theme=vinyl]{--paper:#eee3d3;--paper-2:#e3d5c4;--rule:#140b06;--rule-soft:#b1a291;--ink:#150a05;--ink-2:#3c302a;--ink-3:#665b55;--ink-4:#8e847d;--accent:#c66c00;--accent-ink:#954200;--accent-soft:#f6c79a;--display:"Limelight", "Bodoni Moda", "Cormorant Garamond", Georgia, serif}@supports (color:lab(0% 0 0)){html[data-theme=vinyl]{--paper:lab(90.7549% 2.19339 8.96246);--paper-2:lab(86.1183% 2.60416 10.4903);--rule:lab(3.63803% 2.97386 3.0423);--rule-soft:lab(67.522% 3.70848 11.0039);--ink:lab(3.63041% 3.31506 3.29751);--ink-2:lab(21.0276% 4.52922 6.05388);--ink-3:lab(39.6011% 3.99388 5.37651);--ink-4:lab(55.8695% 3.14739 5.07836);--accent:lab(55.1765% 34.8925 75.8707);--accent-ink:lab(38.7512% 36.373 59.562);--accent-soft:lab(83.6198% 13.0301 29.3312)}}html[data-theme=vinyl] body{font-family:var(--sans)}html[data-theme=vinyl] .app:before{background-image:radial-gradient(at 50% 0,#0000000a 0,#0000 60%),repeating-radial-gradient(circle,#0000 0 60px,#00000003 60px,#0000 62px);background-image:radial-gradient(at 50% 0,lab(0% 0 0/.04) 0,#0000 60%),repeating-radial-gradient(circle,lab(0% 0 0/0) 0 60px,lab(0% 0 0/.012) 60px,lab(0% 0 0/0) 62px)}html[data-theme=vinyl] .masthead{border-bottom:2px solid var(--ink);background:var(--paper)}html[data-theme=vinyl] .mast-rule{display:none}html[data-theme=vinyl] .brand-mark{font-family:var(--display);letter-spacing:.04em;color:var(--ink);font-size:36px;font-style:normal;font-weight:400;line-height:.85}html[data-theme=vinyl] .brand-sub{font-family:var(--mono);color:var(--ink-2);letter-spacing:.18em;font-size:10px}html[data-theme=vinyl] .brand-sub .vol{color:var(--accent-ink)}html[data-theme=vinyl] .nav-item.on{border-bottom-color:var(--accent)}.vinyl-frame{border:1.5px solid var(--ink);background:repeating-linear-gradient(90deg, transparent 0 26px, #00000006 26px 27px), var(--paper-2);margin-bottom:22px;padding:22px 32px 26px;position:relative}@supports (color:lab(0% 0 0)){.vinyl-frame{background:repeating-linear-gradient(90deg, transparent 0 26px, lab(0% 0 0/.025) 26px 27px), var(--paper-2)}}.vinyl-frame:before,.vinyl-frame:after{content:"";border:1.5px solid var(--ink);background:var(--accent);border-radius:50%;width:18px;height:18px;position:absolute}.vinyl-frame:before{top:12px;left:12px}.vinyl-frame:after{top:12px;right:12px}.vinyl-label-top,.vinyl-label-bottom{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-2);text-align:center;justify-content:center;align-items:center;gap:10px;font-size:10px;display:flex}.vinyl-label-top{margin-bottom:14px;padding:0 36px}.vinyl-label-bottom{margin-top:16px;padding:0 36px}.vinyl-dot{color:var(--accent);font-size:7px;line-height:1}.vinyl-title{font-family:var(--display);text-align:center;margin:0;font-weight:400;line-height:.9}.vinyl-title-line{letter-spacing:.02em;color:var(--ink);font-size:clamp(54px,8vw,116px);display:block}.vinyl-title-sub{font-family:var(--serif);color:var(--accent-ink);letter-spacing:0;text-transform:none;margin-top:6px;font-size:clamp(18px,2.2vw,28px);font-style:italic;font-weight:400;display:block}html[data-theme=vinyl] .search{border-bottom:2px solid var(--ink);max-width:100%}.hero-vinyl{border-bottom:2px solid var(--ink);margin-bottom:16px;padding:24px 0 18px}.vh-grid{grid-template-columns:1.45fr 1fr;gap:14px;margin-bottom:18px;display:grid}.vh-feature{border:1.5px solid var(--ink);background:var(--paper-2);text-align:left;cursor:pointer;border-radius:2px;padding:18px 22px;transition:transform .12s,background .15s,box-shadow .15s;position:relative;overflow:hidden}.vh-feature:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 22px,#00000006 22px 23px);background:repeating-linear-gradient(90deg,#0000 0 22px,lab(0% 0 0/.025) 22px 23px);position:absolute;inset:0}.vh-feature:hover{box-shadow:4px 4px 0 var(--accent);background:#dfceb8;background:lab(83.8031% 3.342 13.1821);transform:translate(-2px,-2px)}.vh-feature:hover .vh-spindle .vh-disc{transform:rotate(90deg)}.vh-feature-eyebrow{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:12px;font-size:10px;position:relative}.vh-feature-main{grid-template-columns:84px 1fr auto;align-items:center;gap:18px;display:grid;position:relative}.vh-spindle{width:84px;height:84px;box-shadow:0 0 0 1.5px var(--ink), inset 0 0 0 1px #ffffff14;background:#0b0402;background:lab(1.52826% 1.54576 1.49527);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}@supports (color:lab(0% 0 0)){.vh-spindle{box-shadow:0 0 0 1.5px var(--ink), inset 0 0 0 1px lab(100% 0 0/.08)}}.vh-disc{width:76px;height:76px;transition:transform .8s cubic-bezier(.4,0,.2,1)}.vh-disc-outer{fill:#0b0402;fill:lab(1.52826% 1.54576 1.49527);stroke:#332c29;stroke:lab(18.7471% 2.6682 3.58884);stroke-width:.5px}.vh-disc-mid{stroke:#332c29;stroke:lab(18.7471% 2.6682 3.58884);stroke-width:.3px;stroke-dasharray:1 2}.vh-disc-label{fill:var(--accent)}.vh-disc-spindle{fill:var(--paper)}.vh-title{font-family:var(--sans);letter-spacing:-.02em;color:var(--ink);margin-bottom:4px;font-size:26px;font-weight:600;line-height:1.05}.vh-comp{font-family:var(--serif);color:var(--ink-2);margin-bottom:10px;font-size:14px;font-style:italic}.vh-meta{font-family:var(--mono);color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;display:flex}.vh-meta-sep{color:var(--ink-4)}.vh-feature-cta{font-family:var(--sans);color:var(--accent-ink);letter-spacing:.02em;white-space:nowrap;border:1.5px solid var(--accent);border-radius:2px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .15s}.vh-feature:hover .vh-feature-cta{background:var(--accent);color:var(--paper)}.vh-side{grid-template-columns:1fr 1fr;gap:8px;display:grid}.vh-pick{text-align:left;border:1px solid var(--rule);background:var(--paper);cursor:pointer;border-radius:2px;grid-template-columns:28px 1fr;align-items:center;gap:10px;padding:12px 14px;transition:all .12s;display:grid}.vh-pick:hover{border-color:var(--ink);background:var(--paper-2);transform:translateY(-1px)}.vh-pick-icon{color:var(--accent-ink);text-align:center;font-size:20px;line-height:1}.vh-shuffle{font-size:24px;font-weight:700}.vh-pick:hover .vh-shuffle{transition:transform .2s;transform:rotate(15deg)}.vh-pick-label{font-family:var(--sans);color:var(--ink);letter-spacing:-.01em;font-size:13px;font-weight:600}.vh-pick-sub{font-family:var(--serif);color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11px;font-style:italic;overflow:hidden}.vh-stats{font-family:var(--mono);letter-spacing:.05em;color:var(--ink-3);text-transform:uppercase;border-top:1px solid var(--rule-soft);border-bottom:1px solid var(--rule-soft);align-items:center;gap:10px;margin-bottom:16px;padding:10px 0;font-size:11px;display:flex}.vh-stats b{color:var(--ink);font-size:13px;font-weight:500}.vh-stats-dot{color:var(--accent);font-size:7px}@media (max-width:900px){.vh-grid,.vh-side{grid-template-columns:1fr}.vh-feature-main{grid-template-columns:60px 1fr}.vh-spindle{width:60px;height:60px}.vh-disc{width:54px;height:54px}.vh-feature-cta{grid-column:2;justify-self:start;margin-top:4px}}html[data-theme=vinyl] .search-label{font-family:var(--mono);letter-spacing:.2em;color:var(--accent-ink)}html[data-theme=vinyl] .search-input{font-family:var(--serif);letter-spacing:0;color:var(--ink);font-size:22px;font-style:italic}html[data-theme=vinyl] .search-input::placeholder{font-family:var(--serif);letter-spacing:0;color:var(--ink-4);font-size:18px;font-style:italic}html[data-theme=vinyl] .cat-head{font-family:var(--mono);letter-spacing:.18em;color:var(--ink-2);border-bottom-color:var(--ink)}html[data-theme=vinyl] .catalog,html[data-theme=vinyl] .pager{border-top:2px solid var(--ink)}html[data-theme=vinyl] .row-title{font-family:var(--sans);letter-spacing:-.005em;color:var(--ink);font-size:15px;font-weight:600}html[data-theme=vinyl] .row-comp{font-family:var(--serif);color:var(--ink-2);font-size:13px;font-style:italic}html[data-theme=vinyl] .style-pill{font-family:var(--mono);letter-spacing:.15em}html[data-theme=vinyl] .chip{border-color:var(--ink);background:var(--paper);color:var(--ink);font-family:var(--mono);letter-spacing:.05em;font-size:11px}html[data-theme=vinyl] .chip.on{background:var(--ink);color:var(--paper)}html[data-theme=vinyl] .meta-chip{font-family:var(--mono);color:var(--ink-2)}html[data-theme=vinyl] .title-block{border-bottom-color:var(--ink);border-bottom-width:2px}html[data-theme=vinyl] .big-title{font-family:var(--display);letter-spacing:.015em;font-size:clamp(52px,7vw,100px);font-weight:400;line-height:.92}html[data-theme=vinyl] .composer{font-family:var(--serif);color:var(--ink-2);font-size:16px;font-style:italic}html[data-theme=vinyl] .composer em{font-family:var(--serif);color:var(--accent-ink);font-size:17px;font-style:italic;font-weight:400}html[data-theme=vinyl] .stat-label{font-family:var(--mono);color:var(--ink-2);letter-spacing:.2em}html[data-theme=vinyl] .stat-val{font-family:var(--mono);font-size:28px;font-weight:500}html[data-theme=vinyl] .skill-title{font-family:var(--sans);letter-spacing:-.01em;font-size:18px;font-style:normal;font-weight:600}html[data-theme=vinyl] .skill-sub{font-family:var(--mono)}html[data-theme=vinyl] .skill-header{border-bottom-color:var(--ink);border-bottom-width:2px}html[data-theme=vinyl] .chart-card,html[data-theme=vinyl] .skill-card,html[data-theme=vinyl] .modal,html[data-theme=vinyl] .modal-skills{border:1.5px solid var(--ink);border-radius:2px}html[data-theme=vinyl] .chart-strip{background:var(--ink);color:var(--paper);border-bottom-color:var(--ink)}html[data-theme=vinyl] .chart-clef{color:var(--accent)}html[data-theme=vinyl] .chart-key{color:var(--paper)}html[data-theme=vinyl] .chart-key strong,html[data-theme=vinyl] .chart-time,html[data-theme=vinyl] .chart-transposed{color:var(--accent)}html[data-theme=vinyl] .chord-root{font-family:var(--serif);letter-spacing:-.005em;font-size:22px;font-weight:400}html[data-theme=vinyl] .chord-suffix{font-family:var(--serif);font-style:italic}html[data-theme=vinyl] .bar-num{font-family:var(--mono);color:var(--ink-4)}html[data-theme=vinyl] .btn{border-radius:2px}html[data-theme=vinyl] .btn-primary{background:var(--ink);color:var(--paper);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:12px 18px;font-size:11px}html[data-theme=vinyl] .btn-primary:hover:not(:disabled){background:var(--accent-ink);color:var(--paper)}html[data-theme=vinyl] .btn-lg{padding:14px 22px;font-size:12px}html[data-theme=vinyl] .btn-ghost{border-color:var(--ink);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:11px}html[data-theme=vinyl] .kp{font-family:var(--mono);border-radius:2px;font-weight:600}html[data-theme=vinyl] .kp.on{background:var(--accent);color:var(--ink)}html[data-theme=vinyl] .kp.home{color:var(--ink)}html[data-theme=vinyl] .key-picker{background:var(--paper-2);border-color:var(--ink)}html[data-theme=vinyl] .modal-title{font-family:var(--sans);letter-spacing:-.01em;font-size:22px;font-weight:600}html[data-theme=vinyl] .modal-eyebrow{font-family:var(--mono)}html[data-theme=vinyl] .modal-head{border-bottom-color:var(--ink);background:var(--paper-2);border-bottom-width:2px}html[data-theme=vinyl] .success-title{font-family:var(--sans);letter-spacing:-.01em;font-size:26px;font-weight:600}html[data-theme=vinyl] .success-mark{background:var(--accent);color:var(--ink);border:1.5px solid var(--ink)}html[data-theme=vinyl] .skill-row.at-target .sk-label{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}html[data-theme=vinyl] .sd.on{background:var(--accent)}