@font-face{font-family:Jost Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/atril/assets/jost-cyrillic-wght-normal-CjwCQKo9.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Jost Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/atril/assets/jost-latin-ext-wght-normal-BDUtSsKd.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Jost Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/atril/assets/jost-latin-wght-normal-ObQm3Zd1.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Yellowtail;font-style:normal;font-display:swap;font-weight:400;src:url(/atril/assets/yellowtail-latin-400-normal-BfFX3xIh.woff2)format("woff2"),url(/atril/assets/yellowtail-latin-400-normal-qKkxeRph.woff)format("woff")}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/atril/assets/dm-mono-latin-400-normal-4GdczIuU.woff2)format("woff2"),url(/atril/assets/dm-mono-latin-400-normal--0xN8mdc.woff)format("woff")}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/atril/assets/dm-mono-latin-500-normal-DRMDZjhP.woff2)format("woff2"),url(/atril/assets/dm-mono-latin-500-normal-CN8Miw6E.woff)format("woff")}:root{--pearl:#f4e4c1;--bronze:#e6af91;--chocolate:#6a2e2a;--brown-red:#a2242f;--hunter:#588157;--ground:var(--pearl);--surface:#faf1dc;--sunk:#ecd6a9;--ink:var(--chocolate);--ink-soft:#84514a;--line:color-mix(in srgb, var(--chocolate) 22%, transparent);--rule:var(--chocolate);--primary:var(--brown-red);--on-primary:var(--pearl);--complement:#578056;--on-complement:#fff;--shadow-color:var(--bronze);--hover:color-mix(in srgb, var(--bronze) 35%, transparent);--selected:color-mix(in srgb, var(--brown-red) 12%, var(--surface));--paper:#fbf4e4;--paper-ink:#4a1f1c;--font-ui:"Jost Variable", "Jost", "Futura", "Century Gothic", system-ui, sans-serif;--font-brand:"Yellowtail", "Brush Script MT", cursive;--font-num:"DM Mono", ui-monospace, "SF Mono", Menlo, monospace;--r:22px;--r-sm:14px;--r-pill:999px;--shadow:0 1px 2px color-mix(in srgb, var(--shadow-color) 45%, transparent), 0 18px 40px -18px color-mix(in srgb, var(--shadow-color) 95%, transparent);--shadow-sm:0 6px 16px -8px color-mix(in srgb, var(--shadow-color) 90%, transparent);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#2a1513;--surface:#3a201c;--sunk:#221110;--ink:var(--pearl);--ink-soft:#cdb89a;--line:color-mix(in srgb, var(--pearl) 18%, transparent);--rule:color-mix(in srgb, var(--pearl) 55%, transparent);--primary:#e66f75;--on-primary:#2a1513;--complement:#8fb38d;--on-complement:#2a1513;--shadow-color:#0d0505;--hover:color-mix(in srgb, var(--bronze) 16%, transparent);--selected:color-mix(in srgb, #e66f75 18%, var(--surface));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--ground:#2a1513;--surface:#3a201c;--sunk:#221110;--ink:var(--pearl);--ink-soft:#cdb89a;--line:color-mix(in srgb, var(--pearl) 18%, transparent);--rule:color-mix(in srgb, var(--pearl) 55%, transparent);--primary:#e66f75;--on-primary:#2a1513;--complement:#8fb38d;--on-complement:#2a1513;--shadow-color:#0d0505;--hover:color-mix(in srgb, var(--bronze) 16%, transparent);--selected:color-mix(in srgb, #e66f75 18%, var(--surface));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--ground);color:var(--ink);font:400 15px/1.45 var(--font-ui);padding-top:env(safe-area-inset-top,0px);-webkit-font-smoothing:antialiased;margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}[hidden]{display:none!important}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}svg{flex:none;width:18px;height:18px}h1,h2,h3,h4,p{margin:0}.eyebrow{font:600 11.5px/1.2 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.hint,.fine{color:var(--ink-soft);font-size:13px}.pill{border:1.5px solid var(--rule);border-radius:var(--r-pill);background:var(--surface);white-space:nowrap;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:6px 16px;font-size:14px;font-weight:600;transition:background-color .15s,box-shadow .15s,transform .15s;display:inline-flex}.pill:hover:not(:disabled){background:var(--hover)}.pill:active:not(:disabled){transform:translate(1px,1px)}.pill.primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-sm)}.pill.ghost{background:0 0}.pill.wide{width:100%}.pill:disabled{opacity:.45}.text-btn{color:var(--primary);background:0 0;border:0;padding:4px 2px;font-size:14px;font-weight:600}.text-btn:disabled{color:var(--ink-soft);opacity:.5}.icon-btn{min-width:40px;color:var(--ink-soft);background:0 0;border:0;border-radius:12px;flex:none;place-items:center;display:grid}.icon-btn:hover{background:var(--hover)}.icon-btn.star[aria-pressed=true]{color:var(--primary)}.icon-btn.confirm{background:var(--primary);color:var(--on-primary);padding:0 12px;font-size:13px;font-weight:600}.select,.num,.search,.field{border:1.5px solid var(--rule);border-radius:var(--r-pill);background:var(--surface);min-height:38px}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink) 50%), linear-gradient(135deg, var(--ink) 50%, transparent 50%);background-position:calc(100% - 20px) 52%,calc(100% - 15px) 52%;background-repeat:no-repeat;background-size:5px 5px;min-width:0;max-width:100%;padding:6px 38px 6px 16px;font-weight:500}.select:disabled{opacity:.5}.num{width:68px;font-family:var(--font-num);text-align:center;padding:6px 12px}.search,.field{color:var(--ink-soft);align-items:center;gap:8px;padding:0 6px 0 14px;display:flex}.search:focus-within,.field:focus-within{outline:2px solid var(--primary);outline-offset:2px}.search input,.field input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:8px 4px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1.5px solid var(--line);border-radius:var(--r-pill);background:0 0;align-items:center;gap:6px;padding:3px 12px;font-size:13px;font-weight:500;display:inline-flex}.chip:hover{border-color:var(--rule)}.chip[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.chip[data-l]:before{content:"";background:var(--dot);border-radius:50%;width:8px;height:8px}[data-l=Principiante]{--dot:var(--complement)}[data-l=Intermedio]{--dot:var(--bronze)}[data-l=Avanzado]{--dot:var(--primary)}[data-l=Importado]{--dot:var(--ink-soft)}.chip[aria-pressed=true]:before{background:var(--on-primary)}.segmented{border:1.5px solid var(--rule);border-radius:var(--r-pill);background:var(--surface);display:inline-flex;overflow:hidden}.segmented button{background:0 0;border:0;padding:5px 14px;font-size:13px;font-weight:600}.module .segmented{display:flex}.module .segmented button{flex:1}.segmented button+button{border-left:1.5px solid var(--line)}.segmented button:hover{background:var(--hover)}.segmented button[aria-pressed=true]{background:var(--primary);color:var(--on-primary)}.switch{background:0 0;border:0;align-items:center;gap:10px;padding:4px 0;font-size:14px;font-weight:500;display:inline-flex}.switch-track{border:1.5px solid var(--rule);border-radius:var(--r-pill);background:var(--surface);width:40px;height:22px;transition:background-color .18s;position:relative}.switch-knob{background:var(--ink);border-radius:50%;width:15px;height:15px;transition:transform .18s;position:absolute;top:2px;left:2px}.switch[aria-checked=true] .switch-track{background:var(--complement);border-color:var(--complement)}.switch[aria-checked=true] .switch-knob{background:var(--on-complement);transform:translate(18px)}.range{appearance:none;border-radius:var(--r-pill);background:linear-gradient(to right, var(--primary) var(--fill), var(--line) var(--fill));cursor:pointer;min-width:0;height:6px}.range::-webkit-slider-thumb{appearance:none;background:var(--surface);border:2px solid var(--rule);width:18px;height:18px;box-shadow:var(--shadow-sm);border-radius:50%}.range::-moz-range-thumb{background:var(--surface);border:2px solid var(--rule);width:14px;height:14px;box-shadow:var(--shadow-sm);border-radius:50%}.range::-moz-range-track{background:0 0}.app{min-height:100%}.top{z-index:20;background:color-mix(in srgb, var(--ground) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:12px 24px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;display:flex}.brand h1{font:400 38px/1 var(--font-brand);color:var(--primary);transform:translateY(-2px)}.starburst{background:var(--complement);clip-path:polygon(50% 0%,58% 34%,85% 15%,66% 42%,100% 50%,66% 58%,85% 85%,58% 66%,50% 100%,42% 66%,15% 85%,34% 58%,0% 50%,34% 42%,15% 15%,42% 34%);width:24px;height:24px}.brand{text-decoration:none}.menu{border-radius:var(--r-pill);background:color-mix(in srgb, var(--sunk) 70%, transparent);gap:4px;padding:4px;display:flex}.menu a{border-radius:var(--r-pill);color:var(--ink-soft);align-items:center;gap:8px;padding:7px 18px;font-weight:600;text-decoration:none;display:inline-flex}.menu a:hover{color:var(--ink)}.menu a[aria-current=page]{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.menu svg{width:17px;height:17px}.menu-top{margin-left:auto;margin-right:8px}.menu-bottom{display:none}.theme-picker{flex:none}.theme-picker button{align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.theme-picker svg{width:15px;height:15px}.library-page{gap:22px;max-width:1480px;margin:0 auto;padding:26px 24px 48px;display:grid}.lib-hero{gap:16px;display:grid}.lib-hero h2{font:700 clamp(26px, 3vw, 38px) / 1.05 var(--font-ui);letter-spacing:-.015em;margin:2px 0 4px}.search.big{border-width:1px;border-color:var(--line);background:var(--surface);min-height:54px;box-shadow:var(--shadow-sm);padding-left:20px;font-size:17px}.search.big:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 16%, transparent);outline:none}.search.big svg{width:20px;height:20px}.lib-filters{flex-wrap:wrap;gap:10px 24px;display:flex}.lib-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:22px;display:grid}.lib-results{gap:18px;min-width:0;display:grid}.song-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.song-card{grid-template-rows:auto auto 1fr auto;gap:10px;padding:16px 16px 14px;display:grid}.song-card[data-open]{outline:2px solid var(--complement)}.song-top{align-items:center;gap:12px;display:flex}.song-top .disc{width:48px;height:48px}.song-text{flex:1;min-width:0}.song-text h3{font:600 17px/1.2 var(--font-ui)}.song-text p{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.song-top .star{align-self:flex-start;height:36px}.song-meta{color:var(--ink-soft);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 12px;font-size:12.5px;display:flex}.song-tags{flex-wrap:wrap;align-content:start;gap:6px;display:flex}.song-tags span{border-radius:var(--r-pill);background:var(--hover);padding:2px 10px;font-size:12px}.song-actions{justify-content:flex-end;align-items:center;gap:8px;padding-top:6px;display:flex}.song-actions .icon-btn{height:36px}.text-btn.danger{color:var(--primary)}.lib-side{gap:16px;display:grid;position:sticky;top:86px}.empty{color:var(--ink-soft);padding:16px 10px;font-size:14px}.online{border-top:1px solid var(--line);max-width:640px;color:var(--ink-soft);gap:8px;padding-top:14px;font-size:13px;display:grid}.online.prominent{border-top:0;padding-top:0}.online h3{overflow-wrap:anywhere}.online ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.online a{border-radius:var(--r-sm);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;text-decoration:none;display:flex}.online a:hover{outline:1px solid var(--rule)}.online a span{min-width:0;display:grid}.online a strong{font-weight:600}.online a small{color:var(--ink-soft)}.online a svg{color:var(--primary)}.link-import{gap:6px;display:grid}.link-import .field{padding-right:4px}.link-import .field .pill{min-height:30px;padding:2px 14px}.link-import .error{color:var(--primary);font-size:13px;font-weight:500}.lvl{color:var(--ink-soft);white-space:nowrap;align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.lvl:before{content:"";background:var(--dot);border-radius:50%;width:7px;height:7px}.disc,.label-art{--vinyl:var(--chocolate);--groove:color-mix(in srgb, var(--chocolate) 82%, var(--pearl));background:radial-gradient(circle closest-side, var(--chocolate) 0 9%, var(--pearl) 9.5% 41%, color-mix(in srgb, var(--chocolate) 85%, black) 41.5% 51%, transparent 51.5%), conic-gradient(from 20deg, transparent 0 10%, color-mix(in srgb, var(--pearl) 18%, transparent) 15%, transparent 22% 58%, color-mix(in srgb, var(--pearl) 12%, transparent) 64%, transparent 70%), repeating-radial-gradient(circle, var(--vinyl) 0 2px, var(--groove) 2px 3px);border-radius:50%;flex:none}.disc{width:40px;height:40px}:is(.disc,.label-art)[data-level=Principiante]{--vinyl:var(--hunter);--groove:color-mix(in srgb, var(--hunter) 78%, var(--chocolate))}:is(.disc,.label-art)[data-level=Intermedio]{--vinyl:var(--bronze);--groove:color-mix(in srgb, var(--bronze) 78%, var(--chocolate))}:is(.disc,.label-art)[data-level=Avanzado]{--vinyl:var(--brown-red);--groove:color-mix(in srgb, var(--brown-red) 78%, var(--chocolate))}.dash{grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"now now""player kit""below kit";align-items:start;gap:20px 22px;max-width:1480px;margin:0 auto;padding:22px 24px 40px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.panel{align-content:start;gap:14px;padding:18px 20px;display:grid}.panel-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-head h3{font:600 18px/1.2 var(--font-ui)}.now{flex-wrap:wrap;grid-area:now;align-items:center;gap:16px 22px;display:flex}.label-art{width:68px;height:68px;box-shadow:var(--shadow-sm)}.label-art[data-spinning=true]{animation:3s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.now .titles{flex:0 auto;gap:2px;min-width:0;margin-right:12px;display:grid}.now h2{font:700 clamp(24px, 2.6vw, 34px) / 1.05 var(--font-ui);letter-spacing:-.015em;text-wrap:balance}.now .by{color:var(--ink-soft)}.facts{flex-wrap:wrap;gap:8px 28px;margin:0 auto 0 0;display:flex}.facts div{gap:2px;display:grid}.facts dt{font:600 11px/1.2 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.facts dd{font:500 15px/1.3 var(--font-num);margin:0}.icon-btn.fav{border:1px solid var(--line);background:var(--surface);width:46px;height:46px;color:var(--primary);box-shadow:var(--shadow-sm);border-radius:50%}.icon-btn.fav[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.icon-btn.fav svg{width:20px;height:20px}.player{flex-direction:column;grid-area:player;min-width:0;display:flex;overflow:hidden}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;padding:14px 20px;display:flex}.toggles{flex-wrap:wrap;gap:6px 22px;display:flex}.view-options{flex-wrap:wrap;gap:8px;display:flex}.view-options .segmented button{padding:4px 12px;font-size:12.5px}.desk{padding:0 14px}.score-scroll{isolation:isolate;border-radius:var(--r-sm);background:var(--paper);color:var(--paper-ink);box-shadow:inset 0 0 0 1px var(--line);position:relative;overflow:auto}.player[data-layout=line] .score-scroll{min-height:220px;max-height:56vh}.player[data-layout=page] .score-scroll{height:66vh}.at-surface{min-height:200px;padding-top:8px;position:relative}.score-msg{text-align:center;color:var(--paper-ink);pointer-events:none;place-items:center;padding:16px;font-size:14px;display:grid;position:absolute;inset:0}.at-surface text.at-credit{letter-spacing:.04em;opacity:.35;font-size:9px!important;font-weight:400!important}.at-cursor-bar{background:color-mix(in srgb, var(--bronze) 28%, transparent)}.at-selection div{background:color-mix(in srgb, var(--hunter) 18%, transparent)}.at-cursor-beat{background:var(--brown-red);width:3px}.at-highlight *{fill:var(--brown-red);stroke:var(--brown-red)}.player-foot{align-items:center;gap:14px;padding:16px 20px 18px;display:flex}.play{background:var(--primary);width:58px;height:58px;color:var(--on-primary);box-shadow:var(--shadow-sm);border:0;border-radius:50%;flex:none;place-items:center;transition:transform .12s;display:grid;position:relative}.play:active:not(:disabled){transform:scale(.96)}.play:disabled{opacity:.5}.play svg{width:24px;height:24px;position:relative}.play .record{background:repeating-radial-gradient(circle, transparent 0 3px, color-mix(in srgb, var(--on-primary) 10%, transparent) 3px 4px);border-radius:50%;position:absolute;inset:5px}.round{border:1px solid var(--line);background:var(--surface);width:40px;height:40px;font:500 20px/1 var(--font-ui);border-radius:50%;flex:none;place-items:center;display:grid}.round:hover:not(:disabled){background:var(--hover)}.round:disabled{opacity:.45}.round svg{width:15px;height:15px}.timeline{cursor:pointer;border-radius:8px;flex:1;align-items:center;gap:2px;min-width:0;height:46px;display:flex}.timeline:focus-visible{outline-offset:4px}.tick{background:color-mix(in srgb, var(--ink) 18%, transparent);border-radius:2px;flex:1;min-width:1px;transition:background-color .2s}.tick[data-section]{margin-left:3px}.tick[data-loop]{background:color-mix(in srgb, var(--complement) 45%, transparent)}.tick[data-state=played]{background:color-mix(in srgb, var(--primary) 55%, transparent)}.tick[data-state=played][data-loop]{background:var(--complement)}.tick[data-state=now]{background:var(--primary)}.timeline:hover .tick:hover{background:var(--ink)}.readouts{text-align:right;flex:none;justify-items:end;gap:2px;min-width:128px;display:grid}.readouts .time{font:500 15px var(--font-num);font-variant-numeric:tabular-nums}.readouts .time span{color:var(--ink-soft)}.toolkit{grid-area:kit;align-content:start;gap:18px;max-height:calc(100vh - 106px);padding:20px;display:grid;position:sticky;top:86px;overflow-y:auto}.kit-section{align-content:start;gap:14px;display:grid}.kit-section+.kit-section{border-top:1px solid var(--line);padding-top:18px}.kit-head{justify-content:space-between;align-items:baseline;display:flex}.dial{justify-content:space-between;align-items:center;gap:12px;display:flex}.dial-read{text-align:center;justify-items:center;gap:4px;display:grid}.bpm{font:500 46px/1 var(--font-num);color:var(--primary);font-variant-numeric:tabular-nums}#speed{width:100%}.kit-section .segmented{display:flex}.kit-section .segmented button{flex:1}.instruments{align-content:start;margin:0;padding:0;list-style:none;display:grid}.instrument{gap:10px;padding:12px 0;display:grid}.instrument+.instrument{border-top:1px solid var(--line)}.instrument .nm{white-space:nowrap;align-items:baseline;gap:8px;min-width:0;display:flex}.instrument .nm strong{text-overflow:ellipsis;font-weight:600;overflow:hidden}.instrument .nm small{color:var(--ink-soft);text-overflow:ellipsis;overflow:hidden}.instrument[data-muted=true] .nm{opacity:.55}.inst-toggles{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.inst-btn{border:1px solid var(--line);border-radius:var(--r-pill);min-height:34px;color:var(--ink-soft);background:0 0;justify-content:center;align-items:center;gap:6px;padding:4px 8px;font-size:13px;font-weight:600;display:inline-flex}.inst-btn svg{width:16px;height:16px}.inst-btn:hover{background:var(--hover)}.inst-btn[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.inst-btn.solo[aria-pressed=true]{background:var(--complement);border-color:var(--complement);color:var(--on-complement)}.instrument .range:disabled{opacity:.4;cursor:not-allowed}.below{grid-area:below;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}.rows{margin:0;padding:0;list-style:none;display:grid}.rows li{border-radius:var(--r-sm);align-items:center;gap:12px;margin:0 -10px;padding:10px;display:flex}.rows li+li{border-top:1px solid var(--line)}.rows li[data-whole] strong{color:var(--primary)}.rows li[data-here]{background:var(--selected);border-top-color:#0000}.rows li[data-here]+li{border-top-color:#0000}.row-text{flex:1;min-width:0;line-height:1.25;display:grid}.row-text strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.row-text small{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.chip-btn{border:1px solid var(--rule);border-radius:var(--r-pill);background:0 0;flex:none;align-items:center;gap:6px;min-height:32px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex}.chip-btn svg{width:15px;height:15px}.chip-btn:hover{background:var(--hover)}.chip-btn[aria-pressed=true]{background:var(--complement);border-color:var(--complement);color:var(--on-complement)}.play-mini{background:var(--primary);width:34px;height:34px;color:var(--on-primary);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.play-mini svg{width:14px;height:14px}.play-mini[aria-current=true]{background:var(--complement);color:var(--on-complement)}.bars-row{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding-top:14px;display:flex}.bars-row .eyebrow{margin-right:4px}.bars-row .num{width:64px}.text-input{border:1px solid var(--rule);border-radius:var(--r-sm);background:var(--surface);width:100%;min-width:0;min-height:40px;color:var(--ink);font:inherit;padding:8px 14px}textarea.text-input{resize:vertical}.text-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 16%, transparent);outline:none}.error{color:var(--primary);font-size:13px;font-weight:500}.account-page{gap:22px;max-width:1100px;margin:0 auto;padding:26px 24px 48px;display:grid}.account-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:20px;display:grid}.account-card{max-width:560px}.account-card p{line-height:1.5}.account-card>.text-btn{justify-self:start}.signin{gap:10px;display:grid}.signin .row{gap:8px;display:flex}.role-badge{border-radius:var(--r-pill);background:var(--hover);padding:3px 12px;font-size:12.5px;font-weight:700}.role-badge[data-role=advanced]{background:var(--complement);color:var(--on-complement)}.role-badge[data-role=admin]{background:var(--primary);color:var(--on-primary)}.request-msg{font-style:italic;white-space:normal!important}.rows li[data-hidden] .row-text{opacity:.6}.votes{gap:4px;margin-right:auto;display:inline-flex}.vote-btn{border:1px solid var(--line);border-radius:var(--r-pill);min-height:32px;color:var(--ink-soft);font:500 13px var(--font-num);background:0 0;align-items:center;gap:5px;padding:3px 10px;display:inline-flex}.vote-btn svg{width:15px;height:15px}.vote-btn:hover{background:var(--hover)}.vote-btn[aria-pressed=true]{background:var(--complement);border-color:var(--complement);color:var(--on-complement)}.vote-btn.down[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.now .votes{margin-right:0}.uploader{color:var(--ink-soft);font-size:12px!important}.uploader.where{align-items:center;gap:4px;display:flex}.uploader.where svg{width:14px;height:14px;color:var(--hunter);flex:none}.side-note a{color:var(--primary);font-weight:600}.publish-form{gap:10px;display:grid}.publish-form label{gap:4px;display:grid}.publish-form .two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.publish-form .select{border-radius:var(--r-sm);width:100%;min-height:40px}.publish-form .check{align-items:flex-start;gap:8px;font-size:13px;line-height:1.4;display:flex}.publish-form .check input{accent-color:var(--primary);margin-top:2px}.form-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.google-btn{border:1px solid var(--rule);border-radius:var(--r-pill);background:var(--surface);min-height:44px;color:var(--ink);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:10px;padding:8px 18px;font-weight:600;display:inline-flex}.google-btn:hover{background:var(--hover)}.google-mark{width:20px;height:20px}.avatar{width:var(--size);height:var(--size);object-fit:cover;border-radius:50%;flex:none}.avatar.initials{color:var(--pearl);font:600 calc(var(--size) * .4) / 1 var(--font-ui);letter-spacing:.02em;place-items:center;display:grid}.menu a.me{padding-left:8px}.menu a.me span{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.account-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.account-meta{align-items:center;gap:14px;display:flex}.profile-grid{grid-template-columns:minmax(0,380px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.profile-grid>:nth-child(3){grid-column:1}.profile-head{align-items:center;gap:18px;display:flex}.avatar-edit{box-shadow:var(--shadow-sm);background:0 0;border:0;border-radius:50%;padding:0;position:relative}.avatar-edit-label{background:color-mix(in srgb, var(--chocolate) 70%, transparent);color:var(--pearl);opacity:0;border-radius:0 0 999px 999px;padding:4px 0 8px;font-size:11.5px;font-weight:600;transition:opacity .15s;position:absolute;inset:auto 0 0}.avatar-edit:hover .avatar-edit-label,.avatar-edit:focus-visible .avatar-edit-label{opacity:1}.profile-who{justify-items:start;gap:6px;min-width:0;display:grid}.profile-who h3{font:700 22px/1.15 var(--font-ui);overflow-wrap:anywhere}.field-label{gap:2px;display:grid}.stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:0;display:grid}.stats div{border-radius:var(--r-sm);background:var(--hover);gap:2px;padding:12px 14px;display:grid}.stats dd{font:500 28px/1 var(--font-num);color:var(--primary);font-variant-numeric:tabular-nums;margin:0}.stats dt{color:var(--ink-soft);font-size:12.5px}.mini-votes{font:500 12.5px var(--font-num);color:var(--ink-soft);white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.mini-votes svg{width:13px;height:13px;margin-left:4px}.section-title{font:700 22px/1.2 var(--font-ui);margin-top:8px}.select.small{min-height:34px;padding:4px 30px 4px 12px;font-size:13px}.full-btn{min-height:30px;padding:3px 14px;font-size:12.5px}.full-btn svg{width:15px;height:15px}.focus-mode body{overflow:hidden}.player[data-focus]{z-index:60;max-width:none;box-shadow:none;background:var(--paper);padding-top:env(safe-area-inset-top,0px);border:0;border-radius:0;position:fixed;inset:0}.player[data-focus] .desk{flex:1;min-height:0;padding:0;display:flex}.player[data-focus] .score-scroll{height:auto;min-height:0;max-height:none;box-shadow:none;border-radius:0;flex-direction:column;flex:1;justify-content:safe center;display:flex}.player[data-focus][data-layout=page] .score-scroll{justify-content:flex-start}.focus-bar{padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--line);align-items:center;gap:16px;display:flex}.focus-bar .play{width:64px;height:64px}.focus-where{font-variant-numeric:tabular-nums;flex:1;gap:2px;min-width:0;display:grid}.rotate-hint{color:var(--ink-soft);font-size:12px;display:none}@media (orientation:portrait) and (width<=700px){.rotate-hint{display:block}}.focus-exit{margin-left:auto}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:40;border-radius:var(--r-pill);background:var(--ink);max-width:calc(100vw - 32px);color:var(--ground);box-shadow:var(--shadow);padding:10px 18px;font-size:14px;font-weight:500;position:fixed;transform:translate(-50%)}.update{right:16px;top:calc(76px + env(safe-area-inset-top,0px));z-index:40;border-radius:var(--r-sm);background:var(--surface);max-width:calc(100vw - 32px);box-shadow:var(--shadow);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;font-weight:500;display:flex;position:fixed}@media (width<=1100px){.lib-layout{grid-template-columns:minmax(0,1fr)}.lib-side{position:static}.dash{grid-template-columns:minmax(0,1fr);grid-template-areas:"now""player""kit""below"}.toolkit{max-height:none;position:static}.instruments{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));column-gap:24px}.instrument+.instrument{border-top:0}.instrument{border-top:1px solid var(--line)}}@media (width<=720px){.top{gap:12px;padding:10px 16px}.menu-top{display:none}.theme-picker{margin-left:auto}.menu-bottom{z-index:25;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);justify-content:space-around;padding:6px;display:flex;position:fixed}.menu-bottom a{flex:1;justify-content:center;padding:10px 12px}.app{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}.toast{bottom:calc(96px + env(safe-area-inset-bottom,0px))}.library-page,.account-page{padding:18px 16px 32px}.profile-grid{grid-template-columns:minmax(0,1fr)}.menu-bottom a.me span{max-width:90px}.lib-side{position:static}.install{padding:6px 10px}.install span,.theme-picker span{display:none}.theme-picker button{padding:6px 9px}.dash{gap:16px;padding:16px 16px 32px}.label-art{width:52px;height:52px}.now .titles{flex:1;margin-right:0}.facts{order:3;gap:6px 18px;width:100%}.toolbar{padding:12px 14px}.toggles{gap:2px 16px}.desk{padding:0 8px}.player[data-layout=page] .score-scroll{height:60vh}.player-foot{flex-wrap:wrap;padding:14px}.timeline{flex-basis:100%;order:4;height:38px}.readouts{margin-left:auto}.below{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}