@font-face{font-family:BravuraMS;src:url(/fonts/bravura-ms.woff2)format("woff2");font-display:swap}@font-face{font-family:Plex Sans;src:url(/fonts/ibm-plex-sans-latin-wdth.woff2)format("woff2-variations");font-weight:100 700;font-stretch:75% 100%;font-style:normal;font-display:swap;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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Red Hat Mono;src:url(/fonts/red-hat-mono-latin.woff2)format("woff2-variations");font-weight:300 700;font-style:normal;font-display:swap;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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;src:url(/fonts/fraunces-latin.woff2)format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap;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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plex Fallback;src:local(Helvetica Neue),local(Arial),local(Roboto);size-adjust:99.7%;ascent-override:102%;descent-override:27%;line-gap-override:0%;font-display:swap}:root{--cyan-rgb:0, 229, 255;--magenta-rgb:255, 47, 214;--amber-rgb:255, 179, 0;--bg:#05060f;--panel:#0b0d18;--cyan:#00e5ff;--magenta:#ff2fd6;--amber:#ffb300;--text:#e9eef8;--dim:#8a94ac;--on-accent:#05060f;--hairline:#ffffff1a;--hairline-soft:#ffffff0f;--sans:"Plex Sans", "Plex Fallback", system-ui, sans-serif;--mono:"Red Hat Mono", ui-monospace, Menlo, monospace;--display:"Fraunces", Georgia, serif;--sans-narrow:"Plex Sans", "Helvetica Neue Condensed", "Arial Narrow", "Plex Fallback", system-ui, sans-serif;--wd-narrow:75%;--t-micro:10px;--t-cap:11px;--t-num:11.5px;--t-ui:12px;--t-body:13.5px;--t-lead:16px;--t-h2:20px;--t-h1:28px;--t-hero:64px;--tr-micro:.09em;--tr-cap:.02em;--tr-ui:.008em;--tr-body:-.002em;--tr-lead:-.005em;--tr-h2:-.01em;--tr-h1:-.014em;--tr-hero:-.016em;--w-reg:450;--w-med:500;--w-semi:550;--w-bold:600;--lh-tight:1.15;--lh-ui:1.35;--lh-body:1.5;--win-dur:.24s;--win-ease:cubic-bezier(.34, 1.56, .64, 1);--win-from:scale(.92) translateY(10px);--win-blur:6px;--press:.95;--press-dur:90ms}:root:is([data-theme=sumi],[data-theme=manuscript]){--w-reg:400;--w-med:500;--w-semi:600;--w-bold:700}:root{--ic-w:1.2}:root:is([data-theme=sumi],[data-theme=manuscript]){--ic-w:1.35}:root[data-theme=retro] svg{shape-rendering:crispedges}.mono,[class*=num],#top-meta,#hud .mono,.stat-value,.rep-n{font-variant-numeric:tabular-nums lining-nums slashed-zero}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-weight:var(--w-reg);-webkit-user-select:text;user-select:text}button,canvas,select,summary,label,[role=button],#transport,#hud,#rep-nav,#inst-nav,.seg,.chip,.ed-chip,.stats-row.clickable,.level-id,.level-col,.rep-row .num,.modal-x{-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}::selection{background:rgba(var(--cyan-rgb), .3);color:var(--text)}#app{flex-direction:column;height:100vh;display:flex}:root[data-theme=neon] body,body{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg fill='none' stroke='%23000' stroke-opacity='.5' stroke-width='3.5' stroke-linecap='round'%3E%3Cpath d='M12 3v6M12 15v6M3 12h6M15 12h6'/%3E%3C/g%3E%3Cg fill='none' stroke='%2300e5ff' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M12 3v6M12 15v6M3 12h6M15 12h6'/%3E%3C/g%3E%3Ccircle cx='12' cy='12' r='1.6' fill='%2300e5ff'/%3E%3C/svg%3E") 12 12,auto}:root[data-theme=aurora] body{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M12 2l1.7 8.3L22 12l-8.3 1.7L12 22l-1.7-8.3L2 12l8.3-1.7z' fill='%236ec8ff' stroke='%23020610' stroke-width='.9'/%3E%3C/svg%3E") 12 12,auto}:root[data-theme=grand] body{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M5 5L20 20' stroke='%23000' stroke-opacity='.45' stroke-width='4.5' stroke-linecap='round'/%3E%3Cpath d='M5 5L20 20' stroke='%23f2ead8' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='5' cy='5' r='3.2' fill='%23f2ead8' stroke='%23000' stroke-opacity='.45' stroke-width='1'/%3E%3C/svg%3E") 5 5,auto}:root:is([data-theme=sumi],[data-theme=manuscript]) body{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M4 3c6.5 3.4 10.6 7.8 13.5 15C11.8 14.6 7.4 10 4 3z' fill='%2320202a' stroke='%23f2ede1' stroke-width='1.1'/%3E%3Ccircle cx='5' cy='4.4' r='1.7' fill='%23c73e3a'/%3E%3C/svg%3E") 4 3,auto}:root[data-theme=retro] body{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' shape-rendering='crispEdges'%3E%3Cpath d='M4 2h2v2h2v2h2v2h2v2h2v2h2v2h-8v2h-4v2Z' fill='%233dff8f' stroke='%230a120a' stroke-width='1.5'/%3E%3C/svg%3E") 4 2,auto}input,textarea{cursor:text}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.dim{color:var(--dim);font-size:var(--t-ui)}.hidden{display:none!important}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:4px}input:focus-visible,.fld:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}.modal-card[tabindex="-1"]:focus{outline:none}input::placeholder{color:var(--dim);opacity:1}#topbar{border-bottom:1px solid var(--hairline-soft);z-index:10;background:#080a16eb;justify-content:space-between;align-items:center;gap:24px;padding:12px 20px;display:flex;position:relative}#now-playing{flex-direction:column;gap:4px;min-width:0;display:flex}#top-title{font-family:var(--sans);font-size:var(--t-lead);font-weight:var(--w-semi);letter-spacing:var(--tr-lead);color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box;overflow:hidden}#top-title.idle{color:var(--dim);text-shadow:none}#top-meta{font-family:var(--mono);font-size:var(--t-cap);letter-spacing:.006em;color:var(--dim);font-variant-numeric:tabular-nums lining-nums slashed-zero}#time-elapsed{color:var(--text)}#top-title.editable{cursor:text}#top-title.editable:hover{text-decoration:underline;-webkit-text-decoration-color:var(--hairline);text-decoration-color:var(--hairline);text-underline-offset:3px}.title-edit{font-family:var(--sans);font-size:var(--t-lead);font-weight:var(--w-semi);letter-spacing:var(--tr-lead);color:var(--text);border:none;border-bottom:1px solid var(--cyan);background:0 0;outline:none;width:100%;padding:0}#seekbar{--seek-drop:12px;display:none}body[data-space=listen] #seekbar,body[data-space=compose] #seekbar{left:0;right:0;bottom:calc(-1 * var(--seek-drop));height:calc(14px + var(--seek-drop));z-index:12;cursor:pointer;touch-action:none;display:block;position:absolute}body[data-space=listen]:not([data-song]) #seekbar{--seek-drop:0px}body:has(.modal:not(.hidden)) #seekbar{--seek-drop:0px}#seekbar:before{content:"";left:0;right:0;bottom:var(--seek-drop);background:var(--hairline);height:2px;position:absolute}#seek-fill{left:0;bottom:var(--seek-drop);background:var(--cyan);pointer-events:none;width:0%;height:2px;position:absolute}#seek-head{bottom:calc(var(--seek-drop) + 1px);background:var(--cyan);pointer-events:none;border-radius:999px;width:0;height:0;transition:width .1s,height .1s;position:absolute;left:0;transform:translate(-50%,50%)}#seekbar:hover #seek-head,#seekbar.scrubbing #seek-head{width:11px;height:11px}#seekbar:hover:before,#seekbar.scrubbing:before,#seekbar:hover #seek-fill,#seekbar.scrubbing #seek-fill{height:3px}#seekbar.scrubbing{cursor:grabbing}.topbar-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}#btn-help{min-width:36px;min-height:36px;color:var(--dim);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;margin:0;padding:0;transition:background .12s,color .12s;display:none}.has-sitechat #btn-help{display:inline-grid}#btn-help:hover{color:var(--text);background:#ffffff1a}:root[data-theme] #btn-help{border-radius:var(--ch-r-in)}:root[data-theme] #btn-help:hover{background:var(--ch-well-hover)}#btn-help:focus-visible{outline:1px solid var(--cyan);outline-offset:2px}.ibtn{cursor:pointer;min-width:46px;color:var(--dim);transition:color .15s, transform var(--press-dur) ease;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:4px 8px;display:flex}.ibtn i{font-size:14px;font-style:normal;line-height:1}.ibtn span{font-family:var(--sans);font-weight:500;font-size:var(--t-micro);letter-spacing:var(--tr-micro)}.ibtn:hover{color:var(--text)}.ibtn.recording{color:var(--magenta);text-shadow:0 0 12px rgba(var(--magenta-rgb), .8);animation:1s infinite pulse}@keyframes pulse{50%{opacity:.55}}.status{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:var(--tr-micro);white-space:nowrap;text-overflow:ellipsis;border-left:1px solid #5a6a8f40;max-width:96px;margin-left:4px;padding:4px 0 4px 12px;overflow:hidden}.status.offline{color:var(--dim)}.status.online{color:var(--amber);text-shadow:0 0 8px rgba(var(--amber-rgb), .6)}.btn{font-family:var(--sans);font-weight:var(--w-med);font-size:var(--t-ui);letter-spacing:var(--tr-micro);color:var(--text);cursor:pointer;transition:border-color .15s, color .15s, background .15s, transform var(--press-dur) ease;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:8px 16px}.btn:hover{background:#ffffff12;border-color:#ffffff1f}.btn.ghost{color:var(--dim)}.btn.ghost:hover{color:var(--text)}#stage{flex:1;min-height:0;position:relative}#scene{width:100%;height:100%;display:block;position:absolute;inset:0}#scanlines{pointer-events:none;z-index:3;background:repeating-linear-gradient(0deg,#0000000d 0 1px,#0000 1px 4px);position:absolute;inset:0}#empty-state{z-index:4;flex-direction:column;align-items:center;gap:16px;display:flex;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}#empty-state.hidden{display:none}#btn-empty-songs{font-family:var(--sans);font-weight:var(--w-med);font-size:var(--t-lead);letter-spacing:var(--tr-micro);color:var(--cyan);background:rgba(var(--cyan-rgb), .05);border:1px solid rgba(var(--cyan-rgb), .4);cursor:pointer;text-shadow:0 0 10px rgba(var(--cyan-rgb), .5);padding:16px 32px;transition:all .15s}#btn-empty-songs:hover{background:rgba(var(--cyan-rgb), .14)}#empty-state div{font-family:var(--sans);font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--dim)}.hero-h1{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#hud{z-index:4;text-align:right;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;top:16px;right:20px}.hud-item{justify-content:flex-end;align-items:baseline;gap:8px;display:flex}.hud-label{font-family:var(--sans);font-weight:500;font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--dim)}#hud .mono{color:var(--cyan);text-shadow:0 0 10px rgba(var(--cyan-rgb), .55);min-width:64px;font-size:18px}.btn.big{padding:12px 20px;font-size:14px}#hud-mult{color:var(--amber)!important;text-shadow:0 0 10px rgba(var(--amber-rgb), .6)!important}#hud-streak.god{color:gold!important;text-shadow:0 0 16px #ffd700e6,0 0 34px #ffb40080!important;font-size:26px!important}.modal-card.results{text-align:center;align-items:center;max-height:min(74vh,720px);overflow-y:auto}#results-grade{font-family:var(--mono);color:var(--amber);text-shadow:0 0 30px rgba(var(--amber-rgb), .8), 0 0 60px rgba(var(--magenta-rgb), .4);font-size:110px;font-weight:800;line-height:1;animation:.6s cubic-bezier(.2,1.6,.4,1) grade-in}@keyframes grade-in{0%{opacity:0;transform:scale(3)}to{opacity:1;transform:scale(1)}}#results-newbest{font-family:var(--mono);letter-spacing:var(--tr-micro);color:var(--amber);text-shadow:0 0 12px var(--amber);font-size:13px;animation:.8s infinite pulse}.results-grid{flex-direction:column;gap:8px;width:100%;display:flex}.results-row{font-family:var(--mono);font-size:var(--t-ui);letter-spacing:var(--tr-micro);color:var(--dim);border-bottom:1px solid var(--hairline-soft);justify-content:space-between;padding:4px 0;display:flex}.results-row .mono{color:var(--text)}.j-perfect{color:#ffe066}.j-great{color:var(--cyan)}.j-good{color:#8fa3c8}.j-miss{color:#ff4060}.results-buttons{gap:12px;display:flex}#modal-results .results-buttons{flex-wrap:wrap;justify-content:center;width:100%}#modal-results .results-buttons .btn.big{flex:1 0 100%}#transport{border-top:1px solid var(--hairline-soft);z-index:10;background:#080a16eb;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding:12px 20px;display:grid}.t-left{scrollbar-width:none;flex-wrap:nowrap;align-items:center;gap:12px;min-width:0;display:flex;overflow-x:auto}.island{border:1px solid var(--hairline);background:#ffffff0a;border-radius:999px;align-items:center;gap:4px;height:40px;padding:4px;display:inline-flex}.island>button{cursor:pointer;white-space:nowrap;height:32px;color:var(--dim);font-family:var(--sans);font-weight:var(--w-semi);font-size:var(--t-num);letter-spacing:.004em;transition:color .14s ease, background-color .14s ease, transform var(--press-dur) ease;background:0 0;border:0;border-radius:999px;align-items:center;padding:0 16px;line-height:1;display:inline-flex}.island>button:hover{color:var(--text);background:#ffffff0f}.island>button:active{transform:scale(var(--press))}.island>button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.island .ic{opacity:.85;flex:none;margin-right:8px}.island .isl-sep{background:var(--hairline);flex:none;width:1px;height:16px;margin:0 4px}:root:is([data-theme=sumi],[data-theme=manuscript]) .island{background:#20202a0a}:root:is([data-theme=sumi],[data-theme=manuscript]) .island>button:hover{background:#20202a0f}@media (prefers-reduced-motion:reduce){.island,.island>button{transition:none}}.t-left::-webkit-scrollbar{display:none}.t-left>*{flex-shrink:0}.t-center{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.t-side{align-items:center;gap:12px;display:flex}.t-side-l{justify-content:flex-end}.t-side-r{justify-content:flex-start}.t-core{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.t-core-l{justify-content:flex-end;align-items:center;gap:12px;display:flex}.t-core-r{justify-content:flex-start;align-items:center;gap:12px;display:flex}.t-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 12px;display:flex}.t-left{flex-wrap:wrap;row-gap:8px;overflow:visible}@media (width<=1490px){#transport{grid-template-columns:1fr auto;grid-template-areas:"play play""left right";row-gap:12px}.t-center{grid-area:play;justify-self:center}.t-left{grid-area:left}.t-right{grid-area:right}}@media (width<=1340px){#transport{grid-template-columns:minmax(0,1fr);grid-template-areas:"play""left""right";gap:8px 0}.t-left,.t-right{justify-content:center}}#btn-play{width:40px;height:40px;color:var(--cyan);background:rgba(var(--cyan-rgb), .08);border:1px solid rgba(var(--cyan-rgb), .55);cursor:pointer;text-shadow:0 0 8px rgba(var(--cyan-rgb), .6);border-radius:999px;font-size:15px;line-height:1;transition:all .15s}#btn-play:hover{background:var(--cyan);color:var(--on-accent);box-shadow:0 0 22px rgba(var(--cyan-rgb), .55);text-shadow:none}.tbtn{width:38px;height:38px;color:var(--dim);cursor:pointer;transition:color .12s, transform var(--press-dur) ease;background:0 0;border:none;border-radius:999px;font-size:13px}.tbtn:hover{color:var(--cyan)}.tbtn svg{margin:0 auto;display:block}.tbtn.on{color:var(--cyan)}.tbtn.recording{color:var(--magenta);animation:1s infinite pulse}.seg{border:1px solid var(--hairline);display:inline-flex}.seg button{font-family:var(--sans);font-weight:500;font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--dim);cursor:pointer;background:0 0;border:none;padding:8px 12px;transition:all .12s}.seg button:hover{color:var(--cyan)}.seg button.active{color:var(--on-accent);background:var(--cyan);text-shadow:none}.ctl{font-family:var(--sans);font-weight:500;font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--dim);align-items:center;gap:8px;display:flex}.ctl select{color:var(--cyan);border:none;border-bottom:1px solid rgba(var(--cyan-rgb), .3);font-family:var(--mono);font-size:var(--t-ui);background:0 0;outline:none;padding:4px}.ctl input[type=range]{width:62px;accent-color:var(--cyan);flex-shrink:0}#speed-val{min-width:5ch;display:inline-block}.modal{z-index:50;top:52px;left:0;right:0;bottom:var(--tp-h,59px);-webkit-backdrop-filter:blur(var(--win-blur));backdrop-filter:blur(var(--win-blur));visibility:visible;opacity:1;transition:opacity var(--win-dur) ease, backdrop-filter var(--win-dur) ease;background:#03040ab8;justify-content:center;align-items:center;display:flex;position:fixed}.modal.hidden{opacity:0;visibility:hidden;pointer-events:none;-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:opacity var(--win-dur) ease, backdrop-filter var(--win-dur) ease, visibility 0s linear var(--win-dur);display:flex!important}#topbar,#transport{z-index:60;position:relative}#modal-paywall{z-index:51}.modal-card{background:color-mix(in srgb, var(--panel) 88%, transparent);-webkit-backdrop-filter:blur(8px);border:1px solid var(--hairline);transform-origin:50%;width:480px;max-width:92vw;transition:transform var(--win-dur) var(--win-ease), opacity var(--win-dur) var(--win-ease);border-radius:8px;flex-direction:column;gap:16px;padding:32px;display:flex}.modal.hidden .modal-card{transform:var(--win-from);opacity:0}.btn:active,.chip:active,.seg button:active,.ibtn:active,.tbtn:active,.modal-x:active,#btn-play:active,#btn-empty-songs:active,.theme-row:active,.sc-rec:active,.sc-actions .btn:active,.inst-card:active{transform:scale(var(--press))}.aw-tile:active{transform:translateY(-1px) scale(var(--press))}.paywall-card:active{transform:translateY(-2px) scale(var(--press))}body[data-space=play] #song-card{transition:transform var(--win-dur) var(--win-ease), opacity var(--win-dur) var(--win-ease)}body[data-space=play] #song-card.hidden{opacity:0;pointer-events:none;transform:translateX(-50%) var(--win-from);display:flex!important}@media (prefers-reduced-motion:reduce){.modal,.modal-card,#song-card{transition:opacity .12s linear!important}.modal-card,.modal.hidden .modal-card,body[data-space=play] #song-card,body[data-space=play] #song-card.hidden{transform:none!important}body[data-space=play] #song-card.hidden{transform:translate(-50%)!important}.btn:active,.chip:active,.seg button:active,.ibtn:active,.tbtn:active,.modal-x:active,#btn-play:active,#btn-empty-songs:active,.theme-row:active,.sc-rec:active,.sc-actions .btn:active,.inst-card:active{transform:none}.aw-tile:active{transform:translateY(-1px)}.paywall-card:active{transform:translateY(-2px)}}.modal-card.wide{width:1000px;max-width:94vw;height:calc(100% - 52px);max-height:860px}.modal-card.wide>.stats-table,.modal-card.wide #inst-groups{overflow-y:auto}#inst-groups{flex:1;min-height:0}.modal-card h2{font-family:var(--sans);font-weight:var(--w-semi);font-size:var(--t-lead);letter-spacing:var(--tr-micro);line-height:var(--lh-tight);color:var(--text)}.modal-card h3{font-family:var(--sans);font-weight:var(--w-med);font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--dim)}.progress-wrap{background:#5a6a8f33;height:6px}.progress-bar{background:var(--cyan);width:0%;height:100%;box-shadow:0 0 12px rgba(var(--cyan-rgb), .8);transition:width .2s}.difficulty-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.btn.diff{flex-direction:column;gap:4px;padding:12px;display:flex}.btn.diff small{color:var(--dim);font-size:var(--t-micro);letter-spacing:var(--tr-ui);text-transform:lowercase}.btn.diff:hover small{color:inherit}.modal-card.instruments{max-height:92vh;overflow-y:auto}.inst-controls{flex-wrap:wrap;align-items:center;gap:16px;display:flex}#inst-search{border:none;border-bottom:1px solid var(--hairline);min-width:160px;color:var(--text);font-family:var(--mono);font-size:var(--t-ui);background:0 0;outline:none;flex:1;padding:8px 4px}#inst-search:focus{border-bottom-color:var(--cyan)}#btn-multi.on{color:var(--on-accent);background:var(--amber);border-color:var(--amber);box-shadow:0 0 14px rgba(var(--amber-rgb), .5)}.inst-group-title{font-family:var(--sans);font-weight:500;font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--dim);border-bottom:1px solid var(--hairline-soft);margin:16px 0 8px;padding-bottom:4px}.inst-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;display:grid}.inst-card{text-align:left;font-family:var(--sans);cursor:pointer;background:#ffffff08;border:1px solid #ffffff12;border-radius:8px;grid-template-columns:22px 1fr;align-items:center;gap:4px 8px;padding:12px;transition:all .12s;display:grid}.inst-card .ic-inst{height:0;color:var(--dim);grid-area:1/1;justify-content:center;align-items:center;display:flex}.inst-card.on .ic-inst{color:var(--cyan)}.inst-card .n{min-width:0;letter-spacing:var(--tr-ui);color:var(--text);grid-area:1/2;font-size:13px}.inst-card .d{font-size:var(--t-micro);color:var(--dim);grid-area:2/1/3/-1}.inst-card:hover{background:#ffffff0e;border-color:#ffffff1c}.inst-card.on{border-color:var(--cyan);background:rgba(var(--cyan-rgb), .1);box-shadow:0 0 14px rgba(var(--cyan-rgb), .25), inset 0 0 20px rgba(var(--cyan-rgb), .05)}.inst-card.on .n{color:var(--cyan);text-shadow:0 0 8px rgba(var(--cyan-rgb), .5)}.inst-card.previewing:not(.on),.ens-tile.previewing:not(.on){background:#ffffff13;border-color:#ffffff4d}.inst-combos h3{font-family:var(--sans);font-weight:var(--w-med);font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--dim);margin-bottom:8px}.modal-card.repertoire{max-height:92vh;display:flex}#rep-list{flex:1;min-height:200px;overflow-y:auto}.rep-spacer{pointer-events:none;flex:none}.rep-controls{flex-wrap:wrap;align-items:center;gap:16px;display:flex}#btn-rep-queue,#btn-inst-stage{display:none}#rep-search{border:none;border-bottom:1px solid var(--hairline);min-width:180px;color:var(--text);font-family:var(--sans);font-size:var(--t-body);letter-spacing:var(--tr-body);background:0 0;outline:none;flex:1;padding:8px 4px}#rep-search:focus{border-bottom-color:var(--cyan)}.rep-chips{flex-wrap:wrap;gap:8px;display:flex}.chip{font-family:var(--sans);font-weight:var(--w-med);font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--dim);border:1px solid var(--hairline);cursor:pointer;transition:color .12s, border-color .12s, background .12s, transform var(--press-dur) ease;background:0 0;padding:8px 12px}.chip:hover{color:var(--text);border-color:#ffffff4d}.chip.active{color:var(--on-accent);background:var(--cyan);border-color:var(--cyan)}#compat-banner{border:1px solid rgba(var(--amber-rgb), .5);z-index:8;background:#0b0d18f0;align-items:center;gap:12px;padding:8px 12px 8px 16px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}#compat-text{font-family:var(--sans);font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--amber)}#compat-banner .btn{font-size:var(--t-micro);padding:4px 12px}#compat-banner .btn.active{color:var(--on-accent);background:var(--cyan);border-color:var(--cyan)}.compat-x{color:var(--dim);cursor:pointer;font-size:var(--t-ui);background:0 0;border:none;padding:4px}.compat-x:hover{color:var(--text)}#kb-device{font-size:var(--t-cap);letter-spacing:var(--tr-micro)}.kb-current{font-family:var(--mono);letter-spacing:var(--tr-micro);color:var(--cyan);font-variant-numeric:tabular-nums;margin:4px 0 8px;font-size:18px}.kb-presets{flex-wrap:wrap;gap:8px;display:flex}.kb-fold{font-family:var(--sans);font-size:var(--t-cap);color:var(--dim);cursor:pointer;align-items:center;gap:8px;margin-top:4px;display:flex}.kb-fold input{accent-color:var(--cyan);cursor:pointer}.kb-fold.acct-mkt{text-align:left;margin-top:0}#modal-account .acct-mkt input,#modal-account #account-logged-out .acct-mkt input{border:0;flex:none;width:auto;margin:0;padding:0}.kb-note{font-size:var(--t-micro);max-width:340px;line-height:1.5}.typing-oct,.typing-oct-cfg{align-items:center;gap:8px;display:inline-flex}.typing-oct.hidden{display:none}.typing-oct-cfg{margin:8px 0 4px}.typing-oct-cfg.off,#typing-hints-row.off,#reverb-row.off,.mic-row.off{opacity:.4;pointer-events:none}.set-tabs{border-bottom:1px solid var(--hairline);gap:24px;margin:4px 0 16px;display:flex}.set-tab{cursor:pointer;font-family:var(--sans);font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--dim);background:0 0;border:0;border-bottom:1px solid #0000;margin-bottom:-1px;padding:0 0 8px;font-weight:500}.set-tab:hover{color:var(--text)}.set-tab.on{color:var(--cyan);border-bottom-color:var(--cyan)}.set-tab:focus-visible{outline:1px solid var(--cyan);outline-offset:3px}.set-pane.hidden{display:none}.set-pane .btn.ghost{margin-top:12px}.set-pane h3{margin-top:24px}.set-pane>h3:first-child,.set-pane>:first-child>h3:first-child{margin-top:4px}.set-pane input[type=range]{min-width:130px;max-width:210px;accent-color:var(--cyan);flex:1}.set-pane input[type=range]:disabled{opacity:.35}#set-ctheme{color:var(--cyan)}#reverb-ms{min-width:120px;max-width:190px;accent-color:var(--cyan);flex:1}.typing-susp{color:var(--amber);margin-top:8px}.mic-panel{margin:8px 0 4px}.mic-panel.hidden{display:none}.mic-device{font-family:var(--sans);font-size:var(--t-cap);color:var(--text);border:1px solid var(--hairline);background:0 0;width:100%;max-width:300px;padding:8px}.mic-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.mic-row .mono{font-variant-numeric:tabular-nums;min-width:62px;color:var(--cyan)}.mic-cal{font-family:var(--sans);font-size:var(--t-cap);color:var(--amber);margin-top:8px}.mic-cal.hidden{display:none}.mic-msg{font-size:var(--t-micro);max-width:340px;margin-top:8px;line-height:1.5}.mic-msg.warn{color:var(--amber)}#mic-status.hidden{display:none}.mic-cue{border:1px solid var(--hairline);vertical-align:-1px;width:10px;height:10px;margin-right:8px;display:inline-block}.mic-cue.on{background:var(--cyan);border-color:var(--cyan)}#met-beat{background:var(--cyan);opacity:0;pointer-events:none;height:2px;transition:opacity 90ms linear;position:absolute;top:0;left:0;right:0}#met-beat.beat{opacity:.5;transition:none}#met-beat.beat.down{opacity:1}.to-tag{font-family:var(--sans);font-weight:500;font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--dim)}.to-btn{font-family:var(--sans);font-size:var(--t-cap);color:var(--dim);border:1px solid var(--hairline);cursor:pointer;background:0 0;width:20px;height:18px;padding:0;line-height:1;transition:color .12s,border-color .12s}.to-btn:hover{color:var(--cyan);border-color:var(--cyan)}#typing-label,#typing-cfg-label{font-size:var(--t-ui);letter-spacing:var(--tr-micro);color:var(--cyan);font-variant-numeric:tabular-nums;text-align:center;min-width:26px}#modal-settings .modal-card{flex-direction:column;height:min(74vh,660px);display:flex;overflow:hidden}#modal-settings .modal-card>h2,#modal-settings .set-tabs{flex:none}#modal-settings .set-pane{overscroll-behavior:contain;flex:auto;padding-right:4px;overflow-y:auto}#modal-voicing .modal-card{flex-direction:column;height:min(74vh,660px);display:flex;overflow:hidden}#modal-voicing .modal-card>h2{flex:none}#modal-voicing .set-pane{overscroll-behavior:contain;flex:auto;padding-right:4px;overflow-y:auto}#voicing-reset{margin-top:20px}#kb-controls{flex-direction:column;gap:4px;margin-top:4px;display:flex}.kbc-group{font-family:var(--sans);font-weight:500;font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--dim);margin-top:12px}.kbc-group:first-child{margin-top:0}.kbc-row{align-items:center;gap:8px;display:flex}.kbc-name{font-family:var(--sans);font-size:var(--t-cap);color:var(--text);flex:1}.kbc-bind{font-size:var(--t-micro);color:var(--dim);text-align:right;min-width:92px}.kbc-row .chip{font-size:var(--t-micro);padding:4px 8px}.kbc-mode{color:var(--dim)}.kbc-clear{color:var(--dim);cursor:pointer;font-size:var(--t-cap);background:0 0;border:none;padding:4px}.kbc-clear:hover{color:var(--magenta)}.rep-row{font-family:var(--sans);font-size:var(--t-body);font-weight:var(--w-reg);letter-spacing:var(--tr-body);border-bottom:1px solid var(--hairline-soft);cursor:pointer;grid-template-columns:30px 1fr 90px 70px 48px 58px 52px 76px 46px 34px;align-items:center;gap:12px;padding:12px 8px;line-height:1.4;display:grid}.rep-row:not(.rep-head):hover{background:rgba(var(--cyan-rgb), .06)}.rep-row.current{background:rgba(var(--cyan-rgb), .1);box-shadow:inset 2px 0 0 var(--cyan)}.rep-row.rep-head{cursor:default;color:var(--dim);font-family:var(--sans);font-weight:var(--w-bold);font-size:var(--t-micro);letter-spacing:var(--tr-micro);text-transform:uppercase;border-bottom:1px solid var(--hairline)}.rep-row .num{font-family:var(--mono);font-size:var(--t-num);letter-spacing:0;font-variant-numeric:tabular-nums lining-nums slashed-zero;text-align:right}.rep-fav{cursor:pointer;color:var(--dim);background:0 0;border:none;padding:4px;font-size:15px}.rep-fav.faved{color:var(--amber);text-shadow:0 0 10px rgba(var(--amber-rgb), .7)}.rep-fav:hover{color:var(--amber)}.row-more{cursor:pointer;font-family:var(--sans);letter-spacing:var(--tr-cap);color:var(--dim);background:0 0;border:none;padding:4px;font-size:14px;line-height:1;transition:color .12s}.row-more:hover{color:var(--text)}.inst-card .row-more,.ens-tile .row-more{position:absolute;bottom:5px;right:6px}.inst-card .d{padding-right:24px}.rep-title{overflow:hidden}.rep-title .t{color:var(--text);font-size:var(--t-body);font-weight:var(--w-reg);letter-spacing:var(--tr-body);white-space:nowrap;text-overflow:ellipsis;line-height:1.35;display:block;overflow:hidden}.rep-title .a{color:var(--dim);font-size:var(--t-cap);letter-spacing:var(--tr-cap);white-space:nowrap;text-overflow:ellipsis;font-weight:400;line-height:1.35;display:block;overflow:hidden}.rep-style{color:var(--dim);font-size:var(--t-micro);font-weight:var(--w-med);letter-spacing:var(--tr-micro);text-transform:uppercase}.rep-diff{gap:4px;display:flex}.rep-diff i{background:#5a6a8f4d;border-radius:4px;width:8px;height:8px}.rep-diff i.on1{background:var(--cyan);box-shadow:0 0 5px rgba(var(--cyan-rgb), .6)}.rep-diff i.on2{background:#7b5cff;box-shadow:0 0 5px #7b5cff99}.rep-diff i.on3{background:var(--magenta);box-shadow:0 0 5px rgba(var(--magenta-rgb), .6)}.rep-pop{align-items:center;gap:4px;display:flex}.rep-pop i{background:#5a6a8f4d;border-radius:999px;width:6px;height:6px}.rep-pop i.on{background:var(--amber);box-shadow:0 0 5px rgba(var(--amber-rgb), .55)}.grade-col{text-align:center}.rep-grade{font-size:15px;font-weight:800}.rep-grade.g-S{color:gold;text-shadow:0 0 10px #ffd700b3}.rep-grade.g-A{color:var(--cyan);text-shadow:0 0 8px rgba(var(--cyan-rgb), .6)}.rep-grade.g-B{color:#7b5cff}.rep-grade.g-C{color:#8fa3c8}.rep-grade.g-D{color:#ff4060}.rep-grade.g-none{color:#5a6a8f80;font-weight:400}.rep-empty{font-family:var(--sans);font-size:var(--t-body);letter-spacing:var(--tr-body);color:var(--dim);padding:20px 8px}.rep-empty .chip{vertical-align:middle;margin-left:12px}.video-panel{border-top:1px solid var(--hairline);flex-direction:column;gap:12px;margin-top:16px;padding-top:16px;display:flex}.video-opts{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.video-opts .to-tag{margin-right:4px}.video-bar{background:var(--hairline);height:2px;overflow:hidden}#video-fill{background:var(--cyan);width:0;height:100%;transition:width .2s linear}#video-status{font-size:var(--t-micro);text-align:center}#video-download{text-align:center;text-decoration:none}.modal-card.stats{gap:20px;max-height:92vh;overflow-y:auto}.stats-tiles{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.stat-tile{border:1px solid var(--hairline-soft);background:#ffffff05;flex-direction:column;gap:8px;padding:16px;display:flex}.stat-tile .stat-label{font-family:var(--sans);font-weight:500;font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--dim)}.stat-tile .stat-value{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--cyan);text-shadow:0 0 12px rgba(var(--cyan-rgb), .5);font-size:24px}.stat-tile.accent .stat-value{color:var(--amber);text-shadow:0 0 12px rgba(var(--amber-rgb), .5)}.stat-tile.magenta .stat-value{color:var(--magenta);text-shadow:0 0 12px rgba(var(--magenta-rgb), .5)}.stats-chart-wrap{flex-direction:column;gap:8px;display:flex}#stats-chart{width:100%;display:block}.stats-columns{grid-template-columns:1.3fr 1fr;gap:24px;display:grid}.stats-col{flex-direction:column;gap:8px;min-width:0;display:flex}.stats-table{flex-direction:column;display:flex}.stats-row{font-family:var(--mono);font-size:var(--t-cap);border-bottom:1px solid var(--hairline-soft);color:var(--text);align-items:baseline;gap:12px;padding:8px 4px;display:flex}.stats-row.head{color:var(--dim);font-size:var(--t-micro);letter-spacing:var(--tr-micro)}.stats-row .grow{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.stats-row .num{font-variant-numeric:tabular-nums;text-align:right;flex:none;width:58px}.stats-row .grade{color:var(--amber);text-shadow:0 0 8px rgba(var(--amber-rgb), .5);text-align:center;width:16px;font-weight:700}.stats-row .dim2{color:var(--dim);font-size:var(--t-micro)}.stats-row .del{cursor:pointer;color:var(--dim);font-family:var(--mono);font-size:var(--t-cap);background:0 0;border:none}.stats-row .del:hover{color:#ff4060;text-shadow:0 0 8px #ff406099}.stats-empty{font-family:var(--sans);font-size:var(--t-cap);color:var(--dim);padding:12px 4px}@media (width<=800px){.stats-columns{grid-template-columns:1fr}}#editor-scroll{border:1px solid #5a6a8f4d;max-height:60vh;overflow:auto}#editor-canvas{display:block}.editor-controls{align-items:center;gap:12px;display:flex}#rec-banner{z-index:40;font-family:var(--mono);font-size:var(--t-ui);letter-spacing:var(--tr-micro);color:var(--magenta);border:1px solid var(--magenta);box-shadow:0 0 24px rgba(var(--magenta-rgb), .5);background:#0a0d1df2;align-items:center;gap:12px;padding:12px 20px;display:flex;position:fixed;top:64px;left:50%;transform:translate(-50%)}.rec-dot{background:var(--magenta);width:10px;height:10px;box-shadow:0 0 10px var(--magenta);border-radius:999px;animation:1s infinite pulse}:root[data-theme=grand]{--bg:#0b0a0c;--panel:#131114;--cyan:#f2ead8;--cyan-rgb:242, 234, 216;--magenta:#e05a68;--magenta-rgb:224, 90, 104;--amber:#d9b36a;--amber-rgb:217, 179, 106;--text:#efe9dd;--dim:#79736a;--hairline:#f2ead824;--hairline-soft:#f2ead814;--win-dur:.34s;--win-ease:cubic-bezier(.25, .1, .25, 1);--win-from:scale(.985) translateY(6px);--win-blur:7px;--press:.985}:root[data-theme=grand] #scanlines{display:none}:root[data-theme=grand] #top-title{font-family:var(--sans);font-weight:var(--w-med);letter-spacing:var(--tr-lead);font-size:var(--t-lead);text-transform:none;text-shadow:none}:root[data-theme=grand] #results-grade{font-family:var(--display);font-variation-settings:"opsz" 20, "WONK" 0;letter-spacing:var(--tr-h1);font-weight:400}:root[data-theme=elegant] #hud .mono{text-shadow:none}#level-chip{border-right:1px solid #5a6a8f40;align-items:center;gap:12px;margin-right:12px;padding:4px 16px 4px 4px;display:flex}.level-id{flex-direction:column;align-items:center;gap:4px;max-width:96px;display:flex}.level-col{flex-direction:column;gap:4px;display:flex}.level-rank{align-items:baseline;gap:8px;display:flex}#level-rating{font-size:var(--t-micro);color:var(--dim)}#level-avatar{width:22px;height:22px;font-family:var(--sans);font-weight:700;font-size:var(--t-cap);background:rgba(var(--cyan-rgb), .18);color:var(--cyan);border:1px solid rgba(var(--cyan-rgb), .4);border-radius:var(--avatar-r,8px);flex:none;justify-content:center;align-items:center;display:flex}:root[data-theme=grand]{--avatar-r:50%}:root:is([data-theme=sumi],[data-theme=manuscript]){--avatar-r:2px}#level-num{font-family:var(--mono);font-size:var(--t-cap);letter-spacing:var(--tr-micro);color:var(--text)}.level-mini{background:rgba(var(--cyan-rgb), .15);width:52px;height:2px}.level-mini i{background:var(--cyan);height:100%;transition:width .6s;display:block}.empty-row{gap:12px;display:flex}#btn-continue{font-family:var(--sans);font-weight:var(--w-med);font-size:var(--t-lead);letter-spacing:var(--tr-micro);color:var(--cyan);background:rgba(var(--cyan-rgb), .05);border:1px solid rgba(var(--cyan-rgb), .4);cursor:pointer;padding:16px 36px;transition:all .15s}#btn-continue:hover{background:rgba(var(--cyan-rgb), .14)}.results-progress{flex-direction:column;gap:8px;width:100%;display:flex}.level-bar{background:rgba(var(--cyan-rgb), .12);height:4px}#results-level-fill{background:var(--cyan);width:0%;height:100%;transition:width 1s cubic-bezier(.2,.8,.2,1);display:block}#results-level-label,#results-daily{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:var(--tr-micro)}#results-nudge{font-family:var(--sans);font-size:var(--t-cap);letter-spacing:var(--tr-micro);color:var(--amber);min-height:14px}#toasts{z-index:4001;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:76px;left:20px}.toast{background:var(--panel);border:1px solid var(--hairline);border-left:2px solid var(--cyan);min-width:220px;padding:12px 16px;animation:.25s toast-in,.4s 3.6s forwards toast-out}.toast .t-title{font-family:var(--sans);font-weight:var(--w-semi);font-size:var(--t-cap);letter-spacing:var(--tr-micro);color:var(--text)}.toast .t-sub{font-family:var(--sans);font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--dim);margin-top:4px}.toast.gold{border-left-color:var(--amber)}.toast.gold .t-title{color:var(--amber)}@keyframes toast-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}@keyframes toast-out{to{opacity:0;transform:translate(-12px)}}#met-bpm{width:56px;color:var(--text);border:none;border-bottom:1px solid var(--hairline);font-family:var(--mono);font-size:var(--t-cap);-moz-appearance:textfield;background:0 0;outline:none;padding:8px 4px}#met-bpm::-webkit-inner-spin-button{display:none}#btn-met.on,#btn-notation.on{color:var(--cyan);border-color:rgba(var(--cyan-rgb), .5)}.j-ok{color:#66799a}#hud-miss.has-miss{color:#ff4060!important;text-shadow:none!important}.inst-fav{cursor:pointer;font-size:var(--t-ui);color:var(--dim);background:0 0;border:none;padding:4px;position:absolute;top:4px;right:6px}.inst-fav.faved{color:var(--amber)}.inst-card{position:relative}.chip .chip-x{color:inherit;opacity:.6;margin-left:8px}.chip .chip-x:hover{opacity:1}#modal-account input{width:100%;color:var(--text);border:none;border-bottom:1px solid var(--hairline);font-family:var(--sans);font-size:var(--t-body);background:0 0;outline:none;padding:12px 4px}#modal-account input:focus{border-bottom-color:var(--cyan)}#account-logged-out,#account-logged-in{flex-direction:column;gap:16px;display:flex}.acct-tabs{align-self:flex-start}.acct-error{font-family:var(--sans);font-size:var(--t-cap);color:#ff4060;min-height:14px}#acct-who{letter-spacing:var(--tr-cap);font-size:14px}#account-label{text-overflow:ellipsis;max-width:64px;overflow:hidden}.ibtn.logged-in{color:var(--cyan)}#results-rank{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:var(--tr-micro)}#results-rank span:not(.world-best){opacity:1;transition:opacity .26s var(--win-ease), transform .26s var(--win-ease);display:inline-block;transform:none}@starting-style{#results-rank span:not(.world-best){opacity:0;transform:translateY(4px)}}#results-rank .world-best{color:var(--amber);animation:.42s cubic-bezier(.2,1.6,.4,1) rank-in;display:inline-block}@keyframes rank-in{0%{opacity:0;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){#results-rank span:not(.world-best){transition:opacity .12s linear;transform:none}@starting-style{#results-rank span:not(.world-best){transform:none}}#results-rank .world-best{animation:none}}@media (width<=1180px){#transport{grid-template-columns:1fr auto}.t-right{flex-wrap:wrap;grid-column:1/-1;justify-content:center}}.rep-sort{cursor:pointer;-webkit-user-select:none;user-select:none}.rep-sort:hover{color:var(--text)}.rep-sort.active{color:var(--cyan)}.rep-sort.active:after{content:" ▾"}.rep-sort.active.asc:after{content:" ▴"}.rep-row{grid-template-columns:26px 24px minmax(0,1fr) 78px 54px 60px 50px 48px 50px 44px 30px 24px}#rep-main[data-view=compositions] .rep-row{grid-template-columns:26px 24px minmax(0,1fr) 78px 54px 60px 50px 48px 50px 44px 30px 24px 24px}@media (width<=1439px){.rep-row{grid-template-columns:26px 24px minmax(0,1fr) 54px 60px 50px 50px 44px 30px 24px}#rep-main[data-view=compositions] .rep-row{grid-template-columns:26px 24px minmax(0,1fr) 54px 60px 50px 50px 44px 30px 24px 24px}.rep-row>:nth-child(4),.rep-row>:nth-child(8){display:none}}@media (width<=1180px){.rep-row{grid-template-columns:26px 24px minmax(0,1fr) 54px 60px 30px 24px}#rep-main[data-view=compositions] .rep-row{grid-template-columns:26px 24px minmax(0,1fr) 54px 60px 30px 24px 24px}.rep-row>:nth-child(7),.rep-row>:nth-child(9),.rep-row>:nth-child(10){display:none}}.rep-for{color:var(--dim);font-family:var(--sans);font-size:var(--t-micro);font-weight:var(--w-med);letter-spacing:var(--tr-micro);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rep-ver{border:1px solid var(--hairline);color:var(--dim);font-family:var(--sans);font-size:var(--t-micro);font-weight:var(--w-med);letter-spacing:var(--tr-micro);cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;padding:4px;overflow:hidden}.rep-ver:hover{color:var(--text);border-color:#ffffff4d}.rep-ver.alt{color:var(--amber);border-color:rgba(var(--amber-rgb), .5)}.rep-ver.ens,.rep-ver.ens:hover{cursor:default;color:var(--dim);border-color:var(--hairline)}.rep-vermenu{z-index:240;background:var(--panel);border:1px solid var(--hairline);opacity:1;transform-origin:0 0;max-width:200px;transition:transform .15s var(--win-ease), opacity .15s var(--win-ease);border-radius:8px;flex-direction:column;padding:4px;display:flex;position:fixed;transform:none;box-shadow:0 12px 32px #0000008c}.rep-vermenu.vm-enter{opacity:0;transition:none;transform:scale(.96)}@media (prefers-reduced-motion:reduce){.rep-vermenu{transition:opacity .12s linear;transform:none}.rep-vermenu.vm-enter{transform:none}}.rep-vermenu .vm-head{font-family:var(--sans);font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--dim);padding:4px 8px}.rep-vermenu .vm-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-direction:column;gap:1px;padding:8px;display:flex}.rep-vermenu .vm-item:hover{background:rgba(var(--cyan-rgb), .08)}.rep-vermenu .vm-item.active{background:rgba(var(--amber-rgb), .12)}.rep-vermenu .vm-n{font-family:var(--sans);font-size:var(--t-cap);letter-spacing:var(--tr-micro);color:var(--text)}.rep-vermenu .vm-item.active .vm-n{color:var(--amber)}.rep-vermenu .vm-d{font-family:var(--sans);font-size:var(--t-micro);color:var(--dim)}#rep-head [data-filt]{padding-right:12px;position:relative}.rep-filt{cursor:pointer;font-size:var(--t-micro);color:var(--dim);opacity:0;background:0 0;border:none;padding:0 1px;line-height:1;transition:opacity .12s,color .12s;position:absolute;top:50%;right:0;transform:translateY(-50%)}#rep-head [data-filt]:hover .rep-filt,.rep-filt:focus-visible{opacity:1}.rep-filt:hover{color:var(--text)}.rep-filt:focus-visible{outline:1px solid var(--cyan);outline-offset:1px}#rep-head [data-filt].filtered{color:var(--cyan)}#rep-head [data-filt].filtered .rep-filt{opacity:1;color:var(--cyan)}#rep-head [data-filt].filtered:before{content:"";background:var(--cyan);border-radius:999px;width:3px;height:3px;margin-top:-1px;position:absolute;top:50%;left:-5px}.chip-clearfilt{color:var(--amber);border-color:rgba(var(--amber-rgb), .45)}.chip-clearfilt:hover{color:var(--amber);border-color:var(--amber)}.rep-filtmenu{max-width:240px}.rep-filtmenu .vm-scroll{flex-direction:column;max-height:46vh;display:flex;overflow-y:auto}.rep-filtmenu .vm-sub{padding-top:8px}.rep-filtmenu .vm-search{font-family:var(--sans);font-size:var(--t-micro);color:var(--text);border:1px solid var(--hairline);background:0 0;border-radius:4px;outline:none;margin:0 4px 4px;padding:4px 8px}.rep-filtmenu .vm-search:focus{border-color:rgba(var(--cyan-rgb), .5)}.rep-filtmenu .vm-check{flex-direction:row;align-items:center;gap:8px;padding:4px 8px}.rep-filtmenu .vm-check .vm-n{text-overflow:ellipsis;white-space:nowrap;font-size:var(--t-micro);flex:1;overflow:hidden}.rep-filtmenu .vm-box{border:1px solid var(--hairline);width:11px;height:11px;font-family:var(--mono);font-size:var(--t-micro);text-align:center;color:var(--on-accent);border-radius:4px;flex:0 0 11px;line-height:10px}.rep-filtmenu .vm-check.active{background:0 0}.rep-filtmenu .vm-check.active .vm-box{background:var(--cyan);border-color:var(--cyan)}.rep-filtmenu .vm-check.active .vm-n{color:var(--cyan)}.rep-filtmenu .vm-count{font-family:var(--mono);font-size:var(--t-micro);color:var(--dim);flex:none}.rep-filtmenu .vm-clear{border-top:1px solid var(--hairline);border-radius:0;flex-direction:row;margin-top:4px;padding-top:8px}.rep-filtmenu .vm-clear .vm-n{font-size:var(--t-micro);color:var(--dim);letter-spacing:var(--tr-ui)}.rep-filtmenu .vm-clear:hover .vm-n{color:var(--text)}.rep-prev{cursor:pointer;font-size:var(--t-cap);color:var(--dim);background:0 0;border:none;padding:4px}.rep-prev:hover,.rep-prev.playing{color:var(--cyan)}#queue-strip,#playlist-strip{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.q-label{font-family:var(--sans);font-weight:500;font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--dim);flex-shrink:0}#ctx-menu{z-index:120;background:var(--panel);border:1px solid var(--hairline);transform-origin:0 0;min-width:190px;transition:transform .15s var(--win-ease), opacity .15s var(--win-ease);padding:4px 0;position:fixed;box-shadow:0 8px 30px #00000080}#ctx-menu.hidden{opacity:0;visibility:hidden;pointer-events:none;transition:transform .15s var(--win-ease), opacity .15s var(--win-ease), visibility 0s linear .15s;transform:scale(.96);display:block!important}@media (prefers-reduced-motion:reduce){#ctx-menu,#ctx-menu.hidden{transition:opacity .12s linear;transform:none}#ctx-menu.hidden{transition:opacity .12s linear,visibility 0s linear .12s}}#ctx-menu button{text-align:left;cursor:pointer;width:100%;font-family:var(--mono);font-size:var(--t-cap);letter-spacing:var(--tr-micro);color:var(--text);background:0 0;border:none;padding:8px 16px;display:block}#ctx-menu button:hover{background:rgba(var(--cyan-rgb), .1);color:var(--cyan)}#ctx-menu .ctx-sep{background:var(--hairline-soft);height:1px;margin:4px 0}#ctx-menu .ctx-label{font-family:var(--sans);font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--dim);padding:8px 16px 4px}.modal-card{position:relative}.modal-x{cursor:pointer;color:var(--dim);transition:color .12s, transform var(--press-dur) ease;background:0 0;border:none;padding:8px;font-size:14px;position:absolute;top:10px;right:12px}.modal-x:hover{color:var(--text)}#btn-rep-close,#btn-inst-close,#btn-stats-close,#btn-acct-close,#btn-results-close{display:none}.lb-avatar{width:18px;height:18px;font-family:var(--sans);font-weight:600;font-size:var(--t-micro);color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}#rank-panel{border:1px solid var(--hairline);flex-direction:column;gap:4px;padding:16px 20px;display:flex}.rank-main{align-items:baseline;gap:16px;display:flex}#rank-title-name{font-family:var(--sans);letter-spacing:var(--tr-micro);text-transform:uppercase;color:var(--amber);font-size:17px;font-weight:600}#rank-rating{color:var(--text);font-size:22px}#rank-world,#rank-next{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:var(--tr-micro)}#level-title{font-family:var(--sans);font-weight:500;font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--amber)}.lb-title{font-family:var(--sans);font-weight:600;font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--amber);width:30px}.ed-sep{background:var(--hairline);width:1px;height:22px;margin:0 4px}#ed-status{font-family:var(--mono);margin-left:auto}#editor-scroll{max-height:62vh}#queue-chips .chip{cursor:grab}#queue-chips .chip.dragging{opacity:.4}#queue-chips .chip.drop-target{outline:1px solid var(--cyan);outline-offset:1px}#space-seg{margin:0 16px}#space-seg button{letter-spacing:var(--tr-cap)}body[data-space=listen] #hand-seg,body[data-space=listen] #mode-seg,body[data-space=listen] #lives-seg,body[data-space=listen] #btn-met,body[data-space=listen] #met-bpm,body[data-space=listen] #btn-record,body[data-space=play] #btn-shuffle,body[data-space=compose] #hand-seg,body[data-space=compose] #mode-seg,body[data-space=compose] #lives-seg,body[data-space=compose] #btn-record,body[data-space=compose] #btn-shuffle,body[data-space=compose] #btn-t-prev,body[data-space=compose] #btn-t-restart,body[data-space=compose] #btn-t-next,body[data-space=compose] #hud,body[data-space=compose] #empty-state,body[data-space=compose] .speed-ctl,body:not([data-space=compose]) .compose-ctl,body:not([data-space=compose]) #compose-ind{display:none}#btn-compose-save{color:var(--cyan)}#btn-compose-clear:hover{color:var(--magenta)}#btn-shuffle.on{color:var(--cyan);border-color:var(--cyan)}body[data-space=compose] #set-backing-row{display:none}#set-ensemble #btn-parts{margin-top:12px}#set-ensemble #btn-parts.on{color:var(--cyan);border-color:var(--cyan)}.tbtn.inert{opacity:.35;cursor:default}#parts-view{inset:0 0 var(--kb-h,120px) 0;background-color:var(--panel);border:0;border-bottom:1px solid var(--hairline);z-index:6;border-radius:0;flex-direction:column;display:flex;position:absolute;overflow:hidden;transform:none}#parts-view.hidden{display:none}#stage:has(#parts-view:not(.hidden)) #compat-banner{display:none}.pv-head{border-bottom:1px solid var(--hairline-soft);flex-wrap:nowrap;align-items:baseline;gap:12px;padding:12px 44px 12px 16px;display:flex}#pv-title{font-family:var(--mono);font-size:var(--t-lead);letter-spacing:var(--tr-cap);color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}#pv-run{flex:none;align-items:baseline;gap:16px;margin-left:auto;display:none}body[data-space=play] #parts-view #pv-run{display:inline-flex}.pv-run-i{align-items:baseline;gap:8px;display:inline-flex}.pv-run-i span{font-family:var(--sans);font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--dim)}.pv-run-i b{color:var(--cyan);font-size:15px;font-weight:var(--w-semi);text-align:right;min-width:40px}#pv-meta{white-space:nowrap;font-size:var(--t-cap);letter-spacing:var(--tr-micro);flex:none}#parts-view .modal-x{position:absolute;top:10px;right:12px}#pv-scroll{scrollbar-width:thin;scrollbar-color:var(--hairline) transparent;flex:1;min-height:0;position:relative;overflow:hidden auto}#pv-scroll::-webkit-scrollbar{width:8px}#pv-scroll::-webkit-scrollbar-track{background:0 0}#pv-scroll::-webkit-scrollbar-thumb{background:var(--hairline);border-radius:999px}#pv-scroll::-webkit-scrollbar-thumb:hover{background:var(--dim)}#pv-stack{position:relative}#pv-canvas{width:100%;display:block;position:sticky;top:0}#pv-gutter{width:214px;position:absolute;inset:0 auto 0 0}.pv-row{height:var(--pv-lane,68px);border-bottom:1px solid var(--hairline-soft);background-color:var(--panel);color:var(--dim);align-items:center;gap:8px;padding:0 12px 0 16px;display:flex;position:relative}.pv-row .ic{opacity:.75;flex:none}.pv-names{flex-direction:column;gap:1px;min-width:0;display:flex}.pv-names b{font-family:var(--sans);font-weight:var(--w-semi);font-size:var(--t-cap);letter-spacing:var(--tr-micro);color:var(--text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pv-names span{font-family:var(--sans);font-size:var(--t-micro);letter-spacing:var(--tr-micro);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pv-row.on{color:var(--text)}.pv-row.on .ic{opacity:1;color:var(--cyan)}.pv-row.on:before{content:"";background:var(--cyan);width:2px;position:absolute;top:0;bottom:0;left:0}@media (width<=900px){#pv-meta{display:none}}@media (width<=720px){#pv-gutter{width:150px}.pv-row{gap:8px;padding-left:12px}.pv-says,#pv-title{display:none}}#compose-ind{font-size:var(--t-cap);letter-spacing:var(--tr-micro);align-items:center;gap:8px;display:flex}.modal-card.take{width:700px;max-width:92vw}.modal-card.take input[type=text]{border:1px solid var(--hairline);width:100%;color:var(--text);font-family:var(--sans);letter-spacing:var(--tr-cap);background:#ffffff08;border-radius:8px;margin:12px 0;padding:8px 12px;font-size:13px}#take-canvas{border:1px solid var(--hairline);background:#00000059;border-radius:8px;width:100%;height:96px;display:block}.take-range{height:26px;margin-top:8px;position:relative}.take-range input[type=range]{appearance:none;pointer-events:none;background:0 0;width:100%;height:26px;margin:0;position:absolute;inset:0}.take-range input[type=range]::-webkit-slider-thumb{appearance:none;pointer-events:auto;background:var(--cyan);cursor:ew-resize;border:1px solid #00000080;border-radius:4px;width:14px;height:22px}.take-range input[type=range]::-webkit-slider-runnable-track{background:0 0}.take-times{font-size:var(--t-cap);justify-content:space-between;margin-top:4px;display:flex}#pedal-ind{color:var(--dim);opacity:.22;font-size:var(--t-cap);cursor:default;transition:opacity .12s,color .12s}#pedal-ind.down{opacity:1;color:var(--amber)}#hud-runbest-row{display:none}body.endless-run #hud-runbest-row{display:flex}body.fb-on #hud .hud-item{display:none}body.fb-on.endless-run #hud{top:136px}body.fb-on.endless-run #hud #hud-runbest-row{display:flex}#hand-pill.inert{opacity:.35;pointer-events:none}#hand-pill .hp-l{color:var(--magenta);font-weight:700}#hand-pill .hp-r{color:var(--cyan);font-weight:700}#hand-pill button:hover{background:#ffffff12}.ed-chip{border:1px solid var(--hairline-soft);color:#0000;pointer-events:none;width:30px;height:26px;font-size:var(--t-ui);background:0 0;border-radius:4px;transition:color .12s,border-color .12s}.ed-chip.armed{color:var(--text);border-color:var(--hairline);pointer-events:auto;cursor:pointer}.ed-chip.armed:hover{border-color:var(--cyan);color:var(--cyan)}#ed-hint{font-size:var(--t-micro);letter-spacing:var(--tr-micro)}#btn-grid{min-width:84px}#toasts .toast.revert{pointer-events:auto;cursor:pointer;animation:.25s toast-in,.4s 4.6s forwards toast-out}#met-bpm{display:none}#btn-met.on+#met-bpm{border:1px solid var(--hairline);width:52px;color:var(--text);font-family:var(--mono);font-size:var(--t-cap);background:#ffffff0a;border-radius:4px;padding:4px 8px;display:inline-block}:root[data-theme=aurora]{--bg:#04060c;--panel:#0a0e1a;--cyan:#6ec8ff;--cyan-rgb:110, 200, 255;--magenta:#ffc46b;--magenta-rgb:255, 196, 107;--amber:#ffd27a;--amber-rgb:255, 210, 122;--text:#e6edf7;--dim:#6d7890;--hairline:#6ec8ff24;--hairline-soft:#6ec8ff12;--avatar-r:8px;--win-dur:.4s;--win-ease:cubic-bezier(.16, 1, .3, 1);--win-from:translateY(20px) scale(.985);--win-blur:8px;--press:.97}:root[data-theme=aurora] #scanlines,:root[data-theme=retro] #scanlines{display:none}:root[data-theme=retro]{--bg:#000;--panel:#101018;--cyan:#3cbcfc;--cyan-rgb:60, 188, 252;--magenta:#f83800;--magenta-rgb:248, 56, 0;--amber:#f8b800;--amber-rgb:248, 184, 0;--text:#fcfcfc;--dim:#7c7c7c;--hairline:#3cbcfc33;--hairline-soft:#3cbcfc1a;--avatar-r:0px;--win-dur:.22s;--win-ease:steps(6, end);--win-from:scaleX(.7) scaleY(.06);--win-blur:2px;--press:.9;--press-dur:40ms}:root[data-theme=retro] .modal:not(.hidden) .modal-card{animation:crt-power-on var(--win-dur) steps(6, end)}@keyframes crt-power-on{0%{filter:brightness(2.4)saturate(.2)}45%{filter:brightness(1.5)saturate(.6)}to{filter:brightness()saturate()}}:root[data-theme=retro] #btn-continue,:root[data-theme=retro] #btn-empty-songs,:root[data-theme=retro] #btn-daily-pick{color:#000;text-shadow:none;background:#0000000f;border-color:#00000080}:root[data-theme=retro] #btn-continue:hover,:root[data-theme=retro] #btn-empty-songs:hover,:root[data-theme=retro] #btn-daily-pick:hover{background:#00000021;border-color:#000000bf}:root[data-theme=retro] #empty-state div{color:#2d2d2d}:root[data-theme=retro] #hud .mono,:root[data-theme=retro] #hud-mult,:root[data-theme=retro] #hud-streak.god,:root[data-theme=retro] #hud-miss.has-miss{color:#000!important;text-shadow:none!important}:root[data-theme=retro] .hud-label{color:#2d2d2d}:root:is([data-theme=sumi],[data-theme=manuscript]) #hud-streak.god,:root:is([data-theme=sumi],[data-theme=manuscript]) #hud-miss.has-miss{color:var(--magenta)!important;text-shadow:none!important}.modal-card.theme-picker{gap:16px;width:860px}#theme-layout{grid-template-columns:320px minmax(0,1fr);align-items:stretch;gap:20px;display:grid}#theme-list{flex-direction:column;gap:8px;display:flex}.theme-row{cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff12;border-radius:8px;align-items:center;gap:16px;width:100%;padding:12px 16px;transition:border-color .12s,background .12s;display:flex}.theme-row:hover{background:#ffffff0e;border-color:#ffffff1c}.theme-row.current{border-color:var(--cyan);background:rgba(var(--cyan-rgb), .07)}.theme-row .tr-dots{flex-shrink:0;gap:4px;display:flex}.theme-row .tr-dot{border-radius:999px;width:10px;height:10px;display:block}.theme-row .tr-name{font-family:var(--sans);font-weight:var(--w-med);font-size:var(--t-body);letter-spacing:var(--tr-micro);color:var(--text);flex:1}.theme-row.current .tr-name{color:var(--cyan)}.theme-row .tr-preview{font-family:var(--sans);font-weight:var(--w-med);font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--dim);background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;flex-shrink:0;padding:4px 12px;transition:color .12s,background .12s}.theme-row .tr-preview:hover{color:var(--text);background:#ffffff12}#theme-preview{background:#ffffff05;border:1px solid #ffffff12;border-radius:8px;flex-direction:column;display:flex;overflow:hidden}#theme-preview-canvas{background:#05060f;flex:1;width:100%;min-height:0;display:block}#theme-preview-fit{font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--dim);border-top:1px solid var(--hairline-soft);min-height:29px;padding:8px 12px}@media (hover:none){#theme-layout{grid-template-columns:1fr}#theme-preview,.theme-row .tr-preview{display:none}.modal-card.theme-picker{width:560px}}:root:is([data-theme=sumi],[data-theme=manuscript]){--bg:#f2ede1;--panel:#eae4d5;--cyan:#20202a;--cyan-rgb:32, 32, 42;--magenta:#c73e3a;--magenta-rgb:199, 62, 58;--amber:#8a3324;--amber-rgb:138, 51, 36;--text:#26262e;--dim:#6b6459;--on-accent:#f2ede1;--hairline:#20202a2e;--hairline-soft:#20202a17;--win-dur:.46s;--win-ease:cubic-bezier(.33, 0, .15, 1);--win-from:scale(.99) translateY(3px);--win-blur:4px;--press:.99;--press-dur:.14s}:root:is([data-theme=sumi],[data-theme=manuscript]) #scanlines{display:none}:root:is([data-theme=sumi],[data-theme=manuscript]) #hud .mono,:root:is([data-theme=sumi],[data-theme=manuscript]) #hud-mult,:root:is([data-theme=sumi],[data-theme=manuscript]) #top-title,:root:is([data-theme=sumi],[data-theme=manuscript]) .status.online{text-shadow:none!important}:root:is([data-theme=sumi],[data-theme=manuscript]) #btn-play{box-shadow:none}:root:is([data-theme=sumi],[data-theme=manuscript]) #top-title{font-family:var(--sans)}:root:is([data-theme=sumi],[data-theme=manuscript]) .modal-card h2{font-family:var(--display);font-variation-settings:"opsz" 44;font-weight:400}body[data-space=listen] #btn-stop,body[data-space=play] #btn-t-restart,body[data-space=play] #btn-repeat,body[data-space=compose] #btn-repeat,body[data-space=listen] #hud{display:none}#level-chip{cursor:pointer}#level-chip .level-col:focus-visible,#level-chip .level-id:focus-visible{outline:1px solid var(--cyan);outline-offset:2px;border-radius:4px}#level-chip:hover{background:#ffffff0f;border-radius:8px}#btn-repeat.on{color:var(--cyan);border-color:var(--cyan)}#stats-account{border-bottom:1px solid var(--hairline-soft);font-size:var(--t-cap);letter-spacing:var(--tr-micro);align-items:center;gap:12px;padding:8px 0;display:flex}#stats-account #stats-tabs{margin-left:auto}:root:is([data-theme=sumi],[data-theme=manuscript]) #topbar,:root:is([data-theme=sumi],[data-theme=manuscript]) #transport{background:#eae4d5f5}:root:is([data-theme=sumi],[data-theme=manuscript]) .btn{background:#20202a0d;border-color:#20202a1f}:root:is([data-theme=sumi],[data-theme=manuscript]) .btn:hover{background:#20202a17;border-color:#20202a73}:root:is([data-theme=sumi],[data-theme=manuscript]) .chip:hover{border-color:#20202a73}:root:is([data-theme=sumi],[data-theme=manuscript]) .inst-card,:root:is([data-theme=sumi],[data-theme=manuscript]) .ens-tile,:root:is([data-theme=sumi],[data-theme=manuscript]) .theme-row,:root:is([data-theme=sumi],[data-theme=manuscript]) .theme-row .tr-preview,:root:is([data-theme=sumi],[data-theme=manuscript]) #theme-preview{background:#20202a0b;border-color:#20202a1a}:root:is([data-theme=sumi],[data-theme=manuscript]) .inst-card:hover,:root:is([data-theme=sumi],[data-theme=manuscript]) .ens-tile:hover,:root:is([data-theme=sumi],[data-theme=manuscript]) .theme-row:hover{background:#20202a14;border-color:#20202a66}:root:is([data-theme=sumi],[data-theme=manuscript]) .inst-card.previewing:not(.on),:root:is([data-theme=sumi],[data-theme=manuscript]) .ens-tile.previewing:not(.on){background:#20202a1c;border-color:#20202a8c}:root:is([data-theme=sumi],[data-theme=manuscript]) .theme-row.current{border-color:var(--cyan);background:rgba(var(--cyan-rgb), .07)}:root:is([data-theme=sumi],[data-theme=manuscript]) .af-toggle:hover{border-color:#20202a66}:root:is([data-theme=sumi],[data-theme=manuscript]) #inst-nav button:hover{background:#20202a0f}:root:is([data-theme=sumi],[data-theme=manuscript]) #level-chip:hover{background:#20202a12}:root:is([data-theme=sumi],[data-theme=manuscript]) .seg{background:#20202a0f}:root:is([data-theme=sumi],[data-theme=manuscript]) #empty-state{color:var(--dim)}#rep-layout{flex:1;grid-template-columns:minmax(0,1fr) 280px;gap:20px;min-height:0;display:grid}#rep-main{flex-direction:column;gap:12px;min-width:0;min-height:0;display:flex}#rep-side{border-left:1px solid var(--hairline-soft);flex-direction:column;gap:12px;min-height:0;padding-left:20px;display:flex}#rep-side h3,#rep-side .side-h3{font-family:var(--sans);font-weight:500;font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--dim);margin:0}.side-head{align-items:center;gap:8px;display:flex}.side-head .side-actions{align-items:center;gap:8px;margin-left:auto;display:flex}#btn-side-shuffle.on,#btn-side-repeat.on{color:var(--cyan);border-color:var(--cyan)}#queue-list{flex:1;min-height:140px;overflow-y:auto}#history-list{opacity:.75;flex:none;max-height:26%;overflow-y:auto}#history-list .q-row{padding:4px}#history-list .qt-t{font-size:var(--t-cap)}.queue-empty{font-size:var(--t-cap);padding:12px 4px;line-height:1.6}.q-row{border-bottom:1px solid var(--hairline-soft);cursor:grab;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:8px 4px;display:flex}.q-row:hover{background:#ffffff08}.q-row .qi{width:16px;font-size:var(--t-micro);color:var(--dim);text-align:right;flex:none}.q-row .qt{flex:1;min-width:0}.q-row .qt-t{font-size:var(--t-ui);color:var(--text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.q-row .qt-a{font-size:var(--t-micro);color:var(--dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.q-row .qx{color:var(--dim);cursor:pointer;font-size:var(--t-cap);opacity:0;background:0 0;border:none;padding:4px;transition:opacity .12s}.q-row:hover .qx{opacity:1}.q-row .qx:hover{color:var(--magenta)}.rep-row .qx{color:var(--dim);cursor:pointer;font-size:var(--t-cap);opacity:0;background:0 0;border:none;padding:4px;transition:opacity .12s}.rep-row:hover .qx,.rep-row .qx:focus-visible{opacity:1}.rep-row .qx:hover{color:var(--magenta)}.q-row.dragging{opacity:.35}.q-row.leaving{opacity:0;pointer-events:none;transition:opacity .14s ease-out,transform .14s ease-out;transform:translate(-8px)}@media (prefers-reduced-motion:reduce){.q-row.leaving{transition:opacity .12s linear;transform:none}}.q-row.drop-target{box-shadow:inset 0 2px 0 var(--cyan)}#queue-list.drag-over,#inst-side.drag-over{outline:1px dashed rgba(var(--cyan-rgb), .55);outline-offset:-4px}.ens-row.dragging{opacity:.35}#level-user{font-family:var(--mono);font-size:var(--t-micro);color:var(--dim);letter-spacing:var(--tr-ui);text-overflow:ellipsis;white-space:nowrap;max-width:96px;overflow:hidden}#level-avatar.has-photo{color:#0000;background-position:50%;background-size:cover}:root:is([data-theme=sumi],[data-theme=manuscript]) .seg button.active,:root:is([data-theme=sumi],[data-theme=manuscript]) .chip.active{color:#f2ede1}#stats-tabs{margin:0 auto}.stats-h3{font-family:var(--sans);font-weight:500;font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--dim);margin:16px 0 8px}#stab-overview,#stab-awards,#stab-songs,#stab-rankings{flex-direction:column;gap:12px;min-height:0;display:flex;overflow-y:auto}.song-detail{border:1px solid var(--hairline-soft);font-size:var(--t-cap);background:#ffffff06;border-radius:8px;flex-direction:column;gap:4px;margin:4px 0 8px;padding:12px;display:flex}.song-detail .sd-row{align-items:baseline;gap:16px;display:flex}.song-detail .sd-mode{width:76px;letter-spacing:var(--tr-micro);color:var(--dim);font-size:var(--t-micro)}.stats-row.clickable{cursor:pointer}.stats-row.clickable:hover{background:#ffffff0a}#song-card{background:rgba(var(--cyan-rgb), .02);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:color-mix(in srgb, var(--panel) 88%, transparent);border:1px solid var(--hairline);z-index:5;border-radius:8px;flex-direction:column;gap:12px;width:980px;max-width:92vw;max-height:78%;padding:20px 20px 16px;display:flex;position:absolute;top:7%;left:50%;overflow-y:auto;transform:translate(-50%)}#sc-title{font-family:var(--mono);font-size:var(--t-lead);letter-spacing:var(--tr-cap);color:var(--text);padding-right:24px}#sc-meta{font-size:var(--t-cap);letter-spacing:var(--tr-micro)}.sc-stats{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.sc-stat{flex-direction:column;gap:4px;display:flex}.sc-stat span{font-family:var(--sans);font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--dim)}.sc-stat b{color:var(--text);font-size:14px;font-weight:600}#sc-spark{width:100%;height:40px;display:block}#song-card.sc-new .sc-stats,#song-card.sc-new #sc-spark,#song-card.sc-first .sc-set.sc-adv{display:none}#sc-board{font-size:var(--t-cap);flex-direction:column;gap:4px;display:flex}#sc-board .scb-row{align-items:baseline;gap:8px;display:flex}#sc-board .scb-row .r{width:16px;color:var(--dim);font-size:var(--t-micro);text-align:right}#sc-board .scb-row .p{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}#sc-board .scb-row .s{font-family:var(--mono)}#sc-board .scb-row .d{color:var(--dim);font-size:var(--t-micro)}#sc-board .scb-row.me{color:var(--cyan)}.sc-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:4px;display:grid}.sc-actions .btn{width:100%;font-size:var(--t-ui);text-align:center;padding:12px 0}.sc-chips{flex-wrap:wrap;gap:8px;display:flex}.sc-chips .chip{font-size:var(--t-micro);padding:4px 8px}.sc-chips .chip .vdots{opacity:.7;margin-left:0}.sc-rec{border:1px dashed rgba(var(--amber-rgb), .5);color:var(--amber);font-family:var(--mono);font-size:var(--t-micro);letter-spacing:var(--tr-micro);cursor:pointer;text-align:left;background:0 0;border-radius:4px;padding:8px}.sc-rec:hover{background:rgba(var(--amber-rgb), .08);border-style:solid}.sc-rec.applied{border-style:solid;border-color:var(--amber);background:rgba(var(--amber-rgb), .12);cursor:default}.sc-recs{flex-wrap:wrap;gap:8px;display:flex}.sc-recs .sc-rec{flex:0 auto;min-width:0}.auto-fit{border-top:1px solid var(--hairline-soft);justify-content:space-between;align-items:center;gap:16px;padding-top:12px;display:flex}.af-label{font-family:var(--sans);font-weight:500;font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--dim)}.af-toggle{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--dim);border:1px solid var(--hairline);cursor:pointer;text-align:center;background:0 0;border-radius:8px;min-width:58px;padding:4px 16px;transition:color .12s,border-color .12s,background .12s}.af-toggle:hover{color:var(--text);border-color:#fff3}.af-toggle.on{color:var(--cyan);border-color:var(--cyan);background:rgba(var(--cyan-rgb), .08)}#sc-hint{text-align:center;font-size:var(--t-micro);letter-spacing:var(--tr-micro)}.sc-cols{grid-template-columns:1.1fr 1fr;gap:28px;display:grid}.sc-left,.sc-right{flex-direction:column;gap:12px;min-width:0;display:flex}.sc-setup{border-top:1px solid var(--hairline-soft);flex-direction:column;gap:8px;padding:16px 0 8px;display:flex}.sc-set{align-items:center;gap:16px;height:30px;display:flex}.sc-set>span{font-family:var(--sans);font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--dim);flex-shrink:0;width:78px}.sc-setup .seg{width:330px;display:flex}.sc-setup .seg button{text-align:center;flex:1 1 0;padding:8px 0}#btn-setup,.isl-sep.sep-mode{display:none}body[data-space=play] #btn-setup{display:inline-flex}body[data-space=play] .isl-sep.sep-mode{display:block}#results-keys{text-align:center;font-size:var(--t-micro);letter-spacing:var(--tr-micro);margin-top:4px}body:not([data-space=play]) #song-card{display:none}#tip{z-index:200;pointer-events:none;background:var(--panel);color:var(--text);border:1px solid var(--hairline);font-family:var(--sans);font-size:var(--t-cap);letter-spacing:var(--tr-ui);white-space:normal;border-radius:8px;max-width:420px;padding:8px 12px;position:fixed;box-shadow:0 4px 18px #00000073}#tip.hidden{display:none}.modal-card.repertoire,.modal-card.instruments{width:calc(100vw - 68px);max-width:1520px;height:calc(100% - 52px)}#rep-layout{grid-template-columns:164px minmax(0,1fr) 232px}@media (width<=960px){#rep-layout{grid-template-columns:164px minmax(0,1fr)}#rep-side{display:none}#btn-rep-queue{align-items:center;display:inline-flex}#rep-layout.side-open{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}#rep-layout.side-open #rep-nav,#rep-layout.side-open #rep-crumb,#rep-layout.side-open #rep-head,#rep-layout.side-open #rep-list,#rep-layout.side-open .rep-controls>:not(#btn-rep-queue){display:none}#rep-layout.side-open #rep-side{border-left:none;min-width:0;padding-left:0;display:flex}}#rep-nav{border-right:1px solid var(--hairline-soft);flex-direction:column;gap:4px;padding-right:12px;display:flex}#rep-nav button{text-align:left;cursor:pointer;font-family:var(--sans-narrow);font-stretch:var(--wd-narrow);font-size:var(--t-ui);font-weight:var(--w-med);letter-spacing:var(--tr-cap);color:var(--dim);background:0 0;border:none;border-radius:8px;align-items:center;padding:8px 12px;display:flex}#rep-nav button .nav-ic{flex-shrink:0;justify-content:center;align-items:center;width:16px;margin-right:12px;display:inline-flex}#rep-nav button:hover{color:var(--text);background:#ffffff0a}#rep-nav button.active{color:var(--cyan);background:rgba(var(--cyan-rgb), .08)}#rep-crumb{font-family:var(--sans);font-size:var(--t-ui);letter-spacing:var(--tr-ui);align-items:baseline;gap:8px;display:flex}#rep-crumb button{color:var(--dim);cursor:pointer;font:inherit;background:0 0;border:none;padding:0}#rep-crumb button:hover{color:var(--cyan)}#rep-crumb .here{color:var(--text)}#rep-crumb .sep{color:var(--dim)}.browse-row{border-bottom:1px solid var(--hairline-soft);cursor:pointer;font-size:var(--t-ui);align-items:center;gap:12px;padding:8px;display:flex}.browse-row:hover{background:#ffffff0a}.browse-row .bi{border-radius:var(--avatar-r,8px);width:42px;height:42px;font-family:var(--sans);font-weight:700;font-size:var(--t-lead);flex:none;justify-content:center;align-items:center;display:flex}.browse-row .bi.photo{box-sizing:border-box;border:1px solid var(--hairline);background:0 0;overflow:hidden}.browse-row .bi.photo img{object-fit:cover;width:100%;height:100%;display:block}.browse-row .bt{flex:1;min-width:0}.browse-row .bt .t2{color:var(--text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.browse-row .bt .a2{color:var(--dim);font-size:var(--t-micro)}.browse-row .bn{color:var(--dim);font-family:var(--mono);font-size:var(--t-micro);flex:none}#rep-side{padding-left:16px}.comp-head{border-bottom:1px solid var(--hairline);gap:16px;padding:4px 8px 20px;display:flex}.comp-art{border-radius:var(--avatar-r,8px);box-sizing:border-box;border:1px solid var(--hairline);width:96px;height:96px;font-family:var(--sans);font-weight:var(--w-bold);font-size:var(--t-h1);flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.comp-art img{object-fit:cover;width:100%;height:100%;display:block}.comp-body{flex:1;min-width:0}.comp-name{font-family:var(--sans);font-weight:var(--w-semi);font-size:var(--t-h2);letter-spacing:var(--tr-h2);color:var(--text);line-height:var(--lh-tight)}:root:is([data-theme=sumi],[data-theme=manuscript],[data-theme=grand]) .comp-name{font-family:var(--display);font-weight:var(--w-bold);font-size:var(--t-h1);letter-spacing:0}.comp-dates{font-family:var(--sans);font-size:var(--t-cap);letter-spacing:var(--tr-cap);color:var(--dim);margin-top:4px}.comp-bio{font-family:var(--sans);font-size:var(--t-body);color:var(--text);max-width:64ch;margin:12px 0 0;line-height:1.6}.comp-nums{font-family:var(--mono);font-size:var(--t-micro);color:var(--dim);font-variant-numeric:tabular-nums lining-nums slashed-zero;margin-top:12px}.comp-page{cursor:pointer;font-family:var(--sans);font-weight:var(--w-reg);font-size:var(--t-micro);letter-spacing:var(--tr-micro);text-transform:uppercase;color:var(--dim);background:0 0;border:0;margin-top:12px;padding:0;line-height:1;display:inline-block}.comp-page:hover,.comp-page:focus-visible{color:var(--text);outline:none}.comp-detail{max-width:64ch;margin-top:12px}.comp-facts{border-top:1px solid var(--hairline);grid-template-columns:auto 1fr;gap:4px 16px;margin:0;padding-top:12px;display:grid}.comp-facts dt{font-family:var(--sans);font-size:var(--t-micro);letter-spacing:var(--tr-micro);text-transform:uppercase;color:var(--dim);line-height:1.5}.comp-facts dd{font-family:var(--mono);font-size:var(--t-num);color:var(--text);font-variant-numeric:tabular-nums lining-nums slashed-zero;margin:0;line-height:1.5}.comp-lab{font-family:var(--sans);font-size:var(--t-micro);letter-spacing:var(--tr-micro);text-transform:uppercase;color:var(--dim);margin:16px 0 4px}.comp-src{margin:0;padding:0;list-style:none}.comp-src li{font-family:var(--sans);font-size:var(--t-cap);color:var(--dim);margin-bottom:4px}.comp-src a{color:inherit}.comp-set{margin-top:20px}.comp-set-head{cursor:pointer;border-bottom:1px solid var(--hairline-soft);align-items:baseline;gap:12px;padding:8px;display:flex}.comp-set-head:hover .comp-set-name{color:var(--cyan)}.comp-set-name{min-width:0;color:var(--text);font-family:var(--sans);font-weight:var(--w-semi);font-size:var(--t-body);letter-spacing:var(--tr-body);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.comp-set-n{font-family:var(--mono);font-size:var(--t-micro);color:var(--dim);font-variant-numeric:tabular-nums;flex:none}.comp-set-head .row-more{flex:none;margin-left:-4px;padding:0 4px}.comp-piece{cursor:pointer;border-bottom:1px solid var(--hairline-soft);align-items:center;gap:12px;padding:8px;display:flex}.comp-piece:hover{background:#ffffff0a}.comp-piece.current .comp-t .t{color:var(--cyan)}.comp-n{text-align:right;width:22px;font-family:var(--mono);font-size:var(--t-micro);color:var(--dim);font-variant-numeric:tabular-nums;flex:none}.comp-t{flex:1;min-width:0}.comp-t .t{color:var(--text);font-size:var(--t-ui);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.comp-tier{color:var(--dim);font-family:var(--sans);font-weight:var(--w-reg);font-size:var(--t-micro);letter-spacing:var(--tr-micro);text-transform:uppercase;flex:none}.comp-more{text-align:left;cursor:pointer;width:100%;color:var(--dim);font-family:var(--sans);font-size:var(--t-micro);letter-spacing:var(--tr-micro);text-transform:uppercase;background:0 0;border:0;padding:8px 8px 0;display:block}.comp-more:hover,.comp-more:focus-visible{color:var(--text);outline:none}:root:is([data-theme=sumi],[data-theme=manuscript]) .comp-piece:hover{background:#20202a0d}.modal-card.paywall{text-align:left;align-items:stretch;gap:24px;width:960px;max-width:94vw}.paywall-head{text-align:center}.paywall-eyebrow{font-family:var(--sans);font-weight:var(--w-med);font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--amber,#ffb000);margin-bottom:12px}.modal-card.paywall h2{text-align:center;margin-bottom:4px;font-size:23px}.paywall-trial{font-family:var(--sans);color:var(--cyan,#00e5ff);margin-top:8px;font-size:13px}.paywall-perks{color:var(--text);text-align:left;grid-template-columns:1fr 1fr;gap:12px 28px;max-width:660px;margin:4px auto 0;padding:0;font-size:13px;list-style:none;display:grid}.paywall-perks li{align-items:flex-start;gap:12px;line-height:1.45;display:flex}.paywall-perks li:before{content:"✓";color:var(--cyan,#00e5ff);flex:none;font-weight:700}.paywall-quote{border-top:1px solid var(--line,#ffffff1a);margin:0;padding:12px 0 0}.paywall-quote blockquote{color:var(--text);margin:0;font-size:14px;line-height:1.45}.paywall-quote figcaption{color:var(--dim,#8a94ac);margin-top:4px;font-size:11.5px}.paywall-cards{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:16px;display:flex}.paywall-card{background:var(--panel);border:1px solid var(--hairline);max-width:240px;color:var(--text);cursor:pointer;border-radius:8px;flex-direction:column;flex:170px;align-items:center;gap:8px;padding:32px 16px 24px;font-family:inherit;transition:border-color .2s,transform .1s,background .2s;display:flex;position:relative}.paywall-card:hover{border-color:rgba(var(--cyan-rgb), .6);transform:translateY(-2px)}.paywall-card.best{border-color:rgba(var(--cyan-rgb), .55);background:rgba(var(--cyan-rgb), .04)}.paywall-card.founder{border-color:rgba(var(--amber-rgb), .45)}.paywall-tag{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:var(--tr-micro);background:var(--bg);white-space:nowrap;color:var(--cyan);border:1px solid rgba(var(--cyan-rgb), .45);border-radius:8px;padding:4px 12px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.paywall-card.founder .paywall-tag{color:var(--amber);border-color:rgba(var(--amber-rgb), .45)}.paywall-tier{font-family:var(--sans);font-weight:var(--w-med);font-size:var(--t-cap);letter-spacing:var(--tr-micro);color:var(--dim)}.paywall-price{color:var(--text);margin:4px 0;font-size:30px}.paywall-sub{font-size:var(--t-cap);text-align:center}.paywall-cta{border:1px solid var(--hairline);font-size:var(--t-cap);letter-spacing:var(--tr-micro);text-transform:uppercase;text-align:center;border-radius:8px;width:100%;margin-top:12px;padding:12px 16px}.paywall-card:hover .paywall-cta{border-color:rgba(var(--cyan-rgb), .6)}.paywall-card.best .paywall-cta{background:var(--cyan,#00e5ff);color:var(--on-accent);border-color:#0000;font-weight:700}.paywall-card.founder .paywall-cta{border-color:rgba(var(--amber-rgb), .5)}.paywall-cta{position:relative;overflow:hidden}.paywall-cta:after{content:"";background:var(--cyan);transform-origin:0;width:100%;height:1px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.paywall-card.is-pending{pointer-events:none;transform:translateY(-2px)}.paywall-card.is-pending .paywall-cta:after{transition:transform .9s cubic-bezier(.2,.8,.2,1);transform:scaleX(1)}.paywall-card.best.is-pending .paywall-cta:after{background:var(--on-accent)}.paywall-card.founder.is-pending .paywall-cta:after{background:var(--amber)}@media (prefers-reduced-motion:reduce){.paywall-card.is-pending{opacity:.6}.paywall-card.is-pending .paywall-cta:after{transition:none;transform:none}}.rep-row.is-pending,#sc-variants .chip.is-pending,.tbtn.is-pending{pointer-events:none;position:relative}.rep-row.is-pending:after,#sc-variants .chip.is-pending:after,.tbtn.is-pending:after{content:"";background:var(--cyan);transform-origin:0;width:100%;height:1px;animation:.9s cubic-bezier(.2,.8,.2,1) forwards pending-hairline;position:absolute;bottom:0;left:0}.tbtn.is-pending:after{width:50%;bottom:3px;left:25%}@keyframes pending-hairline{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.rep-row.is-pending,#sc-variants .chip.is-pending,.tbtn.is-pending{opacity:.6}.rep-row.is-pending:after,#sc-variants .chip.is-pending:after,.tbtn.is-pending:after{animation:none;transform:scaleX(1)}}.paywall-fine{text-align:center;max-width:560px;margin:0 auto}@media (width<=640px){.paywall-perks{grid-template-columns:1fr}.paywall-card{max-width:none}}.acct-plan{font-family:var(--sans);font-size:var(--t-ui);letter-spacing:var(--tr-micro);color:var(--dim)}.acct-plan.premium{color:var(--amber)}.acct-divider{text-align:center}.google-signin{justify-content:center;min-height:0;display:flex}.rep-row.premium-locked .rep-title .t:after{content:" ◆";color:var(--amber)}.rep-row.premium-locked .rep-title .t{opacity:.75}.inst-card.premium-locked .n:after{content:" ◆";color:var(--amber)}.inst-card.premium-locked .n{opacity:.75}#inst-groups h3{z-index:2;background:var(--panel);padding:8px 0 4px;position:sticky;top:0}#btn-space{justify-content:center;min-width:92px}body[data-space=listen] .island>#btn-space{color:var(--cyan);background:rgba(var(--cyan-rgb), .14)}body[data-space=play] .island>#btn-space{color:var(--magenta);background:rgba(var(--magenta-rgb), .14)}body[data-space=compose] .island>#btn-space{color:var(--amber);background:rgba(var(--amber-rgb), .14)}body[data-space=listen] .island>#btn-space:hover{background:rgba(var(--cyan-rgb), .2)}body[data-space=play] .island>#btn-space:hover{background:rgba(var(--magenta-rgb), .2)}body[data-space=compose] .island>#btn-space:hover{background:rgba(var(--amber-rgb), .2)}#inst-layout{flex:1;grid-template-columns:164px minmax(0,1fr) 250px;gap:20px;min-height:0;display:grid}#inst-nav{border-right:1px solid var(--hairline-soft);flex-direction:column;gap:4px;padding-right:12px;display:flex}#inst-nav button{text-align:left;cursor:pointer;font-family:var(--sans-narrow);font-stretch:var(--wd-narrow);font-weight:var(--w-med);font-size:var(--t-ui);letter-spacing:var(--tr-cap);color:var(--dim);background:0 0;border:none;border-radius:8px;align-items:center;padding:8px 12px;display:flex}#inst-nav button .nav-ic{flex-shrink:0;justify-content:center;align-items:center;width:16px;margin-right:12px;display:inline-flex}#inst-nav button:hover{color:var(--text);background:#ffffff0a}#inst-nav button.active{color:var(--cyan);background:rgba(var(--cyan-rgb), .08)}#inst-main{flex-direction:column;gap:12px;min-width:0;min-height:0;display:flex}#inst-side{border-left:1px solid var(--hairline-soft);flex-direction:column;gap:8px;min-height:0;padding-left:16px;display:flex}#ensemble-list{flex-direction:column;min-height:80px;display:flex;overflow-y:auto}.ens-row{border-bottom:1px solid var(--hairline-soft);align-items:center;gap:8px;padding:8px 4px;display:flex}.ens-row .ei{border-radius:var(--avatar-r,8px);width:24px;height:24px;font-family:var(--sans);font-weight:700;font-size:var(--t-cap);flex:none;justify-content:center;align-items:center;display:flex}.ens-row .et{flex:1;min-width:0}.ens-row .et .n2{color:var(--text);font-size:var(--t-ui);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ens-row .et .f2{color:var(--dim);font-size:var(--t-micro);letter-spacing:var(--tr-micro)}.ens-row .qx{opacity:1}.ens-empty{color:var(--dim);font-size:var(--t-cap);padding:8px 4px;line-height:1.5}#btn-save-ensemble[disabled]{opacity:.35;cursor:default}.inst-group-title{z-index:2;background:var(--panel);align-items:center;gap:8px;padding:8px 0 4px;display:flex;position:sticky;top:0}.fam-icon{color:var(--dim);flex:none;justify-content:center;align-items:center;width:18px;display:inline-flex}.browse-row.active{background:rgba(var(--cyan-rgb), .07)}.inst-group-title .ens-cat-n{color:var(--dim);font-size:var(--t-micro);margin-left:auto;font-weight:400}.ens-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-bottom:4px;display:grid}.ens-tile{text-align:left;font-family:var(--sans);cursor:pointer;background:#ffffff08;border:1px solid #ffffff12;border-radius:8px;flex-direction:column;gap:8px;min-height:86px;padding:12px 16px;transition:border-color .12s,color .12s,background .12s;display:flex;position:relative}.ens-tile:hover{background:#ffffff0e;border-color:#ffffff1c}.ens-tile.on{border-color:var(--cyan)}.ens-tile.on .et-name{color:var(--cyan)}.ens-head{border-bottom:1px solid var(--hairline-soft);justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:8px;display:flex}.et-name{font-size:var(--t-ui);letter-spacing:var(--tr-ui);color:var(--text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.et-count{flex-direction:column;flex:none;align-items:flex-end;line-height:1;display:flex}.et-count b{color:var(--dim);font-size:13px;font-weight:400}.et-vlabel{font-family:var(--sans);font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--dim);white-space:nowrap;margin-top:4px}.ens-tile.on .et-count b{color:var(--cyan)}.et-members{font-size:var(--t-micro);color:var(--dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.55;display:-webkit-box;overflow:hidden}.et-members .et-more{color:var(--cyan);opacity:.7;font-family:var(--mono)}.ens-tile .et-members{padding-right:24px}.ens-tile.deletable .et-members{padding-right:48px}.ens-tile.deletable .et-del{right:34px}.et-del{color:var(--dim);font-size:var(--t-ui);cursor:pointer;opacity:0;background:0 0;border:none;line-height:1;transition:opacity .12s,color .12s;position:absolute;bottom:9px;right:10px}.ens-tile.deletable:hover .et-del{opacity:1}.et-del:hover{color:var(--magenta)}.inst-card .inst-fav{cursor:pointer;color:var(--dim);margin:-8px;padding:8px;font-size:15px;transition:color .12s}.inst-card .inst-fav:hover,.inst-card .inst-fav.faved{color:var(--amber)}.ens-act{cursor:pointer;color:var(--dim);background:0 0;border:none;flex:none;padding:4px 8px;font-size:13px;transition:color .12s}.ens-act:hover{color:var(--cyan)}.ens-act.faved{color:var(--amber)}.ens-row .ens-act:last-child:hover{color:var(--magenta)}#stab-awards{gap:16px}#awards-header{border:1px solid var(--hairline);flex-wrap:wrap;align-items:center;gap:24px;padding:16px 20px;display:flex}.aw-ring{flex:none;width:72px;height:72px;position:relative}.ring-svg{width:72px;height:72px;transform:rotate(-90deg)}.ring-svg .ring-bg{fill:none;stroke:var(--hairline);stroke-width:6px}.ring-svg .ring-fg{fill:none;stroke:var(--cyan);stroke-width:6px;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(var(--cyan-rgb), .6));transition:stroke-dashoffset .9s cubic-bezier(.2,.8,.2,1)}.ring-pct{justify-content:center;align-items:center;gap:1px;display:flex;position:absolute;inset:0}.ring-pct .mono{color:var(--text);font-size:21px}.ring-pct span:last-child{font-size:var(--t-micro);color:var(--dim);align-self:center}.ring-count{text-align:center;font-size:var(--t-micro);color:var(--dim);letter-spacing:var(--tr-micro);position:absolute;bottom:-13px;left:0;right:0}.aw-tracks{flex-wrap:wrap;gap:28px;display:flex}.aw-track{flex-direction:column;gap:4px;min-width:74px;display:flex}.aw-t-label{font-family:var(--sans);font-weight:500;font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--dim)}.aw-track .mono{color:var(--text);font-variant-numeric:tabular-nums;font-size:19px}#aw-title{font-family:var(--sans);letter-spacing:var(--tr-micro);color:var(--amber);text-transform:uppercase;font-size:14px;font-weight:600}#aw-elo{color:var(--cyan);text-shadow:0 0 12px rgba(var(--cyan-rgb), .45)}#aw-elo-sub,#aw-rating{font-size:var(--t-micro);letter-spacing:var(--tr-ui)}.aw-bar{background:var(--hairline);width:92px;height:3px;overflow:hidden}.aw-bar i{background:var(--cyan);height:100%;transition:width .7s;display:block}.aw-points{flex-direction:column;align-items:flex-end;gap:4px;margin-left:auto;display:flex}#aw-points{color:var(--amber);text-shadow:0 0 12px rgba(var(--amber-rgb), .5);font-variant-numeric:tabular-nums;font-size:23px}.aw-cat-head{align-items:center;gap:8px;margin-top:8px;display:flex}.aw-cat-glyph{color:var(--dim);font-size:13px}.aw-cat-name{font-family:var(--sans);font-weight:500;font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--dim);text-transform:uppercase}.aw-cat-count{font-size:var(--t-micro);color:var(--dim);margin-left:auto}.aw-cat-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:8px;display:grid}.aw-tile{text-align:left;cursor:pointer;border:1px solid var(--hairline-soft);min-height:100px;color:var(--text);background:#ffffff05;flex-direction:column;gap:8px;padding:12px;transition:border-color .2s,transform .12s;display:flex}.aw-tile:hover{border-color:var(--hairline);transform:translateY(-1px)}.aw-tile.locked{opacity:.5}.aw-tile.locked .aw-glyph{color:var(--dim)}.aw-glyph{color:var(--cyan);font-size:22px;line-height:1}.aw-tile.unlocked .aw-glyph{text-shadow:0 0 12px rgba(var(--cyan-rgb), .55)}.aw-tile.done{border-color:rgba(var(--amber-rgb), .4)}.aw-tile.done .aw-glyph{color:var(--amber);text-shadow:0 0 12px rgba(var(--amber-rgb), .55)}.aw-name{font-family:var(--sans);font-weight:500;font-size:var(--t-cap);letter-spacing:var(--tr-ui);line-height:1.25}.aw-sub{font-size:var(--t-micro);color:var(--dim);letter-spacing:var(--tr-ui);font-family:var(--mono);margin-top:auto}.aw-sub.done-tag{color:var(--amber);font-family:var(--sans);letter-spacing:var(--tr-cap);font-weight:600}.aw-pips{gap:4px;display:flex}.aw-pip{background:var(--hairline);width:11px;height:3px}.aw-pip.on{background:var(--cyan);box-shadow:0 0 5px rgba(var(--cyan-rgb), .5)}.aw-tile.done .aw-pip.on{background:var(--amber);box-shadow:0 0 5px rgba(var(--amber-rgb), .5)}.modal-card.badge-card{text-align:center;align-items:center;gap:12px;width:440px;max-width:92vw}.badge-glyph{color:var(--dim);font-size:54px;line-height:1}.badge-glyph.lit{color:var(--amber);text-shadow:0 0 24px rgba(var(--amber-rgb), .6)}.badge-cat{font-family:var(--sans);font-weight:500;font-size:var(--t-micro);letter-spacing:var(--tr-micro)}#badge-name{margin:0}#badge-desc{font-family:var(--sans);font-size:var(--t-ui);color:var(--dim)}.bd-value{font-family:var(--mono);color:var(--text);font-variant-numeric:tabular-nums;font-size:27px}.bd-value.done-tag{color:var(--amber);text-shadow:0 0 14px rgba(var(--amber-rgb), .5)}#badge-progress{flex-direction:column;gap:4px;display:flex}#badge-tiers{flex-direction:column;gap:0;width:100%;margin-top:4px;display:flex}.bd-tier{border-bottom:1px solid var(--hairline-soft);text-align:left;opacity:.5;align-items:baseline;gap:8px;padding:8px 4px;display:flex}.bd-tier.done{opacity:1}.bd-mark{color:var(--dim);font-size:var(--t-cap)}.bd-tier.done .bd-mark{color:var(--amber);text-shadow:0 0 8px rgba(var(--amber-rgb), .5)}.bd-tname{font-family:var(--sans);font-weight:500;font-size:var(--t-cap);letter-spacing:var(--tr-ui);min-width:104px}.bd-tdesc{font-family:var(--sans);font-size:var(--t-micro);flex:1}.bd-tpts{font-family:var(--mono);font-size:var(--t-micro);color:var(--dim)}.badge-actions{gap:8px;margin-top:8px;display:flex}.seg.small{align-self:flex-start}.seg.small button{font-size:var(--t-micro);padding:4px 12px}#set-space{flex-wrap:wrap;flex:260px;min-width:0;display:flex}#set-space button{flex:1 0 auto;padding:8px}#friends-bar{align-items:center;gap:8px;display:flex}.fld{color:var(--text);border:none;border-bottom:1px solid var(--hairline);font-family:var(--sans);font-size:var(--t-ui);background:0 0;outline:none;flex:1;padding:8px 4px}.fld:focus{border-bottom-color:var(--cyan)}.stats-row.me{background:rgba(var(--cyan-rgb), .07)}.level-flair{color:var(--amber);font-size:var(--t-micro);text-shadow:0 0 8px rgba(var(--amber-rgb), .5);margin-right:4px}.level-flair:empty{display:none}.rank-toolbar{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.rank-hint{font-size:var(--t-micro);letter-spacing:var(--tr-ui)}.rank-you{font-family:var(--mono);font-size:var(--t-ui);letter-spacing:var(--tr-micro);color:var(--amber);border:1px solid rgba(var(--amber-rgb), .35);background:rgba(var(--amber-rgb), .05);margin-bottom:4px;padding:8px 12px}.rank-head .num{cursor:default}.stats-row .sortable{cursor:pointer;transition:color .12s}.stats-row .sortable:hover{color:var(--text)}.stats-row .sortable.active{color:var(--cyan)}.stats-row .num.active{color:var(--cyan);text-shadow:0 0 8px rgba(var(--cyan-rgb), .4)}.rank-player{align-items:center;gap:8px;min-width:0;display:flex}.rank-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rank-player .lb-title{flex:none;width:auto;margin-left:4px}#scene{touch-action:none}body{overscroll-behavior:none}@supports (height:100dvh){#app{height:100dvh}}#topbar{padding-left:max(20px, env(safe-area-inset-left));padding-right:max(20px, env(safe-area-inset-right));padding-top:max(8px, env(safe-area-inset-top))}#transport{padding-left:max(20px, env(safe-area-inset-left));padding-right:max(20px, env(safe-area-inset-right));padding-bottom:max(8px, env(safe-area-inset-bottom))}@media (width<=1024px){#hud .mono{font-size:var(--t-lead);min-width:52px}}@media (width<=820px),(height<=540px){#topbar{gap:12px;padding-bottom:8px}#top-title{font-size:var(--t-cap);letter-spacing:var(--tr-micro);-webkit-line-clamp:1}#top-meta{display:none}#level-chip{border-right:none;gap:8px;margin-right:0;padding:4px 8px 4px 4px}.level-mini,.level-rank,#level-user{display:none}#level-num{font-size:var(--t-micro)}#level-avatar{width:20px;height:20px;font-size:var(--t-micro)}#hud{gap:4px;top:8px;right:10px}#hud .mono{min-width:0;font-size:13px}.hud-label{font-size:var(--t-micro);letter-spacing:var(--tr-micro)}#hud-streak.god{font-size:18px!important}#empty-state{top:auto;bottom:calc(var(--kb-h,120px) + 14px);gap:12px;width:92%;transform:translate(-50%)}#btn-continue,#btn-empty-songs{font-size:var(--t-ui);letter-spacing:var(--tr-micro);padding:12px 20px}#empty-state .empty-row{flex-wrap:wrap;justify-content:center}#song-card{max-height:calc(100% - var(--kb-h,120px) - 12px);gap:8px;width:96vw;padding:12px;top:6px}.sc-cols{grid-template-columns:1fr;gap:12px}.sc-setup .seg{flex:1;width:auto}.sc-set{gap:12px;height:auto}.sc-set>span{width:60px}#compat-banner{flex-wrap:wrap;justify-content:center;max-width:calc(100vw - 16px);top:18px}#stage:has(#song-card:not(.hidden)) #compat-banner{display:none}#transport{padding:8px 12px calc(8px + env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;gap:8px;display:flex}.t-center{order:1;justify-content:center;gap:4px}.t-center .tbtn{width:34px;height:34px;font-size:var(--t-ui)}#btn-play{width:44px;height:44px}.t-left{flex-wrap:nowrap;order:2;justify-content:safe center;gap:8px;display:flex;overflow-x:auto}.t-right{flex-wrap:nowrap;order:3;justify-content:flex-start;gap:12px;overflow-x:auto}.t-left,.t-right{scrollbar-width:none;-webkit-overflow-scrolling:touch}.t-left::-webkit-scrollbar{scrollbar-width:none;-webkit-overflow-scrolling:touch}.t-left>*,.t-right>*{flex-shrink:0}#midi-status{border-left:none;border-right:1px solid #5a6a8f40;order:-1;margin-left:0;padding:4px 12px 4px 0}.modal{z-index:70;padding:max(12px, env(safe-area-inset-top)) 8px max(12px, env(safe-area-inset-bottom));top:0;bottom:0}#modal-paywall{z-index:71}.modal-card{width:auto;max-width:94vw;padding:20px 16px}.modal-card.wide,.modal-card.repertoire,.modal-card.instruments,.modal-card.stats{width:100%;max-width:100%;height:100%;max-height:none}.modal-card.take,.modal-card.theme-picker,.modal-card.paywall{width:94vw}.results-buttons{flex-wrap:wrap}#rep-layout,#inst-layout{grid-template-columns:1fr;gap:12px}#rep-nav,#inst-nav{border-right:none;border-bottom:1px solid var(--hairline-soft);flex-direction:row;gap:4px;padding:0 0 8px;overflow-x:auto}#rep-nav button,#inst-nav button{flex-shrink:0}#rep-side,#inst-side{display:none}#btn-rep-queue,#btn-inst-stage{align-items:center;display:inline-flex}#rep-layout.side-open,#inst-layout.side-open{grid-template-rows:auto minmax(0,1fr)}#rep-layout.side-open #rep-nav,#rep-layout.side-open #rep-crumb,#rep-layout.side-open #rep-head,#rep-layout.side-open #rep-list,#inst-layout.side-open #inst-nav,#inst-layout.side-open #inst-groups,#rep-layout.side-open .rep-controls>:not(#btn-rep-queue),#inst-layout.side-open .inst-controls>:not(#btn-inst-stage){display:none}#rep-layout.side-open #rep-side,#inst-layout.side-open #inst-side{border-left:none;min-width:0;padding-left:0;display:flex}#rep-layout.side-open .side-head{flex-wrap:wrap;row-gap:8px}#inst-layout.side-open #ensemble-list{flex:1}.rep-row{grid-template-columns:30px minmax(0,1fr) 60px 30px 34px;gap:12px}.rep-row>:first-child,.rep-row>:nth-child(4),.rep-row>:nth-child(5),.rep-row>:nth-child(7),.rep-row>:nth-child(8),.rep-row>:nth-child(9),.rep-row>:nth-child(10){display:none}#rep-main[data-view=compositions] .rep-row{grid-template-columns:30px minmax(0,1fr) 60px 30px 34px 26px}.inst-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.ens-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (pointer:coarse){.btn{padding:8px 16px}.seg button,.chip{padding:8px 12px}#rep-nav button,#inst-nav button{padding:12px}.row-more{min-height:40px;padding:8px;font-size:15px}.inst-card .row-more,.ens-tile .row-more{min-width:36px;min-height:36px;bottom:1px;right:2px}.inst-card .d{padding-right:40px}.ens-tile .et-members{padding-right:44px}.ens-tile.deletable .et-del{display:none}#btn-rep-queue,#btn-inst-stage{min-height:40px}.side-head .side-actions .tbtn{width:44px;height:44px}.q-row .qx{opacity:1;padding:8px 12px;font-size:13px}.sc-set{height:auto}.sc-setup .seg button,.sc-chips .chip{min-height:44px}#sc-close{min-width:44px;min-height:44px}.t-center .tbtn{width:44px;height:44px}}@media (height<=540px) and (orientation:landscape){#transport{padding:4px 12px calc(4px + env(safe-area-inset-bottom));flex-flow:row;align-items:center;gap:12px;overflow-x:auto}#transport::-webkit-scrollbar{display:none}#transport{scrollbar-width:none}.t-center,.t-left,.t-right{overflow:visible}.t-center{flex:none;order:1}.t-left{flex:none;order:2;display:flex}.t-right{flex:none;order:3}#topbar{padding-top:max(4px, env(safe-area-inset-top));padding-bottom:4px}#hud .hud-item:nth-child(3),#hud .hud-item:nth-child(5),#hud .hud-item:nth-child(7){display:none}}#cookie-notice{z-index:4100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#03040ab8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}#cookie-notice .cookie-card{background:var(--panel,#0b0d18);border:1px solid var(--hairline,#ffffff1f);border-radius:8px;width:min(480px,94vw);padding:32px;box-shadow:0 30px 90px #0009}#cookie-notice h2{margin:0 0 12px;font-size:18px}#cookie-notice p{color:var(--dim,#737d95);margin:0 0 16px;font-size:13px;line-height:1.6}#cookie-notice a{color:var(--cyan,#00e5ff)}#cookie-notice .cookie-cats{font-size:var(--t-ui);color:var(--dim,#737d95);flex-direction:column;gap:8px;margin:0 0 24px;padding:0;line-height:1.5;list-style:none;display:flex}#cookie-notice .cookie-cats b{color:var(--text,#e3e8f2)}#cookie-notice .cookie-actions{flex-direction:column;gap:8px;display:flex}#cookie-notice .cookie-actions .btn{justify-content:center;width:100%;padding:12px 20px;font-size:13px}.acct-privacy{margin-top:8px}.acct-privacy>summary,.acct-pw>summary{cursor:pointer;font-size:var(--t-ui);letter-spacing:var(--tr-micro);text-transform:uppercase;list-style:none}.acct-privacy>summary::-webkit-details-marker{display:none}.acct-pw>summary::-webkit-details-marker{display:none}.acct-privacy>summary:before,.acct-pw>summary:before{content:"▸ "}.acct-privacy[open]>summary:before,.acct-pw[open]>summary:before{content:"▾ "}.acct-privacy-body{flex-direction:column;gap:8px;margin-top:12px;display:flex}.btn.danger,.paywall-card.danger{color:#ff5a6a;border-color:#ff5a6a66}.btn.danger:hover{border-color:#ff5a6acc}#modal-account .modal-card{max-height:100%;overflow-y:auto}#paywall-ios-note{display:none}body.ios-shell #paywall-ios-note{display:block}body.ios-shell .paywall-cards,body.ios-shell .paywall-fine,body.ios-shell #btn-acct-upgrade,body.ios-shell #btn-acct-billing{display:none!important}.mac-app-row{border-top:1px solid var(--hairline);flex-direction:column;gap:8px;margin-top:16px;padding-top:16px;display:flex}.mac-app-row a.btn{text-align:center;text-decoration:none;display:block}.mac-app-row .dim{font-size:var(--t-num);text-align:center}.acct-legal{text-align:center;font-size:var(--t-num);margin-top:16px}.acct-legal a{color:var(--dim,#737d95);text-decoration:underline}.acct-legal a:hover{color:var(--cyan,#00e5ff)}@media (width<=560px){#cookie-notice .cookie-card{padding:24px 20px}}#cookie-notice .cookie-card{max-width:100%}#cookie-notice .cookie-short{display:none}@media (hover:none) and (pointer:coarse){#cookie-notice{padding:0 12px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:none;pointer-events:none;background:0 0;display:block;inset:auto 0 0}#cookie-notice .cookie-card{pointer-events:auto;width:100%;max-width:480px;box-shadow:none;margin:0 auto;padding:16px}#cookie-notice h2,#cookie-notice .cookie-long,#cookie-notice .cookie-cats{display:none}#cookie-notice .cookie-short{margin:0 0 12px;font-size:12.5px;line-height:1.5;display:block}#cookie-notice .cookie-actions{flex-direction:row;gap:8px}#cookie-notice .cookie-actions .btn{white-space:nowrap;flex:1 1 0;width:auto;min-height:44px;padding:8px 4px;font-size:12px}#transport .t-left{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}#modal-account input[type=text],#modal-account input[type=email],#modal-account input[type=password]{font-size:16px}}.level-id,.level-col{cursor:pointer;border-radius:8px;padding:4px;transition:background .12s}.level-id:hover,.level-col:hover{background:#ffffff1a}:root:is([data-theme=sumi],[data-theme=manuscript]) .level-id:hover,:root:is([data-theme=sumi],[data-theme=manuscript]) .level-col:hover{background:#20202a1a}.acct-profile{align-items:center;gap:16px;display:flex}.acct-avatar{cursor:pointer;border-radius:var(--avatar-r,8px);border:1px solid var(--hairline);background:rgba(var(--cyan-rgb), .12);width:72px;height:72px;color:var(--dim);background-position:50%;background-size:cover;flex:none;justify-content:center;align-items:center;font-size:22px;display:flex;position:relative;overflow:hidden}.acct-avatar .acct-avatar-cam{color:#fff;opacity:0;background:#05060f8c;justify-content:center;align-items:center;font-size:18px;transition:opacity .15s;display:flex;position:absolute;inset:0}.acct-avatar:hover .acct-avatar-cam{opacity:1}.acct-avatar:not(.has-photo) .acct-avatar-cam{opacity:.55;color:var(--dim);background:0 0}.acct-avatar:not(.has-photo):hover .acct-avatar-cam{opacity:1;color:var(--text)}.acct-id{flex:1;min-width:0}.acct-nick{font-family:var(--sans);font-weight:600;font-size:var(--t-h2);letter-spacing:var(--tr-ui);color:var(--text)}.acct-nick.unset{color:var(--dim);font-style:italic;font-weight:500}#acct-who{font-size:var(--t-ui);word-break:break-all;margin-top:4px}.acct-wide{align-self:stretch}.acct-promo{align-self:stretch;align-items:flex-end;gap:12px;display:flex}.acct-promo input{flex:1;min-width:0}.acct-promo input,#acct-promo{text-transform:uppercase}.acct-section{border-top:1px solid var(--hairline-soft);flex-direction:column;gap:12px;padding-top:16px;display:flex}.acct-section h3{font-family:var(--sans);font-weight:500;font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--dim)}.acct-row{flex-wrap:wrap;gap:12px;display:flex}.acct-row .btn{flex:1}.modal-card.avatar-editor{text-align:center;align-items:center;gap:16px;width:360px;max-width:92vw}.avatar-stage{width:280px;max-width:78vw;height:280px;max-height:78vw;position:relative}#avatar-canvas{cursor:grab;touch-action:none;background:#ffffff08;border-radius:8px;width:100%;height:100%;display:block}#avatar-canvas:active{cursor:grabbing}.avatar-ring{pointer-events:none;box-shadow:inset 0 0 0 2px rgba(var(--cyan-rgb), .5);border-radius:8px;position:absolute;inset:0}.avatar-empty{text-align:center;pointer-events:none;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.avatar-hint{font-size:var(--t-micro);letter-spacing:var(--tr-micro)}.avatar-zoom{width:240px;max-width:78vw;accent-color:var(--cyan)}.avatar-actions{justify-content:center;align-items:center;gap:12px;display:flex}#nick-input,#avatar-nick{width:100%;color:var(--text);border:none;border-bottom:1px solid var(--hairline);font-family:var(--mono);letter-spacing:var(--tr-cap);text-align:center;background:0 0;outline:none;padding:12px 4px;font-size:18px}#nick-input:focus,#avatar-nick:focus{border-bottom-color:var(--cyan)}:root[data-theme=manuscript]{--bg:#ece1c8;--panel:#e4d7ba;--cyan:#2b2216;--cyan-rgb:43, 34, 22;--magenta:#76281c;--magenta-rgb:118, 40, 28;--amber:#7a4a1c;--amber-rgb:122, 74, 28;--text:#241d12;--dim:#6a5c46;--on-accent:#ece1c8;--hairline:#2b221633;--hairline-soft:#2b22161a}#midi-status{align-items:center;gap:8px;display:inline-flex}#midi-status .cog{opacity:.85;flex:none}#midi-status:hover .cog{opacity:1}#midi-status:focus-visible{outline:1px solid var(--cyan);outline-offset:2px}#set-instrument{flex-wrap:wrap}#set-instrument button{flex:1 0 auto}svg.ic-lead{margin-right:8px}svg.ic-trail{margin-left:8px}.btn>svg.ic,.chip>svg.ic,.ed-chip>svg.ic,.paywall-eyebrow>svg.ic,#acct-autosave>svg.ic,#kb-device>svg.ic{vertical-align:-.16em;flex:none}.rep-fav,.rep-prev,.qx,.modal-x,.et-del,.ens-act,.to-btn,.acct-avatar-cam,#pedal-ind,.compat-x,.inst-card .inst-fav,.ctl-clear{justify-content:center;align-items:center;display:inline-flex}#btn-play>svg.ic{margin:0 auto;display:block}body.studio-preview #topbar,body.studio-preview #transport,body.studio-preview #hud,body.studio-preview #compat-banner,body.studio-preview .modal,body.studio-preview #toasts,body.studio-preview #nk-ob{display:none!important}body.studio-preview #stage{flex:100%}#stab-report{padding-top:4px}.mr-head{border-bottom:1px solid var(--hairline);margin-bottom:8px;padding-bottom:16px}.mr-book{font-family:var(--sans);font-weight:var(--w-semi);font-size:var(--t-lead);letter-spacing:var(--tr-micro);color:var(--text)}.mr-honest{max-width:52ch;font-family:var(--sans);font-size:var(--t-ui);color:var(--dim);margin:8px 0 0;line-height:1.5}.mr-row{border-bottom:1px solid var(--hairline-soft);grid-template-columns:1fr minmax(60px,3fr) 44px 40px 34px;align-items:center;gap:16px;padding:12px 0;display:grid}.mr-row:last-child{border-bottom:0}.mr-colhead{border-bottom:1px solid var(--hairline-soft);padding:0 0 8px}.mr-colhead .mr-num,.mr-colhead .mr-trend,.mr-colhead .mr-n{font-family:var(--sans);font-weight:500;font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--dim)}.mr-label{flex-direction:column;gap:4px;min-width:0;display:flex}.mr-label-name{font-family:var(--sans);font-weight:500;font-size:var(--t-micro);letter-spacing:var(--tr-micro);text-transform:uppercase;color:var(--text)}.mr-label-sub{font-family:var(--sans);font-size:var(--t-micro);color:var(--dim);letter-spacing:0;text-transform:none;opacity:.8;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mr-track{background:var(--hairline);height:3px;position:relative}.mr-track i{background:var(--text);opacity:.85;position:absolute;inset:0 auto 0 0}.mr-row.unmeasured .mr-track{background:0 0}.mr-none{font-family:var(--sans);font-weight:500;font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--dim);white-space:nowrap;position:absolute;top:50%;left:0;transform:translateY(-50%)}.mr-num{font-family:var(--mono);font-size:var(--t-num);color:var(--text);text-align:right;font-variant-numeric:tabular-nums}.mr-num.low{color:var(--dim)}.mr-trend{font-family:var(--mono);font-size:var(--t-num);color:var(--dim);text-align:right;font-variant-numeric:tabular-nums}.mr-trend.up{color:var(--text)}.mr-trend.down{color:var(--dim)}.mr-flat{background:var(--hairline);vertical-align:middle;width:10px;height:1px;display:inline-block}.mr-n{font-family:var(--mono);font-size:var(--t-micro);color:var(--dim);text-align:right;font-variant-numeric:tabular-nums}.mr-foot{border-top:1px solid var(--hairline);font-family:var(--sans);font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--dim);margin-top:16px;padding-top:12px}@media (width<=560px){.mr-row{grid-template-columns:1fr minmax(40px,2fr) 38px 34px 0;gap:12px}.mr-n,.mr-label-sub{display:none}}.mdrill{border:1px solid var(--hairline);background:0 0;flex-direction:column;gap:12px;min-width:0;padding:20px;display:flex}.mdrill-head{border-bottom:1px solid var(--hairline-soft);justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:12px;display:flex}.mdrill-kind{font-family:var(--sans);font-weight:500;font-size:var(--t-micro);letter-spacing:var(--tr-micro);text-transform:uppercase;color:var(--dim)}.mdrill-target{font-family:var(--mono);font-size:var(--t-num);color:var(--text);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.mdrill-say{font-family:var(--sans);font-size:var(--t-body);color:var(--text);max-width:56ch;line-height:1.5}.mdrill-stage{flex-direction:column;gap:12px;min-height:0;display:flex}.mdrill-bar{background:var(--hairline);height:1px;position:relative}.mdrill-bar i{background:var(--text);width:0;transition:width .18s linear;position:absolute;inset:0 auto 0 0}.mdrill-count{font-family:var(--mono);font-size:var(--t-micro);color:var(--dim);letter-spacing:var(--tr-micro);font-variant-numeric:tabular-nums}.mdrill-result{border-top:1px solid var(--hairline);flex-direction:column;gap:8px;padding-top:12px;display:flex}.mdrill-result.hidden{display:none}.mdrill-verdict{font-family:var(--sans);font-weight:500;font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--dim)}.mdrill-result[data-cleared=yes] .mdrill-verdict{color:var(--text)}.mdrill-line{justify-content:space-between;align-items:baseline;gap:20px;display:flex}.mdrill-line-label{font-family:var(--sans);font-size:var(--t-micro);letter-spacing:var(--tr-micro);text-transform:uppercase;color:var(--dim)}.mdrill-line-value{font-family:var(--mono);font-size:var(--t-num);color:var(--text);font-variant-numeric:tabular-nums}.mdrill-note{max-width:52ch;font-family:var(--sans);font-size:var(--t-micro);color:var(--dim);margin-top:4px;line-height:1.5}body.drill-route #stage>:not(#drill-route){display:none!important}#drill-route{z-index:40;background:var(--bg);flex-direction:column;align-items:center;gap:16px;padding:40px 20px;display:flex;position:fixed;inset:0;overflow:auto}#drill-route .mdrill{width:min(680px,100%)}#drill-route .drill-route-head{width:min(680px,100%);font-family:var(--sans);font-size:var(--t-micro);letter-spacing:var(--tr-micro);text-transform:uppercase;color:var(--dim)}#drill-route .drill-route-log{white-space:pre-wrap;width:min(680px,100%);font-family:var(--mono);font-size:var(--t-micro);color:var(--dim)}.mdrill-row{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.mdrill-big{font-family:var(--mono);font-size:var(--t-hero);color:var(--text);font-variant-numeric:tabular-nums;line-height:1}.mdrill-sub{font-family:var(--sans);font-size:var(--t-micro);letter-spacing:var(--tr-micro);text-transform:uppercase;color:var(--dim)}.mdrill-hint{font-family:var(--sans);font-size:var(--t-micro);color:var(--dim);line-height:1.5}.mdrill-beat{align-items:center;gap:8px;display:flex}.mdrill-beat span{border:1px solid var(--hairline);width:8px;height:8px}.mdrill-beat span.on{background:var(--text);border-color:var(--text)}.mdrill-beat span.bar{border-color:var(--text)}.mdrill-pitches{flex-wrap:wrap;gap:8px;display:flex}.mdrill-pitches b{font-family:var(--mono);font-size:var(--t-num);border:1px solid var(--hairline);color:var(--text);padding:4px 8px;font-weight:400}.mdrill-pitches b.wrong{color:var(--dim);border-style:dashed}.mdrill-pitches b.missing{color:var(--dim);opacity:.55}.mdrill-hands{grid-template-columns:34px 1fr 60px;align-items:center;gap:12px;display:grid}.mdrill-hands .lane{background:var(--hairline);height:3px;position:relative}.mdrill-hands .lane i{background:var(--text);opacity:.85;position:absolute;inset:0 auto 0 0}.mdrill-canvas{width:100%;display:block}body[data-space=study] #hud,body[data-space=study] #empty-state,body[data-space=study] #hand-seg,body[data-space=study] #mode-seg,body[data-space=study] #lives-seg,body[data-space=study] #btn-repertoire,body[data-space=study] #btn-setup,body[data-space=study] #btn-shuffle,body[data-space=study] #btn-repeat,body[data-space=study] #btn-record,body[data-space=study] #set-backing-row,body[data-space=study] #btn-t-prev,body[data-space=study] #btn-t-next,body[data-space=study] #btn-share-song,body[data-space=study] .speed-ctl{display:none}body[data-space=study] .island>#btn-space{color:var(--text);background:#ffffff14}body[data-space=study] .island>#btn-space:hover{background:#ffffff24}#study-root{z-index:5;background:var(--bg);grid-template-rows:1fr auto;grid-template-columns:minmax(180px,250px) 1fr;display:grid;position:absolute;inset:0;overflow:hidden}.ms-rail{border-right:1px solid var(--hairline);overscroll-behavior:contain;flex-direction:column;grid-area:1/1;min-width:0;min-height:0;display:flex}.ms-rail-list{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.ms-rail-head,.ms-rail-foot{flex:none}.ms-rail-head{border-bottom:1px solid var(--hairline);padding:16px 16px 12px}.ms-rail-title{font-family:var(--sans);font-weight:var(--w-semi);font-size:var(--t-lead);letter-spacing:var(--tr-lead);color:var(--text)}.ms-rail-sub{font-family:var(--sans);font-weight:500;font-size:var(--t-micro);letter-spacing:var(--tr-micro);text-transform:uppercase;color:var(--dim);margin-top:4px}.ms-rail-none{font-family:var(--sans);font-size:var(--t-micro);color:var(--dim);padding:16px;line-height:1.6}.ms-lesson{border-bottom:1px solid var(--hairline-soft);font-size:var(--t-ui);align-items:center;gap:12px;padding:8px 16px;display:flex}.ms-lesson:hover{background:#ffffff08}.ms-lesson .n{text-align:right;width:16px;font-family:var(--mono);font-size:var(--t-micro);color:var(--dim);font-variant-numeric:tabular-nums;flex:none}.ms-lesson .t{min-width:0;color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.ms-lesson .mark{background:var(--hairline);flex:none;width:20px;height:1px}.ms-lesson.passed .mark{background:var(--text)}.ms-lesson.locked{opacity:.42}.ms-lesson.current .t{color:var(--cyan)}.ms-lesson.current .mark{background:var(--cyan)}.ms-main{overscroll-behavior:contain;flex-direction:column;grid-area:1/2;min-width:0;display:flex;overflow-y:auto}.ms-head{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px 12px;display:flex}.ms-phase{font-family:var(--sans);font-weight:500;font-size:var(--t-micro);letter-spacing:var(--tr-micro);text-transform:uppercase;color:var(--dim)}.ms-log{cursor:pointer;color:inherit;background:0 0;border:0;align-items:center;gap:12px;padding:4px 0;display:flex}.ms-log:hover b,.ms-log:focus-visible b{color:var(--cyan)}.ms-log:focus-visible{outline:1px solid var(--hairline);outline-offset:4px}.ms-log b{font-family:var(--mono);font-weight:400;font-size:var(--t-num);color:var(--text);font-variant-numeric:tabular-nums}.ms-log span{font-family:var(--sans);font-weight:500;font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--dim)}.ms-log.paused b{color:var(--dim)}.ms-log-marks,.ms-marks{align-items:flex-end;display:flex}.ms-log-marks{gap:1px}.ms-log-marks i{width:3px;height:9px;box-shadow:inset 0 -1px 0 0 var(--hairline);background:0 0;display:block}.ms-marks{gap:4px;margin:4px 0}.ms-marks i{width:8px;height:22px;box-shadow:inset 0 -1px 0 0 var(--hairline);background:0 0;display:block}.ms-log-marks i[data-state=kept],.ms-marks i[data-state=kept]{background:var(--text)}.ms-log-marks i[data-state=rest],.ms-log-marks i[data-state=rest-planned],.ms-marks i[data-state=rest],.ms-marks i[data-state=rest-planned]{box-shadow:inset 0 0 0 1px var(--dim);background:0 0}.ms-log-marks i[data-state=paused],.ms-marks i[data-state=paused]{box-shadow:inset 0 -1px 0 0 var(--hairline);background:0 0}.ms-log-marks i[data-state=open],.ms-marks i[data-state=open]{box-shadow:inset 0 0 0 1px var(--cyan);background:0 0}.ms-log-marks i[data-state=future],.ms-log-marks i[data-state=before],.ms-marks i[data-state=future],.ms-marks i[data-state=before]{background:0 0}.ms-marks-key{font-family:var(--sans);font-weight:500;font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--dim);white-space:pre-wrap}.ms-logcard{border:1px solid var(--hairline);flex-direction:column;gap:12px;padding:20px;display:flex}.ms-logsec{border-top:1px solid var(--hairline-soft);flex-direction:column;gap:8px;padding-top:16px;display:flex}.ms-intent-line{font-family:var(--sans);font-size:var(--t-body);color:var(--text);border-left:1px solid var(--cyan);padding:12px}.ms-fields{flex-direction:column;gap:8px;display:flex}.ms-field{align-items:center;gap:12px;display:flex}.ms-field-label{width:108px;font-family:var(--sans);font-weight:500;font-size:var(--t-micro);letter-spacing:var(--tr-micro);text-transform:uppercase;color:var(--dim);flex:none}.ms-field-input{border:0;border-bottom:1px solid var(--hairline);min-width:0;color:var(--text);font-family:var(--sans);font-size:var(--t-body);background:0 0;flex:1;padding:4px 0}.ms-field-input:focus{border-bottom-color:var(--cyan);outline:0}.ms-field-note{font-family:var(--sans);font-size:var(--t-micro);color:var(--dim);line-height:1.5}.ms-fbseg{flex-direction:column;gap:8px;display:flex}.ms-seg{border:1px solid var(--hairline);display:flex}.ms-seg-btn{border:0;border-right:1px solid var(--hairline);cursor:pointer;font-family:var(--sans);font-weight:500;font-size:var(--t-micro);letter-spacing:var(--tr-micro);text-transform:uppercase;color:var(--dim);white-space:nowrap;text-overflow:ellipsis;background:0 0;flex:1;padding:8px;overflow:hidden}.ms-seg-btn:last-child{border-right:0}.ms-seg-btn:hover{color:var(--text)}.ms-seg-btn.active{color:var(--cyan)}.ms-say.dim{color:var(--dim)}#placement-root{z-index:6;background:var(--bg);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.pl-head{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px 12px;display:flex}.pl-phase{font-family:var(--sans);font-weight:500;font-size:var(--t-micro);letter-spacing:var(--tr-micro);text-transform:uppercase;color:var(--dim)}.pl-clock{font-family:var(--mono);font-size:var(--t-num);color:var(--dim);font-variant-numeric:tabular-nums}.pl-clock.over{color:var(--text)}.pl-centre{overscroll-behavior:contain;flex-direction:column;flex:1;align-items:center;gap:16px;min-height:0;padding:24px 20px 40px;display:flex;overflow-y:auto}.pl-centre>*{width:min(680px,100%)}.pl-report{flex-direction:column;gap:16px;display:flex}.pl-axes{flex-direction:column;gap:12px;margin:4px 0;display:flex}.pl-axis{align-items:center;gap:16px;display:flex}.pl-axis-name{width:84px;font-family:var(--sans);font-weight:500;font-size:var(--t-micro);letter-spacing:var(--tr-micro);text-transform:uppercase;color:var(--dim);flex:none}.pl-bar{background:var(--hairline);flex:1;min-width:0;height:1px;position:relative}.pl-bar i{background:var(--text);height:1px;position:absolute;inset:0 auto 0 0}.pl-axis-num{text-align:right;min-width:110px;font-family:var(--mono);font-size:var(--t-num);color:var(--text);font-variant-numeric:tabular-nums;flex:none}.pl-axis.unmeasured .pl-axis-num{color:var(--dim);font-size:var(--t-micro);letter-spacing:var(--tr-micro)}.pl-axis.unmeasured .pl-bar i{display:none}.pl-sting{font-family:var(--sans);font-size:var(--t-body);color:var(--text);border-left:1px solid var(--cyan);padding:12px 16px;line-height:1.6}.pl-book,.pl-intent{border-top:1px solid var(--hairline);flex-direction:column;gap:8px;padding-top:16px;display:flex}.pl-took{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--dim);padding-top:8px}.ms-field-note.set{color:var(--text)}@media (width<=620px){.pl-axis{flex-wrap:wrap}.pl-axis-name{width:100%}.pl-axis-num{min-width:88px}}.ms-centre{flex-direction:column;flex:1;align-items:center;gap:16px;min-height:0;padding:24px 20px 28px;display:flex}.ms-centre>*{width:min(680px,100%)}.ms-panel{border:1px solid var(--hairline);flex-direction:column;gap:12px;padding:20px;display:flex}.ms-panel-head{border-bottom:1px solid var(--hairline-soft);justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:12px;display:flex}.ms-eyebrow{font-family:var(--sans);font-weight:500;font-size:var(--t-micro);letter-spacing:var(--tr-micro);text-transform:uppercase;color:var(--dim)}.ms-meta{font-family:var(--mono);font-size:var(--t-num);color:var(--text);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.ms-title{font-family:var(--sans);font-weight:var(--w-semi);font-size:var(--t-lead);letter-spacing:var(--tr-lead);color:var(--text)}.ms-say{max-width:56ch;font-family:var(--sans);font-size:var(--t-body);color:var(--text);margin:0;line-height:1.5}.ms-lines{flex-direction:column;gap:8px;display:flex}.ms-line{justify-content:space-between;align-items:baseline;gap:20px;display:flex}.ms-line-label{font-family:var(--sans);font-size:var(--t-micro);letter-spacing:var(--tr-micro);text-transform:uppercase;color:var(--dim)}.ms-line-value{font-family:var(--mono);font-size:var(--t-num);color:var(--text);font-variant-numeric:tabular-nums}.ms-acts{flex-wrap:wrap;gap:8px;padding-top:4px;display:flex}.ms-acts .btn:disabled{opacity:.4;cursor:default}.ms-close{flex-direction:column;gap:16px;display:flex}.ms-axes{border-top:1px solid var(--hairline)}.ms-axis{border-bottom:1px solid var(--hairline-soft);grid-template-columns:1fr 96px 52px;align-items:baseline;gap:16px;padding:12px 0;display:grid}.ms-axis-head{padding:8px 0}.ms-axis-head .ms-axis-now,.ms-axis-head .ms-axis-delta,.ms-axis-head .ms-axis-name{font-family:var(--sans);font-weight:500;font-size:var(--t-micro);letter-spacing:var(--tr-micro);color:var(--dim);text-align:right}.ms-axis-head .ms-axis-name{text-align:left}.ms-axis-name{font-family:var(--sans);font-weight:500;font-size:var(--t-micro);letter-spacing:var(--tr-micro);text-transform:uppercase;color:var(--text)}.ms-axis-now{font-family:var(--mono);font-size:var(--t-num);color:var(--text);text-align:right;font-variant-numeric:tabular-nums}.ms-axis-delta{font-family:var(--mono);font-size:var(--t-num);color:var(--dim);text-align:right;font-variant-numeric:tabular-nums}.ms-axis-delta.up{color:var(--text)}.ms-axis.unmeasured .ms-axis-name{color:var(--dim)}.ms-axis.unmeasured .ms-axis-now{color:var(--dim);font-family:var(--sans);font-size:var(--t-micro);letter-spacing:var(--tr-micro)}.ms-flat{background:var(--hairline);vertical-align:middle;width:10px;height:1px;display:inline-block}.ms-stuck{max-width:56ch;font-family:var(--sans);font-size:var(--t-body);color:var(--text);margin:0;line-height:1.5}.ms-next{border-top:1px solid var(--hairline);flex-direction:column;gap:12px;padding-top:16px;display:flex}.ms-strip{border-top:1px solid var(--hairline);font-family:var(--mono);font-size:var(--t-micro);letter-spacing:var(--tr-micro);text-transform:uppercase;color:var(--dim);white-space:nowrap;grid-area:2/1/auto/-1;justify-content:space-between;align-items:center;gap:16px;padding:8px 20px;display:flex;overflow:hidden}.ms-strip b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:400}.ms-strip-right{text-align:right;text-overflow:ellipsis;overflow:hidden}#study-root[data-live=yes]{pointer-events:none;background:0 0;grid-template-columns:0 1fr}#study-root[data-live=yes] .ms-rail,#study-root[data-live=yes] .ms-strip{display:none}#study-root[data-live=yes] .ms-head{border-bottom-color:#0000}#study-root[data-live=yes] .ms-centre{justify-content:flex-start;padding-top:12px}#study-root[data-live=yes] .ms-centre>*{pointer-events:auto;background:var(--panel);width:min(520px,100%)}#study-root[data-live=yes] .ms-head>*{pointer-events:auto;background:var(--panel);padding:4px 8px}#study-root[data-live=yes] .ms-centre.ms-dock{z-index:30;pointer-events:auto;overscroll-behavior:contain;background:var(--panel);border:1px solid var(--hairline);flex-direction:column;align-items:stretch;gap:0;max-height:none;padding:0;display:flex;position:fixed;overflow:auto}#study-root[data-live=yes] .ms-centre.ms-dock.ms-dock-off{display:none}#study-root[data-live=yes] .ms-centre.ms-dock>*{background:0 0;flex:none;width:100%}#study-root[data-live=yes] .ms-centre.ms-dock>.mdrill,#study-root[data-live=yes] .ms-centre.ms-dock>.ms-panel{border:0}#study-root[data-live=yes] .ms-centre.ms-dock>.ms-acts{padding:0 20px 16px}.ms-centre.ms-dock-moving,.ms-centre.ms-dock-moving *{-webkit-user-select:none;user-select:none}.ms-dockbar{z-index:2;background:var(--panel);border-bottom:1px solid var(--hairline-soft);cursor:grab;touch-action:none;align-items:center;gap:8px;padding:8px 8px 8px 12px;display:flex;position:sticky;top:0}.ms-dock-moving .ms-dockbar{cursor:grabbing}.ms-dockbar-t{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-family:var(--sans);font-weight:500;font-size:var(--t-micro);letter-spacing:var(--tr-micro);text-transform:uppercase;color:var(--dim);flex:1;overflow:hidden}.ms-dockbtn{border:1px solid var(--hairline);color:var(--dim);cursor:pointer;font-family:var(--sans);font-weight:500;font-size:var(--t-micro);letter-spacing:var(--tr-micro);text-transform:uppercase;background:0 0;flex:none;padding:4px 8px;line-height:1.4}.ms-dockbtn:hover{color:var(--text);border-color:var(--text)}.ms-dockbtn:focus-visible{outline:1px solid var(--cyan);outline-offset:2px}#study-root[data-live=yes] .ms-centre.ms-dock>.ms-dockgrip{cursor:nwse-resize;touch-action:none;flex:none;align-self:flex-end;width:16px;height:16px;margin-top:auto;position:sticky;bottom:0}.ms-dockgrip:before,.ms-dockgrip:after{content:"";background:var(--hairline);transform-origin:100%;height:1px;position:absolute;right:3px;transform:rotate(-45deg)}.ms-dockgrip:before{width:10px;bottom:4px}.ms-dockgrip:after{width:5px;bottom:8px}.ms-dockgrip:hover:before,.ms-dockgrip:hover:after{background:var(--text)}#study-root[data-live=yes] .ms-centre.ms-dock.ms-dock-min{height:auto;overflow:hidden}#study-root[data-live=yes] .ms-centre.ms-dock.ms-dock-min>:not(.ms-dockbar):not(.mdrill):not(.ms-dockgrip){display:none}#study-root[data-live=yes] .ms-centre.ms-dock.ms-dock-min>.mdrill{gap:8px;padding:8px 12px 12px}#study-root[data-live=yes] .ms-centre.ms-dock.ms-dock-min>.mdrill>:not(.mdrill-head):not(.mdrill-bar):not(.mdrill-count){display:none}#study-root[data-live=yes] .ms-centre.ms-dock.ms-dock-min>.mdrill>.mdrill-head{padding-bottom:8px}.ms-showcard{border:1px solid var(--hairline);color:var(--dim);cursor:pointer;font-family:var(--sans);font-weight:500;font-size:var(--t-micro);letter-spacing:var(--tr-micro);text-transform:uppercase;background:0 0;margin-right:auto;padding:4px 8px}.ms-showcard:hover{color:var(--cyan);border-color:var(--cyan)}.ms-showcard:focus-visible{outline:1px solid var(--cyan);outline-offset:2px}@media (width<=720px){#study-root{grid-template-rows:auto 1fr auto;grid-template-columns:1fr}.ms-rail{border-right:0;border-bottom:1px solid var(--hairline);grid-area:1/1;max-height:34vh}.ms-main{grid-area:2/1}.ms-strip{grid-row:3}.ms-centre{padding:16px 16px 20px}.ms-axis{grid-template-columns:1fr 86px 44px;gap:12px}#study-root[data-live=yes]{grid-template-rows:0 1fr auto;grid-template-columns:1fr}}#read-strip{border-top:1px solid var(--hairline-soft);background:#080a16eb;flex:none;align-items:stretch;height:52px;display:flex;overflow:hidden}body:not([data-space=compose]) #read-strip,#read-strip.hidden{display:none}.rd-cell{border-right:1px solid var(--hairline-soft);flex-direction:column;justify-content:center;gap:4px;min-width:0;padding:8px 16px;display:flex}.rd-cell:last-child{border-right:0}.rd-grow{flex:1}.rd-lbl{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);white-space:nowrap;font-size:9.5px}.rd-v{color:var(--text);white-space:nowrap;font-size:13px}.rd-v .rd-conf{color:var(--dim);font-size:11px;font-family:var(--mono);margin-left:8px}.rd-alt{color:var(--dim);opacity:.72;white-space:nowrap;font-size:10px}#read-strip .rd-unsure{color:var(--dim)}.rd-chords{flex:auto;min-width:0}#rd-chords{scrollbar-width:none;letter-spacing:.04em;gap:0;display:flex;overflow-x:auto}#rd-chords::-webkit-scrollbar{display:none}.rd-ch{border:0;border-right:1px solid var(--hairline-soft);color:var(--text);font-family:var(--mono);cursor:pointer;white-space:nowrap;background:0 0;padding:0 8px;font-size:13px}.rd-ch:last-child{border-right:0}.rd-ch:hover,.rd-ch.edited{color:var(--cyan)}.rd-ch.none{color:var(--dim);opacity:.6}.rd-ch-edit{border:1px solid var(--cyan);color:var(--cyan);font-family:var(--mono);background:0 0;border-radius:4px;outline:none;width:76px;padding:1px 4px;font-size:13px}.rd-form{height:16px;margin-top:4px;display:flex;overflow:hidden}.rd-form span{border:1px solid var(--hairline);height:100%;font-family:var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--dim);white-space:nowrap;border-right:0;align-items:center;padding:0 8px;font-size:8.5px;display:flex}.rd-form span:last-child{border-right:1px solid var(--hairline)}.rd-form span.on{background:var(--cyan);color:var(--bg,#05060c);border-color:var(--cyan)}#compose-roll{color:var(--magenta)}@media (width<=900px){#read-strip{height:46px}.rd-cell{padding:8px 12px}.rd-cell.rd-grow{display:none}}.pv-dot{border:1px solid var(--hairline);background:0 0;border-radius:999px;flex:none;width:7px;height:7px}.pv-row.on .pv-dot{background:var(--cyan);border-color:var(--cyan)}.pv-says{font-family:var(--mono);font-style:normal;font-size:var(--t-micro);color:var(--dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pv-row.on .pv-says{color:var(--text)}.pv-n{font-size:var(--t-micro);color:var(--dim);opacity:.7;flex:none}.pv-row{cursor:pointer}.pv-row.muted{opacity:.42}.pv-row.muted .pv-names b{text-decoration:line-through}.pv-mute{width:22px;height:22px;color:var(--dim);opacity:.32;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;margin-left:4px;padding:0;transition:opacity .12s,color .12s;display:inline-flex}.pv-mute:hover{opacity:1;color:var(--text)}.pv-mute:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}.pv-row.muted .pv-mute{opacity:1;color:var(--cyan)}.pv-row.lead .pv-mute{cursor:default}.pv-row.lead .pv-mute:hover{opacity:.32;color:var(--dim)}.pv-row.picked{background-color:color-mix(in srgb, var(--cyan) 7%, var(--panel))}.pv-row.picked .pv-names b{color:var(--cyan)}.pv-row.picked .ic{opacity:1}.pv-row.lead{z-index:2;position:sticky;top:0}#pv-view{flex:none;margin-left:20px;margin-right:8px}body:not([data-space=play]) #pv-view{margin-left:auto}#pv-view button{font-size:var(--t-micro);letter-spacing:var(--tr-micro)}#parts-view.one-axis #pv-gutter .pv-says,#parts-view.one-axis #pv-gutter .pv-n{display:none}#parts-view.one-axis #pv-gutter .pv-row{height:34px}.pv-names .pv-you{color:var(--cyan)}.pv-names{flex:auto}.ms-rail-head{text-align:left;border:0;border-bottom:1px solid var(--hairline);cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;display:block}.ms-rail-head:hover .ms-rail-sub{color:var(--cyan)}.ms-rail-foot{border-top:1px solid var(--hairline);align-items:baseline;gap:8px;padding:12px 16px;display:flex}.ms-rail-foot-l{letter-spacing:.12em;text-transform:uppercase;opacity:.5;font-size:9px}.ms-rail-foot-n{margin-right:8px;font-size:11px}.ms-lesson{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;display:flex}.ms-lesson:disabled{cursor:default}.ms-books{flex-direction:column;display:flex}.ms-book{text-align:left;width:100%;color:inherit;border:0;border-bottom:1px solid var(--hairline);font:inherit;cursor:pointer;background:0 0;align-items:baseline;gap:12px;padding:12px 16px;display:flex}.ms-book:hover:not(:disabled){background:#ffffff08}.ms-book:disabled{cursor:default;opacity:.42}.ms-book .n{opacity:.6;flex:none;width:22px;font-size:11px}.ms-book .t{flex:none;min-width:74px}.ms-book .s{letter-spacing:.08em;text-transform:uppercase;opacity:.5;flex:1;font-size:10px}.ms-book .c{opacity:.7;flex:none;font-size:11px}.ms-book.current .t{color:var(--cyan)}iframe[src*="accounts.google.com"]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root{--ch-bar:#05060ff2;--ch-bar-blur:0px;--ch-edge:1px solid #00e5ff3d;--ch-ink2:#c8d0e2;--ch-well:#00e5ff09;--ch-well-edge:1px solid #00e5ff29;--ch-well-hover:#00e5ff14;--ch-mode:#00e5ff1f;--ch-mode-ink:#e9eef8;--ch-on:#00e5ff24;--ch-on-ink:#00e5ff;--ch-sep:#00e5ff2e;--ch-accent:#00e5ff;--ch-r:999px;--ch-r-in:999px;--ch-r-seg:8px;--ch-r-seg-in:4px;--ch-clip:none;--ch-clip-sm:none;--ch-card:#080a16f2;--ch-card-blur:10px;--ch-card-edge:1px solid #00e5ff38;--ch-r-card:8px;--ch-frame:0 solid transparent;--ch-veil:#02030a9e;--ch-veil-blur:6px;--ch-rule:1px solid #00e5ff24;--ch-row-hover:#00e5ff0d;--ch-field:#00e5ff0a;--ch-title-font:var(--mono);--ch-title-size:13px;--ch-title-weight:500;--ch-title-track:.18em;--ch-title-ink:var(--text);--ch-label-font:var(--mono);--ch-piece-font:var(--sans);--ch-piece-size:var(--t-lead);--ch-piece-weight:var(--w-semi);--ch-play-ring:1px solid #00e5ffa6;--ch-play-r:999px;--ch-play-fill:#00e5ff14;--ch-play-ink:#00e5ff;--ch-play-hover-fill:#00e5ff;--ch-play-hover-ink:#05060f;--ch-track:#00e5ff38;--ch-fill:#00e5ff;--ch-track-h:2px;--ch-thumb:#00e5ff;--ch-thumb-w:10px;--ch-thumb-h:10px;--ch-thumb-r:50%;--ch-avatar-bg:#00e5ff1a}:root[data-theme=aurora]{--dim:#7f8ca6;--ch-bar:#070c18d1;--ch-bar-blur:18px;--ch-edge:1px solid #9fd8ff2e;--ch-ink2:#c9d5e8;--ch-well:#9fd8ff0d;--ch-well-edge:1px solid #9fd8ff26;--ch-well-hover:#9fd8ff1a;--ch-mode:#6ec8ff29;--ch-mode-ink:#eaf7ff;--ch-on:#6ec8ff38;--ch-on-ink:#eaf7ff;--ch-sep:#9fd8ff2e;--ch-accent:#6ec8ff;--ch-r:999px;--ch-r-in:999px;--ch-r-seg:999px;--ch-r-seg-in:999px;--ch-card:#0a1120d6;--ch-card-blur:20px;--ch-card-edge:1px solid #9fd8ff33;--ch-r-card:8px;--ch-veil:#02050c6b;--ch-veil-blur:10px;--ch-rule:1px solid #9fd8ff24;--ch-row-hover:#9fd8ff0f;--ch-field:#9fd8ff0d;--ch-title-font:var(--sans);--ch-title-size:12px;--ch-title-weight:500;--ch-title-track:.22em;--ch-title-ink:#eaf7ff;--ch-label-font:var(--sans);--ch-piece-weight:var(--w-med);--ch-play-ring:1px solid #9fd8ff8c;--ch-play-fill:#9fd8ff1a;--ch-play-ink:#eaf7ff;--ch-play-hover-fill:#eaf7ff;--ch-play-hover-ink:#04060c;--ch-track:#9fd8ff38;--ch-fill:#9fd8ff;--ch-thumb:#eaf7ff;--ch-avatar-bg:#6ec8ff1a}:root[data-theme=grand]{--dim:#8f877a;--ch-bar:#0d0b0af7;--ch-edge:1px solid #d9b36a57;--ch-ink2:#d9d1c2;--ch-well:#f2ead809;--ch-well-edge:1px solid #d9b36a3d;--ch-well-hover:#f2ead812;--ch-mode:#d9b36a24;--ch-mode-ink:#f7f0df;--ch-on:#f2ead8;--ch-on-ink:#0d0b0a;--ch-sep:#d9b36a3d;--ch-accent:#d9b36a;--ch-r:999px;--ch-r-in:999px;--ch-r-seg:999px;--ch-r-seg-in:999px;--ch-card:#14100ef7;--ch-card-blur:8px;--ch-card-edge:1px solid #d9b36a4d;--ch-r-card:8px;--ch-veil:#0806059e;--ch-veil-blur:7px;--ch-rule:1px solid #d9b36a2e;--ch-row-hover:#f2ead80a;--ch-field:#f2ead80a;--ch-title-font:var(--display);--ch-title-size:16px;--ch-title-weight:500;--ch-title-track:.16em;--ch-title-ink:#f2ead8;--ch-label-font:var(--sans);--ch-piece-weight:var(--w-med);--ch-play-ring:1px solid #d9b36a9e;--ch-play-fill:#d9b36a14;--ch-play-ink:#f2ead8;--ch-play-hover-fill:#f2ead8;--ch-play-hover-ink:#0d0b0a;--ch-track:#d9b36a4d;--ch-fill:#d9b36a;--ch-track-h:1px;--ch-thumb:#f2ead8;--ch-thumb-w:9px;--ch-thumb-h:9px;--ch-avatar-bg:#f2ead80f}:root[data-theme=sumi]{--ch-bar:#efe9dbf7;--ch-edge:1px solid #27221f38;--ch-ink2:#33302d;--ch-well:#27221f0a;--ch-well-edge:1px solid #27221f24;--ch-well-hover:#27221f12;--ch-mode:#27221f14;--ch-mode-ink:var(--text);--ch-on:#27221f;--ch-on-ink:#f4efe3;--ch-sep:#27221f2e;--ch-accent:#27221f;--ch-r:4px;--ch-r-in:4px;--ch-r-seg:4px;--ch-r-seg-in:4px;--ch-card:#f5f1e7fa;--ch-card-blur:6px;--ch-card-edge:1px solid #27221f33;--ch-r-card:4px;--ch-veil:#f2ede18c;--ch-veil-blur:5px;--ch-rule:1px solid #27221f29;--ch-row-hover:#27221f0a;--ch-field:#27221f09;--ch-title-font:var(--display);--ch-title-size:20px;--ch-title-weight:400;--ch-title-track:.08em;--ch-title-ink:var(--text);--ch-label-font:var(--sans);--ch-play-ring:1px solid #27221f;--ch-play-fill:transparent;--ch-play-ink:#27221f;--ch-play-hover-fill:#27221f;--ch-play-hover-ink:#f4efe3;--ch-track:#27221f33;--ch-fill:#27221f;--ch-thumb:#27221f;--ch-avatar-bg:#27221f0d}:root[data-theme=manuscript]{--ch-bar:#e4d5b4;--ch-edge:3px double #2b22168c;--ch-ink2:#3a2e1d;--ch-well:#2b22160b;--ch-well-edge:1px solid #2b22163d;--ch-well-hover:#2b221614;--ch-mode:#2b22161a;--ch-mode-ink:var(--text);--ch-on:#2b2216;--ch-on-ink:#efe5cd;--ch-sep:#2b22163d;--ch-accent:#76281c;--ch-r:4px;--ch-r-in:4px;--ch-r-seg:4px;--ch-r-seg-in:4px;--ch-card:#efe5cd;--ch-card-blur:0px;--ch-card-edge:1px solid #2b221673;--ch-r-card:4px;--ch-frame:1px solid #2b221633;--ch-veil:#ece1c885;--ch-veil-blur:4px;--ch-rule:1px solid #2b221638;--ch-row-hover:#2b22160d;--ch-field:#2b22160a;--ch-title-font:var(--display);--ch-title-size:21px;--ch-title-weight:500;--ch-title-track:.06em;--ch-title-ink:#2b2216;--ch-label-font:var(--sans);--ch-piece-font:var(--display);--ch-piece-size:18px;--ch-piece-weight:500;--ch-play-ring:1px solid #76281c;--ch-play-fill:#76281c0f;--ch-play-ink:#76281c;--ch-play-hover-fill:#76281c;--ch-play-hover-ink:#efe5cd;--ch-track:#2b22163d;--ch-fill:#2b2216;--ch-track-h:1px;--ch-thumb:#2b2216;--ch-thumb-w:12px;--ch-thumb-h:9px;--ch-avatar-bg:#2b22160f}:root[data-theme=retro]{--ch-bar:#000;--ch-edge:2px solid #fcfcfc;--ch-ink2:#fcfcfc;--ch-well:#000;--ch-well-edge:2px solid #7c7c7c;--ch-well-hover:#202020;--ch-mode:#fcfcfc;--ch-mode-ink:#000;--ch-on:#fcfcfc;--ch-on-ink:#000;--ch-sep:#7c7c7c;--ch-accent:#f8b800;--ch-r:0px;--ch-r-in:0px;--ch-r-seg:0px;--ch-r-seg-in:0px;--ch-clip:polygon(4px 0, calc(100% - 4px) 0, calc(100% - 4px) 2px, calc(100% - 2px) 2px, calc(100% - 2px) 4px, 100% 4px, 100% calc(100% - 4px), calc(100% - 2px) calc(100% - 4px), calc(100% - 2px) calc(100% - 2px), calc(100% - 4px) calc(100% - 2px), calc(100% - 4px) 100%, 4px 100%, 4px calc(100% - 2px), 2px calc(100% - 2px), 2px calc(100% - 4px), 0 calc(100% - 4px), 0 4px, 2px 4px, 2px 2px, 4px 2px);--ch-clip-sm:polygon(2px 0, calc(100% - 2px) 0, 100% 2px, 100% calc(100% - 2px), calc(100% - 2px) 100%, 2px 100%, 0 calc(100% - 2px), 0 2px);--ch-card:#000;--ch-card-blur:0px;--ch-card-edge:2px solid #fcfcfc;--ch-r-card:0px;--ch-veil:#00000059;--ch-veil-blur:0px;--ch-rule:2px solid #7c7c7c;--ch-row-hover:#202020;--ch-field:#000;--ch-title-font:var(--mono);--ch-title-size:14px;--ch-title-weight:500;--ch-title-track:.14em;--ch-title-ink:#f8b800;--ch-label-font:var(--mono);--ch-piece-font:var(--mono);--ch-piece-size:15px;--ch-piece-weight:500;--ch-play-ring:2px solid #fcfcfc;--ch-play-r:0px;--ch-play-fill:#000;--ch-play-ink:#fcfcfc;--ch-play-hover-fill:#fcfcfc;--ch-play-hover-ink:#000;--ch-track:#7c7c7c;--ch-fill:#fcfcfc;--ch-thumb:#fcfcfc;--ch-thumb-w:6px;--ch-thumb-h:12px;--ch-thumb-r:0px;--ch-avatar-bg:#3cbcfc}.ch-sr{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root[data-theme] #topbar,:root[data-theme] #transport{background:var(--ch-bar);-webkit-backdrop-filter:blur(var(--ch-bar-blur));backdrop-filter:blur(var(--ch-bar-blur))}:root[data-theme] #topbar{border-bottom:var(--ch-edge)}:root[data-theme] #transport{border-top:var(--ch-edge)}:root[data-theme] #top-title{font-family:var(--ch-piece-font);font-weight:var(--ch-piece-weight);text-shadow:none}:root[data-theme=manuscript] #top-title{font-variation-settings:"opsz" 24;letter-spacing:0}:root[data-theme] #level-chip{background:var(--ch-well);border-right:0;border:var(--ch-well-edge);border-radius:var(--ch-r);clip-path:var(--ch-clip);margin-right:0}:root[data-theme] #level-chip:hover{background:var(--ch-well)}:root[data-theme] #level-chip .level-col,:root[data-theme] #level-chip .level-id{border-radius:var(--ch-r-in)}:root[data-theme] #level-chip .level-col:hover,:root[data-theme] #level-chip .level-id:hover{background:var(--ch-well-hover)}:root[data-theme] #level-avatar{background-color:var(--ch-avatar-bg);border:var(--ch-well-edge)}:root[data-theme] .level-mini{background:var(--ch-track)}:root[data-theme] .level-mini i{background:var(--ch-fill)}:root[data-theme] #level-title{font-family:var(--ch-label-font)}:root[data-theme] .level-flair{text-shadow:none}@media (width>=821px) and (height>=541px){:root[data-theme] #topbar{min-height:56px;padding-top:8px;padding-bottom:8px}:root[data-theme] #top-title{font-size:var(--ch-piece-size)}:root[data-theme] #level-chip{gap:4px;padding:4px 4px 4px 8px}:root[data-theme] #level-chip .level-col{padding:4px 8px}:root[data-theme] #level-chip .level-id{padding:4px}:root[data-theme] #level-avatar{width:28px;height:28px}:root[data-theme=retro] #level-chip{padding:4px 4px 4px 8px}.modal{top:var(--tb-h,52px)}}:root[data-theme] #transport .island{background:var(--ch-well);border:var(--ch-well-edge);border-radius:var(--ch-r);clip-path:var(--ch-clip)}:root[data-theme] #transport .island>button{border-radius:var(--ch-r-in);color:var(--ch-ink2)}:root[data-theme] #transport .island>button:hover{color:var(--text);background:var(--ch-well-hover)}:root[data-theme] #transport .island .isl-sep{background:var(--ch-sep);height:14px}:root[data-theme] #transport button:focus-visible,:root[data-theme] #transport [role=button]:focus-visible,:root[data-theme] #transport input:focus-visible{outline:2px solid var(--ch-accent);outline-offset:-2px}:root[data-theme] #transport .island>#btn-space{border-radius:var(--ch-r-in)}:root[data-theme] body[data-space=study] #transport .island>#btn-space{color:var(--text);background:var(--ch-mode)}:root[data-theme] body[data-space=study] #transport .island>#btn-space:hover{background:var(--ch-well-hover)}:root[data-theme=retro] body[data-space] #transport .island>#btn-space{color:#000}:root[data-theme=retro] body[data-space=listen] #transport .island>#btn-space{background:var(--cyan)}:root[data-theme=retro] body[data-space=play] #transport .island>#btn-space{background:var(--magenta);color:#fcfcfc}:root[data-theme=retro] body[data-space=compose] #transport .island>#btn-space{background:var(--amber)}:root[data-theme=retro] body[data-space=study] #transport .island>#btn-space{background:#fcfcfc}:root[data-theme] #transport .tbtn{color:var(--ch-ink2);border-radius:var(--ch-r-in);transition:color .12s, background-color .12s, transform var(--press-dur) ease}:root[data-theme] #transport .tbtn:hover{color:var(--text);background:var(--ch-well-hover)}:root[data-theme] #transport .t-side-r .tbtn{color:var(--dim)}:root[data-theme] #transport .t-side-r .tbtn:hover{color:var(--text)}:root[data-theme] #transport #btn-shuffle.on,:root[data-theme] #transport #btn-repeat.on{color:var(--ch-mode-ink);background:var(--ch-mode);border-color:#0000}:root[data-theme] #transport #btn-compose-save{color:var(--cyan)}:root[data-theme] #transport .tbtn.recording{color:var(--magenta)}:root[data-theme] #btn-play{color:var(--ch-play-ink);background:var(--ch-play-fill);border:var(--ch-play-ring);border-radius:var(--ch-play-r);clip-path:var(--ch-clip-sm);text-shadow:none;box-shadow:none;transition:background-color .15s, color .15s, transform var(--press-dur) ease}:root[data-theme] #btn-play:hover{background:var(--ch-play-hover-fill);color:var(--ch-play-hover-ink);box-shadow:none}:root[data-theme] #transport .isl-tools>.tbtn{width:32px;height:30px;color:var(--dim);vertical-align:middle;border:0;padding:0}:root[data-theme] #transport .isl-tools>.tbtn:hover{color:var(--text);background:var(--ch-well-hover)}:root[data-theme] #transport .isl-tools>.tbtn.on{color:var(--ch-mode-ink);background:var(--ch-mode)}:root[data-theme] #transport .isl-tools>.tbtn.recording{color:var(--magenta)}:root[data-theme] #transport .isl-tools>.tbtn svg{width:16px;height:16px}:root[data-theme] #transport .isl-tools #btn-met.on+#met-bpm{background:var(--ch-field);width:44px;height:26px;color:var(--text);border-radius:var(--ch-r-in);font-family:var(--mono);font-size:var(--t-cap);text-align:center;border:0;margin:0 4px 0 0;padding:0 4px}:root[data-theme] #transport .isl-levels{color:var(--dim);gap:8px;padding:0 12px}:root[data-theme] #transport .isl-levels .ctl{color:var(--dim);gap:8px}:root[data-theme] #transport .isl-levels .ctl>svg{flex:none;margin:0}:root[data-theme] #transport #speed-val{color:var(--text);font-size:var(--t-cap);min-width:4ch}:root[data-theme] #transport #pedal-ind{margin-left:-4px}:root[data-theme] #transport input[type=range]{appearance:none;cursor:pointer;background:0 0;width:52px;height:18px;margin:0;padding:0}:root[data-theme] #transport input[type=range]::-webkit-slider-runnable-track{height:var(--ch-track-h);background:var(--ch-track);border:0;border-radius:0}:root[data-theme] #transport input[type=range]::-moz-range-track{height:var(--ch-track-h);background:var(--ch-track);border:0;border-radius:0}:root[data-theme] #transport input[type=range]::-webkit-slider-thumb{appearance:none;width:var(--ch-thumb-w);height:var(--ch-thumb-h);margin-top:calc((var(--ch-track-h) - var(--ch-thumb-h)) / 2);border-radius:var(--ch-thumb-r);background:var(--ch-thumb);border:0;transition:transform .12s}:root[data-theme] #transport input[type=range]::-moz-range-thumb{width:var(--ch-thumb-w);height:var(--ch-thumb-h);border-radius:var(--ch-thumb-r);background:var(--ch-thumb);border:0}:root[data-theme] #transport input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.2)}:root[data-theme=manuscript] #transport input[type=range]::-webkit-slider-thumb{transform:rotate(-20deg)}:root[data-theme=manuscript] #transport input[type=range]:hover::-webkit-slider-thumb{transform:rotate(-20deg)scale(1.2)}:root[data-theme=manuscript] #transport input[type=range]::-moz-range-thumb{transform:rotate(-20deg)}:root[data-theme=retro] #transport input[type=range]:hover::-webkit-slider-thumb{transform:none}@media (prefers-reduced-motion:reduce){:root[data-theme] #transport input[type=range]::-webkit-slider-thumb{transition:none}}:root[data-theme] #transport #midi-status{background:var(--ch-well);border:var(--ch-well-edge);border-radius:var(--ch-r);max-width:220px;height:38px;clip-path:var(--ch-clip);color:var(--ch-ink2);font-family:var(--sans);font-weight:var(--w-semi);font-size:var(--t-num);letter-spacing:.004em;text-shadow:none;cursor:pointer;align-items:center;gap:8px;margin:0;padding:0 16px 0 12px;transition:color .14s,background-color .14s;display:inline-flex}:root[data-theme] #transport #midi-status:hover{color:var(--text);background:var(--ch-well-hover)}:root[data-theme] #transport #midi-status #midi-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:root[data-theme] #transport #midi-status .cog{opacity:.85}:root[data-theme] #transport #midi-status.online .cog{color:var(--ch-accent);opacity:1}:root[data-theme] #transport #mic-status{text-shadow:none}:root[data-theme=retro] #transport #midi-status,:root[data-theme=retro] #transport .island{padding-top:4px;padding-bottom:4px}@media (width>=821px) and (height>=541px){:root[data-theme] #transport{padding-top:8px;padding-bottom:max(8px, env(safe-area-inset-bottom));gap:16px}:root[data-theme] #transport .island{height:38px;padding:4px}:root[data-theme] #transport .island>button{height:30px;padding:0 12px}:root[data-theme] #transport .t-center,:root[data-theme] #transport .t-side,:root[data-theme] #transport .t-core,:root[data-theme] #transport .t-core-l,:root[data-theme] #transport .t-core-r{gap:8px}:root[data-theme] #transport .t-center .tbtn{width:34px;height:34px}:root[data-theme] #btn-play{width:42px;height:42px}:root[data-theme] #transport .t-left,:root[data-theme] #transport .t-right{flex-wrap:nowrap;gap:12px}:root[data-theme] #transport[data-fit]{grid-template-areas:none;gap:12px 16px}:root[data-theme] #transport[data-fit=one],:root[data-theme] #transport[data-fit=tight]{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}:root[data-theme] #transport[data-fit=one]>*,:root[data-theme] #transport[data-fit=tight]>*{grid-area:auto}:root[data-theme] #transport[data-fit=one] .t-left,:root[data-theme] #transport[data-fit=tight] .t-left{justify-content:flex-start}:root[data-theme] #transport[data-fit=one] .t-right,:root[data-theme] #transport[data-fit=tight] .t-right{justify-content:flex-end}:root[data-theme] #transport[data-fit=tight] .island>button{padding:0 12px}:root[data-theme] #transport[data-fit=tight] .isl-levels{gap:8px;padding:0 8px}:root[data-theme] #transport[data-fit=tight] .isl-levels .ctl{gap:8px}:root[data-theme] #transport[data-fit=tight] input[type=range]{width:44px}:root[data-theme] #transport[data-fit=tight] #midi-status{padding:0 12px}:root[data-theme] #transport[data-fit=tight] #midi-label{display:none}:root[data-theme] #transport[data-fit=two]{grid-template-columns:max-content max-content;grid-template-areas:"play play""left right";justify-content:space-between}:root[data-theme] #transport[data-fit=two] .t-center{grid-area:play;justify-self:center}:root[data-theme] #transport[data-fit=two] .t-left{grid-area:left;justify-content:flex-start}:root[data-theme] #transport[data-fit=two] .t-right{grid-area:right;justify-content:flex-end}:root[data-theme] #transport[data-fit=three]{grid-template-columns:minmax(0,1fr);grid-template-areas:"play""left""right";row-gap:8px}:root[data-theme] #transport[data-fit=three] .t-center{grid-area:play;justify-self:center}:root[data-theme] #transport[data-fit=three] .t-left{flex-wrap:wrap;grid-area:left;justify-content:center}:root[data-theme] #transport[data-fit=three] .t-right{flex-wrap:wrap;grid-area:right;justify-content:center;row-gap:8px}}:root{--ch-win-dim:var(--dim);--ch-win-edge-hover:rgba(var(--cyan-rgb), .4);--ch-win-pick:var(--ch-mode);--ch-win-row-rule:1px solid var(--hairline-soft);--ch-win-r-tile:min(var(--ch-r-seg), 8px);--ch-win-scroll:var(--hairline);--ch-win-btn-font:var(--sans);--ch-win-scheme:dark}:root[data-theme=aurora]{--ch-win-dim:color-mix(in srgb, var(--dim) 80%, var(--text))}:root[data-theme=grand]{--ch-win-dim:color-mix(in srgb, var(--dim) 85%, var(--text));--ch-win-edge-hover:rgba(var(--amber-rgb), .55)}:root[data-theme=sumi]{--ch-win-edge-hover:rgba(var(--cyan-rgb), .45);--ch-win-scheme:light;--ch-win-red:color-mix(in srgb, var(--magenta) 85%, var(--text))}:root[data-theme=manuscript]{--ch-win-red:var(--magenta);--ch-win-edge-hover:rgba(var(--cyan-rgb), .45);--ch-win-scheme:light}:root[data-theme=retro]{--ch-win-edge-hover:var(--text);--ch-win-pick:var(--ch-well-hover);--ch-win-row-rule:2px solid var(--ch-well-hover);--ch-win-scroll:var(--dim);--ch-win-btn-font:var(--mono)}:root .modal,:root #cookie-notice,:root #nk-ob{--dim:var(--ch-win-dim);color-scheme:var(--ch-win-scheme)}:root .modal{background:var(--ch-veil);-webkit-backdrop-filter:blur(var(--ch-veil-blur));backdrop-filter:blur(var(--ch-veil-blur))}:root .modal.hidden{-webkit-backdrop-filter:blur();backdrop-filter:blur()}:root .modal .modal-card{background:var(--ch-card);-webkit-backdrop-filter:blur(var(--ch-card-blur));backdrop-filter:blur(var(--ch-card-blur));border:var(--ch-card-edge);border-radius:var(--ch-r-card);box-shadow:none;outline:var(--ch-frame);outline-offset:-7px;clip-path:var(--ch-clip)}:root .modal .modal-card,:root .modal .modal-card *{scrollbar-width:thin;scrollbar-color:var(--ch-win-scroll) transparent}:root .modal .modal-card h2{font-family:var(--ch-title-font);font-size:var(--ch-title-size);font-weight:var(--ch-title-weight);letter-spacing:var(--ch-title-track);color:var(--ch-title-ink);text-shadow:none}:root .modal .modal-card h2 .dim{font-family:var(--mono);font-weight:400;font-size:var(--t-cap);letter-spacing:var(--tr-cap);font-variant-numeric:tabular-nums;font-variation-settings:normal;color:var(--dim)}:root .modal .modal-card.paywall h2{letter-spacing:var(--tr-h2);font-size:23px}:root .modal .modal-card #badge-name{letter-spacing:var(--tr-h2)}:root .modal .modal-card h3,:root .modal #rep-side h3,:root .modal #rep-side .side-h3,:root .modal .to-tag,:root .modal .af-label,:root .modal .stat-label,:root .modal .aw-t-label,:root .modal .aw-cat-name,:root .modal .inst-group-title,:root .modal .kbc-group,:root .modal .badge-cat,:root .modal .paywall-tier,:root .modal .rep-row.rep-head,:root .modal .stats-row.head{font-family:var(--ch-label-font)}:root .modal .modal-x{color:var(--dim);border-radius:min(var(--ch-r-seg-in), 8px);transition:color .12s, background-color .12s, transform var(--press-dur) ease}:root .modal .modal-x:hover{color:var(--text);background:var(--ch-well-hover)}:root .modal .btn{font-family:var(--ch-win-btn-font);background:var(--ch-well);border:var(--ch-well-edge);border-radius:min(var(--ch-r-seg), 8px);clip-path:var(--ch-clip-sm);box-shadow:none;text-shadow:none}:root .modal .btn:hover{background:var(--ch-well-hover);border-color:var(--ch-win-edge-hover)}:root .modal .btn.ghost{color:var(--dim);background:0 0}:root .modal .btn.ghost:hover{color:var(--text);background:var(--ch-well-hover)}:root .modal .btn.big{border:var(--ch-play-ring);background:var(--ch-play-fill);color:var(--text)}:root .modal .btn.big:hover{background:var(--ch-play-hover-fill);color:var(--ch-play-hover-ink);border-color:#0000}:root .modal .btn.diff small{color:var(--dim)}:root .modal .btn.diff:hover small{color:inherit}:root .modal .btn.danger{border-color:color-mix(in srgb, currentColor 40%, transparent)}:root .modal .btn.danger:hover{border-color:color-mix(in srgb, currentColor 80%, transparent)}:root .modal #btn-multi.on{color:var(--ch-on-ink);background:var(--ch-on);border-color:var(--ch-on);box-shadow:none}:root .modal #btn-parts.on{color:var(--ch-mode-ink);background:var(--ch-mode);border-color:#0000}:root .modal .to-btn{border:var(--ch-well-edge);border-radius:min(var(--ch-r-seg-in), 4px);background:var(--ch-well);clip-path:var(--ch-clip-sm)}:root .modal .to-btn:hover{color:var(--text);background:var(--ch-well-hover);border-color:var(--ch-win-edge-hover)}:root .modal .ed-chip{border-radius:min(var(--ch-r-seg-in), 4px)}:root .modal .ed-chip.armed:hover{color:var(--ch-accent);border-color:var(--ch-accent)}:root .modal .tbtn{border-radius:min(var(--ch-r-seg-in), 8px);color:var(--dim)}:root .modal .tbtn:hover{color:var(--text);background:var(--ch-well-hover)}:root .modal .tbtn.on,:root .modal #btn-side-shuffle.on,:root .modal #btn-side-repeat.on{color:var(--ch-mode-ink);background:var(--ch-mode);border-color:#0000}:root .modal .seg{background:var(--ch-well);border:var(--ch-well-edge);border-radius:var(--ch-r-seg);clip-path:var(--ch-clip-sm);gap:0;padding:4px}:root .modal .seg button{font-family:var(--ch-label-font);color:var(--dim);border-radius:var(--ch-r-seg-in);text-shadow:none}:root .modal .seg button:hover{color:var(--text);background:var(--ch-well-hover)}:root .modal .seg button.active,:root .modal .seg button.active:hover{color:var(--ch-on-ink);background:var(--ch-on)}:root .modal :is(#set-space,#set-instrument){border-radius:min(var(--ch-r-seg), 8px)}:root .modal #set-instrument button{padding-left:12px;padding-right:12px}:root .modal #hand-pill .hp-l{color:var(--magenta)}:root .modal #hand-pill .hp-r{color:var(--cyan)}:root .modal .chip{font-family:var(--ch-label-font);color:var(--dim);border:var(--ch-well-edge);border-radius:min(var(--ch-r-seg), 8px);clip-path:var(--ch-clip-sm);background:0 0}:root .modal .chip:hover{color:var(--text);background:var(--ch-well-hover);border-color:var(--ch-win-edge-hover)}:root .modal .chip.active,:root .modal .chip.active:hover{color:var(--ch-on-ink);background:var(--ch-on);border-color:var(--ch-on)}:root .modal .chip.chip-clearfilt{color:var(--amber);border-color:rgba(var(--amber-rgb), .45)}:root .modal .auto-fit{border-top:var(--ch-rule)}:root .modal .af-toggle{border:var(--ch-well-edge);border-radius:min(var(--ch-r-seg), 8px);background:var(--ch-well);clip-path:var(--ch-clip-sm)}:root .modal .af-toggle:hover{color:var(--text);border-color:var(--ch-win-edge-hover)}:root .modal .af-toggle.on{color:var(--ch-on-ink);background:var(--ch-on);border-color:var(--ch-on)}:root .modal .set-tabs{border-bottom:var(--ch-rule)}:root .modal .set-tab{font-family:var(--ch-label-font)}:root .modal .set-tab.on{color:var(--ch-accent);border-bottom-color:var(--ch-accent)}:root[data-theme=retro] .modal .set-tab{border-bottom-width:2px;margin-bottom:-4px}:root .modal input[type=checkbox],:root #modal-account input#acct-mkt[type=checkbox],:root #modal-account input#acct-mkt-on[type=checkbox]{appearance:none;background:var(--ch-field);border:var(--ch-well-edge);border-radius:min(var(--ch-r-seg-in), 4px);cursor:pointer;flex:none;place-content:center;width:14px;height:14px;margin:0;padding:0;display:inline-grid}:root .modal input[type=checkbox]:before{content:"";background:var(--on-accent);clip-path:polygon(14% 44%,0 62%,42% 100%,100% 22%,84% 6%,40% 64%);width:8px;height:8px;transform:scale(0)}:root .modal input[type=checkbox]:checked,:root #modal-account input#acct-mkt[type=checkbox]:checked,:root #modal-account input#acct-mkt-on[type=checkbox]:checked{background:var(--ch-fill);border-color:var(--ch-fill)}:root .modal input[type=checkbox]:checked:before{transform:scale(1)}:root[data-theme=retro] .modal input[type=checkbox]:before{clip-path:none;width:6px;height:6px}:root .modal .kb-fold:hover input[type=checkbox]:not(:checked){border-color:var(--ch-win-edge-hover)}:root .modal :is(#rep-search,#inst-search,.fld,#nick-input,#avatar-nick),:root #modal-account input:not([type=checkbox]):not([type=file]){background:var(--ch-field);border:0;border-bottom:var(--ch-rule);border-radius:min(var(--ch-r-seg-in), 4px) min(var(--ch-r-seg-in), 4px) 0 0;padding-left:12px;padding-right:12px}:root .modal :is(#rep-search,#inst-search,.fld,#nick-input,#avatar-nick):focus,:root #modal-account input:not([type=checkbox]):not([type=file]):focus{border-bottom-color:var(--ch-accent)}:root .modal .modal-card.take input[type=text]{background:var(--ch-field);border:var(--ch-well-edge);border-radius:min(var(--ch-r-seg), 8px)}:root .modal .modal-card.take input[type=text]:focus{border-color:var(--ch-accent)}:root .modal select{color:var(--text);background:var(--ch-field);border:var(--ch-well-edge);border-radius:min(var(--ch-r-seg), 8px)}:root .modal input[type=range]:not(.take-range *){appearance:none;cursor:pointer;background:0 0;height:18px;margin:0;padding:0}:root .modal input[type=range]:not(.take-range *)::-webkit-slider-runnable-track{height:var(--ch-track-h);background:var(--ch-track);border:0;border-radius:0}:root .modal input[type=range]:not(.take-range *)::-moz-range-track{height:var(--ch-track-h);background:var(--ch-track);border:0;border-radius:0}:root .modal input[type=range]:not(.take-range *)::-moz-range-progress{height:var(--ch-track-h);background:var(--ch-fill)}:root .modal input[type=range]:not(.take-range *)::-webkit-slider-thumb{appearance:none;width:var(--ch-thumb-w);height:var(--ch-thumb-h);margin-top:calc((var(--ch-track-h) - var(--ch-thumb-h)) / 2);border-radius:var(--ch-thumb-r);background:var(--ch-thumb);border:0}:root .modal input[type=range]:not(.take-range *)::-moz-range-thumb{width:var(--ch-thumb-w);height:var(--ch-thumb-h);border-radius:var(--ch-thumb-r);background:var(--ch-thumb);border:0}:root[data-theme=manuscript] .modal input[type=range]:not(.take-range *)::-webkit-slider-thumb{transform:rotate(-20deg)}:root[data-theme=manuscript] .modal input[type=range]:not(.take-range *)::-moz-range-thumb{transform:rotate(-20deg)}:root .modal .take-range input[type=range]::-webkit-slider-thumb{background:var(--ch-thumb);border-radius:min(var(--ch-thumb-r), 4px);border:0}:root .modal .take-range input[type=range]::-moz-range-thumb{background:var(--ch-thumb);border-radius:min(var(--ch-thumb-r), 4px);border:0}:root .modal :is(.acct-section,.mac-app-row),:root .modal .video-panel{border-top:var(--ch-rule)}:root .modal #stats-account{border-bottom:var(--ch-rule)}:root .modal :is(#rep-nav,#inst-nav){border-right:var(--ch-rule)}:root .modal :is(#rep-side,#inst-side){border-left:var(--ch-rule)}:root .modal .comp-head,:root .modal .mr-head{border-bottom:var(--ch-rule)}:root .modal .mr-foot,:root .modal #theme-preview-fit{border-top:var(--ch-rule)}@media (width<=820px),(height<=540px){:root .modal :is(#rep-nav,#inst-nav){border-right:0;border-bottom:var(--ch-rule)}}:root .modal :is(#rep-nav,#inst-nav) button{border-radius:min(var(--ch-r-seg), 8px)}:root .modal :is(#rep-nav,#inst-nav) button:hover{color:var(--text);background:var(--ch-well-hover)}:root .modal :is(#rep-nav,#inst-nav) button.active,:root .modal :is(#rep-nav,#inst-nav) button.active:hover{color:var(--ch-mode-ink);background:var(--ch-mode)}:root .modal :is(.rep-row,.q-row,.stats-row,.browse-row,.comp-piece,.comp-set-head,.ens-row,.bd-tier,.results-row,.mr-row){border-bottom:var(--ch-win-row-rule)}:root .modal .mr-row:last-child{border-bottom:0}:root .modal .rep-row.rep-head,:root .modal .stats-row.head{border-bottom:var(--ch-rule)}:root .modal .rep-row:not(.rep-head):hover,:root .modal .q-row:hover,:root .modal .stats-row.clickable:hover,:root .modal .browse-row:hover,:root .modal .comp-piece:hover{background:var(--ch-row-hover)}:root .modal .rep-row.current{background:var(--ch-win-pick);box-shadow:inset 2px 0 0 var(--ch-accent)}:root .modal :is(.browse-row.active,.stats-row.me){background:var(--ch-win-pick)}:root .modal .comp-piece.current .comp-t .t,:root .modal .comp-set-head:hover .comp-set-name{color:var(--ch-accent)}:root .modal .q-row.drop-target{box-shadow:inset 0 2px 0 var(--ch-accent)}:root .modal :is(#queue-list,#inst-side).drag-over{outline-color:var(--ch-accent)}:root .modal #history-list{opacity:1}:root .modal #history-list .qt-t{color:var(--dim)}:root:is([data-theme=sumi],[data-theme=manuscript],[data-theme=retro]) .modal :is(.rep-row.current,.rep-row:not(.rep-head):hover,.inst-card.on,.inst-card:hover,.inst-card.previewing,.ens-tile.on,.ens-tile:hover,.theme-row.current,.theme-row:hover,.stats-row.me,.browse-row.active,.paywall-card.best){--dim:color-mix(in srgb, var(--ch-win-dim) 75%, var(--text))}:root .modal .rep-sort.active,:root .modal #rep-head [data-filt].filtered,:root .modal #rep-head [data-filt].filtered .rep-filt{color:var(--ch-accent)}:root .modal #rep-head [data-filt].filtered:before{background:var(--ch-accent)}:root .modal .rep-ver{border-radius:min(var(--ch-r-seg-in), 4px)}:root .modal .rep-ver:hover{border-color:var(--ch-win-edge-hover)}:root .modal .rep-ver.ens,:root .modal .rep-ver.ens:hover{border-color:var(--hairline)}:root[data-theme=retro] .modal .rep-ver:not(.alt,:hover),:root[data-theme=retro] .modal .rep-ver.ens:hover{border-color:var(--ch-sep)}:root .modal :is(.rep-diff,.rep-pop) i{box-shadow:none}:root .modal :is(.rep-diff,.rep-pop) i:not(.on,.on1,.on2,.on3){background:var(--ch-track)}:root .modal .rep-diff i{border-radius:min(var(--ch-r-seg-in), 4px)}:root[data-theme=retro] .modal .rep-pop i{border-radius:0}:root .modal :is(.rep-fav.faved,.rep-grade,.stats-row .grade,.stats-row .num.active,.stats-row .del:hover){text-shadow:none}:root .modal :is(.inst-card,.ens-tile,.theme-row,.stat-tile,.aw-tile,.song-detail),:root .modal :is(#rank-panel,#awards-header,#theme-preview){background:var(--ch-well);border:var(--ch-well-edge);border-radius:var(--ch-win-r-tile);clip-path:var(--ch-clip-sm);box-shadow:none}:root .modal :is(.inst-card,.ens-tile,.theme-row,.aw-tile):hover,:root .modal :is(.inst-card,.ens-tile).previewing:not(.on){background:var(--ch-well-hover);border-color:var(--ch-win-edge-hover)}:root .modal :is(.inst-card.on,.ens-tile.on,.theme-row.current),:root .modal :is(.inst-card.on,.ens-tile.on,.theme-row.current):hover{background:var(--ch-win-pick);border-color:var(--ch-accent);box-shadow:none}:root .modal :is(.inst-card.on .n,.inst-card.on .ic-inst,.ens-tile.on .et-name,.ens-tile.on .et-count b,.theme-row.current .tr-name){color:var(--ch-accent);text-shadow:none}:root .modal .ens-head{border-bottom:var(--ch-rule)}:root .modal .theme-row .tr-preview{background:var(--ch-well);border:var(--ch-well-edge);border-radius:min(var(--ch-r-seg), 8px);clip-path:var(--ch-clip-sm)}:root .modal .theme-row .tr-preview:hover{color:var(--text);background:var(--ch-well-hover)}:root[data-theme=retro] .modal .tr-dot{border-radius:0}:root .modal :is(.inst-group-title,#inst-groups h3){background:var(--ch-card);-webkit-backdrop-filter:blur(var(--ch-card-blur));backdrop-filter:blur(var(--ch-card-blur))}:root .modal .inst-group-title{border-bottom:var(--ch-rule)}:root .modal :is(.stat-tile .stat-value,#aw-elo,#aw-points,.aw-glyph,.bd-value.done-tag,.bd-tier.done .bd-mark,.badge-glyph.lit){text-shadow:none}:root .modal .ring-svg .ring-fg{stroke:var(--ch-fill);filter:none}:root .modal .ring-svg .ring-bg{stroke:var(--ch-track)}:root .modal .aw-pip{background:var(--ch-track);box-shadow:none}:root .modal .aw-pip.on{background:var(--ch-fill);box-shadow:none}:root .modal .aw-tile.done .aw-pip.on{background:var(--amber)}:root .modal .aw-tile.done{border-color:rgba(var(--amber-rgb), .45)}:root .modal .aw-tile.locked{opacity:1}:root .modal .aw-tile.locked .aw-name{color:var(--dim)}:root .modal .aw-tile.locked .aw-glyph{opacity:.45}:root .modal .rank-you{border-radius:var(--ch-win-r-tile);clip-path:var(--ch-clip-sm)}:root .modal .lb-avatar{border-radius:var(--avatar-r,999px)}:root #stab-friends .fr-row{border-bottom:var(--ch-win-row-rule)}:root #stab-friends .fr-name{font-family:var(--mono)}:root .modal :is(.progress-wrap,.level-bar,.video-bar,.aw-bar,.mr-track){background:var(--ch-track)}:root .modal :is(.progress-bar,#results-level-fill,#video-fill,.aw-bar i){background:var(--ch-fill);box-shadow:none}:root .modal .paywall-card{background:var(--ch-well);border:var(--ch-well-edge);border-radius:min(var(--ch-r-card), 8px)}:root .modal .paywall-card:hover{border-color:var(--ch-win-edge-hover)}:root .modal .paywall-card.best{border-color:var(--ch-accent);background:var(--ch-well-hover)}:root .modal .paywall-card.founder{border-color:rgba(var(--amber-rgb), .5)}:root .modal .paywall-tag{background:var(--ch-card);border-radius:min(var(--ch-r-seg), 8px);clip-path:var(--ch-clip-sm);font-family:var(--ch-label-font)}:root .modal .paywall-card:not(.founder) .paywall-tag{color:var(--ch-accent);border-color:var(--ch-accent)}:root .modal .paywall-cta{font-family:var(--ch-win-btn-font);border:var(--ch-well-edge);border-radius:min(var(--ch-r-seg), 8px);clip-path:var(--ch-clip-sm)}:root .modal .paywall-card:hover .paywall-cta{border-color:var(--ch-win-edge-hover)}:root .modal .paywall-card.best .paywall-cta{background:var(--ch-play-hover-fill);color:var(--ch-play-hover-ink);border-color:#0000}:root .modal .paywall-card.best.is-pending .paywall-cta:after{background:var(--ch-play-hover-ink)}:root .modal .paywall-card.founder .paywall-cta{border-color:rgba(var(--amber-rgb), .5)}:root .modal .paywall-perks li:before{color:var(--ch-accent)}:root .modal .paywall-fine a{color:var(--text);text-underline-offset:2px}:root .modal .paywall-fine a:hover{color:var(--ch-accent)}:root .modal #results-grade,:root .modal #results-newbest{text-shadow:none}:root .modal #results-newbest{animation:none}:root .modal .j-ok{color:var(--dim)}:root[data-theme=neon] .modal #results-grade{text-shadow:0 0 30px rgba(var(--amber-rgb), .8), 0 0 60px rgba(var(--magenta-rgb), .4)}:root[data-theme=neon] .modal #results-newbest{text-shadow:0 0 12px var(--amber)}:root .modal #take-canvas{background:var(--ch-field);border:var(--ch-well-edge);border-radius:var(--ch-win-r-tile)}:root .modal #avatar-canvas{background:var(--ch-field);border-radius:var(--ch-win-r-tile)}:root .modal .avatar-ring{border-radius:var(--ch-win-r-tile);box-shadow:inset 0 0 0 2px rgba(var(--cyan-rgb), .5)}:root .modal .acct-avatar{background-color:var(--ch-avatar-bg);border:var(--ch-well-edge)}:root .modal #editor-scroll,:root .modal :is(.comp-art,.browse-row .bi.photo){border:var(--ch-well-edge)}:root .modal #theme-preview{overflow:hidden}:root #modal-account .acct-divider:not(.hidden){color:var(--dim)}:root #modal-account .acct-divider:before,:root #modal-account .acct-divider:after{background:var(--hairline)}:root:is([data-theme=sumi],[data-theme=manuscript]) .modal .rep-grade.g-S,:root:is([data-theme=sumi],[data-theme=manuscript]) .modal .j-perfect{color:var(--amber)}:root:is([data-theme=sumi],[data-theme=manuscript]) .modal .rep-grade.g-C,:root:is([data-theme=sumi],[data-theme=manuscript]) .modal :is(.j-good,.j-ok){color:var(--dim)}:root:is([data-theme=sumi],[data-theme=manuscript]) .modal .rep-grade.g-none{color:var(--hairline)}:root:is([data-theme=sumi],[data-theme=manuscript]) .modal .rep-grade.g-D,:root:is([data-theme=sumi],[data-theme=manuscript]) .modal :is(.j-miss,.acct-error,.stats-row .del:hover,.btn.danger){color:var(--ch-win-red)}:root:is([data-theme=sumi],[data-theme=manuscript]) .modal .rep-diff i.on2{background:var(--amber)}:root[data-theme=retro] .modal :is(.btn,.chip,.seg button),:root[data-theme=retro] #cookie-notice .btn{letter-spacing:.04em}:root[data-theme=retro] .modal :is(.btn,.chip,.af-toggle,.to-btn,.tr-preview,.paywall-cta,.inst-card,.ens-tile,.theme-row,.aw-tile):focus-visible{outline:2px solid var(--ch-accent);outline-offset:-4px}:root[data-theme=retro] .modal .seg button:focus-visible{outline:2px solid var(--ch-accent);outline-offset:-2px}:root .modal :focus-visible{outline-color:var(--ch-accent)}:root .modal .modal-card[tabindex="-1"]:focus-visible{outline:var(--ch-frame);outline-offset:-7px}:root #cookie-notice{background:var(--ch-veil);-webkit-backdrop-filter:blur(var(--ch-veil-blur));backdrop-filter:blur(var(--ch-veil-blur))}:root #cookie-notice .cookie-card{background:var(--ch-card);-webkit-backdrop-filter:blur(var(--ch-card-blur));backdrop-filter:blur(var(--ch-card-blur));border:var(--ch-card-edge);border-radius:var(--ch-r-card);outline:var(--ch-frame);outline-offset:-7px;clip-path:var(--ch-clip);box-shadow:none}:root #cookie-notice h2{font-family:var(--ch-title-font);font-weight:var(--ch-title-weight);color:var(--ch-title-ink)}:root #cookie-notice .btn{font-family:var(--ch-win-btn-font);color:var(--text);background:var(--ch-well);border:var(--ch-well-edge);border-radius:min(var(--ch-r-seg), 8px);clip-path:var(--ch-clip-sm)}:root #cookie-notice .btn:hover{background:var(--ch-well-hover);border-color:var(--ch-win-edge-hover)}:root #cookie-notice a{color:var(--ch-accent)}:root[data-theme=retro] #cookie-notice .btn:focus-visible{outline:2px solid var(--ch-accent);outline-offset:-4px}@media (hover:none) and (pointer:coarse){:root #cookie-notice{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}}:root #nk-ob{background:var(--ch-veil);-webkit-backdrop-filter:blur(var(--ch-veil-blur));backdrop-filter:blur(var(--ch-veil-blur))}:root #nk-ob .ob-card{background:var(--ch-card);-webkit-backdrop-filter:blur(var(--ch-card-blur));backdrop-filter:blur(var(--ch-card-blur));border:var(--ch-card-edge);border-radius:var(--ch-r-card);outline:var(--ch-frame);outline-offset:-7px;clip-path:var(--ch-clip)}:root #nk-ob :is(.ob-tile,.ob-connect,.ob-obtn){background:var(--ch-well);border:var(--ch-well-edge);border-radius:var(--ch-win-r-tile);clip-path:var(--ch-clip-sm)}:root #nk-ob :is(.ob-tile,.ob-obtn):hover{border-color:var(--ch-win-edge-hover);background:var(--ch-well-hover)}:root #nk-ob .ob-tile.sel{border-color:var(--ch-accent);background:var(--ch-win-pick)}:root #nk-ob .ob-cta{background:var(--ch-play-hover-fill);color:var(--ch-play-hover-ink);border-radius:min(var(--ch-r-seg), 8px);clip-path:var(--ch-clip-sm)}:root #nk-ob .ob-form input{background:var(--ch-field);border:var(--ch-well-edge);border-radius:min(var(--ch-r-seg), 8px)}:root #nk-ob .ob-form input:focus{border-color:var(--ch-accent)}:root[data-theme=retro] #nk-ob :is(.ob-tile,.ob-obtn,.ob-cta):focus-visible{outline:2px solid var(--ch-accent);outline-offset:-4px}:root{--mn-r:min(var(--ch-r-card), 12px);--mn-r-in:max(0px, calc(min(var(--ch-r-card), 12px) - 4px));--mn-warn:var(--amber);--mn-warn-rgb:var(--amber-rgb);--mn-dim:var(--dim)}:root:is([data-theme=grand],[data-theme=aurora]){--mn-dim:color-mix(in srgb, var(--dim) 80%, var(--text))}:root[data-theme=manuscript]{--mn-warn:var(--magenta);--mn-warn-rgb:var(--magenta-rgb)}:root[data-theme] :is(#ctx-menu,.rep-vermenu,#tip,.nk-ab-card,#toasts,#challenge-banner,#compat-banner,#rec-banner,#empty-state,#hud,#song-card,#parts-view,#read-strip,#cookie-notice,#nk-ob,#nk-coach){--dim:var(--mn-dim)}:root:is([data-theme=sumi],[data-theme=manuscript]) :is(#parts-view,#hud,#read-strip){--dim:color-mix(in srgb, var(--mn-dim) 80%, var(--text))}:root[data-theme] #ctx-menu,:root[data-theme] .rep-vermenu{background:var(--ch-card);-webkit-backdrop-filter:blur(var(--ch-card-blur));backdrop-filter:blur(var(--ch-card-blur));border:var(--ch-card-edge);border-radius:var(--mn-r);clip-path:var(--ch-clip-sm);box-shadow:none;padding:4px}:root[data-theme] #ctx-menu button{font-family:var(--ch-label-font);border-radius:var(--mn-r-in);padding:8px 12px}:root[data-theme] #ctx-menu button:hover,:root[data-theme] .rep-vermenu .vm-item:hover{background:var(--ch-well-hover);color:var(--text)}:root[data-theme] #ctx-menu button.on{color:var(--ch-accent)}:root[data-theme] #ctx-menu .ctx-sep{border-top:var(--ch-rule);background:0 0;height:0;margin:4px 0}:root[data-theme] #ctx-menu .ctx-label{font-family:var(--ch-label-font);padding:8px 12px 4px}:root[data-theme] .rep-vermenu .vm-head{font-family:var(--ch-label-font)}:root[data-theme] .rep-vermenu .vm-item{border-radius:var(--mn-r-in)}:root[data-theme] .rep-vermenu .vm-item.active{background:var(--ch-on)}:root[data-theme] .rep-vermenu .vm-item.active .vm-n{color:var(--ch-on-ink)}:root[data-theme] .rep-vermenu .vm-item.active .vm-d{color:var(--ch-on-ink);opacity:.78}:root[data-theme] .rep-filtmenu .vm-search{font-family:var(--ch-label-font);background:var(--ch-field);border:var(--ch-well-edge);border-radius:var(--mn-r-in)}:root[data-theme] .rep-filtmenu .vm-search:focus{border-color:var(--ch-accent)}:root[data-theme] .rep-filtmenu .vm-check.active{background:0 0}:root[data-theme] .rep-filtmenu .vm-check:hover{background:var(--ch-well-hover)}:root[data-theme] .rep-filtmenu .vm-box{border-color:var(--dim);border-radius:min(var(--ch-r-seg-in), 4px)}:root[data-theme] .rep-filtmenu .vm-check.active .vm-box{background:var(--ch-accent);border-color:var(--ch-accent);color:var(--on-accent)}:root[data-theme] .rep-filtmenu .vm-check.active .vm-n{color:var(--ch-accent)}:root[data-theme] .rep-filtmenu .vm-count{color:var(--dim)}:root[data-theme] .rep-filtmenu .vm-clear{border-top:var(--ch-rule);border-radius:0}:root[data-theme=retro] #ctx-menu button:hover,:root[data-theme=retro] .rep-vermenu .vm-item:hover{background:var(--ch-on);color:var(--ch-on-ink)!important}:root[data-theme=retro] .rep-vermenu .vm-item:hover :is(.vm-n,.vm-d,.vm-count){color:var(--ch-on-ink)}:root[data-theme=retro] .rep-filtmenu .vm-check:hover .vm-box{border-color:var(--ch-on-ink)}:root[data-theme] #ctx-menu button:focus-visible,:root[data-theme] .rep-vermenu .vm-item:focus-visible{outline:2px solid var(--ch-accent);outline-offset:-2px}:root[data-theme] #tip{background:var(--ch-card);-webkit-backdrop-filter:blur(var(--ch-card-blur));backdrop-filter:blur(var(--ch-card-blur));color:var(--text);border:var(--ch-card-edge);border-radius:min(var(--mn-r), 8px);clip-path:var(--ch-clip-sm);box-shadow:none;font-family:var(--ch-label-font)}:root[data-theme] .nk-ab-card{background:var(--ch-card);-webkit-backdrop-filter:blur(var(--ch-card-blur));backdrop-filter:blur(var(--ch-card-blur));border:var(--ch-card-edge);border-radius:var(--mn-r);clip-path:var(--ch-clip-sm)}:root[data-theme] .nk-ab-card :is(.nk-ab-num,.nk-ab-more){border-top:var(--ch-rule)}:root[data-theme] .nk-ab-card .nk-ab-note{color:var(--mn-warn)}:root[data-theme] .nk-ab-card :is(.nk-ab-note,.nk-ab-num i,.nk-ab-more){font-family:var(--ch-label-font)}:root[data-theme] .nk-ab-scrim{background:var(--ch-veil)}:root[data-theme] .toast{background:var(--ch-card);-webkit-backdrop-filter:blur(var(--ch-card-blur));backdrop-filter:blur(var(--ch-card-blur));border:var(--ch-card-edge);border-radius:var(--mn-r);clip-path:var(--ch-clip-sm);padding:12px 16px 12px 20px;position:relative}:root[data-theme] .toast:before{content:"";border-radius:min(var(--ch-r-seg-in), 4px);background:var(--ch-accent);width:2px;position:absolute;top:10px;bottom:10px;left:8px}:root[data-theme] .toast.gold:before{background:var(--mn-warn)}:root[data-theme] .toast .t-title{font-family:var(--ch-label-font);color:var(--ch-title-ink)}:root[data-theme] .toast.gold .t-title{color:var(--mn-warn)}:root[data-theme] .toast .t-sub{color:var(--dim)}:root[data-theme] #toasts .toast.revert:hover{border-color:var(--mn-warn)}:root[data-theme] #challenge-banner{background:var(--ch-card);-webkit-backdrop-filter:blur(var(--ch-card-blur));backdrop-filter:blur(var(--ch-card-blur));border:var(--ch-card-edge);border-radius:var(--ch-r);clip-path:var(--ch-clip);font-family:var(--ch-label-font);color:var(--text)}:root[data-theme] #challenge-banner-text .cb-beat{color:var(--ch-accent)}:root[data-theme] #challenge-banner-x{background:var(--ch-well);border:var(--ch-well-edge);border-radius:var(--ch-r-in);color:var(--dim)}:root[data-theme] #challenge-banner-x:hover{background:var(--ch-well-hover);color:var(--text)}:root[data-theme] #compat-banner{background:var(--ch-card);-webkit-backdrop-filter:blur(var(--ch-card-blur));backdrop-filter:blur(var(--ch-card-blur));border:var(--ch-card-edge);border-radius:var(--ch-r);clip-path:var(--ch-clip)}:root[data-theme] #compat-text{color:var(--mn-warn);font-family:var(--ch-label-font)}:root[data-theme] #compat-banner .btn{background:var(--ch-well);border:var(--ch-well-edge);border-radius:min(var(--ch-r-seg), 8px);clip-path:var(--ch-clip-sm)}:root[data-theme] #compat-banner .btn:hover{background:var(--ch-well-hover)}:root[data-theme] #compat-banner .btn.active{background:var(--ch-on);color:var(--ch-on-ink);border-color:#0000}:root[data-theme] #rec-banner{background:var(--ch-card);-webkit-backdrop-filter:blur(var(--ch-card-blur));backdrop-filter:blur(var(--ch-card-blur));border:1px solid var(--magenta);border-radius:var(--ch-r);clip-path:var(--ch-clip);box-shadow:none;font-family:var(--ch-label-font)}:root[data-theme] #rec-banner .rec-dot{box-shadow:none}:root[data-theme=retro] #rec-banner{border-width:2px}:root[data-theme=retro] :is(#rec-banner .rec-dot,#nk-ob .stt .d){border-radius:0}:root[data-theme=sumi] #rec-banner{color:var(--text)}:root[data-theme] :is(#challenge-banner,#compat-banner,#rec-banner) :is(button,.btn):focus-visible{outline:2px solid var(--ch-accent);outline-offset:-2px}:root[data-theme] #btn-continue{color:var(--ch-play-ink);background:var(--ch-card);border:var(--ch-play-ring);border-radius:var(--ch-r-seg);clip-path:var(--ch-clip-sm);text-shadow:none;-webkit-backdrop-filter:blur(var(--ch-card-blur));backdrop-filter:blur(var(--ch-card-blur))}:root[data-theme] #btn-continue:hover{background:var(--ch-play-hover-fill);color:var(--ch-play-hover-ink)}:root[data-theme] #btn-daily-pick,:root[data-theme] #btn-empty-songs{color:var(--text);background:var(--ch-card);border:var(--ch-card-edge);border-radius:var(--ch-r-seg);clip-path:var(--ch-clip-sm);text-shadow:none;-webkit-backdrop-filter:blur(var(--ch-card-blur));backdrop-filter:blur(var(--ch-card-blur))}:root[data-theme] #btn-daily-pick:hover,:root[data-theme] #btn-empty-songs:hover{background:var(--ch-card);border-color:var(--ch-accent)}:root[data-theme=retro] #btn-daily-pick:hover,:root[data-theme=retro] #btn-empty-songs:hover{background:var(--ch-on);color:var(--ch-on-ink);border-color:var(--ch-on)}:root[data-theme=retro] :is(#btn-continue,#btn-daily-pick,#btn-empty-songs){font-family:var(--mono)}:root[data-theme] #empty-state :is(#btn-continue,#btn-daily-pick,#btn-empty-songs):focus-visible{outline:2px solid var(--ch-accent);outline-offset:-2px}:root[data-theme] #hint-typing{font-family:var(--ch-label-font)}:root[data-theme=manuscript] #empty-state #hint-typing{color:var(--text)}:root[data-theme=retro] #empty-state #hint-typing{background:var(--ch-card);color:var(--text);clip-path:var(--ch-clip-sm);padding:4px 8px}:root[data-theme] .hud-label{font-family:var(--ch-label-font)}:root:is([data-theme=aurora],[data-theme=grand]) #hud .mono,:root:is([data-theme=aurora],[data-theme=grand]) #hud-mult,:root:is([data-theme=aurora],[data-theme=grand]) #hud-streak.god{text-shadow:none!important}:root[data-theme=manuscript] #hud{background:var(--ch-card);border:var(--ch-card-edge);border-radius:var(--ch-r-card);outline:var(--ch-frame);outline-offset:-4px;padding:8px 12px 8px 16px;top:10px;right:12px}:root[data-theme=manuscript] #hud-mult{color:var(--magenta)!important}:root[data-theme] #song-card{background:var(--ch-card);background-color:var(--ch-card);-webkit-backdrop-filter:blur(var(--ch-card-blur));backdrop-filter:blur(var(--ch-card-blur));border:var(--ch-card-edge);border-radius:var(--ch-r-card);outline:var(--ch-frame);outline-offset:-5px;clip-path:var(--ch-clip)}:root[data-theme] #sc-title{font-family:var(--ch-piece-font);font-size:var(--ch-piece-size);font-weight:var(--ch-piece-weight);letter-spacing:var(--tr-lead)}:root[data-theme=manuscript] #sc-title{font-variation-settings:"opsz" 24;letter-spacing:0}@media (width<=520px){:root[data-theme=retro] #sc-title{letter-spacing:0;font-size:13px}}:root[data-theme] #song-card :is(.sc-set>span,.sc-stat span,#sc-hint){font-family:var(--ch-label-font)}:root[data-theme] #song-card .sc-setup{border-top:var(--ch-rule)}:root[data-theme] #sc-board .scb-row.me{color:var(--ch-accent)}:root[data-theme] #song-card .seg,:root[data-theme] #parts-view #pv-view{background:var(--ch-well);border:var(--ch-well-edge);border-radius:var(--ch-r-seg);clip-path:var(--ch-clip-sm);padding:4px}:root[data-theme] #song-card .seg button,:root[data-theme] #parts-view #pv-view button{border-radius:var(--ch-r-seg-in);color:var(--dim);font-family:var(--ch-label-font)}:root[data-theme] #song-card .sc-setup .seg button{padding-top:4px;padding-bottom:4px}@media (width<=520px){:root[data-theme=retro] #song-card .sc-setup .seg button{padding-top:4px;padding-bottom:4px}}:root[data-theme] #parts-view #pv-view button{padding-top:4px;padding-bottom:4px}:root[data-theme] #song-card .seg button:hover,:root[data-theme] #parts-view #pv-view button:hover{color:var(--text);background:var(--ch-well-hover)}:root[data-theme] #song-card .seg button.active,:root[data-theme] #parts-view #pv-view button.active{background:var(--ch-on);color:var(--ch-on-ink)}:root[data-theme] #song-card .sc-chips .chip{background:var(--ch-well);border:var(--ch-well-edge);border-radius:var(--ch-r-seg);clip-path:var(--ch-clip-sm);color:var(--dim);font-family:var(--ch-label-font)}:root[data-theme] #song-card .sc-chips .chip:hover{color:var(--text);background:var(--ch-well-hover)}:root[data-theme] #song-card .sc-chips .chip.active{background:var(--ch-on);color:var(--ch-on-ink);border-color:#0000}:root[data-theme] #song-card .sc-rec{color:var(--mn-warn);border-color:rgba(var(--mn-warn-rgb), .5);border-radius:var(--ch-r-seg);font-family:var(--ch-label-font)}:root[data-theme] #song-card .sc-rec:hover{background:rgba(var(--mn-warn-rgb), .08)}:root[data-theme] #song-card .sc-rec.applied{border-color:var(--mn-warn);background:rgba(var(--mn-warn-rgb), .1)}:root[data-theme=retro] #song-card .sc-rec{border-width:2px}:root[data-theme] #song-card .sc-actions .btn{background:var(--ch-well);border:var(--ch-well-edge);border-radius:min(var(--ch-r-seg), 8px);clip-path:var(--ch-clip-sm)}:root[data-theme] #song-card .sc-actions .btn:hover{background:var(--ch-well-hover)}:root[data-theme] #song-card .sc-actions #sc-play{color:var(--ch-play-ink);background:var(--ch-play-fill);border:var(--ch-play-ring)}:root[data-theme] #song-card .sc-actions #sc-play:hover{background:var(--ch-play-hover-fill);color:var(--ch-play-hover-ink)}:root[data-theme] #song-card :is(button,.btn,.chip):focus-visible{outline:2px solid var(--ch-accent);outline-offset:-2px}:root[data-theme] #parts-view,:root[data-theme] #parts-view .pv-head{border-bottom:var(--ch-rule)}:root[data-theme] #pv-title{font-family:var(--ch-piece-font);font-size:var(--ch-piece-size);font-weight:var(--ch-piece-weight);letter-spacing:var(--tr-lead)}:root[data-theme=manuscript] #pv-title{font-variation-settings:"opsz" 24;letter-spacing:0}:root[data-theme] #parts-view :is(.pv-run-i span,#pv-meta){font-family:var(--ch-label-font)}:root[data-theme] #parts-view .pv-n{opacity:1}:root[data-theme] #parts-view .pv-run-i b{color:var(--ch-accent)}:root[data-theme] #parts-view .modal-x:focus-visible,:root[data-theme] #parts-view #pv-view button:focus-visible{outline:2px solid var(--ch-accent);outline-offset:-2px}:root[data-theme] #read-strip{background:var(--ch-bar);-webkit-backdrop-filter:blur(var(--ch-bar-blur));backdrop-filter:blur(var(--ch-bar-blur));border-top:var(--ch-edge)}:root[data-theme] #read-strip .rd-cell{border-right:1px solid var(--ch-sep)}:root[data-theme] #read-strip .rd-cell:last-child{border-right:0}:root[data-theme] #read-strip .rd-lbl{font-family:var(--ch-label-font)}:root[data-theme] #read-strip .rd-alt{opacity:1}:root[data-theme] #read-strip .rd-ch{border-right-color:var(--ch-sep)}:root[data-theme] #read-strip .rd-ch:last-child{border-right:0}:root[data-theme] #read-strip .rd-ch:hover,:root[data-theme] #read-strip .rd-ch.edited{color:var(--ch-accent)}:root[data-theme] #read-strip .rd-ch:focus-visible{outline:2px solid var(--ch-accent);outline-offset:-2px}:root[data-theme] #read-strip .rd-ch-edit{background:var(--ch-field);border:1px solid var(--ch-accent);border-radius:var(--ch-r-seg-in);color:var(--text)}:root[data-theme] #read-strip .rd-form span{border-color:var(--ch-sep);font-family:var(--ch-label-font)}:root[data-theme] #read-strip .rd-form span.on{background:var(--ch-on);color:var(--ch-on-ink);border-color:var(--ch-on)}:root[data-theme=retro] #read-strip .rd-cell{border-right-width:2px}:root[data-theme] #cookie-notice{background:var(--ch-veil);-webkit-backdrop-filter:blur(var(--ch-veil-blur));backdrop-filter:blur(var(--ch-veil-blur))}:root[data-theme] #cookie-notice .cookie-card{background:var(--ch-card);-webkit-backdrop-filter:blur(var(--ch-card-blur));backdrop-filter:blur(var(--ch-card-blur));border:var(--ch-card-edge);border-radius:var(--ch-r-card);outline:var(--ch-frame);outline-offset:-7px;clip-path:var(--ch-clip);box-shadow:none}:root[data-theme] #cookie-notice h2{font-family:var(--ch-title-font);font-size:var(--ch-title-size);font-weight:var(--ch-title-weight);letter-spacing:var(--ch-title-track);color:var(--ch-title-ink)}:root[data-theme] #cookie-notice a{color:var(--ch-accent)}:root[data-theme] #cookie-notice .cookie-cats{border-top:var(--ch-rule);padding-top:16px}:root[data-theme] #cookie-notice .cookie-actions .btn{font-family:var(--ch-win-btn-font);color:var(--text);background:var(--ch-well);border:var(--ch-well-edge);border-radius:min(var(--ch-r-seg), 8px);clip-path:var(--ch-clip-sm)}:root[data-theme] #cookie-notice .cookie-actions .btn:hover{background:var(--ch-well-hover);border-color:var(--ch-win-edge-hover)}:root[data-theme=retro] #cookie-notice .cookie-actions .btn{letter-spacing:.04em}:root[data-theme] #cookie-notice :is(.btn,a):focus-visible{outline:2px solid var(--ch-accent);outline-offset:-2px}@media (hover:none) and (pointer:coarse){:root[data-theme] #cookie-notice{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}:root[data-theme] #cookie-notice .cookie-cats{border-top:0;padding-top:0}}:root[data-theme] #nk-coach{background:var(--ch-card);-webkit-backdrop-filter:blur(var(--ch-card-blur));backdrop-filter:blur(var(--ch-card-blur));border:var(--ch-card-edge);border-radius:var(--mn-r);clip-path:var(--ch-clip-sm)}:root[data-theme] #nk-coach .cb{color:var(--dim)}:root[data-theme] #nk-coach .cnext{background:var(--ch-play-hover-fill);color:var(--ch-play-hover-ink);border-radius:var(--ch-r-seg);clip-path:var(--ch-clip-sm)}:root[data-theme] #nk-coach button:focus-visible{outline:2px solid var(--ch-accent);outline-offset:-2px}:root[data-theme] #nk-coach-hi{border:1px solid var(--ch-accent);border-radius:min(var(--ch-r-in), 8px);box-shadow:0 0 0 4000px var(--ch-veil)}:root[data-theme=retro] #nk-coach-hi{border-width:2px}:root[data-theme=retro] #nk-coach{font-family:var(--mono)}:root[data-theme] #nk-ob{background:var(--ch-veil);-webkit-backdrop-filter:blur(var(--ch-veil-blur));backdrop-filter:blur(var(--ch-veil-blur))}:root[data-theme=retro] #nk-ob{background:color-mix(in srgb, var(--bg) 78%, transparent)}:root[data-theme] #nk-ob .ob-card{background:var(--ch-card);-webkit-backdrop-filter:blur(var(--ch-card-blur));backdrop-filter:blur(var(--ch-card-blur));border:var(--ch-card-edge);border-radius:var(--ch-r-card);outline:var(--ch-frame);outline-offset:-7px;clip-path:var(--ch-clip)}:root[data-theme] #nk-ob :is(.ob-eye,.ob-skip,.ob-or,.ob-td,.ob-meta){font-family:var(--ch-label-font)}:root:is([data-theme=grand],[data-theme=sumi],[data-theme=manuscript]) #nk-ob h1{font-family:var(--display);font-weight:var(--ch-title-weight);letter-spacing:0}:root[data-theme=retro] #nk-ob :is(h1,.ob-cta){font-family:var(--mono);letter-spacing:0;font-weight:500}:root[data-theme] #nk-ob .ob-dots i{background:var(--ch-sep);border-radius:min(var(--ch-r-seg-in), 4px)}:root[data-theme] #nk-ob .ob-dots i.done{background:var(--ch-fill);opacity:.45}:root[data-theme] #nk-ob .ob-dots i.on{background:var(--ch-accent);opacity:1}:root[data-theme] #nk-ob .ob-cta{background:var(--ch-play-hover-fill);color:var(--ch-play-hover-ink);border-radius:min(var(--ch-r-seg), 8px);clip-path:var(--ch-clip-sm)}:root[data-theme] #nk-ob .ob-tile{background:var(--ch-well);border:var(--ch-well-edge);border-radius:min(var(--ch-r-card), 8px);clip-path:var(--ch-clip-sm)}:root[data-theme] #nk-ob .ob-tile:hover{background:var(--ch-well-hover);border-color:var(--ch-sep)}:root[data-theme] #nk-ob .ob-tile.sel{border-color:var(--ch-accent);background:var(--ch-win-pick)}:root[data-theme] #nk-ob .ob-tile.sel .ob-glyph,:root[data-theme] #nk-ob .ob-note .k,:root[data-theme] #nk-ob .ob-connect .cue{color:var(--ch-accent)}:root[data-theme] #nk-ob .ob-pips i{background:var(--ch-sep)}:root[data-theme] #nk-ob .ob-pips i.on{background:var(--ch-fill)}:root[data-theme] #nk-ob :is(.ob-prev,.ob-go){border:var(--ch-well-edge);border-radius:min(var(--ch-r-seg-in), 8px);clip-path:var(--ch-clip-sm)}:root[data-theme] #nk-ob .ob-prev.playing{border-color:var(--ch-accent);color:var(--ch-accent)}:root[data-theme] #nk-ob .ob-connect{background:var(--ch-well);border:var(--ch-well-edge);border-radius:min(var(--ch-r-card), 8px)}:root[data-theme] #nk-ob .ob-connect.wired .stt .d{background:var(--ch-accent)}:root[data-theme] #nk-ob .ob-obtn{background:var(--ch-well);border:var(--ch-well-edge);border-radius:min(var(--ch-r-seg), 8px);clip-path:var(--ch-clip-sm)}:root[data-theme] #nk-ob .ob-obtn:hover{background:var(--ch-well-hover);border-color:var(--ch-sep)}:root[data-theme] #nk-ob .ob-form input{background:var(--ch-field);border:var(--ch-well-edge);border-radius:min(var(--ch-r-seg-in), 8px)}:root[data-theme] #nk-ob .ob-form input:focus{border-color:var(--ch-accent)}:root[data-theme] #nk-ob .ob-or:before,:root[data-theme] #nk-ob .ob-or:after{background:var(--ch-sep)}:root[data-theme] #nk-ob :is(.ob-ferr,.ob-err .k){color:var(--mn-warn)}:root[data-theme] #nk-ob .ob-auth-foot .ob-login{color:var(--ch-accent)}:root[data-theme] #nk-ob .ob-mkt input{accent-color:var(--ch-accent)}:root[data-theme] #nk-ob :is(button,[tabindex]):focus-visible{outline:2px solid var(--ch-accent);outline-offset:-2px}:root[data-device=phone] body[data-space=listen] #transport{padding:0 max(12px, env(safe-area-inset-right), calc((100vw - 560px) / 2)) calc(12px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left), calc((100vw - 560px) / 2));grid-template:none/repeat(6,minmax(0,1fr));align-items:center;gap:8px;display:grid;overflow:visible}:root[data-device=phone] body[data-space=listen] #transport .t-left,:root[data-device=phone] body[data-space=listen] #transport .t-right{display:contents}:root[data-device=phone] body[data-space=listen] #transport>*{grid-area:auto;min-width:0}:root[data-device=phone] body[data-space=listen] :is(#btn-t-restart,#btn-stop,.t-side-l,#btn-notation,#btn-sheet,#btn-fingering,#btn-record,#btn-met,#met-bpm,.isl-levels,#typing-oct,#mic-status,#compose-ind,.sep-mode,#btn-setup,.compose-ctl){display:none!important}:root[data-device=phone] #transport>#seekbar{order:0;grid-column:1/-1}:root[data-device=phone] body[data-space=listen] #transport .t-center{order:1;grid-column:1/-1;justify-content:space-between;justify-self:stretch;align-items:center;gap:0;padding:0 4px;display:flex}:root[data-device=phone] body[data-space=listen] #transport .t-side-r{display:contents}:root[data-device=phone] body[data-space=listen] #transport #btn-shuffle{order:-1}:root[data-device=phone] body[data-space=listen] #transport .t-core{order:0;align-items:center;gap:24px;display:flex}:root[data-device=phone] body[data-space=listen] #transport #btn-repeat{order:1}:root[data-device=phone] body[data-space=listen] #transport .t-core-l,:root[data-device=phone] body[data-space=listen] #transport .t-core-r{gap:0;display:flex}:root[data-device=phone] body[data-space=listen] #transport .t-center .tbtn{justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}:root[data-device=phone] body[data-space=listen] #transport .t-center .tbtn svg{width:22px;height:22px}:root[data-device=phone] body[data-space=listen] #btn-play{justify-content:center;align-items:center;width:60px;height:60px;display:inline-flex}:root[data-device=phone] body[data-space=listen] #btn-play svg{width:24px;height:24px}:root[data-device=phone] body[data-space=listen] #transport .island{gap:4px;height:46px;padding:4px}:root[data-device=phone] body[data-space=listen] #transport .island>button{justify-content:center;min-width:0;height:38px;padding:0 12px;font-size:13.5px}:root[data-device=phone] body[data-space=listen] #transport .island>button .lbl{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}:root[data-device=phone] body[data-space=listen] #transport .island[aria-label=Pickers]{order:2;grid-column:1/-1;display:flex}:root[data-device=phone] body[data-space=listen] #transport .island[aria-label=Pickers]>button{flex:1 1 0}:root[data-device=phone] body[data-space=listen] #transport .island[aria-label=Pickers]>#btn-instruments{flex-grow:1.4}:root[data-device=phone] body[data-space=listen] #transport .island[aria-label=Mode]{order:3;grid-column:span 2;display:flex}:root[data-device=phone] body[data-space=listen] #transport .island[aria-label=Mode]>#btn-space{flex:1 1 0;min-width:0}:root[data-device=phone] body[data-space=listen] #transport .isl-tools{order:4;grid-column:span 2;justify-content:center;display:flex}:root[data-device=phone] body[data-space=listen] #transport .isl-tools>#btn-share-song{flex:1 1 0;justify-content:center;align-items:center;width:auto;height:38px;display:inline-flex}:root[data-device=phone] body[data-space=listen] #transport .isl-tools>#btn-share-song svg{width:19px;height:19px;margin:0}:root[data-device=phone] body[data-space=listen] #transport #btn-space:after{content:"";opacity:.8;border-bottom:1.5px solid;border-right:1.5px solid;flex:none;width:6px;height:6px;margin:-4px 0 0 8px;transform:rotate(45deg)}:root[data-device=phone] body[data-space=listen] #transport #midi-status{border-right:0;order:5;grid-column:span 2;justify-content:center;align-items:center;gap:8px;max-width:none;height:46px;margin:0;padding:0 12px;font-size:13.5px;display:inline-flex}:root[data-device=phone] #hint-typing{display:none!important}:root[data-device=phone] #transport>#seekbar{--seek-drop:0px;z-index:auto;touch-action:none;height:32px;margin:0 -4px;position:relative;bottom:auto;left:auto;right:auto}:root[data-device=phone] #transport>#seekbar:before,:root[data-device=phone] #transport>#seekbar #seek-fill{border-radius:4px;height:4px;top:14px;bottom:auto}:root[data-device=phone] #transport>#seekbar #seek-head{width:14px;height:14px;top:16px;bottom:auto;transform:translate(-50%,-50%)}:root[data-device=phone] #transport>#seekbar.scrubbing #seek-head{width:20px;height:20px}:root[data-device=phone] body[data-space=listen]:not([data-song]) #transport>#seekbar{visibility:hidden}:root[data-device=phone] body[data-space=compose] #transport>#seekbar{flex:none;order:0;align-self:stretch}:root[data-device=phone] body[data-space=listen] #topbar{padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left));align-items:center;gap:12px}:root[data-device=phone] body[data-space=listen] #now-playing{flex:auto;gap:4px}:root[data-device=phone] body[data-space=listen] #top-title{letter-spacing:0;-webkit-line-clamp:1;line-clamp:1;font-size:16px;line-height:1.25}:root[data-device=phone] body[data-space=listen] #top-meta:not(.hidden){white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;line-height:1.3;display:block;overflow:hidden}:root[data-device=phone] body[data-space=listen] #level-chip .level-col{display:none}:root[data-device=phone] body[data-space=listen] #level-chip{justify-content:center;align-items:center;gap:0;min-width:44px;min-height:44px;padding:4px}:root[data-device=phone] body[data-space=listen] #level-avatar{width:34px;height:34px;font-size:14px}@media (orientation:landscape) and (height<=540px){:root[data-device=phone] body[data-space=listen] #transport{padding-bottom:calc(8px + env(safe-area-inset-bottom));grid-template-columns:auto minmax(0,1fr) minmax(64px,auto) 48px 48px;gap:0 12px}:root[data-device=phone] #transport>#seekbar{height:26px}:root[data-device=phone] #transport>#seekbar:before,:root[data-device=phone] #transport>#seekbar #seek-fill{top:11px}:root[data-device=phone] #transport>#seekbar #seek-head{top:13px}:root[data-device=phone] body[data-space=listen] #transport .t-center{grid-column:auto;justify-content:flex-start;justify-self:start;gap:4px;padding:0}:root[data-device=phone] body[data-space=listen] #transport .t-core{gap:4px}:root[data-device=phone] body[data-space=listen] #transport .t-center .tbtn{width:44px;height:44px}:root[data-device=phone] body[data-space=listen] #btn-play{width:48px;height:48px}:root[data-device=phone] body[data-space=listen] #transport .island{height:44px}:root[data-device=phone] body[data-space=listen] #transport .island>button{height:36px}:root[data-device=phone] body[data-space=listen] #transport .island[aria-label=Pickers],:root[data-device=phone] body[data-space=listen] #transport .island[aria-label=Mode],:root[data-device=phone] body[data-space=listen] #transport .isl-tools,:root[data-device=phone] body[data-space=listen] #transport #midi-status{grid-column:auto}:root[data-device=phone] body[data-space=listen] #transport #midi-status{height:44px;padding:0}:root[data-device=phone] body[data-space=listen] #transport #midi-label{display:none}:root[data-device=phone] body[data-space=listen] #topbar{padding-top:max(8px, env(safe-area-inset-top));padding-bottom:8px}:root[data-device=phone] body[data-space=listen] #now-playing{flex-direction:row;align-items:baseline;gap:12px}:root[data-device=phone] body[data-space=listen] #top-title,:root[data-device=phone] body[data-space=listen] #top-meta:not(.hidden){flex:0 auto;min-width:0}:root[data-device=phone] body[data-space=listen] #level-chip{min-height:40px}:root[data-device=phone] body[data-space=listen] #level-avatar{width:30px;height:30px}}:root[data-device=phone] #rep-head{display:none}:root[data-device=phone] .rep-row,:root[data-device=phone] #rep-main[data-view=compositions] .rep-row{grid-template-columns:26px minmax(0,1fr) 44px;align-items:center;gap:12px;height:72px;padding:0 0 0 4px}:root[data-device=phone] #rep-main[data-view=compositions] .rep-row{grid-template-columns:26px minmax(0,1fr) 44px 36px}:root[data-device=phone] .rep-row>.rep-diff,:root[data-device=phone] .rep-row>.rep-grade{display:none}:root[data-device=phone] .rep-row .rep-title{min-width:0}:root[data-device=phone] .rep-row .rep-title .t{white-space:normal;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:15px;line-height:1.28;display:-webkit-box;overflow:hidden}:root[data-device=phone] .rep-row .rep-title .a{margin-top:4px;font-size:12.5px}:root[data-device=phone] .rep-row .row-more{min-width:44px;min-height:44px;padding:0}:root[data-device=phone] .rep-row .rep-prev{padding:0}:root[data-device=phone] .rep-controls{gap:8px}:root[data-device=phone] #rep-search{flex:100%;min-width:0;height:44px;font-size:16px}:root[data-device=phone] .rep-controls .chip{min-height:40px}:root[data-device=phone] :is(#rep-nav,#inst-nav){scrollbar-width:none;padding-right:36px;scroll-padding-right:36px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000)}:root[data-device=phone] :is(#rep-nav,#inst-nav)::-webkit-scrollbar{display:none}:root[data-device=phone] .modal{-webkit-overflow-scrolling:touch;padding-left:max(8px, env(safe-area-inset-left));padding-right:max(8px, env(safe-area-inset-right));align-items:safe center;overflow:hidden auto}:root[data-device=phone] .modal-card{min-width:0;max-width:100%}:root[data-device=phone] .modal .modal-x{justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0;display:inline-flex;top:4px;right:4px}:root[data-device=phone] .modal :is(input[type=text],input[type=search],input[type=email],input[type=password],input[type=number],input:not([type]),select,textarea){font-size:16px}:root[data-device=phone] #inst-search{min-width:0;height:44px}:root[data-device=phone] :is(#inst-search,#friend-name,#fr-input,#take-name,#mic-device,#set-lang){font-size:16px}:root[data-device=phone] #ctx-menu button{min-height:44px}@media (orientation:landscape) and (height<=540px){:root[data-device=phone] #rep-search{flex:220px}:root[data-device=phone] #rep-list{min-height:0}:root[data-device=phone] .modal-card.repertoire{overflow:hidden}}:root #cookie-notice,:root[data-theme] #cookie-notice{-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0;width:min(440px,100vw - 32px);padding:0;display:block;inset:auto auto 16px 16px}:root #cookie-notice .cookie-card,:root[data-theme] #cookie-notice .cookie-card{pointer-events:auto;width:100%;max-width:none;box-shadow:none;margin:0;padding:12px 16px}:root #cookie-notice :is(h2,.cookie-long,.cookie-cats){display:none}:root #cookie-notice .cookie-short{color:var(--dim);margin:0 0 12px;font-size:12px;line-height:1.5;display:block}:root #cookie-notice .cookie-actions{flex-direction:row;gap:8px}:root #cookie-notice .cookie-actions .btn{white-space:nowrap;text-transform:none;letter-spacing:0;flex:1 1 0;width:auto;min-height:36px;padding:8px 4px;font-size:12px}:root[data-device=phone] #cookie-notice{inset:calc(8px + env(safe-area-inset-top)) 8px auto 8px;width:auto}:root[data-device=phone] #cookie-notice .cookie-actions .btn{min-height:44px}body.nk-first #transport :is(.t-left,.t-right,.t-side,#btn-t-prev,#btn-t-next){pointer-events:none;visibility:hidden!important}body.nk-first #level-chip,body.nk-first #compat-banner,body.nk-first #song-card{display:none!important}body.nk-first #hud .hud-item:not(:has(#hud-score)):not(:has(#hud-acc)){display:none!important}:is(body.nk-first:has(#nk-first) #transport,body.nk-first:has(#nk-first) #hud){visibility:hidden}#nk-first{z-index:60;text-align:center;pointer-events:none;width:min(700px,100vw - 32px);font-family:var(--sans);color:var(--text);background:color-mix(in srgb, var(--ch-card,#080a16) 82%, transparent);border:var(--ch-card-edge,1px solid #00e5ff38);border-radius:8px;flex-direction:column;align-items:center;gap:24px;padding:28px 36px 32px;transition:opacity .28s,transform .28s;display:flex;position:fixed;top:21vh;left:50%;transform:translate(-50%)}#nk-first.gone{opacity:0;transform:translate(-50%)translateY(-10px)}#nk-first h1{letter-spacing:-.01em;text-wrap:balance;text-shadow:0 1px #0009;max-width:20ch;margin:0;font-size:34px;font-weight:650;line-height:1.15}#nk-first .nf-row{pointer-events:auto;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}#nk-first .nf-play{cursor:pointer;background:var(--cyan,#00e5ff);min-height:52px;color:var(--on-accent,#05060f);font:inherit;font-size:17px;font-weight:var(--w-semi,600);border:none;border-radius:8px;align-items:center;gap:12px;padding:0 28px;transition:transform 90ms,opacity .15s;display:inline-flex}#nk-first .nf-play:hover{opacity:.92}#nk-first .nf-play:active{transform:scale(.97)}#nk-first .nf-play:focus-visible{outline:2px solid var(--text);outline-offset:3px}#nk-first .nf-chip{border:var(--ch-well-edge);background:var(--ch-well);min-height:40px;color:var(--dim);cursor:default;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:13px;display:inline-flex}#nk-first .nf-chip svg{flex:none}.nf-login{z-index:61;cursor:pointer;min-height:40px;font:inherit;color:var(--dim);background:0 0;border:none;padding:0 12px;font-size:14px;position:fixed;top:12px;right:16px}.nf-login:hover{color:var(--text)}body:not(.nk-first) .nf-login{display:none}:root:is([data-theme=sumi],[data-theme=manuscript]) #nk-first h1{text-shadow:none}@media (width<=820px){#nk-first{gap:20px;top:24vh}#nk-first h1{max-width:17ch;font-size:25px}#nk-first .nf-row{flex-direction:column;gap:12px;width:100%}#nk-first .nf-play{justify-content:center;width:100%;max-width:340px;min-height:54px}.nf-login{top:auto;bottom:calc(8px + env(safe-area-inset-bottom));right:8px}}:root[data-device=phone] .nf-login{top:auto;bottom:calc(6px + env(safe-area-inset-bottom))}@media (prefers-reduced-motion:reduce){#nk-first,#nk-first.gone{transition:opacity .12s linear;transform:translate(-50%)}}.kc-root{pointer-events:none;z-index:55;position:fixed;inset:0}.kc{will-change:transform;position:absolute;top:0;left:0}.kc[hidden],.kc-miss[hidden]{display:none}.kc-cap{color:#05060f;min-width:40px;height:40px;font:700 21px/1 var(--sans,system-ui, sans-serif);letter-spacing:0;background:#f4f6fb;border:1px solid #05060f40;border-bottom-width:3px;border-radius:8px;place-items:center;padding:0 12px;animation:1.4s ease-in-out infinite kc-bob;display:grid;position:absolute;bottom:14px;left:0;transform:translate(-50%)}.kc.wide .kc-cap{font-size:15px}.kc-tail{border-top:8px solid #f4f6fb;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;bottom:4px;left:0;transform:translate(-50%)}@keyframes kc-bob{50%{transform:translate(-50%)translateY(-3px)}}.kc.shake .kc-cap{background:#ffd9de;animation:.42s kc-shake}@keyframes kc-shake{0%,to{transform:translate(-50%)}20%{transform:translate(calc(-50% - 6px))}40%{transform:translate(calc(6px - 50%))}60%{transform:translate(calc(-50% - 4px))}80%{transform:translate(calc(3px - 50%))}}.kc-miss{transform-origin:50%;background:#ff4060;border-radius:4px;height:6px;margin-left:0;position:absolute;top:0;left:0;translate:-50% 4px}.kc-miss.go{animation:.7s forwards kc-miss}@keyframes kc-miss{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.kc-cap,.kc.shake .kc-cap{animation:none}}#hud .hud-label{text-transform:none;letter-spacing:.02em;font-size:11px}#top-hands{font-family:var(--sans);color:var(--dim);white-space:nowrap;margin-left:12px;font-size:12px}#top-hands .th-dot{vertical-align:0;border-radius:4px;width:8px;height:8px;margin:0 8px 0 0;display:inline-block}#top-hands .th-dot.rh{background:var(--cyan,#00e5ff)}#top-hands .th-dot.lh{background:var(--magenta,#ff2bd6)}@media (width<=820px){#top-hands{display:none}}:root #modal-results .modal-card.results{gap:20px;width:460px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px);padding:28px 28px 24px;overflow-y:auto}#modal-results .rs-head{justify-content:center;align-items:center;gap:20px;width:100%;display:flex}:root #modal-results #results-grade{font-size:64px;line-height:1}#modal-results .rs-title{text-align:left;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}#modal-results .rs-title h2{text-transform:none;letter-spacing:0;font-size:22px;line-height:1.2;font-family:var(--sans);font-weight:var(--w-semi,550);color:var(--text);text-wrap:balance;margin:0}:root #modal-results #results-newbest{font-family:var(--sans);letter-spacing:0;text-shadow:none;font-size:13px;animation:none}#modal-results .rs-figs{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin:0;display:grid}#modal-results .rs-figs>div{border:var(--ch-well-edge,1px solid var(--hairline));border-radius:8px;flex-direction:column-reverse;align-items:center;gap:4px;padding:12px 4px;display:flex}#modal-results .rs-figs dt{color:var(--dim);font-size:12px}#modal-results .rs-figs dd{color:var(--text);font-variant-numeric:tabular-nums;margin:0;font-size:22px}#results-save{flex-direction:column;gap:12px;width:100%;padding-top:4px;display:flex}#results-save h3{font-size:16px;font-weight:var(--w-semi,550);text-transform:none;letter-spacing:0;color:var(--text);font-family:var(--sans);margin:0}#results-save .rs-save-acts{flex-direction:column;align-items:stretch;gap:8px;display:flex}#results-save .rs-gsi{justify-content:center;min-height:44px;display:flex}#results-save .rs-gsi>*{width:100%}#results-save .btn{text-transform:none;letter-spacing:0;justify-content:center;min-height:44px;font-size:14px}.rs-google .g{background:conic-gradient(#4285f4,#ea4335,#fbbc05,#34a853,#4285f4);border-radius:999px;width:16px;height:16px;margin-right:12px;display:inline-block}:root #modal-results .results-buttons{gap:8px}:root #modal-results .results-buttons .btn{text-transform:none;letter-spacing:0;min-height:40px;font-size:13px}:root #modal-results .results-buttons .btn.big,:root #modal-results .rs-google{min-height:48px;font-size:15px;font-weight:var(--w-semi,600);background:var(--cyan,#00e5ff);color:var(--on-accent,#05060f);border-color:var(--cyan,#00e5ff)}:root #modal-results .results-buttons .btn.big svg{color:currentColor}#btn-results-close{display:none!important}#modal-results .rs-more{text-align:left;width:100%}#modal-results .rs-more>summary{cursor:pointer;color:var(--dim);text-align:center;padding:8px;font-size:13px;list-style:none}#modal-results .rs-more>summary::-webkit-details-marker{display:none}#modal-results .rs-more>summary:after{content:" ▾"}#modal-results .rs-more[open]>summary:after{content:" ▴"}#modal-results .rs-more[open]{max-height:260px;overflow-y:auto}#modal-results .rs-more .results-row{font-family:var(--sans);letter-spacing:0;text-transform:none}#modal-results .rs-more .results-progress{margin-top:12px}#results-nudge:empty{display:none}#results-nudge{text-align:center;font-size:13px}#level-chip .level-rank{display:none}#level-num{text-transform:none;letter-spacing:.02em}:root[data-theme] #transport #btn-more{height:36px;color:var(--ch-ink2);border-radius:999px;align-items:center;gap:8px;padding:0 12px;display:inline-flex;width:auto!important}:root[data-theme] #transport #btn-more.on{background:var(--ch-mode);color:var(--ch-mode-ink)}#btn-more .lbl{font-size:13px}:root[data-theme] #transport #more-panel{z-index:90;background:var(--ch-card,#080a16);border:var(--ch-card-edge,1px solid var(--hairline));transform-origin:100% 100%;border-radius:8px;flex-direction:column;gap:8px;width:268px;padding:12px;animation:.18s more-in;display:none;position:fixed}@keyframes more-in{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){:root[data-theme] #transport #more-panel{animation:none}}:root[data-theme] body.more-open #transport #more-panel{display:flex}:root[data-theme] #transport #more-panel .island{min-width:0;clip-path:none!important;background:0 0!important;border:none!important;border-radius:0!important;flex-flow:column!important;align-items:stretch!important;gap:4px!important;width:100%!important;height:auto!important;padding:0!important;display:flex!important}:root[data-theme] #transport #more-panel .isl-sep{display:none!important}:root[data-theme] #transport #more-panel .isl-levels,:root[data-theme] #transport #more-panel .typing-oct:not(.hidden){border-top:var(--ch-rule,1px solid var(--hairline))!important;padding-top:8px!important}:root[data-theme] #transport #more-panel .tbtn{background:0 0;align-items:center;gap:12px;width:100%!important;height:40px!important;color:var(--text)!important;border-radius:8px!important;justify-content:flex-start!important;padding:0 12px!important;display:flex!important}:root[data-theme] #transport #more-panel .tbtn:hover{background:var(--ch-row-hover,#ffffff0d)}:root[data-theme] #transport #more-panel .tbtn.on{background:var(--ch-mode)}:root[data-theme] #transport #more-panel .tbtn:after{content:attr(data-label);font-family:var(--sans);color:var(--text);font-size:13px}:root[data-theme] #transport #more-panel .tbtn.on:after{content:attr(data-label) " · on"}:root[data-theme] #transport #more-panel #met-bpm{display:none}:root[data-theme] #transport #more-panel #btn-met.on+#met-bpm{width:calc(100% - 48px);margin:0 12px 4px 40px;display:block}:root[data-theme] #transport #more-panel .ctl{color:var(--text);grid-template-columns:16px 58px 1fr 34px;align-items:center;gap:12px;width:100%!important;height:auto!important;padding:8px 12px!important;display:grid!important}:root[data-theme] #transport #more-panel .ctl .ch-sr{white-space:nowrap;color:var(--text);font-size:13px;clip:auto!important;clip-path:none!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;position:static!important;overflow:visible!important}:root[data-theme] #transport #more-panel .ctl input[type=range]{min-width:0;width:100%!important}:root[data-theme] #transport #more-panel .vol-ctl{grid-template-columns:16px 58px 1fr}:root[data-theme] #transport #more-panel #pedal-ind{display:none!important}:root[data-theme] #transport #more-panel .typing-oct:not(.hidden){align-items:center;gap:12px;background:0 0!important;border-bottom:0!important;border-left:0!important;border-right:0!important;border-radius:0!important;height:auto!important;padding:8px 12px 4px!important;display:flex!important}:root[data-theme] #transport #more-panel .typing-oct .to-tag{color:var(--text);text-transform:none;letter-spacing:0;order:-1;margin-right:auto;font-size:13px}:root[data-device=phone] body[data-space=listen] #more-panel{display:contents;position:static}:root[data-device=phone] body[data-space=listen] #btn-more,body[data-space=play] #transport :is(#btn-shuffle,#btn-repeat,#btn-stop),body[data-space=play].nk-first #transport #btn-t-prev{display:none!important}:root #modal-settings :is(h3,.to-tag,.set-tab,.seg button,.btn,.kb-fold),:root #song-card :is(.sc-set>span,.seg button,.btn,.sc-stat span,#sc-hint),:root #modal-repertoire :is(h2,.rep-head span,#rep-nav button,.chip,.rep-ver,.side-h3,h3,.btn),:root #modal-paywall :is(.paywall-eyebrow,.paywall-tier,.paywall-tag,.paywall-cta,.btn),:root #transport :is(button,.lbl,.to-tag),:root #modal-results :is(h2,h3,.btn,.results-row span){text-transform:none;letter-spacing:.01em}:root :is(#modal-settings,#song-card) .seg button.active:before{content:"✓";margin-right:4px;font-weight:700}:root :is(#modal-settings,#song-card) .seg button.active{font-weight:var(--w-semi,600)}.rep-legend{color:var(--dim);white-space:nowrap;margin-left:12px;font-size:12px;font-weight:400}.rep-legend .rep-dia{color:var(--amber,#ffb300);margin-right:4px}:root #modal-repertoire .rep-ver{text-overflow:clip;white-space:nowrap;max-width:none;overflow:visible}.paywall-timeline{gap:4px;margin:12px 0 0;padding:0;font-size:13px;list-style:none;display:grid}.paywall-timeline li{color:var(--dim);grid-template-columns:84px 1fr;gap:12px;display:grid}.paywall-timeline li b{color:var(--text);font-weight:var(--w-semi,550)}:root #empty-state :is(button,.btn,div){text-transform:none;letter-spacing:.01em}:root #empty-state #btn-continue{background:var(--cyan,#00e5ff);color:var(--on-accent,#05060f);border-color:var(--cyan,#00e5ff)}:root[data-theme] #transport #more-panel .tbtn>svg,:root[data-theme] #transport #more-panel .ctl>svg{flex:none;margin:0!important}:root #modal-repertoire .rep-head span{white-space:nowrap}:root #modal-repertoire .rep-row:not(.rep-head)>span{text-transform:none;letter-spacing:.01em}:root #modal-repertoire .side-head h3{white-space:nowrap}:root .modal-card>h2{text-transform:none;letter-spacing:.01em}:root #cookie-notice .cookie-short,:root #cookie-notice .cookie-actions .btn,.nf-login,#nk-first .nf-chip{font-size:13px}#top-hands{font-size:inherit}#modal-results .rs-figs dt,#modal-results .rs-more>summary,#results-nudge{font-size:13px}#results-save h3{font-size:15px}#results-save .btn,:root #modal-results .results-buttons .btn{font-size:13px}:root #modal-results .results-buttons .btn.big,:root #modal-results .rs-google{font-size:15px}#modal-results .rs-figs dd,#modal-results .rs-title h2{font-size:22px}:root[data-device=phone] #nk-first{top:30vh}:root #modal-paywall .paywall-timeline{text-align:left;width:fit-content;margin:12px auto 0}:root #modal-paywall .paywall-timeline li{grid-template-columns:96px auto;gap:12px;margin:0;padding:0;list-style:none;display:grid}:root #modal-paywall .paywall-timeline li:before{content:none;display:none}:root #song-card :is(.sc-chips button,.sc-chips span,.sc-rec,#sc-title,#sc-meta){text-transform:none;letter-spacing:.01em}@media (width<=480px){#modal-results .rs-figs dd{white-space:nowrap;font-size:19px}:root #modal-results #results-grade{font-size:52px}}:root #cookie-notice.in-recap,:root[data-theme] #cookie-notice.in-recap{width:100%;max-width:none;box-shadow:none;z-index:auto;pointer-events:auto;background:0 0;border:0;margin:4px 0 0;padding:0;position:static;inset:auto}:root[data-theme] #cookie-notice.in-recap .cookie-card{border:0;border-top:var(--ch-rule,1px solid var(--hairline));clip-path:none;box-shadow:none;background:0 0;border-radius:0;padding:12px 0 0}:root #cookie-notice.in-recap .cookie-short{text-align:left;margin:0 0 8px;font-size:11px;line-height:1.5}:root #cookie-notice.in-recap .cookie-actions .btn{background:0 0;min-height:32px;font-size:11px}#cookie-notice .hint{text-underline-offset:2px;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}#results-award{text-align:center;width:100%;color:var(--text);margin-top:-8px;font-size:13px}#results-award.hidden{display:none}#results-award .rs-award-name{color:var(--amber,#ffb300)}#results-award .rs-award-more{font:inherit;color:var(--dim);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:4px;text-decoration:underline}#results-award .rs-award-more:hover{color:var(--text)}#results-need{color:var(--dim);text-align:center;margin:4px 0 0;font-size:13px}#results-need.hidden{display:none}#modal-results .modal-card.ask-hard>.modal-x{display:none!important}:root #nk-coach .cnext,:root[data-theme] #nk-coach .cnext{text-underline-offset:3px;font-weight:500;text-decoration:underline;color:var(--text)!important;background:0 0!important;border:0!important;padding:8px 0!important}:root #nk-coach.line{max-width:320px;padding:8px 12px}:root #nk-coach.line .cb{color:var(--text);margin:0;font-size:13px}#nk-first-dim{z-index:54;pointer-events:none;background:#03040c57;transition:opacity .25s;position:fixed}#nk-first-dim.gone{opacity:0}#nk-first .nf-chip{min-height:0;color:var(--dim);padding:0 4px;background:0 0!important;border:0!important}body:has(.modal:not(.hidden)) :is(#nk-first,#nk-first-dim,.nf-login,#nk-boot){display:none!important}#nk-boot{display:none}:root[data-boot=first] #nk-boot{z-index:60;box-sizing:border-box;text-align:center;width:min(700px,100vw - 32px);font-family:var(--sans,system-ui, sans-serif);color:var(--text,#e9eef8);background:color-mix(in srgb, var(--ch-card,#080a16) 82%, transparent);border:var(--ch-card-edge,1px solid #00e5ff38);border-radius:8px;flex-direction:column;align-items:center;gap:24px;padding:28px 36px 32px;display:flex;position:fixed;top:21vh;left:50%;transform:translate(-50%)}#nk-boot .nb-h{font-size:34px;line-height:1.15;font-weight:var(--w-semi,550);letter-spacing:-.01em;text-wrap:balance;max-width:20ch;margin:0}#nk-boot .nb-bar{background:#ffffff1a;border-radius:4px;width:min(340px,100%);height:6px;overflow:hidden}#nk-boot #nb-fill{background:var(--cyan,#00e5ff);border-radius:4px;width:4%;height:100%;transition:width .3s}#nk-boot #nb-msg{color:var(--dim,#8a94ac);min-height:20px;font-size:13px}#nk-boot #nb-retry{cursor:pointer;min-height:44px;font:inherit;background:var(--cyan,#00e5ff);color:var(--on-accent,#05060f);border:0;border-radius:8px;padding:0 24px;font-size:15px;font-weight:600}#nk-boot #nb-retry[hidden]{display:none}:root[data-boot=first] :is(#empty-state,#hud,#level-chip,#song-card){display:none!important}:root[data-boot=first] #transport>*{visibility:hidden}@media (width<=820px){:root[data-boot=first] #nk-boot{gap:20px;top:24vh}#nk-boot .nb-h{max-width:17ch;font-size:25px}}:root:not([data-device=phone])[data-theme] #transport .t-left .island[aria-label=Pickers],:root[data-device=phone] #transport .island[aria-label=Pickers] :is(#btn-instruments,#btn-theme,.isl-sep){display:none!important}:root[data-theme] #transport #btn-play{background:var(--ch-play-hover-fill);color:var(--ch-play-hover-ink);border-color:#0000}:root[data-theme] #transport #btn-play:hover{opacity:.9}:root[data-theme] #transport #btn-play:focus-visible{outline:2px solid var(--text);outline-offset:3px}:root[data-theme] #transport .island.isl-main #btn-more{border-radius:0;height:auto}:root #modal-account #btn-acct-submit,:root[data-theme] #song-card #sc-play{background:var(--cyan,#00e5ff)!important;color:var(--on-accent,#05060f)!important;border-color:var(--cyan,#00e5ff)!important}:root[data-theme] #nk-ob .ob-obtn.ob-gfill{background:var(--cyan,#00e5ff)!important;color:var(--on-accent,#05060f)!important;border:1px solid var(--cyan,#00e5ff)!important}#level-chip>button{font:inherit;color:inherit;text-align:inherit;border:0;margin:0}#level-chip>button:not(:hover):not(:focus-visible){background:0 0}#level-num{white-space:nowrap}#level-user{font-size:11px}:root :is(.btn,.chip,.toast .t-title,.acct-tabs button,#compat-banner .btn,.rep-style,.tr-name,.tr-preview,.af-label,.af-toggle,#kb-controls button,.kb-presets button,.side-h3,.side-head h3){text-transform:none!important;letter-spacing:.01em!important}:root .toast .t-title{font-family:var(--sans)}#rep-side .tbtn.worded{align-items:center;gap:4px;display:inline-flex;width:auto!important;padding:0 8px!important}#rep-side .tbtn.worded .w{font-size:11px}@media (width>=821px) and (height>=541px){:root #topbar{box-sizing:border-box;min-height:60px}:root #transport{box-sizing:border-box;min-height:62px}}#scanlines{contain:strict;position:fixed;inset:0}:root #top-meta.hidden{visibility:hidden;display:flex!important}:is(body:has(.modal:not(.hidden)) :root[data-theme] #transport #btn-play,:root[data-theme] body:has(.modal:not(.hidden)) #transport #btn-play){background:var(--ch-play-fill);color:var(--ch-play-ink);border:var(--ch-play-ring)}:root #nk-coach.line{max-width:460px}#rep-side .tbtn.worded .w{white-space:nowrap}:root #rep-list .rep-row .rep-prev.lead,:root #rep-list .rep-row button.lead{border-radius:999px;background:var(--cyan,#00e5ff)!important;color:var(--on-accent,#05060f)!important}:root #modal-repertoire .modal-card *,:root #modal-settings .modal-card *{font-size:13px!important}:root #modal-repertoire .modal-card>h2,:root #modal-settings .modal-card>h2{font-family:var(--sans);font-weight:var(--w-semi,600);font-size:16px!important}:root #modal-repertoire .modal-card>h2 *,:root #modal-settings .modal-card>h2 *,:root #modal-repertoire :is(.rep-head,.rep-head *,.rep-row .a,.rep-style,.rep-for,.rep-ver,.num,.rep-grade,.side-h3,.side-head h3,#rep-crumb,#rep-crumb *,.rep-empty,#history-list .dim,#queue-list .dim,.chip,.tbtn .w,#rep-side .dim,.rep-legend,.rep-legend *),:root #modal-settings :is(h3,.kb-note,.dim,.to-tag,#kb-device,.mono){font-size:11px!important}:root #modal-settings .set-pane h3{letter-spacing:.02em}:root #modal-repertoire .rep-row .t{font-weight:var(--w-semi,600)}:root #modal-settings #kb-current,:root #modal-settings #kb-current *{font-size:13px!important}:root[data-theme] #transport :is(.lbl,#midi-label),:root #empty-state :is(#hint-typing,.empty-row .btn){font-size:13px}:root #modal-paywall .paywall-head h2{letter-spacing:-.01em;text-transform:none;font-family:var(--sans)!important}:root[data-boot=first] #now-playing{visibility:hidden}:root[data-device=phone] #nk-first,:root[data-device=phone][data-boot=first] #nk-boot{top:14vh}:root[data-theme] body:has(#empty-state:not(.hidden)) #transport #btn-play{background:var(--ch-play-fill);color:var(--ch-play-ink);border:var(--ch-play-ring)}:root[data-theme] #compat-banner{clip-path:none;box-sizing:border-box;border-radius:8px;flex-wrap:wrap;justify-content:center;row-gap:8px;width:max-content;max-width:min(560px,100vw - 24px)}:root[data-theme] #compat-text{font-family:var(--sans);letter-spacing:0;white-space:normal;text-align:center;flex:260px;font-size:13px}:root[data-device=phone] #compat-banner{top:8px}:root[data-theme] body:has(#song-card:not(.hidden)) #transport #btn-play{background:var(--ch-play-fill);color:var(--ch-play-ink);border:var(--ch-play-ring)}#rep-side .side-head{flex-wrap:wrap;row-gap:4px}#rep-side .side-actions{flex-wrap:wrap}#nk-first-dim{background:#03040cb3}:root:is([data-theme=sumi],[data-theme=manuscript]) #nk-first-dim{background:#f2ede1a8}#nk-first-sdim{z-index:54;pointer-events:none;background:#0009;transition:opacity .25s;position:fixed}:root:is([data-theme=sumi],[data-theme=manuscript]) #nk-first-sdim{background:#f2ede199}#nk-first-sdim.gone{opacity:0}body.nf-quiet .kc-root{visibility:hidden}:root[data-device=phone] body.nk-first:has(#nk-first) .kc{display:block}:root[data-device=phone] body.nk-first:has(#nk-first) .kc[hidden]{display:none}#nk-first.pressed{background:0 0;border-color:#0000;transition:background .2s,border-color .2s,opacity .28s}#nk-first.pressed :is(h1,.nf-chip){opacity:0;transition:opacity .15s}#nk-guide{z-index:62;pointer-events:none;background:var(--cyan,#00e5ff);min-height:44px;color:var(--on-accent,#05060f);font-family:var(--sans);font-size:16px;font-weight:var(--w-semi,600);white-space:nowrap;border-radius:8px;align-items:center;padding:0 20px;display:inline-flex;position:fixed;top:0;left:0}#nk-guide.go{transition:transform .25s cubic-bezier(.2,.8,.2,1)}#nk-guide:after{content:"";left:var(--tip,50%);border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid var(--cyan,#00e5ff);position:absolute;bottom:-8px;transform:translate(-50%)}#nk-guide.gone{opacity:0;transition:opacity .2s}body:has(.modal:not(.hidden)) #nk-guide{display:none}@media (prefers-reduced-motion:reduce){#nk-guide.go{transition:none}}:root[data-device=phone] #nk-first{width:auto;top:12vh;left:16px;right:16px;transform:none}:root[data-device=phone] #nk-first.gone{transform:translateY(-10px)}:root[data-device=phone] #nk-first .nf-row{display:contents}:root[data-device=phone] #nk-first .nf-play:not(.nf-guide){width:auto;max-width:none;left:16px;right:16px;bottom:calc(24px + env(safe-area-inset-bottom));pointer-events:auto;height:54px;min-height:54px;position:fixed}:root[data-device=phone] .nf-login,:root[data-device=phone] body.nk-first .nf-login{top:calc(-4px + env(safe-area-inset-top));min-height:36px;bottom:auto;right:8px}#nk-first>.nf-chip{color:var(--text);opacity:.86;margin-top:-12px;font-size:16px}:root[data-device=phone] #nk-first>.nf-chip{margin-top:-8px}#modal-results .rs-grade{cursor:help;flex-direction:column;align-items:center;gap:4px;display:flex}#results-grade-word{color:var(--dim);white-space:nowrap;font-size:13px}#modal-results .rs-title #results-award{text-align:left;width:auto;margin:0;font-size:13px}#results-save h3,:root #modal-results .results-buttons .btn.big,:root #modal-results .rs-google{font-size:16px}:root #modal-results :is(.modal-x,#results-newbest,.rs-figs dt,.rs-more>summary,#results-need,.btn){font-size:13px}:root #modal-results .results-buttons .btn.big{font-size:16px}@media (width<=820px),(height<=540px){:root #level-chip #level-user{font-family:var(--sans);letter-spacing:0;color:var(--text);max-width:88px;font-size:13px;display:inline}:root #level-chip[data-visitor="1"] #level-avatar{display:none}:root #level-chip .level-id{align-items:center;gap:8px;min-height:36px;padding:0 8px;display:inline-flex}}#modal-account .acct-ferr{font-family:var(--sans);color:#ff4060;text-align:left;margin-top:-8px;font-size:13px;line-height:1.4}#modal-account .acct-ferr:empty{display:none}:root:is([data-theme=sumi],[data-theme=manuscript]) #modal-account .acct-ferr{color:var(--ch-win-red)}#modal-account input[aria-invalid=true]{border-color:#ff4060!important}:root .modal .modal-card>h2,:root[data-theme] .modal .modal-card>h2{font-family:var(--sans)!important;letter-spacing:0!important;text-transform:none!important}:root #modal-account :is(h3,.btn,summary,.acct-plan,.acct-tabs button){text-transform:none!important;letter-spacing:0!important}@media (width>=821px) and (height>=541px){:root[data-theme] #topbar #level-chip{align-items:center;gap:4px;padding:0 4px}:root[data-theme] #topbar #level-chip>button{align-items:center;gap:8px;min-height:36px;padding:0 8px;display:inline-flex}:root[data-theme] #topbar #level-chip .level-col{flex-direction:row}:root[data-theme] #topbar #level-chip .level-id{max-width:none;flex-direction:row!important}:root[data-theme] #topbar #level-chip #level-num{font-family:var(--sans);letter-spacing:0;color:var(--ch-ink2);white-space:nowrap;font-size:13px}:root[data-theme] #topbar #level-chip .level-mini{width:40px}:root[data-theme] #topbar #level-chip #level-avatar{width:24px;height:24px}:root[data-theme] #topbar #level-chip #level-user{font-family:var(--sans);letter-spacing:0;color:var(--ch-ink2);font-size:13px;display:inline}:root[data-theme] #topbar #level-chip[data-visitor="1"] #level-avatar{display:none}}:root #modal-repertoire .rep-grade.g-none{color:var(--dim)}:root #modal-account .modal-card>h2,:root #modal-account :is(input[type=text],input[type=password],input[type=email]){font-size:16px}:root #modal-account :is(.acct-tabs button,.btn,.acct-error,.acct-ferr,.acct-mkt span,summary,h3,.acct-plan,#acct-who){font-size:13px}:root #modal-account :is(.acct-legal,.acct-legal a,.acct-divider,.dim){font-size:11px}:root #modal-account #btn-acct-submit{font-size:16px}:root :is(.acct-promo input,#acct-promo)::placeholder{text-transform:none}:root{--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s6:24px;--s8:32px;--r-s:4px;--r-m:8px;--r-pill:999px;--pad-s:var(--s1) var(--s2);--pad-m:var(--s2) var(--s3);--pad-l:var(--s3) var(--s4)}:root :is(.modal-x,.sc-rec,.chip,.seg button,.set-tab,.tbtn.worded,.af-toggle,.rep-fav,.rep-prev,.rep-ver,.rep-row .row-more){padding:var(--pad-s)}:root :is(.btn,.set-pane .seg button,.inst-nav button,.hand-pill button),:root #rep-nav button,:root #modal-settings .seg button{padding:var(--pad-m)}:root[data-theme] #transport .island>button{padding:var(--pad-m)!important}:root :is(.btn.big,.sc-actions .btn,.paywall-card),:root #sc-actions .btn,:root #song-card .sc-actions .btn{padding:var(--pad-l)}:root[data-device=phone] #transport button:not(#btn-play):not(.tbtn){padding:var(--pad-m)!important}:root[data-device=phone] #transport button.tbtn{padding:0!important}:root .rep-filt{padding:0}:root[data-theme] #transport #more-panel .tbtn{padding:var(--pad-m)!important}.tbtn svg,#btn-play>svg.ic{vertical-align:middle;margin:0;display:inline-block}.tbtn,#btn-play{line-height:0}:root #set-lang.lang-select{padding:var(--pad-s)}:root #hud .hud-item{background:color-mix(in srgb, var(--ch-card,#080a16) 88%, transparent);border-radius:4px;padding:0 4px}:root:is([data-theme=sumi],[data-theme=manuscript]) #hud .hud-item{background:color-mix(in srgb, var(--bg,#f2ede1) 88%, transparent)}@media (width<=820px),(height<=540px){:root #level-chip .level-id{flex-direction:row!important}:root #level-chip #level-num{font-family:var(--sans);letter-spacing:0;font-size:13px}}:root #nk-ob .ob-or{font-size:13px;text-transform:none!important;letter-spacing:0!important}:root #modal-account .acct-divider{text-transform:none!important;letter-spacing:0!important}#nk-first .nf-what{pointer-events:auto}.nf-what{color:var(--dim,#8a94ac);text-align:center;margin-top:12px;font-size:13px;text-decoration:none;display:block}.nf-what:hover{color:var(--text);text-decoration:underline}.paywall-mid{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.nf-what.nf-own,.nf-what.nf-playfirst{cursor:pointer;pointer-events:auto;background:0 0;border:0;width:100%;padding:0;font-family:inherit}.ob-use-email{margin:12px auto 0;display:block}#nf-gsi{justify-content:center;min-height:44px;display:flex}.ob-form[hidden]{display:none}#nk-back{z-index:60;background:var(--panel,#0d1118);border:1px solid var(--line,#ffffff1f);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:min(720px,100vw - 32px);padding:8px 12px;display:flex;position:fixed;bottom:244px;left:50%;transform:translate(-50%)}#nk-back button{font:inherit;cursor:pointer;min-height:32px;color:var(--text,#fff);border:1px solid var(--line,#ffffff29);background:0 0;border-radius:8px;padding:6px 12px;font-size:13px}#nk-back .nb-main{background:var(--accent,#00e5ff);color:#03141a;border-color:#0000;font-weight:600}#nk-back .nb-x{color:var(--dim,#8a94ac);border:0;padding:4px 8px;font-size:16px}#nk-back .nb-days{gap:4px;padding:0 4px;display:inline-flex}#nk-back .nb-days i{border:1px solid var(--dim,#8a94ac);border-radius:50%;width:8px;height:8px}#nk-back .nb-days i.on{background:var(--accent,#00e5ff);border-color:#0000}#rs-member{text-align:center;color:var(--dim,#8a94ac);margin:8px 0;font-size:13px}#rs-member p{margin:4px 0}#rs-member .rs-link{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:4px;text-decoration:underline}#rs-member .rs-mail{align-items:center;gap:6px;display:inline-flex}#rs-member:empty{display:none}@media (width<=767px){#nk-back{top:64px;bottom:auto}}html.i18n-untracked body *,html.i18n-untracked body :before,html.i18n-untracked body :after{letter-spacing:normal!important}html.i18n-untracked{--t-micro:11px;--t-cap:12px}html.i18n-rtl body *{unicode-bidi:plaintext}.lang-select{width:100%;max-width:280px;color:var(--cyan);border:none;border-bottom:1px solid rgba(var(--cyan-rgb), .3);font-family:var(--sans);font-size:var(--t-ui);cursor:pointer;background:0 0;outline:none;margin-top:8px;padding:6px 2px;display:block}.lang-select option{background:var(--panel);color:var(--text)}:root:not([lang=en]) #rep-side .side-head{flex-wrap:wrap;row-gap:6px}#modal-settings{--set-tile-keyboard:#00e5ff;--set-tile-notes:#5ee08a;--set-tile-appearance:#ff5ad9;--set-tile-sound:#ffb547;--set-tile-general:#aab4c8;--set-glyph:#05060f;--set-r:min(var(--ch-r-card), 12px);--set-r-in:min(var(--ch-r-seg), 8px);--set-faint:color-mix(in srgb, var(--text) 10%, transparent);--set-faint-2:color-mix(in srgb, var(--text) 16%, transparent);--set-ink2:var(--ch-ink2,var(--text));--set-flash:color-mix(in srgb, var(--ch-accent) 14%, transparent);--set-room-ink:var(--set-tile-sound)}:root:is([data-theme=sumi],[data-theme=manuscript]) #modal-settings{--set-room-ink:color-mix(in srgb, var(--set-tile-sound) 45%, var(--text))}#modal-settings .modal-card.set-card{width:1040px;max-width:94vw;height:min(100% - 32px,780px);font-family:var(--sans);color:var(--text);flex-direction:row;gap:0;padding:0;font-size:13.5px;line-height:1.4;display:flex;overflow:hidden}#modal-settings .set-side{box-sizing:border-box;border-right:var(--ch-rule);flex-direction:column;flex:none;gap:16px;width:240px;padding:20px 12px;display:flex;overflow-y:auto}#modal-settings .set-brand{font-family:var(--mono);letter-spacing:.18em;color:var(--dim);text-transform:uppercase;margin:0;padding:0 8px;font-size:11px;font-weight:500;line-height:1.4}#modal-settings .set-search{box-sizing:border-box;border-radius:min(var(--ch-r-seg), 10px);background:var(--ch-field);border:var(--ch-well-edge);height:36px;color:var(--dim);cursor:text;align-items:center;gap:8px;padding:0 6px 0 10px;display:flex}#modal-settings .set-search:focus-within{border-color:var(--ch-accent)}#modal-settings .set-search svg{flex:none}#modal-settings #set-q{min-width:0;height:32px;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:0;font-size:13.5px}#modal-settings #set-q::placeholder{color:var(--dim)}#modal-settings #set-q::-webkit-search-cancel-button{display:none}#modal-settings .set-q-x{width:24px;height:24px;color:var(--dim);cursor:pointer;background:0 0;border:0;border-radius:12px;flex:none;place-items:center;padding:0;display:grid}#modal-settings .set-q-x:hover{background:var(--ch-well-hover);color:var(--text)}#modal-settings .set-q-x.hidden{display:none}#modal-settings .set-tabs{border:0;flex-direction:column;gap:2px;margin:0;display:flex}#modal-settings .set-tab{height:40px;color:var(--set-ink2);font-family:var(--sans);letter-spacing:0;text-transform:none;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;margin:0;padding:0 8px;font-size:13.5px;font-weight:400;display:flex}#modal-settings .set-tab:hover{background:var(--ch-row-hover);color:var(--text)}#modal-settings .set-tab.on{background:var(--ch-mode);color:var(--ch-mode-ink);font-weight:500}#modal-settings .set-tab:focus-visible{outline:2px solid var(--ch-accent);outline-offset:-2px}#modal-settings .set-tab-n{flex:1}#modal-settings .set-tab-v{display:none}#modal-settings .set-tile{width:26px;height:26px;color:var(--set-glyph);border-radius:7px;flex:none;place-items:center;display:grid}#modal-settings .set-tile svg{width:16px;height:16px}#modal-settings [data-tile=keyboard]{background:var(--set-tile-keyboard)}#modal-settings [data-tile=notes]{background:var(--set-tile-notes)}#modal-settings [data-tile=appearance]{background:var(--set-tile-appearance)}#modal-settings [data-tile=sound]{background:var(--set-tile-sound)}#modal-settings [data-tile=general]{background:var(--set-tile-general)}#modal-settings [data-tile=elsewhere]{background:var(--set-faint);color:var(--set-ink2)}#modal-settings .set-main{flex-direction:column;flex:1;min-width:0;display:flex}#modal-settings .set-head{box-sizing:border-box;border-bottom:var(--ch-rule);flex:none;align-items:center;gap:8px;height:64px;padding:0 20px 0 36px;display:flex}#modal-settings .set-head h2{font-family:var(--sans);letter-spacing:-.01em;text-transform:none;color:var(--text);flex:1;margin:0;font-size:20px;font-weight:600;line-height:1.2}#modal-settings .set-icon-btn{width:32px;height:32px;color:var(--dim);cursor:pointer;background:0 0;border:0;border-radius:16px;flex:none;place-items:center;padding:0;display:grid}#modal-settings .set-icon-btn:hover{background:var(--ch-well-hover);color:var(--text)}#modal-settings .set-back{margin-left:-8px;display:none}#modal-settings .set-body{overscroll-behavior:contain;box-sizing:border-box;scrollbar-color:var(--ch-win-scroll,var(--hairline)) transparent;flex:1;min-height:0;padding:24px 36px 36px;overflow-y:auto}#modal-settings .set-pane{flex:none;padding:0;overflow:visible}#modal-settings .set-pane.hidden{display:none}#modal-settings .set-pane h3{margin-top:0}#modal-settings .set-sec{margin:0 0 24px}#modal-settings .set-sec.hidden{display:none}#modal-settings .set-sec>.set-group{margin-bottom:0}#modal-settings .set-sec-h{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:0 4px 8px;font-size:11px;font-weight:500;line-height:1.4}#modal-settings .set-group{border-radius:var(--set-r);border:var(--ch-rule);background:var(--ch-well);margin:0 0 24px;overflow:hidden}#modal-settings .set-group:empty{display:none}#set-view button:disabled{opacity:.4;cursor:default}#modal-settings .set-row{box-sizing:border-box;border-top:var(--ch-rule);width:100%;min-height:48px;color:var(--text);font-family:var(--sans);letter-spacing:0;text-transform:none;text-align:left;background:0 0;align-items:center;gap:12px;margin:0;padding:0 16px;font-size:13.5px;font-weight:400;transition:background .4s;display:flex}#modal-settings .set-group>.set-row:first-child,#modal-settings .set-group>:first-child>.set-row:first-child{border-top:0}#modal-settings .set-row.hidden{display:none}#modal-settings .set-row.off{opacity:.45}#modal-settings .set-row.set-flash{background:var(--set-flash);transition:none}#modal-settings .set-l{flex:1;min-width:0}#modal-settings .set-ic{width:16px;height:16px;color:var(--dim);flex:none;display:block}#modal-settings .set-ic-gap{flex:none;width:16px}#modal-settings .set-ro{text-align:right;min-width:64px;font-family:var(--mono);color:var(--set-ink2);font-variant-numeric:tabular-nums;flex:none;font-size:12px}#modal-settings .set-chev{color:var(--dim);flex:none;transition:transform .2s}#modal-settings .set-note{color:var(--dim);padding:8px 4px 0;font-size:12.5px;line-height:1.45}#modal-settings .set-note:empty,#modal-settings .set-note.hidden{display:none}#modal-settings .set-group .set-note{padding:0 16px 12px}#modal-settings button.set-row{border:0;border-top:var(--ch-rule);box-shadow:none;outline-offset:-2px;border-radius:0}#modal-settings .set-group>button.set-row:first-child,#modal-settings .set-group>.set-adv-body>button.set-row:first-child,#modal-settings .set-group>:first-child>button.set-row:first-child{border-top:0}#modal-settings #btn-parts{margin:0}#modal-settings #btn-parts.on{color:var(--text);background:var(--ch-mode)}#modal-settings #kb-device{font-family:var(--sans);letter-spacing:0;color:var(--text);font-size:13.5px}#modal-settings #set-instrument{border-radius:0;flex-wrap:wrap}#modal-settings #set-instrument>button{flex:none;padding:0}#modal-settings label.set-row,#modal-settings button.set-row{cursor:pointer}#modal-settings :is(label.set-row,button.set-row):hover{background:var(--ch-row-hover)}#modal-settings button.set-row:focus-visible{outline:2px solid var(--ch-accent);outline-offset:-2px}#modal-settings .set-block,#modal-settings .set-cards-row{flex-direction:column;align-items:stretch;gap:0;padding:14px 16px 18px}#modal-settings .set-cards-row>.set-l,#modal-settings .set-block-h{margin-bottom:12px}#modal-settings .set-block-h{justify-content:space-between;align-items:center;gap:12px;display:flex}#modal-settings .set-block-h .set-l{flex:none}#modal-settings .set-cards-row .set-note{padding:12px 0 0}#modal-settings .set-sw input[type=checkbox]{appearance:none;background:var(--set-faint-2);cursor:pointer;border:0;border-radius:12px;flex:none;place-content:normal;width:42px;height:24px;margin:0;padding:0;transition:background .2s;display:block;position:relative}#modal-settings .set-sw input[type=checkbox]:before{content:"";background:var(--set-ink2);clip-path:none;border-radius:9px;width:18px;height:18px;transition:left .2s cubic-bezier(.2,0,0,1),background .2s;position:absolute;top:3px;left:3px;transform:none}#modal-settings .set-sw input[type=checkbox]:checked{background:var(--ch-accent)}#modal-settings .set-sw input[type=checkbox]:checked:before{background:var(--on-accent);left:21px;transform:none}#modal-settings .set-sw input[type=checkbox]:disabled{opacity:.4;cursor:default}#modal-settings .set-sw input[type=checkbox]:focus-visible{outline:2px solid var(--ch-accent);outline-offset:2px}#modal-settings .seg{border-radius:var(--set-r-in);background:var(--ch-well);border:var(--ch-well-edge);flex:none;gap:2px;padding:2px;display:inline-flex}#modal-settings .seg button{border-radius:max(calc(var(--set-r-in) - 2px), 0px);height:30px;font-family:var(--sans);letter-spacing:0;text-transform:none;color:var(--set-ink2);padding:0 12px;font-size:12.5px;font-weight:400}#modal-settings .seg button.active{color:var(--ch-on-ink);background:var(--ch-on);font-weight:500}#modal-settings .set-segbar{border-radius:var(--set-r-in);background:var(--ch-well);border:var(--ch-well-edge);flex-wrap:nowrap;gap:2px;padding:2px;display:flex}#modal-settings .set-segbar .chip{border-radius:max(calc(var(--set-r-in) - 2px), 0px);min-width:0;height:30px;color:var(--set-ink2);font-family:var(--mono);letter-spacing:0;background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:4px;margin:0;padding:0 4px;font-size:12px;display:inline-flex}#modal-settings .set-segbar .chip:hover{background:var(--ch-well-hover);color:var(--text)}#modal-settings .set-segbar .chip.active{background:var(--ch-on);color:var(--ch-on-ink);font-weight:500}#modal-settings .set-strip{gap:1px;height:30px;margin-bottom:12px;display:flex}#modal-settings .set-strip span{background:var(--set-faint);border-radius:0 0 2px 2px;flex:1}#modal-settings .set-strip span.on{background:var(--text)}#modal-settings .set-cards{background:0 0;border:0;border-radius:0;flex-wrap:wrap;gap:16px 14px;padding:0;display:flex}#modal-settings .set-cards>button{width:216px;color:var(--set-ink2);cursor:pointer;text-align:left;font-family:var(--sans);letter-spacing:0;text-transform:none;background:0 0;border:0;flex-direction:column;gap:8px;margin:0;padding:0;font-size:12.5px;font-weight:400;line-height:1.3;display:flex}#modal-settings .set-cards-sm>button{width:160px}#modal-settings .set-media{aspect-ratio:16/9;outline:1px solid var(--set-faint);outline-offset:2px;background:#000;border-radius:10px;width:100%;transition:outline-color .15s;display:block;position:relative;overflow:hidden}#modal-settings .set-media video,#modal-settings .set-media img{object-fit:cover;width:100%;height:100%;display:block}#modal-settings .set-cards>button:hover .set-media{outline-color:color-mix(in srgb, var(--ch-accent) 55%, transparent)}#modal-settings .set-cards>button:focus-visible{outline:none}#modal-settings .set-cards>button:focus-visible .set-media{outline:2px solid var(--ch-accent)}#modal-settings .set-cards>button.active{color:var(--ch-on-ink);font-weight:500}#modal-settings .set-cards>button.active .set-media{outline:2px solid var(--ch-accent)}#modal-settings .set-check{background:var(--ch-accent);width:20px;height:20px;color:var(--on-accent);border-radius:10px;place-items:center;display:none;position:absolute;top:8px;right:8px}#modal-settings .set-cards>button.active .set-check{display:grid}#modal-settings .set-media.blank{background:var(--ch-well);color:var(--dim);place-items:center;display:grid}#modal-settings .set-rooms{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}#modal-settings .set-rooms>button{box-sizing:border-box;border:1px solid var(--set-faint);background:color-mix(in srgb, var(--text) 3%, transparent);height:88px;color:var(--set-ink2);text-align:center;cursor:pointer;font-family:var(--sans);letter-spacing:0;text-transform:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin:0;padding:0 8px;font-size:12.5px;line-height:1.2;display:flex;position:relative}#modal-settings .set-rooms>button:hover{border-color:color-mix(in srgb, var(--ch-accent) 45%, transparent)}#modal-settings .set-rooms>button.active{background:var(--ch-mode);color:var(--ch-mode-ink);border-color:color-mix(in srgb, var(--ch-accent) 55%, transparent)}#modal-settings .set-room-ic{background:color-mix(in srgb, var(--set-tile-sound) 16%, transparent);width:32px;height:32px;color:var(--set-room-ink);border-radius:9px;flex:none;place-items:center;display:grid}#modal-settings .set-rooms .set-check{width:16px;height:16px;top:7px;right:7px}#modal-settings .set-rooms>button.active .set-check{display:grid}#modal-settings .set-playing{color:var(--set-room-ink);display:none;position:absolute;top:8px;left:8px}#modal-settings .set-rooms>button.playing .set-playing{display:block}#modal-settings .set-slide>.set-l{flex:none;width:132px}#modal-settings .set-slide input[type=range]{flex:1;min-width:60px;max-width:none}#modal-settings .set-end{color:var(--dim);flex:none;font-size:12.5px}#modal-settings .set-link-v{color:var(--dim)}#modal-settings .set-btn .set-l{color:var(--ch-accent)}#modal-settings .set-danger .set-l{color:var(--ch-win-red,var(--magenta))}#modal-settings .set-stepper{border-radius:var(--set-r-in);background:var(--ch-well);border:var(--ch-well-edge);flex:none;align-items:center;gap:0;margin:0;display:inline-flex}#modal-settings .set-stepper.off{opacity:.4;pointer-events:none}#modal-settings .set-stepper .to-btn{width:34px;height:30px;color:var(--set-ink2);background:0 0;border:0;border-radius:0;place-items:center;padding:0;display:grid}#modal-settings .set-stepper .to-btn:hover{background:var(--ch-well-hover);color:var(--text)}#modal-settings .set-stepper .mono{text-align:center;min-width:64px;color:var(--text);font-family:var(--mono);letter-spacing:0;font-variant-numeric:tabular-nums;font-size:12px}#modal-settings .set-select,#modal-settings #set-lang{border-radius:var(--set-r-in);min-width:200px;max-width:60%;height:32px;font-family:var(--sans);color:var(--text);flex:none;padding:0 12px;font-size:13.5px}#modal-settings .set-lang-slot{flex:none;display:flex}#modal-settings .set-status{gap:14px;min-height:64px}#modal-settings .set-status-ic{background:var(--ch-mode);width:36px;height:36px;color:var(--ch-accent);border-radius:10px;flex:none;place-items:center;display:grid}#modal-settings .set-status-t{flex-direction:column;flex:1;min-width:0;display:flex}#modal-settings .set-status-t .set-l{font-weight:500}#modal-settings .set-status-t .set-l svg{display:none}#modal-settings .set-sub{font-family:var(--mono);color:var(--dim);font-size:12px}#modal-settings .set-state{color:var(--dim);flex:none;align-items:center;gap:6px;font-size:12.5px;display:flex}#modal-settings .set-dot{background:var(--set-faint-2);border-radius:4px;width:8px;height:8px}#modal-settings .set-state[data-on="1"]{color:var(--set-tile-notes)}#modal-settings .set-state[data-on="1"] .set-dot{background:var(--set-tile-notes)}#modal-settings .set-disc>.set-l{flex:none}#modal-settings .set-disc-list{text-overflow:ellipsis;white-space:nowrap;text-align:right;min-width:0;color:var(--dim);flex:1;font-size:12.5px;overflow:hidden}#modal-settings .set-disc[aria-expanded=true] .set-disc-list{visibility:hidden}#modal-settings .set-disc[aria-expanded=true] .set-chev{transform:rotate(90deg)}#modal-settings .set-adv-body[hidden]{display:none}#modal-settings #kb-controls{flex-direction:column;gap:4px;margin:0;display:flex}#modal-settings .kbc-group{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-top:10px;font-size:11px}#modal-settings .kbc-group:first-child{margin-top:0}#modal-settings .kbc-name{font-size:13px}#modal-settings .set-results.hidden{display:none}#modal-settings .set-res-count{font-family:var(--mono);letter-spacing:.14em;color:var(--dim);margin:0 4px 10px;font-size:11px}#modal-settings .set-res-empty{color:var(--dim);padding:32px 4px}#modal-settings .set-res-row{min-height:52px}#modal-settings .set-res-row .set-tile{width:26px;height:26px}#modal-settings .set-res-t{flex-direction:column;flex:1;min-width:0;display:flex}#modal-settings .set-res-crumb{color:var(--dim);font-size:12.5px}.set-ping{outline-offset:3px;transition:outline-color .3s;outline:2px solid var(--cyan)!important}@media (width<=980px){#modal-settings .set-side{width:200px}#modal-settings .set-body{padding:20px 20px 28px}#modal-settings .set-head{padding:0 12px 0 20px}#modal-settings .set-cards>button{width:calc(50% - 7px);max-width:216px}#modal-settings .set-cards-sm>button{width:calc(25% - 11px);min-width:120px}#modal-settings .set-rooms{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}#modal-settings .set-end{display:none}}:root[data-device=phone] #modal-settings .modal-card.set-card{border-left:0;border-right:0;border-radius:0;flex-direction:column;width:100%;max-width:100%;height:100%;max-height:none}:root[data-device=phone] #modal-settings .set-card.at-list .set-main,:root[data-device=phone] #modal-settings .set-card.at-pane .set-side{display:none}:root[data-device=phone] #modal-settings .set-side{border-right:0;flex:1;gap:16px;width:100%;padding:20px 16px 24px}:root[data-device=phone] #modal-settings .set-brand{font-family:var(--sans);letter-spacing:-.02em;text-transform:none;color:var(--text);padding:0;font-size:30px;font-weight:600;line-height:1.1}:root[data-device=phone] #modal-settings .set-search{border-radius:12px;height:44px}:root[data-device=phone] #modal-settings #set-q{height:40px;font-size:16px}:root[data-device=phone] #modal-settings .set-tabs{border:var(--ch-rule);background:var(--ch-well);border-radius:14px;gap:0;overflow:hidden}:root[data-device=phone] #modal-settings .set-tab{height:56px;color:var(--text);background:0 0;border-radius:0;gap:12px;padding:0 14px;font-size:15px;font-weight:400}:root[data-device=phone] #modal-settings .set-tab+.set-tab{border-top:var(--ch-rule)}:root[data-device=phone] #modal-settings .set-tile{border-radius:8px;width:30px;height:30px}:root[data-device=phone] #modal-settings .set-tab-v{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;max-width:45%;font-size:13px;display:block;overflow:hidden}:root[data-device=phone] #modal-settings .set-tab:after{content:"";border-right:1.5px solid var(--dim);border-top:1.5px solid var(--dim);flex:none;width:7px;height:7px;margin-left:4px;transform:rotate(45deg)}:root[data-device=phone] #modal-settings .set-back{width:44px;height:44px;display:grid}:root[data-device=phone] #modal-settings .set-head{height:56px;padding:0 8px 0 12px}:root[data-device=phone] #modal-settings .set-head h2{font-size:17px}:root[data-device=phone] #modal-settings #set-close{width:44px;height:44px}:root[data-device=phone] #modal-settings .set-body{padding:16px 16px 32px}:root[data-device=phone] #modal-settings .set-row{min-height:52px}:root[data-device=phone] #modal-settings .set-cards{gap:14px 12px}:root[data-device=phone] #modal-settings .set-cards>button,:root[data-device=phone] #modal-settings .set-cards-sm>button{width:calc(50% - 6px);min-width:0;max-width:none}:root[data-device=phone] #modal-settings .set-rooms{grid-template-columns:repeat(3,minmax(0,1fr))}:root[data-device=phone] #modal-settings .set-slide{flex-wrap:wrap;padding-top:10px;padding-bottom:10px}:root[data-device=phone] #modal-settings .set-slide>.set-l{flex:1;width:auto}:root[data-device=phone] #modal-settings .set-slide input[type=range]{flex-basis:100%;order:3;height:32px}:root[data-device=phone] #modal-settings .set-end{display:none}:root[data-device=phone] #modal-settings .set-select,:root[data-device=phone] #modal-settings #set-lang{min-width:0;max-width:55%;font-size:16px}:root[data-device=phone] #modal-settings .set-segbar{flex-wrap:wrap}:root[data-device=phone] #modal-settings .set-segbar .chip{flex:1 0 22%;height:36px}:root[data-device=phone] #modal-settings .set-card.searching .set-tabs{display:none}:root[data-device=phone] #modal-settings .set-side .set-results .set-group{margin-bottom:0}:root[data-device=phone] #modal-settings :is([data-s=tips],#set-controls-row,[data-s=hoverpreview]){display:none}@media (prefers-reduced-motion:reduce){#modal-settings *,#modal-settings :before{transition:none!important}}