.songs{position:relative;flex:0 1 auto}.songs,.songs-btn{display:inline-flex;min-width:0}.songs-btn{align-items:center;gap:8px;height:32px;max-width:100%;padding:0 12px 0 4px;border:0;border-radius:var(--radius-pill);background:var(--raise);color:var(--ink-2);font:600 13px/1 var(--sans);cursor:pointer;transition:background .15s,color .15s}.songs-btn:hover,.songs-btn[aria-expanded=true]{background:var(--raise-2);color:var(--ink)}.songs-btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.songs-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.songs-chev{flex:none;width:6px;height:6px;margin:0 1px 3px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg);opacity:.75}.songs-icon{flex:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(currentColor,currentColor) 7px 8px /10px 1.5px no-repeat,linear-gradient(currentColor,currentColor) 7px 11.25px /10px 1.5px no-repeat,linear-gradient(currentColor,currentColor) 7px 14.5px /7px 1.5px no-repeat,var(--raise-3)}.song-cover{flex:none;display:grid;place-items:center;overflow:hidden;background:var(--raise-3)}.song-cover.sm{width:24px;height:24px;border-radius:50%}.song-cover.md{width:44px;height:44px;border-radius:var(--radius-sm)}.song-cover img{display:block;width:100%;height:100%;object-fit:cover}.song-letter{font:700 13px/1 var(--sans);color:var(--ink-2)}.song-cover.md .song-letter{font-size:var(--fs-lg)}.song-cover.plus{background:linear-gradient(var(--ink-2),var(--ink-2)) 50% /14px 2px no-repeat,linear-gradient(var(--ink-2),var(--ink-2)) 50% /2px 14px no-repeat,var(--raise-3)}.songs-pop{position:absolute;z-index:60;top:calc(100% + 8px);left:0;width:340px;max-width:calc(100vw - 32px);max-height:min(72vh,600px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--raise-4) transparent;padding:6px;border-radius:var(--radius);background:var(--raise-2);box-shadow:0 0 0 1px var(--line-2),0 24px 48px rgba(0,0,0,.6);text-align:left;white-space:normal}.songs-head{display:flex;flex-direction:column;gap:2px;padding:10px}.songs-head strong{font-size:var(--fs-md);font-weight:var(--w-semi);font-stretch:106%;color:var(--ink)}.songs-head span{font-size:var(--fs-xs);color:var(--muted)}.songs-list{display:flex;flex-direction:column;gap:2px}.song-row{display:flex;align-items:center;gap:12px;width:100%;padding:7px 10px 7px 7px;border:0;border-radius:var(--radius-sm);background:none;color:inherit;text-align:left;cursor:pointer;transition:background .12s}.song-row:hover{background:var(--raise-3)}.song-row:focus-visible{outline:2px solid var(--ink);outline-offset:-2px;background:var(--raise-3)}.song-row[aria-current]{cursor:default}.song-row[aria-current]:hover{background:none}.song-text{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:3px}.song-title{font-size:var(--fs-sm);font-weight:var(--w-semi);color:var(--ink)}.song-sub,.song-title{line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-sub{font-size:var(--fs-xs);color:var(--muted)}.song-row[aria-current] .song-sub{color:var(--accent)}.song-tick{flex:none;width:11px;height:6px;margin:0 4px 4px 0;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}.songs-sep{display:flex;align-items:center;gap:8px;margin:8px 4px 0;padding:12px 6px 6px;border-top:1px solid var(--line);font-size:var(--fs-xs);color:var(--muted)}.songs-more{margin-left:auto;padding:2px 4px;border:0;background:none;color:var(--ink-2);font:500 12px/1.2 var(--sans);cursor:pointer}.songs-more:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.songs-more:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:4px}.song-new{margin-top:8px;box-shadow:0 -1px 0 var(--line);border-radius:0 0 12px 12px}.song-new:focus-visible,.song-new:hover{border-radius:var(--radius-sm);box-shadow:none}.app-top .brand-cell{width:max-content;max-width:calc(min(50vw, 1100px) + (var(--lw) - var(--rw)) / 2 - var(--gut) - 256px)}.app-top .songs-btn{height:30px}@media (max-width:1179px){.app-top .songs-label{display:none}.app-top .songs-btn{gap:5px;padding:0 9px 0 3px}}.top-end{display:inline-flex;align-items:center;gap:18px;min-width:0}.steps .songs-pop,.top-end .songs-pop{left:auto;right:0}.top-end .songs-label{max-width:180px}@media (max-width:640px){.top-end .songs-label{max-width:132px}}.steps .songs{flex:none;align-self:center}@media (max-width:480px){.steps .songs{display:none}}.steps .songs-label{display:none}.steps .songs-btn{gap:5px;padding:0 9px 0 3px}.cap-tools{flex:none;display:inline-flex;align-items:center;gap:6px;margin-left:auto}.stage-fit.p .cap-tools{margin-left:6px}.cap-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:28px;min-width:28px;padding:0 12px 0 10px;border:0;border-radius:var(--radius-pill);background:var(--raise-2);color:var(--ink-2);font:600 12.5px/1 var(--sans);cursor:pointer;transition:background .15s,color .15s}.cap-btn:hover,.cap-btn[aria-expanded=true]{background:var(--raise-3);color:var(--ink)}.cap-btn:disabled{opacity:.45;cursor:default}.cap-btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.cap-keys{width:28px;padding:0;font-size:var(--fs-sm)}@container (max-width: 560px){.cap-present{width:28px;padding:0}.cap-btn-label{display:none}}.sp-stage:focus{outline:none}.player-fit>.sound-hint,.stage-l>.sound-hint,.stage-p>.sound-hint{position:absolute;z-index:2;top:12px;left:12px}.stage-l,.stage-p{position:relative}.sound-hint{display:inline-flex;align-items:center;gap:8px;max-width:calc(100% - 24px);padding:7px 13px 7px 10px;border:0;border-radius:var(--radius-pill);background:rgba(12,12,16,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--ink-2);font:500 12.5px/1.25 var(--sans);white-space:nowrap;cursor:pointer;animation:sound-hint-in .4s var(--ease) both;transition:background .15s,color .15s}.sound-hint:hover{background:rgba(12,12,16,.94);color:var(--ink)}.sound-hint:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.sound-say{min-width:0;overflow:hidden;text-overflow:ellipsis}.sound-go{flex:none;color:var(--ink);font-weight:var(--w-semi)}.sound-hint.touch{gap:6px;padding:6px 11px 6px 9px;font-size:var(--fs-xs)}.player-fit>.sound-hint.touch,.stage-l>.sound-hint.touch,.stage-p>.sound-hint.touch{top:8px;left:8px}.sound-off{flex:none;color:var(--ink-2)}@keyframes sound-hint-in{0%{opacity:0;transform:translateY(-4px)}}.keys-sheet{position:fixed;z-index:120;top:calc(var(--head-h, 64px) + var(--gut, 16px) + 52px);right:calc(var(--rw, 0px) + 2 * var(--gut, 16px) + 14px);width:330px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 140px);overflow:auto;padding:14px 16px;border-radius:var(--radius);background:var(--raise-2);box-shadow:0 0 0 1px var(--line-2),0 24px 48px rgba(0,0,0,.6);animation:sound-hint-in .25s var(--ease) both}.keys-sheet:focus{outline:none}.keys-sheet.centred,.studio-app.presenting .keys-sheet{inset:0;margin:auto;height:fit-content}.head-links{display:inline-flex;align-items:baseline;gap:18px;flex:none}.keys-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.keys-head strong{font-size:var(--fs-md);font-weight:var(--w-semi);font-stretch:106%}.keys-x{position:relative;width:28px;height:28px;margin:-4px -6px -4px 0;border:0;border-radius:50%;background:none;color:var(--muted);cursor:pointer}.keys-x:hover{background:var(--raise-3);color:var(--ink)}.keys-x span:after,.keys-x span:before{content:"";position:absolute;left:8px;top:13px;width:12px;height:1.5px;background:currentColor;transform:rotate(45deg)}.keys-x span:after{transform:rotate(-45deg)}.keys-list{margin:0;display:flex;flex-direction:column}.keys-row{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:10px;padding:6px 0;border-top:1px solid var(--line)}.keys-row:first-child{border-top:0}.keys-row dt{display:flex;gap:4px}.keys-row dd{margin:0;font-size:var(--fs-sm);color:var(--ink-2)}.keys-foot{margin:10px 0 0;font-size:var(--fs-xs);color:var(--muted)}.keys-sheet kbd,.present-hud kbd{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:var(--radius-xs);background:var(--raise-3);box-shadow:inset 0 -1px 0 rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.04);font:600 11.5px/1 var(--mono);color:var(--ink)}.sp-stage.presenting{position:fixed;inset:0;z-index:100;padding:0;border-radius:0;background:#000;box-shadow:none}.sp-stage.presenting .stage-fit{--cap:0px}.sp-stage.presenting .stage-fit.l{--tl:0px}.sp-stage.presenting .stage-fit.p{width:min(100cqw,calc(100cqh * 9 / 16))}.sp-stage.presenting .song-strip,.sp-stage.presenting .sound-hint,.sp-stage.presenting .stage-cap{display:none}.sp-stage.presenting .player-fit{border-radius:0;box-shadow:none}html.present-idle .sp-stage.presenting,html.present-idle .sp-stage.presenting *{cursor:none}.present-hud{position:absolute;z-index:3;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:18px 22px 40px;background:linear-gradient(180deg,rgba(0,0,0,.6),transparent);pointer-events:none;transition:opacity .45s var(--ease)}.present-hud.idle{opacity:0}.present-say{margin:0;min-width:0;font-size:var(--fs-md);color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.present-say strong{color:var(--ink);font-weight:var(--w-semi)}.present-dot{display:inline-block;width:5px;height:5px;margin:0 6px 2px;border-radius:50%;background:var(--accent);vertical-align:middle}.present-keys{flex:none;margin:0;display:flex;gap:16px;font-size:var(--fs-xs);color:var(--muted)}.pk,.present-keys{align-items:center}.pk{display:inline-flex;gap:4px}.pk kbd:last-of-type{margin-right:3px}.present-leave{padding:0 10px 0 0;border:0;border-radius:var(--radius-pill);background:none;color:var(--ink-2);font:inherit;cursor:pointer;pointer-events:auto}.present-leave:hover{color:var(--ink)}.present-hud.idle .present-leave{pointer-events:none}@media (max-width:1200px){.present-keys .pk-more{display:none}}