:root{--brand:#5dade2;--brand-ink:#2e86c1;--brand-hover:#4a9fd4;--brand-tint:rgba(93,173,226,.14);--bg:#f9fafb;--surface:#fff;--surface-2:#f3f4f6;--surface-3:#e5e7eb;--line:#e5e7eb;--ink:#111827;--ink-2:#374151;--muted:#6b7280;--faint:#9ca3af;--good:#059669;--danger:#dc2626;--stage:#111327;--piano-c:#ff6b85;--piano-d:#ffb347;--piano-e:#ffe66d;--piano-f:#4ecdc4;--piano-g:#5dade2;--piano-a:#a569bd;--piano-b:#ff6bb5;--w:var(--brand);--font-display:var(--font-nunito),var(--font-inter),system-ui,sans-serif;--font-body:var(--font-inter),system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-mono:ui-monospace,"SF Mono",Menlo,monospace;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--shadow-sm:0 1px 2px rgba(17,24,39,.05);--shadow:0 1px 3px rgba(17,24,39,.06),0 6px 16px rgba(17,24,39,.06);color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b0f19;--surface:#111827;--surface-2:#1a2233;--surface-3:#263043;--line:#263043;--ink:#f3f4f6;--ink-2:#d1d5db;--muted:#9ca3af;--faint:#6b7280;--brand-ink:#7dc0eb;--brand-tint:rgba(93,173,226,.18);--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow:0 1px 3px rgba(0,0,0,.5),0 6px 16px rgba(0,0,0,.35);color-scheme:dark}}:root[data-theme=dark]{--bg:#0b0f19;--surface:#111827;--surface-2:#1a2233;--surface-3:#263043;--line:#263043;--ink:#f3f4f6;--ink-2:#d1d5db;--muted:#9ca3af;--faint:#6b7280;--brand-ink:#7dc0eb;--brand-tint:rgba(93,173,226,.18);--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow:0 1px 3px rgba(0,0,0,.5),0 6px 16px rgba(0,0,0,.35);color-scheme:dark}*{box-sizing:border-box}html{scroll-padding-top:84px;-webkit-text-size-adjust:100%}body{background:var(--bg);font:16px/1.6 var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh}body,h1,h2,h3{margin:0;color:var(--ink)}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.015em;line-height:1.15;text-wrap:balance;font-weight:800}p{margin:0}a,button{color:inherit}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}input:focus-visible,select:focus-visible{outline:none}.gl,.ic{width:20px;height:20px;flex:none}.gl{color:#fff}.wrap{max-width:1160px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}.eyebrow{font:700 12px/1.3 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.eyebrow a{color:inherit}.muted{color:var(--muted)}.sr-only{width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip,.sr-only{position:absolute}.skip{left:12px;top:-60px;z-index:100;background:var(--ink);color:var(--bg);padding:8px 14px;border-radius:999px;font-weight:700;text-decoration:none}.skip:focus{top:10px}.rainbow{height:3px;background:linear-gradient(90deg,var(--piano-c),var(--piano-d),var(--piano-e),var(--piano-f),var(--piano-g),var(--piano-a),var(--piano-b))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:10px 18px;font-weight:600;font-size:15px;line-height:1.2;white-space:nowrap;transition:background .15s,border-color .15s,transform .08s;text-decoration:none;color:var(--ink)}@media (hover:hover){.btn:hover{background:var(--surface-2)}}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}@media (hover:hover){.btn.primary:hover{background:var(--brand-hover)}}.btn.dark{background:var(--ink);border-color:var(--ink);color:var(--bg)}.btn.ghost{border-color:transparent;background:transparent}@media (hover:hover){.btn.ghost:hover{background:var(--surface-2)}}.btn.small{padding:7px 13px;font-size:14px}.btn.big{padding:13px 24px;font-size:16px}.btn[aria-pressed=true]{border-color:var(--brand)}.btn.tonal,.btn[aria-pressed=true]{background:var(--brand-tint);color:var(--brand-ink)}.btn.tonal{border-color:color-mix(in srgb,var(--brand) 40%,transparent)}@media (hover:hover){.btn.tonal:hover{border-color:var(--brand)}}.btn.saved{background:transparent;color:var(--ink-2)}.btn.saved .ic{color:var(--good)}.make-acts{display:flex;gap:8px;flex:none;margin-left:auto}.song-player .bar-more>.picker,.song-player .player-bar.picked>.picker{flex-basis:180px}.song-player .bar-more .range input{width:104px}.make-acts .btn{padding-inline:15px}.player-bar.picked .make-acts .btn{min-height:44px}.iconbtn{width:40px;height:40px;border-radius:999px;border:1px solid var(--line);background:var(--surface);display:inline-grid;place-items:center;color:var(--ink);text-decoration:none;flex:none}@media (hover:hover){.iconbtn:hover{background:var(--surface-2)}}.iconbtn .ic{width:18px;height:18px}.playbtn{width:56px;height:56px;border-radius:999px;border:0;background:var(--brand);color:#fff;display:grid;place-items:center;flex:none;box-shadow:0 6px 16px rgba(93,173,226,.35);transition:transform .08s,background .15s}@media (hover:hover){.playbtn:hover{background:var(--brand-hover)}}.playbtn:active{transform:scale(.97)}.playbtn .ic{width:24px;height:24px}.playbtn:not(.on) .ic{margin-left:3px}.link{font-weight:600;text-decoration:none;display:inline-flex;gap:6px;align-items:center;color:var(--brand-ink)}@media (hover:hover){.link:hover{text-decoration:underline}}.link .ic{width:16px;height:16px}.linkish{border:0;background:none;padding:0;font:inherit;font-weight:600;color:var(--brand-ink);text-decoration:underline;cursor:pointer}.pills{display:flex;flex-wrap:wrap;gap:8px}.pills.scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.pills.scroll::-webkit-scrollbar{display:none}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 14px;font-size:14px;font-weight:600;color:var(--ink-2);white-space:nowrap;text-decoration:none;transition:background .15s,border-color .15s;flex:none}@media (hover:hover){.pill:hover{background:var(--surface-2)}}.pill[aria-current=page],.pill[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.pill .sw{width:9px;height:9px;border-radius:50%;background:var(--cc,var(--brand));flex:none}.pill small{font-weight:500;opacity:.7;font-size:12px}.seg{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);max-width:100%;overflow-x:auto;scrollbar-width:none}.seg::-webkit-scrollbar{display:none}.seg a,.seg button{border:0;background:none;border-radius:999px;padding:7px 14px;font-size:14px;font-weight:600;color:var(--ink-2);white-space:nowrap;text-decoration:none}.seg a[aria-current=page],.seg button[aria-checked=true],.seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.top{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.top .wrap{gap:10px 22px;height:64px}.brand,.top .wrap{display:flex;align-items:center}.brand{gap:10px;text-decoration:none;font:800 19px/1 var(--font-display);letter-spacing:-.02em;flex:none;color:var(--ink)}.brand img,.brand svg{width:32px;height:32px;border-radius:8px}.brand b{color:var(--brand-ink);font-weight:800}.nav{display:flex;gap:4px}.nav a{text-decoration:none;font-weight:600;font-size:15px;color:var(--ink-2);padding:8px 12px;border-radius:999px;white-space:nowrap}@media (hover:hover){.nav a:hover{background:var(--surface-2);color:var(--ink)}}.nav a[aria-current=page]{color:var(--brand-ink);background:var(--brand-tint)}.top-r{margin-left:auto;gap:8px}.hsearch,.top-r{display:flex;align-items:center;min-width:0}.hsearch{gap:6px;border:1px solid var(--line);background:var(--surface-2);border-radius:999px;padding:2px 4px 2px 14px;width:260px}.hsearch:focus-within{border-color:var(--brand);background:var(--surface)}.hsearch input{border:0;background:none;font:500 14px var(--font-body);color:var(--ink);padding:8px 0;min-width:0;flex:1}.hsearch button{border:0;background:none;padding:6px;border-radius:999px;display:grid;place-items:center;color:var(--muted)}main{padding-block:28px 72px;display:block}.head{margin-bottom:22px}.head h1{font-size:clamp(30px,4vw,42px)}.head p{color:var(--ink-2);max-width:64ch;margin-top:10px;font-size:17px}.head .eyebrow{margin-bottom:8px}.crumbs{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;font-size:13px;margin:0 0 14px;padding:0;list-style:none}.crumbs,.crumbs a{color:var(--muted)}.crumbs a{text-decoration:none}@media (hover:hover){.crumbs a:hover{color:var(--ink);text-decoration:underline}}.crumbs li+li:before{content:"/";margin-right:8px;color:var(--faint)}.hero{text-align:center;padding:28px 0 8px}.hero .hero-title{font:800 clamp(34px,5.2vw,56px)/1.15 var(--font-display);letter-spacing:-.015em;text-wrap:balance;color:var(--ink);max-width:18ch;margin:0 auto}.hero .hero-title b{color:var(--brand-ink)}.hero p{color:var(--ink-2);font-size:18px;max-width:56ch;margin:14px auto 0}.hero .searchbar{margin:26px auto 0}.hero .eyebrow{margin:0 auto 10px;color:var(--brand-ink)}.hero .pills{justify-content:center;margin-top:14px}.searchbar{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 6px 6px 18px;max-width:640px;box-shadow:var(--shadow-sm)}.searchbar:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-tint)}.searchbar input{flex:1;min-width:0;border:0;background:none;font:500 17px var(--font-body);color:var(--ink);padding:9px 0}.searchbar .ic{color:var(--muted)}.sec{margin-top:56px}.sec-h{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.sec-h h2{font-size:clamp(22px,2.6vw,28px)}.sec-h p{color:var(--muted);margin-top:4px;max-width:64ch}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:20px;box-shadow:var(--shadow-sm)}.card h2{font-size:20px;margin-bottom:4px}.card>p.sub{color:var(--muted);font-size:14px;margin-bottom:10px}.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tile{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;text-decoration:none;color:var(--ink);transition:border-color .15s,box-shadow .15s;height:100%}@media (hover:hover){.tile:hover{border-color:var(--brand);box-shadow:var(--shadow)}}.tile b{display:block;font:800 18px/1.25 var(--font-display)}.tile span{display:block;color:var(--muted);font-size:14px;margin-top:6px}.tile .tile-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--brand-tint);color:var(--brand-ink);margin-bottom:12px}.player{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow)}.player-tabs{display:flex;align-items:flex-end;gap:12px;padding:8px 8px 0;background:var(--surface-2);border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none;border-radius:calc(var(--r-xl) - 1px) calc(var(--r-xl) - 1px) 0 0}.tabs-list{display:flex;gap:2px;flex:none}.player-tabs::-webkit-scrollbar{display:none}.tabs-list :is(a,button){display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px 12px 0 0;font:600 14px var(--font-body);color:var(--muted);background:none;text-decoration:none;white-space:nowrap;border:1px solid transparent;border-bottom:0;margin-bottom:-1px;cursor:pointer}@media (hover:hover){.tabs-list :is(a,button):hover{color:var(--ink)}}.tabs-list :is(a[aria-current=page],button[aria-selected=true]){background:var(--surface);color:var(--ink);border-color:var(--line)}.tabs-list .ic{width:18px;height:18px}.player-body{padding:14px}.stage{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--r-lg);background:var(--stage);height:var(--stage-h,320px);min-height:220px;isolation:isolate}.stage-lane{min-height:0;flex:1}.stage-keys,.stage-lane{display:block;width:100%}.stage-keys{flex:none;touch-action:none;height:60px}.stage{container-type:inline-size}@container (min-width: 560px){.stage-keys{height:75px}}.stage-sheet{display:block;min-height:0;flex:1;width:100%;border:0;background:#f4f1ea}@media (min-width:761px){.player-body .stage{--stage-h:clamp(320px,calc(100vh - 290px),565px)}@supports (height:1svh){.player-body .stage{--stage-h:clamp(320px,calc(100svh - 290px),565px)}}}.stage-hint{position:absolute;inset:0;display:grid;place-items:center;z-index:1;pointer-events:none}.stage-hint>div{display:flex;flex-direction:column;align-items:center;gap:10px;color:#f4f3ff;text-align:center;margin-bottom:60px;padding:18px 22px 14px;border-radius:22px;background:rgba(14,15,31,.58);backdrop-filter:blur(10px) saturate(1.2);box-shadow:0 10px 30px rgba(0,0,0,.22)}.stage-hint button{pointer-events:auto;border:0;width:68px;height:68px;border-radius:50%;background:#fff;color:#111327;display:grid;place-items:center;box-shadow:0 0 0 10px hsla(0,0%,100%,.12)}.stage-hint button .ic{width:26px;height:26px;margin-left:4px}.stage-hint span{font-weight:600;font-size:14px;max-width:260px}.player-bar{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;padding:14px 4px 2px}.player-bar .grow{flex:1 1 auto;min-width:0}.control{display:grid;gap:6px;min-width:0}.control>.lab{margin:0}.lab{font:700 11.5px/1.3 var(--font-body);letter-spacing:.07em;text-transform:uppercase;margin-bottom:8px;display:block}.lab,.range{color:var(--muted)}.range{display:flex;align-items:center;gap:10px;font-size:14px}.range input{width:140px;accent-color:var(--brand)}.range output{font:600 13px var(--font-mono);color:var(--ink-2);min-width:64px}.select{font:600 14px var(--font-body);border:1px solid var(--line);background-color:var(--surface);color:var(--ink);border-radius:999px;padding:8px 32px 8px 14px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 17px) 55%,calc(100% - 12px) 55%;background-size:5px 5px;background-repeat:no-repeat}.now-line{font-size:13.5px;color:var(--muted);padding:10px 4px 0}.now-line a{color:var(--ink-2);font-weight:600}.pickers{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 14px}.picker{position:relative;display:grid;gap:6px;min-width:0;align-content:start}.picker-lab{font:700 11.5px/1.3 var(--font-body);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-box{display:flex;align-items:stretch;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0}.picker.open .picker-box{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-tint)}.picker-step{flex:none;width:36px;border:0;background:none;color:var(--muted);display:grid;place-items:center;padding:0}@media (hover:hover){.picker-step:hover:not(:disabled){color:var(--ink);background:var(--surface-2)}}.picker-step:first-child{border-radius:11px 0 0 11px;border-right:1px solid var(--line)}.picker-step:last-child{border-radius:0 11px 11px 0;border-left:1px solid var(--line)}.picker-step .ic{width:16px;height:16px}.picker-val{flex:1;min-width:0;display:flex;align-items:center;gap:8px;border:0;background:none;padding:0 10px 0 12px;text-align:left;font-weight:600;font-size:15px;color:var(--ink)}.picker-val:only-child{border-radius:11px}@media (hover:hover){.picker-val:hover:not(:disabled){background:var(--surface-2)}}.picker-val .ic{color:var(--muted)}.picker-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-menu small,.picker-name small{font-weight:500;color:var(--muted);font-size:12.5px;margin-left:7px}.picker .sw{width:9px;height:9px;border-radius:50%;background:var(--cc);flex:none}.picker-menu{position:absolute;z-index:40;top:calc(100% + 6px);left:0;min-width:100%;width:-moz-max-content;width:max-content;max-width:min(380px,calc(100vw - 32px));max-height:340px;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px rgba(17,24,39,.16);padding:6px;animation:fade .12s}.picker-menu.up{top:auto;bottom:calc(100% + 6px)}.picker-menu-h{display:none}.picker-menu a,.picker-menu button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;padding:9px 10px;border-radius:9px;text-align:left;font-size:15px;font-weight:500;color:var(--ink);text-decoration:none}.picker-menu a>span,.picker-menu button>span{flex:1;min-width:0}.picker-menu a:focus-visible,.picker-menu button:focus-visible{background:var(--surface-2);outline:none}@media (hover:hover){.picker-menu a:hover,.picker-menu button:hover{background:var(--surface-2);outline:none}}.picker-menu [aria-selected=true]{font-weight:700;color:var(--brand-ink)}.picker-menu hr{border:0;border-top:1px solid var(--line);margin:6px 4px}.picker-menu .picker-act{color:var(--brand-ink);font-weight:600}.picker-scrim{display:none}.playground-top{margin-bottom:14px}#playground{scroll-margin-top:84px}.as-panel{position:fixed;z-index:55;right:24px;bottom:24px;width:min(380px,calc(100vw - 32px));max-height:min(560px,calc(100vh - 120px));display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--line);border-radius:var(--r-xl);background:var(--surface);box-shadow:0 18px 50px rgba(0,0,0,.28);transform-origin:bottom right;animation:as-in .2s ease-out}@keyframes as-in{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:none}}.as-panel-head{display:flex;align-items:center;gap:10px;padding:2px 2px 0}.as-panel-head h3{flex:1 1 auto;min-width:0;margin:0;font-size:16px}.as-mark{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--brand-tint);color:var(--brand-ink)}.as-mark .ic{width:16px;height:16px}.as-new{flex:none;font-size:14px}.as-fold{flex:none;width:34px;height:34px}.as-thread{flex:1 1 auto;min-height:60px;display:flex;flex-direction:column;gap:8px;padding:2px;overflow-y:auto;overscroll-behavior:contain}.as-empty{margin:4px 2px;color:var(--muted);font-size:14px}.as-msg{max-width:88%;padding:8px 12px;border-radius:16px;font-size:14.5px;line-height:1.45}.as-msg p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.as-user{align-self:flex-end;background:var(--brand);color:#fff;border-bottom-right-radius:6px}.as-assistant{align-self:flex-start;background:var(--surface-2);color:var(--ink);border-bottom-left-radius:6px}.as-built{display:block;margin-top:4px;font-size:12.5px;font-weight:600;color:var(--brand-ink)}.as-links{list-style:none;margin:8px 0 2px;padding:0;display:grid;gap:4px}.as-links a{display:grid;gap:1px;padding:7px 10px;border-radius:10px;background:var(--surface);border:1px solid var(--line);color:var(--ink);text-decoration:none}.as-links b{font-size:14px;font-weight:700;color:var(--brand-ink);overflow-wrap:anywhere}.as-links small{font-size:12.5px;color:var(--muted)}@media (hover:hover){.as-links a:hover{border-color:var(--brand)}}.as-msg.as-team{background:var(--brand-tint);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 40%,transparent)}.as-team-label{display:block;margin-bottom:3px;font:700 11.5px var(--font-body);letter-spacing:.02em;color:var(--brand-ink)}.as-msg.as-note{background:none;border:0;box-shadow:none;padding:2px 4px}.as-msg.as-note p{font-size:13px;font-style:italic;color:var(--muted)}.as-typing{display:flex;gap:5px;padding:13px 14px}.as-typing i{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:as-dot 1s ease-in-out infinite}.as-typing i:nth-child(2){animation-delay:.15s}.as-typing i:nth-child(3){animation-delay:.3s}@keyframes as-dot{0%,80%,to{opacity:.3;transform:none}40%{opacity:1;transform:translateY(-3px)}}.as-ideas{display:flex;flex-wrap:wrap;gap:6px}.as-ideas button{min-height:34px;padding:5px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font:600 13px var(--font-body);text-align:left;cursor:pointer}@media (hover:hover){.as-ideas button:hover{border-color:var(--brand);color:var(--brand-ink)}}.as-form{display:flex;align-items:flex-end;gap:8px;padding:5px 5px 5px 14px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.as-form:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}.as-form textarea{flex:1;min-width:0;min-height:38px;max-height:110px;padding:8px 0;border:0;outline:0;resize:none;background:none;color:var(--ink);font:15px/1.45 var(--font-body);field-sizing:content}.as-send{flex:none;width:38px;height:38px;border-radius:50%;border:0;display:grid;place-items:center;background:var(--brand);color:#fff;cursor:pointer}.as-send:disabled{background:var(--surface-2);color:var(--muted);cursor:default}.as-send .ic{width:18px;height:18px}.as-bubble{position:fixed;z-index:55;right:24px;bottom:24px;width:56px;height:56px;border-radius:50%;border:0;display:grid;place-items:center;background:var(--brand);color:#fff;box-shadow:0 10px 28px rgba(93,173,226,.45);cursor:pointer;animation:as-in .2s ease-out}.as-bubble .ic{width:24px;height:24px}.as-dot{position:absolute;top:3px;right:3px;width:13px;height:13px;border-radius:50%;background:#e5484d;border:2px solid var(--surface)}@media (min-width:1100px){body{transition:padding-right .2s ease-out}html.as-docked body{padding-right:396px}html.as-docked .as-panel{top:12px;bottom:12px;right:12px;width:372px;max-height:none}}@media (min-width:1100px) and (prefers-reduced-motion:reduce){body{transition:none}}@media (max-width:760px){#playground{scroll-margin-top:12px}.as-panel{left:8px;right:8px;width:auto;bottom:calc(var(--foot-h) + 8px);max-height:52svh;border-radius:18px}.as-form textarea{font-size:16px}.as-ideas button{min-height:40px}}.as-making{min-width:min(260px,88%)}.as-steps{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:3px;counter-reset:as-step}.as-steps li{counter-increment:as-step;display:flex;gap:8px;align-items:baseline;padding:3px 8px;border-radius:8px;font-size:13.5px;color:var(--ink-2);animation:as-step-in .25s ease-out}.as-steps li:before{content:counter(as-step);flex:none;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font:800 10.5px/18px var(--font-display);background:var(--surface-3);color:var(--muted)}.as-steps li.on{color:var(--ink);font-weight:600;animation:as-step-in .25s ease-out,as-lit 1s ease-in-out infinite}.as-steps li.on:before{background:var(--brand);color:#fff}@keyframes as-step-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes as-lit{0%,to{background:transparent}50%{background:var(--brand-tint)}}.assist-lit,.tour-flash{border-radius:14px}.tour-flash{position:relative;z-index:2;animation:tour-flash 1.1s ease-out 2}.tour-flash .picker-box,select.tour-flash{border-color:var(--w,var(--brand))}@keyframes tour-flash{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--w,var(--brand)) 65%,transparent);background-color:color-mix(in srgb,var(--w,var(--brand)) 16%,transparent)}to{box-shadow:0 0 0 12px transparent;background-color:transparent}}.btn.nudge{animation:nudge 1.4s ease-in-out 6}@keyframes nudge{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--brand) 55%,transparent);transform:none}50%{box-shadow:0 0 0 9px transparent;transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.as-bubble,.as-panel,.as-steps li,.as-steps li.on,.as-typing i{animation:none}.tour-flash{animation:none;outline:3px solid var(--w,var(--brand));outline-offset:3px}.btn.nudge{animation:none;outline:3px solid var(--brand);outline-offset:3px}}.mixer{padding:16px 0 2px}.timeline{display:flex;gap:4px;align-items:stretch;margin-top:10px}.tl{flex:var(--n) 1 0;border-radius:8px;padding:5px 8px;color:#fff;font-size:12px;font-weight:700;background:color-mix(in srgb,var(--c) 45%,var(--surface-3));min-width:0}.tl,.tl span{position:relative;overflow:hidden}.tl span{z-index:1;white-space:nowrap;text-overflow:ellipsis;display:block}.tl i{position:absolute;inset:0 auto 0 0;width:var(--p,0);background:var(--c);transition:width .2s linear}.tl small{display:block;font-weight:500;opacity:.9;position:relative;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-map{display:flex;gap:8px;margin-top:12px}.sm-part{flex:1 1 0;min-width:0;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:10px 12px 11px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer}.sm-loop{flex-grow:2.2}.sm-song{flex-grow:1.2}@media (hover:hover){.sm-part:not([aria-pressed=true]):hover{border-color:color-mix(in srgb,var(--w) 50%,var(--line))}}.sm-part[aria-pressed=true]{border-color:var(--w);background:color-mix(in srgb,var(--w) 11%,var(--surface));box-shadow:inset 0 0 0 1px var(--w)}.sm-name{display:flex;align-items:center;gap:6px;max-width:100%;font:700 14.5px var(--font-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sm-name .ic{width:15px;height:15px;flex:none;color:var(--w)}.sm-chords{display:flex;flex-wrap:wrap;gap:4px}.sm-chords b{padding:1px 7px;border-radius:7px;font:800 13px/1.5 var(--font-display);background:color-mix(in srgb,var(--cc) 16%,var(--surface));border:1.5px solid var(--cc)}.sm-chords .sm-more{--cc:var(--line);color:var(--muted)}.sm-detail{font-size:12.5px;color:var(--muted)}.sm-progress{position:absolute;left:0;bottom:0;height:3px;background:var(--w);transition:width .2s linear}.own-parts{align-items:stretch;margin-top:10px}.op-all,.own-parts{display:flex;gap:6px}.op-all{position:relative;overflow:hidden;flex:none;align-items:center;min-height:40px;padding:0 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:700 13.5px var(--font-display);cursor:pointer}.op-all .ic{width:14px;height:14px;color:var(--w)}.op-all small{font:500 12px var(--font-body);color:var(--muted)}.op-all[aria-pressed=true]{border-color:var(--w);background:color-mix(in srgb,var(--w) 11%,var(--surface));box-shadow:inset 0 0 0 1px var(--w)}.op-progress{position:absolute;left:0;bottom:0;height:3px;background:var(--w);transition:width .2s linear}.op-strip{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;gap:4px}.op-part{flex:var(--n) 1 calc(var(--n) * 6px);min-width:44px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:40px;padding:3px 8px;border-radius:9px;border:1.5px solid transparent;background:color-mix(in srgb,var(--c) 26%,var(--surface));color:var(--ink);font:700 12.5px/1.2 var(--font-display);text-align:left;cursor:pointer;overflow:hidden;transition:background .2s}.op-part span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op-part small{font:500 11px var(--font-body);color:var(--muted)}.op-part.op-now{background:color-mix(in srgb,var(--c) 60%,var(--surface))}.op-part[aria-pressed=true]{border-color:var(--ink)}@media (hover:hover){.op-part:not([aria-pressed=true]):hover{border-color:color-mix(in srgb,var(--c) 75%,var(--line))}}.own-hands .hand-steps{margin-top:8px}.own-now{margin:0;padding:10px 4px 0;font-size:13.5px}.own-now b{color:var(--ink-2)}@media (max-width:760px){.own-parts{flex-direction:column}.op-all,.op-part{min-height:44px}.player-body>.own-now{order:5}}.hand-steps{display:flex;align-items:center;gap:12px;margin-top:10px}.hand-steps .lab{margin:0;flex:none}.hs-list{flex:1 1 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}.hs-list button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:42px;padding:6px 8px;border:0;border-left:1px solid var(--line);background:none;color:var(--ink-2);font:600 14px var(--font-body);white-space:nowrap;cursor:pointer}.hs-list button:first-child{border-left:0}.hs-list em{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font:800 11.5px var(--font-display);font-style:normal;background:var(--surface-2);color:var(--muted)}@media (hover:hover){.hs-list button:not(:disabled):not([aria-pressed=true]):hover{color:var(--ink);background:var(--surface-2)}}.hs-list button[aria-pressed=true]{background:color-mix(in srgb,var(--w) 14%,var(--surface));color:var(--ink)}.hs-list button[aria-pressed=true] em{background:var(--w);color:#fff}.hs-list button:disabled{opacity:.4;cursor:default}@media (min-width:761px){.song-nav{display:flex;flex-direction:column;gap:6px;margin-top:10px}.sn-hands,.sn-parts{min-width:0}.sn-hands{display:flex}.sn-parts .song-map{margin-top:0;height:100%;gap:6px}.sn-parts .sm-part{flex-direction:row;align-items:center;gap:8px;padding:0 12px;min-height:40px;border-radius:12px}.sn-parts .sm-name{flex:none;font-size:13.5px}.sn-parts .sm-name .ic{width:14px;height:14px}.sn-parts .sm-chords{flex-wrap:nowrap;overflow:hidden;min-width:0;gap:3px}.sn-parts .sm-chords b{font-size:11.5px;line-height:18px;padding:0 5px;border-width:1px;border-radius:6px}.sn-parts .sm-chords+.sm-detail{display:none}.sn-parts .sm-detail{font-size:12px;white-space:nowrap}.sn-hands .hand-steps{flex:1;margin-top:0;gap:8px}.sn-hands .lab{font-size:10.5px}.sn-hands .hs-list{height:100%}.sn-hands .hs-list button{min-height:36px;font-size:13.5px;gap:6px;padding:3px 6px}.sn-hands .hs-list em{width:18px;height:18px;font-size:10.5px}}@media (max-width:760px){.song-map{flex-direction:column;gap:6px;margin-top:10px}.sm-part{flex:none;flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 10px;min-height:46px;padding:7px 12px}.sm-name{flex:none;font-size:14px}.sm-chords{margin-left:auto;justify-content:flex-end}.sm-chords b{font-size:12.5px;padding:0 6px}.sm-detail{margin-left:auto;font-size:13px}.hand-steps .lab,.sm-chords+.sm-detail{display:none}.hs-list button{min-height:44px;padding:4px;gap:5px;font-size:13.5px}.hs-more{display:none}}.covers{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:22px 18px}@media (max-width:760px){.covers{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}}.cover{display:flex;flex-direction:column;gap:10px;color:var(--ink);min-width:0}.cover-box{position:relative}.cover .cover-t{text-decoration:none;color:var(--ink)}@media (hover:hover){.cover .cover-t:hover b{color:var(--brand-ink)}}.cover-art{aspect-ratio:1;border-radius:var(--r-lg);background:radial-gradient(120% 90% at 85% 0,color-mix(in srgb,var(--c1) 55%,transparent),transparent 62%),#111327;display:block;overflow:hidden;position:relative;transition:transform .15s,box-shadow .15s}.cover-play,.cover-stage{display:block;width:100%;height:100%}.cover-play{position:relative}.cover-canvas{position:absolute;inset:0;width:100%;height:100%}.cover-play.on .cover-stage{opacity:0}.cover-hint{position:absolute;left:10px;right:10px;bottom:21%;text-align:center;font-size:11.5px;font-weight:700;color:#fff;background:rgba(14,15,31,.85);border-radius:999px;padding:5px 8px;pointer-events:none;animation:fade .2s}@media (hover:hover){.cover:hover .cover-art{transform:translateY(-2px);box-shadow:var(--shadow)}}.cover-btn{display:none}@media (hover:none){.cover-btn{display:grid;place-items:center;position:absolute;right:8px;bottom:calc(15% + 8px);width:40px;height:40px;border-radius:999px;border:0;background:#fff;color:#111327;box-shadow:0 4px 14px rgba(0,0,0,.35)}.cover-btn .ic{width:16px;height:16px;margin-left:2px}.cover-btn.on{background:var(--brand);color:#fff}.cover-btn.on .ic{margin-left:0}}.cover-t b{display:block;font-weight:700;font-size:15px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cover-t span{display:block;font-size:13px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.results{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:0 28px;margin:8px 0 0;padding:0;list-style:none}.srow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;text-decoration:none;color:var(--ink);padding:12px 2px;border-bottom:1px solid var(--line)}@media (hover:hover){.srow:hover b{color:var(--brand-ink)}}.srow-t{min-width:0}.srow-t b{font-weight:600}.srow-t b,.srow-t span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.srow-t span{font-size:13px;color:var(--muted)}.empty{color:var(--muted);padding:18px 0}.empty-all{margin-top:18px;padding:28px 22px;border:1.5px dashed var(--line);border-radius:var(--r-xl);text-align:center;display:grid;justify-items:center;gap:10px}.empty-all h2{font-size:22px;margin:0}.empty-all>p{color:var(--muted);max-width:46ch;margin:0}.empty-all .row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:6px}.empty-all .more-code{margin-top:8px}.empty-all .bring-note{font-size:13.5px;margin:0}.rename-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 0 6px}.rename-row .input{flex:1 1 240px;min-width:0;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font:700 20px var(--font-display)}.my-song-acts{display:flex}.confirm-row,.my-song-acts{flex-wrap:wrap;gap:8px;align-items:center}.confirm-row{display:inline-flex;font-size:14px;color:var(--ink-2)}.btn.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}.my-song-notes{display:flex;gap:8px;align-items:flex-start}@media (max-width:760px){.song-head .my-song-acts{grid-column:1/-1;grid-row:auto;margin-top:8px}.song-head .my-song-acts .btn{width:auto;height:40px;padding:0 12px;border-radius:999px}.song-head .my-song-acts .save-word{display:inline}.rename-row .input{font-size:18px}}.letters{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;padding:0;list-style:none}.letters a{display:grid;place-items:center;min-width:40px;height:40px;padding:0 8px;border-radius:10px;border:1px solid var(--line);background:var(--surface);font-weight:700;text-decoration:none;color:var(--ink-2);text-transform:uppercase}@media (hover:hover){.letters a:hover{border-color:var(--brand);color:var(--brand-ink)}}.letters a[aria-current=page]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.pager{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}.song-head{margin-bottom:18px}.song-head h1{font-size:clamp(30px,4.2vw,46px)}.song-head .by{font-size:17px;color:var(--ink-2);margin-top:6px}.song-head .by a{color:var(--brand-ink);font-weight:600;text-decoration:none}.facts{display:flex;flex-wrap:wrap;gap:6px 14px;margin:10px 0 0;padding:0;list-style:none;color:var(--muted);font-size:14px}.facts li+li:before{content:"·";margin-right:14px;color:var(--faint)}.facts a{color:var(--brand-ink);text-decoration:none;font-weight:600}.lede{font-size:17px;color:var(--ink-2);margin-top:14px;max-width:72ch}.chords{flex-wrap:wrap}.chord,.chords{display:inline-flex;gap:6px}.chord{align-items:center;background:var(--surface);border:1px solid var(--line);color:var(--ink);font:700 14px var(--font-mono);padding:5px 10px;border-radius:8px}.chord:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cc,var(--brand))}.chord-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:10px;padding:0;margin:12px 0 0;list-style:none}.chord-cards li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:12px 14px}.chord-cards b{display:flex;align-items:center;gap:8px;font:700 18px var(--font-mono)}.chord-cards b:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--cc,var(--brand))}.chord-cards span{display:block;color:var(--muted);font-size:13.5px;margin-top:4px}.note-s{font-size:13px;color:var(--muted);margin-top:12px}.note-s .ic{width:15px;height:15px;vertical-align:-3px}.prose{max-width:76ch}.prose h2{font-size:clamp(22px,2.6vw,28px);margin:0 0 10px}.prose h3{font-size:18px;margin:22px 0 6px}.prose li,.prose p{color:var(--ink-2);font-size:16px}.prose p+p{margin-top:10px}.prose ol,.prose ul{padding-left:22px;margin:8px 0}.prose li+li{margin-top:6px}.prose a{color:var(--brand-ink);font-weight:600}.steps{counter-reset:step;list-style:none;padding:0;margin:12px 0 0;display:grid;gap:10px}.steps li{counter-increment:step;position:relative;padding:14px 16px 14px 56px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);color:var(--ink-2)}.steps li:before{content:counter(step);position:absolute;left:14px;top:13px;width:28px;height:28px;border-radius:50%;background:var(--brand-tint);color:var(--brand-ink);font:800 14px/28px var(--font-display);text-align:center}.steps li b{color:var(--ink)}.steps li a{color:var(--brand-ink);font-weight:600}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);margin-top:12px}table.t{border-collapse:collapse;width:100%;font-size:14.5px}table.t td,table.t th{text-align:left;padding:9px 14px;border-bottom:1px solid var(--line);white-space:nowrap}table.t th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700;background:var(--surface-2)}table.t tbody th{text-transform:none;letter-spacing:0;font-size:14.5px;color:var(--ink);background:none}table.t tr:last-child td,table.t tr:last-child th{border-bottom:0}table.t a{color:var(--ink);font-weight:600;text-decoration:none}@media (hover:hover){table.t a:hover{color:var(--brand-ink)}}.mono{font-family:var(--font-mono);font-size:13.5px}.letter-notes{display:grid;gap:8px;margin-top:12px}.ln-bar{display:grid;grid-template-columns:64px minmax(0,1fr);gap:4px 14px;align-items:baseline;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:10px 14px}.ln-bar .n{font:700 12px var(--font-body);color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.ln-bar .h{font-family:var(--font-mono);font-size:14px;color:var(--ink);word-break:break-word}.ln-bar .h i{font-style:normal;font-weight:700;color:var(--faint);margin-right:8px}.faq{display:grid;gap:8px;margin-top:12px;max-width:820px}.faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:14px 18px}.faq summary{cursor:pointer;font-weight:700;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary:after{content:"+";color:var(--muted);font-weight:600}.faq details[open] summary:after{content:"–"}.faq summary::-webkit-details-marker{display:none}.faq details p{margin-top:8px;color:var(--ink-2)}.linklist{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:0 28px;padding:0;list-style:none;margin:8px 0 0}.linklist a{display:flex;justify-content:space-between;gap:12px;padding:11px 2px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}@media (hover:hover){.linklist a:hover b{color:var(--brand-ink)}}.linklist b{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.linklist span{color:var(--muted);font-size:13.5px;white-space:nowrap}.linklist.one{grid-template-columns:minmax(0,1fr)}.linklist span{overflow:hidden;text-overflow:ellipsis;max-width:45%;flex-shrink:0}.filters{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center;margin:4px 0 8px}.filters .searchbar{flex:1 1 260px;max-width:360px;padding:2px 6px 2px 14px;box-shadow:none}.filters .searchbar input{font-size:15px;padding:7px 0}.grp{margin-top:34px}.grp-h{display:flex;align-items:baseline;gap:12px;margin-bottom:4px;flex-wrap:wrap}.grp-h h2{font-size:21px}.grp-h p{font-size:14px;color:var(--muted)}.plist{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:0 28px}.prow{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 2px;border-bottom:1px solid var(--line)}.prow-play{width:40px;height:40px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);display:grid;place-items:center}@media (hover:hover){.prow-play:hover{border-color:var(--brand);color:var(--brand-ink)}}.prow-play.on{background:var(--brand);border-color:var(--brand);color:#fff}.prow-play .ic{width:16px;height:16px;margin-left:2px}.prow-play.on .ic{margin-left:0}.prow-t{min-width:0;text-decoration:none;color:var(--ink)}.prow-t b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (hover:hover){.prow-t:hover b{color:var(--brand-ink)}}.prow-t span{display:block;font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.star{width:36px;height:36px;border-radius:50%;border:0;background:none;color:var(--faint);display:grid;place-items:center}@media (hover:hover){.star:hover{color:var(--ink-2)}}.star[aria-pressed=true]{color:#f5b400}.star[aria-pressed=true] .ic{fill:currentColor}.mysongs{display:grid;gap:0}.my{grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 2px;border-bottom:1px solid var(--line)}.my,.my .pl{display:grid}.my .pl{width:44px;height:44px;border-radius:999px;border:0;color:#fff;place-items:center;background:var(--brand)}.my b{display:block;font-weight:700}.my span{font-size:13px;color:var(--muted)}.my .acts{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.my input{font:700 16px var(--font-body);border:1px solid var(--brand);border-radius:8px;padding:4px 8px;width:100%;background:var(--surface);color:var(--ink)}.codebox{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.codebox input{flex:1 1 260px;font:500 14px var(--font-mono);border:1px solid var(--line);border-radius:999px;padding:10px 16px;background:var(--surface);color:var(--ink);min-width:0}.signin{display:grid;gap:4px}.signin-ic{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--brand-tint);color:var(--brand-ink);margin-bottom:8px}.signin-ic .ic{width:20px;height:20px}.signin h2{font-size:22px}.signin>.muted{margin:2px 0 12px;font-size:14.5px}.code-signin label{display:block}.code-signin .muted{margin:2px 0 0;font-size:13.5px}.code-signin .linkish{display:inline-block;margin-top:12px;font-size:14px}.progress{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--muted);margin-top:12px}.bar{flex:0 1 240px;height:8px;border-radius:999px;background:var(--surface-3);overflow:hidden}.bar i{display:block;height:100%;background:var(--brand);border-radius:inherit}.scrim{position:fixed;inset:0;z-index:80;background:rgba(17,24,39,.45);display:grid;place-items:center;padding:16px;animation:fade .15s}@keyframes menu-down{0%{transform:translateY(-12px);opacity:0}to{transform:none;opacity:1}}.modal{width:min(560px,100%);max-height:min(88vh,820px);overflow:auto;background:var(--surface);border-radius:var(--r-xl);padding:22px;position:relative;box-shadow:0 24px 60px rgba(0,0,0,.25);animation:rise .2s}@keyframes rise{0%{transform:translateY(12px);opacity:0}}.modal .x{position:absolute;right:14px;top:14px}.modal h2{font-size:24px;padding-right:44px}.modal .sh-say{font-size:15.5px;color:var(--ink-2);margin-top:10px}.modal .sh-h{font:700 12px var(--font-body);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:18px 0 6px}.form{display:grid;gap:12px;margin-top:14px}.form input{font:500 16px var(--font-body);border:1px solid var(--line);border-radius:12px;padding:11px 14px;background:var(--surface);color:var(--ink)}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom, 0px));transform:translate(-50%,30px);background:var(--ink);color:var(--bg);padding:11px 20px;border-radius:999px;font-weight:600;font-size:14px;opacity:0;pointer-events:none;transition:all .2s;z-index:90;max-width:calc(100% - 32px);text-align:center}.toast.on{opacity:1;transform:translate(-50%)}code{font:500 12.5px var(--font-mono);background:var(--surface-2);border-radius:6px;padding:1px 5px;word-break:break-all}footer.foot{border-top:1px solid var(--line);padding-block:40px 48px;color:var(--muted);font-size:14px;background:var(--surface)}.foot-cols{display:grid;grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:28px}.foot-cols h2{font:700 14px var(--font-body);color:var(--ink);margin-bottom:10px;letter-spacing:0}.foot-cols ul{list-style:none;padding:0;margin:0;display:grid;gap:7px}.foot-cols a{color:var(--muted);text-decoration:none}@media (hover:hover){.foot-cols a:hover{color:var(--ink);text-decoration:underline}}.foot-brand p{margin-top:10px;max-width:34ch}.foot-note{margin-top:30px;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;font-size:13px}.foot-note a{color:var(--muted)}@media (max-width:1020px){.grid3{grid-template-columns:minmax(0,1fr)}.foot-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){main{padding-top:18px}.grid2{grid-template-columns:minmax(0,1fr)}.stage{--stage-h:270px}.pickers{gap:10px}.picker-scrim{display:block;position:fixed;inset:0;z-index:79;background:rgba(17,24,39,.4);animation:fade .15s}.picker-menu,.picker-menu.up{position:fixed;z-index:80;left:0;right:0;top:auto;bottom:0;width:auto;max-width:none;max-height:72vh;border-radius:20px 20px 0 0;border-width:1px 0 0;padding:6px 10px calc(14px + env(safe-area-inset-bottom, 0px));animation:rise .2s}.picker-menu-h{display:block;font:700 12px var(--font-body);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding:12px 12px 6px}.picker-menu a,.picker-menu button{padding:13px 12px;font-size:16px}.player-body{padding:10px}.hero{padding-top:12px}.hero p{font-size:16px}.my{grid-template-columns:44px minmax(0,1fr)}.my .acts{grid-column:1/-1;justify-content:flex-start}.range input{width:110px}.foot-cols{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}@media print{.player-bar,.player-tabs,.rainbow,.top,footer.foot{display:none!important}}.pill .ic{width:15px;height:15px}.head p.eyebrow{font-size:12px;margin-top:0;color:var(--muted)}table.t th{text-transform:none;letter-spacing:0;font-size:13px}.prose .steps{padding-left:0}.grp[data-collapsed=true] :is(.plist,.linklist)>li:nth-child(n+10){display:none}.grp-more{margin-top:10px}.search-ic{display:none}@media (max-width:760px){.hsearch{display:none}.search-ic{display:inline-grid}.tabs-list :is(a,button){padding:9px;font-size:13px}.tabs-list .ic{display:none}.player-tabs{gap:8px}.tabs-list{flex:0 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none}.tabs-list::-webkit-scrollbar{display:none}}.player-bar.picked{align-items:flex-end}.player-bar.picked .picker{flex:1 1 200px;max-width:290px}.player-bar.picked .range,.player-bar.picked>.btn{min-height:44px}.player-bar.picked .picker.narrow{flex:0 1 150px}.more-code{margin-top:14px}.more-code summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--brand-ink);list-style:none}.more-code summary::-webkit-details-marker{display:none}.more-code[open] summary{margin-bottom:10px}.ic.sm{width:14px;height:14px}.acct-in{background:var(--brand);border-color:var(--brand)}.acct-initial{color:#fff;font:800 15px var(--font-display)}.acct{max-width:560px}.acct h2{font-size:22px;margin:4px 0 6px;word-break:break-all}.acct label{display:block;margin-bottom:4px}.acct .muted{margin:0 0 10px;font-size:14px}.acct .row{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 6px}.acct .linkish{margin-top:10px}.acct-error{font-weight:600;margin:10px 0 0}.acct-error,.btn.is-on{color:var(--danger)}.song-save{margin-top:12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.sister-btn{max-width:100%}.sister-btn .ic:last-child{width:14px;height:14px;color:var(--muted)}@media (max-width:374px){.sister-more{display:none}}.foot-sister{margin-top:10px;font-size:13.5px;color:var(--muted)}.foot-sister a{color:var(--ink-2);font-weight:600}.hero .quick{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none;margin:14px auto 0;padding:0;max-width:620px}.hero .quick a{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink-2);font:600 14px var(--font-body);text-decoration:none;white-space:nowrap}.hero .quick a:before{content:"✦";margin-right:7px;color:var(--brand);font-size:12px}@media (hover:hover){.hero .quick a:hover{color:var(--brand-ink);border-color:var(--brand)}}.styles-list b{display:flex;align-items:center;gap:9px}.styles-list b:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--cc);flex:none}@media (max-width:760px){.pg-bar{gap:8px}.pg-bar .make-acts{order:-1;flex:1 1 0;min-width:0}.pg-bar .make-acts .btn{min-height:48px}.pg-bar .make-acts .btn+.btn .ic,.pg-bar .make-acts .btn:has(+.btn) .ic{display:none}.pg-bar .grow{display:none}}.pg-dock.p-dock{display:none}@media (max-width:760px){.pg-bar .playbtn,.pg-bar .range,.pg-bar .select,.pickers.mixer,.playground-top{display:none}.pg-dock.p-dock{display:block;transition:opacity .18s,transform .18s,visibility .18s}.pg-dock.p-dock:not(.shown){visibility:hidden;opacity:0;transform:translateY(14px);pointer-events:none}.pg-dock-panel{display:grid;gap:12px;max-height:min(52svh,480px);overflow-y:auto;overscroll-behavior:contain;padding:14px 14px 12px;border-bottom:1px solid var(--line);animation:fade .15s}.pg-dock-panel .picker{max-width:none}.pg-dock-speed{display:grid;gap:6px}.pg-dock-speed .range{min-height:44px}.pg-dock-speed .range input{flex:1 1 auto;width:auto;min-width:0}}.subnav{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line);margin:4px 0 18px}.subnav::-webkit-scrollbar{display:none}.subnav a{padding:10px 14px;font-weight:600;font-size:15px;color:var(--muted);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}@media (hover:hover){.subnav a:hover{color:var(--ink)}}.subnav a[aria-current=page]{color:var(--ink);border-bottom-color:var(--brand)}.gbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.gbar .searchbar{flex:1 1 300px;max-width:none;box-shadow:none;padding:2px 6px 2px 14px}.gbar .searchbar input{font-size:15px;padding:9px 0}.gbar .select{min-height:44px}.gbar-filters{display:none}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 20px}.cover-m{display:flex!important;align-items:center;gap:6px;margin-top:6px!important;font-size:12.5px;color:var(--muted)}.kdot{width:9px;height:9px;border-radius:50%;background:var(--cc);flex:none}.lvl{margin-left:4px;font-weight:700;font-size:11.5px;padding:1px 8px;border-radius:999px;background:var(--surface-2);color:var(--ink-2)}.lvl-easy{background:rgba(5,150,105,.12);color:#047857}.lvl-medium{background:rgba(217,119,6,.14);color:#b45309}.lvl-tricky{background:rgba(220,38,38,.12);color:#b91c1c}.pager{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:30px}.pager>:first-child{justify-self:start}.pager>:last-child{justify-self:end}@media (max-width:760px){.gbar .select{flex:1 1 40%;min-width:0}.gbar{flex-wrap:wrap}.gbar .searchbar{flex:1 1 0;min-width:0}.gbar-filters{display:inline-flex;align-items:center;gap:6px;flex:none;min-height:46px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font:600 14.5px var(--font-body);cursor:pointer}.gbar-filters .ic{width:17px;height:17px}.gbar-filters b{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--brand);color:#fff;font-size:12px;display:grid;place-items:center}.gbar-filters[aria-expanded=true]{background:var(--brand-tint);border-color:var(--brand);color:var(--brand-ink)}.gbar .select{display:none}.gbar.filters-open .select{display:block;flex:1 1 calc(50% - 5px)}.head:not(:has(~.player,~.pg-wrap))>p:not(.eyebrow){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}}.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:22px 16px;margin-top:8px}.pcard{display:flex;flex-direction:column;gap:9px;min-width:0}.pcard-art{position:relative}.pcard-art .cover-art{display:block}.pcard-play{position:absolute;right:10px;bottom:34px;width:42px;height:42px;border-radius:999px;border:0;background:#fff;color:#111327;display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.35)}.pcard-play .ic{width:17px;height:17px;margin-left:2px}.pcard-play.on{background:var(--brand);color:#fff}.pcard-play.on .ic{margin-left:0}.pcard .cover-t{text-decoration:none;color:var(--ink)}@media (hover:hover){.pcard .cover-t:hover b{color:var(--brand-ink)}}.pcard .cover-m .star{margin-left:auto;width:30px;height:30px}.hand{font-weight:700;font-size:11.5px;padding:1px 8px;border-radius:999px;background:rgba(108,140,255,.14);color:#3b5bdb}.hand-R{background:rgba(255,181,71,.18);color:#b45309}.pop-back{position:fixed;inset:0;z-index:80;background:rgba(9,10,20,.62);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px;animation:fade .18s ease-out}.pop{width:min(760px,100%);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:0 30px 80px rgba(0,0,0,.45);padding:14px;display:grid;gap:12px;animation:pop-in .22s cubic-bezier(.2,.9,.3,1.2)}.pop-h{display:flex;align-items:center;gap:12px}.pop-t{display:grid;min-width:0}.pop-t b{font:800 19px var(--font-display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pop-t span{color:var(--muted);font-size:13.5px}.pop-x{margin-left:auto;width:38px;height:38px;flex:none}.pop-play{width:46px;height:46px;border-radius:999px;border:0;background:var(--brand);color:#fff;display:grid;place-items:center;flex:none;box-shadow:0 6px 16px rgba(93,173,226,.45);cursor:pointer}.pop-play .ic{width:18px;height:18px}.pop-play:not(.on) .ic{margin-left:3px}.pop .stage{border-radius:14px;overflow:hidden}.pop-f{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13.5px}@keyframes fade{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(14px) scale(.97)}}@media (max-width:640px){.pop-back{place-items:end center;padding:0}.pop{border-radius:22px 22px 0 0;padding:12px 12px calc(14px + env(safe-area-inset-bottom, 0px));animation:sheet-up .25s ease-out}.pop-f .muted{display:none}.pop-f .btn{width:100%;justify-content:center}}@keyframes sheet-up{0%{transform:translateY(100%)}}.understood{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 4px}.u-count{display:inline-flex;align-items:center;gap:6px;font-weight:600}.u-count .ic{width:15px;height:15px;color:var(--brand)}.u-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 8px 5px 12px;border-radius:999px;background:var(--brand-tint);color:var(--ink);font-size:14px;font-weight:600;text-decoration:none;border:1px solid rgba(93,173,226,.35)}.u-chip .ic{width:13px;height:13px;opacity:.65}@media (hover:hover){.u-chip:hover .ic{opacity:1}}.u-note{flex-basis:100%;font-size:13.5px}.pcard .cover-m{margin-top:-3px!important}@media (max-width:760px){.pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.pcard-play{width:36px;height:36px;right:8px;bottom:28px}}.pmap{display:grid;gap:5px 3px;align-items:stretch;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px;overflow-x:auto}.pmap-count{text-align:center;font-size:12px;color:var(--faint);font-weight:600;padding-bottom:2px}.pmap-count.on{color:var(--ink-2);font-weight:800}.pmap-key{display:flex;align-items:baseline;gap:6px;padding-right:8px;white-space:nowrap}.pmap-key b{font:800 14px var(--font-mono)}.pmap-key small{font-size:11.5px;color:var(--muted)}.pmap-track{background:var(--surface-2)}.pmap-note,.pmap-track{border-radius:8px;min-height:30px}.pmap-note{display:grid;place-items:center;font:800 12.5px var(--font-body);box-shadow:inset 0 -2px 0 rgba(0,0,0,.12);z-index:1}.badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.badge{font-weight:700;font-size:11.5px;padding:1px 8px;border-radius:999px;background:var(--surface-2);color:var(--ink-2)}.lesson{list-style:none;padding:0;margin:0;display:grid;gap:10px;align-items:start}.lesson-step{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:12px 14px;gap:6px}.lesson-step,.ls-more{display:grid;min-width:0}.ls-more{gap:12px}.ls-more>summary{width:-moz-max-content;width:max-content;margin-left:42px;padding:4px 0;cursor:pointer;list-style:none;font:600 13.5px var(--font-body);color:var(--brand-ink)}.ls-more>summary::-webkit-details-marker{display:none}.ls-more>summary:after{content:" ▾"}.ls-more[open]>summary:after{content:" ▴"}.ls-more>p{margin:0;color:var(--ink-2);font-size:15px;line-height:1.55;max-width:72ch}.ls-h{display:flex;align-items:center;gap:12px;min-width:0}.ls-h em{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:800 14px var(--font-display);font-style:normal;background:color-mix(in srgb,var(--w) 18%,var(--surface));color:var(--ink)}.ls-h h3{margin:0;flex:1 1 auto;min-width:0;font-size:18px}.step-play{flex:none;gap:6px}.step-play .ic{width:14px;height:14px}.step-play.on{background:var(--ink);color:var(--surface);border-color:var(--ink)}.lesson-step .chord-keys{max-width:760px}.lesson-step .pcard{width:min(100%,280px)}@media (max-width:760px){.lesson-step{padding:10px 12px}.ls-h{gap:10px}.ls-h h3{font-size:16px}.step-play{min-height:40px}.ls-more>summary{margin-left:40px}}.cblocks{display:flex;flex-wrap:wrap;gap:8px}.cblock{display:grid;justify-items:center;gap:2px;min-width:54px;padding:10px;border-radius:12px;background:color-mix(in srgb,var(--cc) 16%,var(--surface));border:2px solid var(--cc)}.cblock b{font:800 20px var(--font-display)}.cblock small{font:700 12.5px var(--font-mono);color:var(--muted)}.cblock.small{min-width:52px;padding:7px 10px}.cblock.small b{font-size:17px}.chord-keys{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:12px}.chord-keys li{background:var(--surface);border-radius:var(--r-lg);padding:12px;display:grid;gap:6px;border:1px solid var(--line);border-top:4px solid var(--cc)}.chord-keys b{font:800 20px var(--font-display)}.chord-keys span{font-size:13px;color:var(--muted)}.ckeys{width:100%;height:auto;display:block;border-radius:6px;background:#07070f;padding:2px}.next-row{margin-top:18px}.next-row .sec-h{margin-bottom:10px}.next-row h3{font-size:17px}button.tl{border:0;text-align:left;font-family:inherit;line-height:inherit;cursor:pointer}.tl-pick[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:1px}@media (hover:hover){.tl-pick:hover span{text-decoration:underline}}.tl-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#fff;margin-left:6px;vertical-align:middle}.part-editor{margin-top:10px;padding:14px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-2);display:grid;gap:12px}.part-h .muted{font-size:13.5px}.part-h .iconbtn{margin-left:auto;width:34px;height:34px}.part-reset{justify-self:start;font-size:14px}.part-tip{margin:6px 0 0;font-size:13px;color:var(--muted)}@media (max-width:640px){.timeline:has(.tl-pick){display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.timeline:has(.tl-pick) .tl{min-height:44px}.part-h{display:grid;grid-template-columns:1fr auto;gap:2px 10px}.part-h .muted{grid-column:1/-1;grid-row:2}.part-h .iconbtn{grid-column:2;grid-row:1}}.legend{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;margin:4px 0 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}.legend-t{font-size:14px;font-weight:600}.legend-t.muted{font-weight:400;color:var(--muted)}.cblocks.tight{gap:6px}.cblock.more{display:grid;place-items:center;font-weight:800;color:var(--muted);border-style:dashed;--cc:var(--line)}.lgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:16px;margin-top:8px}.lcard{position:relative;display:grid;gap:10px;padding:14px;background:var(--surface);border-radius:var(--r-lg);border:1px solid var(--line);border-top:4px solid var(--c1);transition:transform .15s,box-shadow .15s}.lcard-t:after{content:"";position:absolute;inset:0;border-radius:inherit}.lcard-t:focus-visible{outline:none}.lcard:has(.lcard-t:focus-visible){outline:2px solid var(--brand);outline-offset:2px}.lcard-play{position:relative;z-index:1}@media (hover:hover){.lcard:hover{transform:translateY(-2px);box-shadow:var(--shadow)}}.lcard-art{color:var(--ink)}.lcard-art .cblock.small{min-width:44px;padding:6px 8px}.lcard-art .cblock.small b{font-size:15px}.lcard-art .cblock small{font-size:11px}.lcard-row{display:flex;align-items:center;gap:10px}.lcard-play{width:40px;height:40px;flex:none;border-radius:999px;border:0;background:var(--brand);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 12px rgba(93,173,226,.35)}.lcard-play .ic{width:15px;height:15px}.lcard-play:not(.on) .ic{margin-left:2px}.lcard-t{display:grid;min-width:0;text-decoration:none;color:var(--ink)}.lcard-t b{font:800 17px var(--font-display)}.lcard-songs,.lcard-t span{font-size:13px;color:var(--muted)}.lcard-songs{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.keygrid{display:grid;grid-template-columns:68px repeat(var(--n),minmax(0,1fr));gap:4px}.kg-h{font:700 12px var(--font-mono);color:var(--muted);text-align:center;padding:2px 0 4px}.kg-h:first-child{text-align:left;font-family:var(--font-body)}.kg-key{display:flex;align-items:center;gap:6px;font-weight:700;font-size:14px;white-space:nowrap}.kg-key.home{color:var(--brand-ink)}.kg-c{display:grid;place-items:center;min-height:34px;border-radius:8px;font-weight:700;font-size:14px;background:color-mix(in srgb,var(--cc) 18%,var(--surface));border-left:3px solid var(--cc);white-space:nowrap;overflow:hidden}.kg-pick{cursor:pointer}.kg-key button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 8px 0 4px;margin-left:-4px;border:1px solid transparent;border-radius:8px;background:none;color:inherit;font:inherit;cursor:pointer}.kg-key button:after{content:"▶";font-size:9px;color:var(--muted)}@media (hover:hover){.kg-pick:hover .kg-c{filter:brightness(.97)}.kg-key button:hover{border-color:var(--line)}}.kg-row.on .kg-key button{background:var(--brand-tint);border-color:var(--brand);color:var(--brand-ink)}.kg-row.on .kg-key button:after{content:"♪";color:var(--brand-ink);font-size:11px}.kg-row.on .kg-c{box-shadow:inset 0 0 0 2px var(--cc)}@media (max-width:640px){.keygrid{grid-template-columns:52px repeat(var(--n),minmax(0,1fr));gap:3px}.kg-c{font-size:12px;min-height:30px;border-left-width:2px}.kg-key{font-size:12.5px;gap:4px}}.hand,.lvl{white-space:nowrap}@media (max-width:640px){.chord-keys{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.chord-keys li{padding:10px}.chord-keys b{font-size:17px}}@media (hover:none){.hover-hint{display:none}}.hsearch,.searchbar{position:relative}.sugg{position:absolute;z-index:60;top:calc(100% + 6px);left:0;right:0;max-height:min(460px,64vh);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow),0 18px 40px rgba(17,24,39,.12);text-align:left;font:500 15px/1.35 var(--font-body);color:var(--ink)}.sugg[hidden]{display:none}.sugg-h{padding:10px 10px 4px;font:700 11.5px/1.3 var(--font-body);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.sugg-o{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 10px;border-radius:10px;cursor:pointer}.sugg-o[aria-selected=true]{background:var(--brand-tint)}.sugg-o .ic{width:16px;height:16px;color:var(--muted)}.sugg-o[aria-selected=true] .ic{color:var(--brand-ink)}.sugg-t{display:flex;align-items:baseline;gap:8px;min-width:0;flex:1}.sugg-t b{font-weight:600;flex:0 1 auto}.sugg-t b,.sugg-t>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sugg-t>span{flex:0 100 auto;color:var(--muted);font-size:13.5px;font-weight:500}.sugg-dot{width:10px;height:10px;margin:0 3px;border-radius:50%;background:var(--cc);flex:none}.sugg-q .sugg-t{flex-wrap:wrap;align-items:center;row-gap:6px}.sugg-q .sugg-t b{white-space:normal;overflow-wrap:anywhere}.sugg-t>.sugg-chips{display:flex;flex-wrap:wrap;gap:6px;overflow:visible;white-space:normal;flex:0 1 auto}.sugg-chip{padding:2px 9px;border-radius:999px;background:var(--brand-tint);border:1px solid rgba(93,173,226,.35);color:var(--ink);font-size:12.5px;font-weight:600;white-space:nowrap}.hsearch .sugg{left:auto;width:min(440px,calc(100vw - 32px))}@media (max-width:990px) and (min-width:761px){.top .wrap{height:auto;padding-block:10px;flex-wrap:wrap}.nav{order:3;width:100%}.hsearch{width:auto;flex:1 1 120px}}.cover-chords{position:absolute;top:5%;left:5%;display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:rgba(14,15,31,.9);border:1px solid hsla(0,0%,100%,.22);pointer-events:none;max-width:90%;overflow:hidden}.cover-chords b{font:700 11.5px var(--font-body);color:#fff;padding:2px 6px;border-radius:999px;transition:background .12s,color .12s;white-space:nowrap}.cover-chords b.on{background:var(--cc);color:#111}@media (max-width:760px){.cover-chords b{font-size:10.5px;padding:2px 5px}}.build{position:relative;display:grid;grid-template-rows:1fr;margin-top:10px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-2);overflow:hidden;transition:grid-template-rows .34s ease,opacity .26s ease,margin-top .34s ease,border-width .34s ease}.build.closing{grid-template-rows:0fr;opacity:0;margin-top:0;border-width:0}.build-in{min-height:0;padding:12px 14px 14px;display:grid;gap:8px}.build-h{display:flex;align-items:center;gap:8px;font-size:15px}.build-h>.ic{color:var(--brand-ink);width:18px;height:18px;flex:none}.build-h .iconbtn{margin-left:auto;width:34px;height:34px;flex:none}.build-t{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:13.5px;line-height:1.3}.build-t thead th{text-align:left;font:700 11px/1.3 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:0 8px 6px}.build-t thead th:first-child{width:26%}.build-t tbody th,.build-t td{text-align:left;vertical-align:top;padding:7px 8px;border-top:1px solid var(--line);font-weight:600;overflow-wrap:break-word;hyphens:auto}.build-t small{display:block;margin-top:2px;font-size:11.5px;font-weight:500;color:var(--muted)}.build-t small em{font-style:normal;font-weight:700}.build-t small em,.build-t td.new{color:var(--brand-ink)}.build-p{display:flex;align-items:flex-start;gap:8px}.build-n{width:22px;height:22px;flex:none;border-radius:50%;background:var(--c);color:#fff;display:grid;place-items:center;font:800 11.5px/1 var(--font-display)}.build-end{color:var(--muted);font-weight:500!important}.build-clock{position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--brand);transform-origin:left;animation:build-clock var(--stay) linear var(--entry) both}.build.paused .build-clock{animation-play-state:paused}.build.animate tbody tr>*{animation:build-in .35s ease-out both;animation-delay:calc(var(--i) * .28s)}.build.animate tbody td.new{animation:build-in .35s ease-out both,build-new 1.6s ease-out both;animation-delay:calc(var(--i) * .28s),calc(var(--i) * .28s + .2s)}.timeline.born .tl{animation:tl-born .5s ease-out both;animation-delay:calc(var(--i) * .28s)}@keyframes build-in{0%{opacity:0;transform:translateY(6px)}}@keyframes build-new{0%,35%{background:var(--brand-tint)}}@keyframes build-clock{to{transform:scaleX(0)}}@keyframes tl-born{0%{opacity:.2;transform:scale(.92)}60%{opacity:1;transform:scale(1.03)}to{transform:none}}@media (max-width:640px){.build-in{padding:10px 10px 12px}.build-h{font-size:14px}.build-t{font-size:12.5px}.build-t thead th{padding:0 5px 5px;font-size:10px;letter-spacing:.04em}.build-t thead th:first-child{width:78px}.build-t tbody th,.build-t td{padding:6px 5px}.build-t small{font-size:10.5px}.build-n{width:8px;height:8px;margin-top:5px;font-size:0}.build-p{gap:6px}.build-long,.build-t small.build-meta{display:none}.build-t td small{display:inline;margin-left:4px}}.reveal-end{height:1px}.timeline.editing .tl-pick:not([aria-pressed=true]),.timeline.editing .tl:not(.tl-pick){opacity:.45}@media (hover:hover){.timeline.editing .tl-pick:not([aria-pressed=true]):hover{opacity:.8}}.part-editor{border-color:color-mix(in srgb,var(--w,var(--brand)) 55%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--w,var(--brand)) 14%,transparent)}.part-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.part-live{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font:800 11.5px var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--surface);border:1px solid var(--line)}.part-live i{width:8px;height:8px;border-radius:50%;background:var(--muted)}.part-live.on{color:#e5484d;border-color:rgba(229,72,77,.35)}.part-live.on i{background:#e5484d;animation:live-dot 1.1s ease-in-out infinite}@keyframes live-dot{50%{opacity:.25;transform:scale(.8)}}.part-h b{font:800 17px var(--font-display)}.part-help{font-size:13.5px}.part-acts{margin-left:auto;display:flex;gap:8px}@media (max-width:640px){.part-h{display:flex}.part-help{flex-basis:100%;order:3}.part-acts{order:4;flex:1 1 100%}.part-acts .btn{flex:1 1 0;min-height:44px}}@media (max-width:760px){.pg-bar .range{flex:1 1 auto;min-width:190px}.pg-bar .range input{flex:1 1 auto;width:auto;min-width:70px}.pg-bar .range output{min-width:0;white-space:nowrap}.pg-bar .select{flex:0 1 auto;min-width:0;max-width:100%}}@media (max-width:400px){.pcard .cover-m{flex-wrap:wrap;row-gap:4px}}.sheet-looks{flex:none;display:flex;justify-content:flex-end;gap:6px;padding:7px 10px;background:#f2eef8;border-bottom:1px solid rgba(23,19,31,.08)}.sheet-looks button{border:1px solid rgba(23,19,31,.16);background:#fff;border-radius:999px;padding:4px 11px;font:700 12px var(--font-body);color:#4a4858;cursor:pointer;white-space:nowrap}.sheet-looks button[aria-pressed=true]{background:#17131f;border-color:#17131f;color:#fff}.looks-wrap{flex:none}.lane-looks{background:#0d0f24;border-bottom:1px solid hsla(0,0%,100%,.07)}.lane-looks button{background:transparent;border-color:hsla(0,0%,100%,.22);color:#c9c8e6}.lane-looks button[aria-pressed=true]{background:#eeedff;border-color:#eeedff;color:#17131f}@media (max-width:400px){.sheet-looks{justify-content:center;gap:4px;padding:6px}.sheet-looks button{padding:4px 8px;font-size:11px}}.pop{max-height:calc(100dvh - 24px);overflow-y:auto}@media (max-height:560px){.pop .stage{height:46vh!important;min-height:150px}.pop-f .muted{display:none}}.kg-row{display:contents}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .lvl-easy{color:#6ee7b7;background:rgba(16,185,129,.16)}:root:not([data-theme=light]) .lvl-medium{color:#fcd34d;background:rgba(245,158,11,.16)}:root:not([data-theme=light]) .lvl-tricky{color:#fca5a5;background:rgba(239,68,68,.16)}}:root[data-theme=dark] .lvl-easy{color:#6ee7b7;background:rgba(16,185,129,.16)}:root[data-theme=dark] .lvl-medium{color:#fcd34d;background:rgba(245,158,11,.16)}:root[data-theme=dark] .lvl-tricky{color:#fca5a5;background:rgba(239,68,68,.16)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .hand{color:#a5b4fc;background:rgba(129,140,248,.18)}:root:not([data-theme=light]) .hand-R{color:#fcd34d;background:rgba(245,158,11,.16)}}:root[data-theme=dark] .hand{color:#a5b4fc;background:rgba(129,140,248,.18)}:root[data-theme=dark] .hand-R{color:#fcd34d;background:rgba(245,158,11,.16)}.pmap{overflow-x:visible}@media (max-width:480px){.pmap{padding:10px 8px;gap:4px 2px}.pmap-key{gap:3px;padding-right:4px}.pmap-key b{font-size:12.5px}.pmap-key small{font-size:10px}.pmap-count,.pmap-note{font-size:10.5px}.pmap-note{border-radius:5px}}:root{--foot-h:0px}.as-head,.hsearch .search-x,.menu-btn,.nowbar{display:none}@media (max-width:760px){:root{--foot-h:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:64px}body{padding-bottom:var(--foot-h)}main{padding-block:14px 44px}.top{transition:transform .25s ease}.top.away{transform:translateY(-100%)}.top.away:focus-within{transform:none}.top .wrap{height:56px;padding-block:0;flex-wrap:nowrap;gap:8px}.top .nav{display:none}.top-r{gap:4px}.menu-btn,.top-r .iconbtn{width:40px;height:40px}.menu-btn{margin-left:-8px;background:none}.as-head,.menu-btn{display:inline-grid;border-color:transparent}.as-head{position:relative;color:var(--brand-ink);background:var(--brand-tint)}.as-head[aria-expanded=true]{background:var(--brand);color:#fff}.acct-ic,.heart-ic{display:none}.brand{font-size:16px;gap:8px;min-width:0}.brand svg{width:29px;height:29px}.as-bubble{display:none}.top.menu-open{transform:none;backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--surface)}.pmenu{position:fixed;z-index:66;inset:calc(56px + env(safe-area-inset-top, 0px)) 0 0;background:rgba(17,24,39,.45);animation:fade .15s}.pmenu-panel{background:var(--surface);border-bottom:1px solid var(--line);border-radius:0 0 20px 20px;padding:8px max(12px,env(safe-area-inset-left,0px)) 14px;box-shadow:0 18px 34px rgba(0,0,0,.18);animation:menu-down .18s ease-out;max-height:calc(100svh - 70px);overflow-y:auto}.pmenu nav,.pmenu-more{display:grid;gap:2px}.pmenu-more{margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}.pmenu a,.pmenu button{display:flex;align-items:center;gap:14px;min-height:50px;padding:0 12px;border:0;border-radius:14px;background:none;color:var(--ink);text-decoration:none;font:700 17px/1.2 var(--font-display);text-align:left;width:100%}.pmenu a .ic,.pmenu button .ic{width:22px;height:22px;color:var(--muted);flex:none}.pmenu a[aria-current=page]{background:var(--brand-tint);color:var(--brand-ink)}.pmenu a[aria-current=page] .ic{color:var(--brand-ink)}.pmenu a:active,.pmenu button:active{background:var(--surface-2)}.pmenu-acct{font:600 15px var(--font-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body:has(:is(input:not([type=range]),textarea,select):focus) .nowbar{display:none}.nowbar{position:fixed;z-index:46;left:10px;right:10px;bottom:calc(var(--foot-h) + 8px);gap:8px;padding:5px 5px 5px 14px;border-radius:16px;background:#141a2b;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.28);animation:rise .2s}.nowbar,.nowbar-back{display:flex;align-items:center}.nowbar-back{flex:1;min-width:0;gap:10px;border:0;background:none;color:inherit;padding:8px 0;text-align:left}.nowbar-back .cdot{width:10px;height:10px;border-radius:50%;background:var(--cc,var(--brand));flex:none}.nowbar-back b{font:800 20px/1 var(--font-display);white-space:nowrap}.nowbar-back span{font-size:13px;color:hsla(0,0%,100%,.72);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nowbar-stop{width:44px;height:44px;flex:none;border:0;border-radius:12px;background:var(--brand);color:#fff;display:grid;place-items:center}.nowbar-stop .ic{width:18px;height:18px}.toast{bottom:calc(var(--foot-h) + 14px)}.top.searching{transform:none;backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--surface)}.top.searching .hsearch{display:flex;position:fixed;z-index:70;top:0;left:0;right:0;width:auto;height:calc(60px + env(safe-area-inset-top, 0px));padding:env(safe-area-inset-top,0) 8px 0 16px;gap:6px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--surface)}.top.searching .hsearch input{font-size:16px;padding:12px 0}.top.searching .hsearch button[type=submit]{display:none}.top.searching .search-x{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;border:0;background:none;font-weight:600;font-size:16px;color:var(--brand-ink)}.top.searching .hsearch .sugg{position:fixed;top:calc(60px + env(safe-area-inset-top, 0px));left:0;right:0;bottom:0;width:auto;max-height:none;border:0;border-radius:0;box-shadow:none;padding:6px 8px calc(16px + env(safe-area-inset-bottom, 0px))}.top.searching .sugg-o{padding:12px 10px}.top.searching:after{content:"";position:fixed;z-index:65;inset:0;background:rgba(17,24,39,.45);animation:fade .15s}.codebox input,.filters .searchbar input,.gbar .searchbar input,.select{font-size:16px}.picker-step{width:44px}.lab,.picker-lab{font-size:12px}.btn.small,.pill{min-height:40px}.crumbs{margin:-8px 0 4px}.crumbs a{display:inline-block;padding:9px 0}.star{width:44px;height:44px}.pcard .cover-m .star{width:40px;height:40px;margin-right:-6px}.letters a{min-width:44px;height:44px}.pcard-play{width:42px;height:42px}.range input{height:36px}.select{min-height:44px}.link{min-height:40px}.sheet-looks button{min-height:34px;padding-inline:12px}.head{margin-bottom:14px}.head h1,.song-head h1{font-size:29px}.head p{font-size:15.5px;margin-top:8px}.hero .hero-title{font-size:33px;margin-top:0}.hero p{font-size:15.5px;margin-top:10px}.hero .searchbar{margin-top:18px}.sec{margin-top:40px}.chips,.letters.jump,.subnav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;margin-inline:-20px;padding-inline:20px 44px;scroll-padding-inline:20px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent)}.chips::-webkit-scrollbar,.letters.jump::-webkit-scrollbar,.subnav::-webkit-scrollbar{display:none}.subnav a{padding:10px 12px;font-size:14.5px}.chips{margin-block:12px 16px}.letters.jump{margin-block:4px 0;padding-block:2px}.cover-chords b{font-size:11px;padding:2px 5px}.cover,.lcard,.pcard{content-visibility:auto;contain-intrinsic-size:auto 280px}footer.foot{padding-block:28px 20px}.foot-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}.foot-brand{grid-column:1/-1}.foot-cols ul{gap:0}.foot-cols a,.foot-note a{display:inline-block;padding:8px 0}}.bar-more{display:contents}.song-player .now-list{order:10;flex:1 1 100%;padding:0 4px;margin:0}.now-list>span+span:before{content:"·";margin:0 7px}.now-list .nl-k{font-style:normal}.now-list .nl-k:after{content:":"}.now-list b{color:var(--ink-2);font-weight:600}.p-dock,.p-dock-bar{display:contents}.dock-hands,.dock-what,.looks-btn,.p-dock-toggle,.st-play,.vswitch{display:none}.looks-list{display:contents}.sister-row{margin:14px 0 0}.h1-name,.h1-post,.h1-pre{display:inline}.by-facts{display:contents}@media (max-width:760px){.player-tabs{display:none}.player{border-radius:18px}.stage{--stage-h:clamp(280px,calc(100vh - 370px),540px)}@supports (height:1svh){.stage{--stage-h:clamp(280px,calc(100svh - 370px),540px)}}.sheet-looks{position:relative;justify-content:space-between;align-items:center;gap:6px;padding:5px 6px}.looks-list{display:none}.sheet-looks.looks-open .looks-list{display:flex;flex-direction:column;gap:6px;position:absolute;z-index:4;top:calc(100% + 4px);right:6px;padding:8px;border-radius:14px;background:var(--surface);box-shadow:0 10px 28px rgba(0,0,0,.35);animation:fade .12s}.sheet-looks.looks-open .looks-list button{min-height:38px;text-align:left}.looks-btn,.vswitch-btn{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:0 10px;border-radius:999px;font:700 13px var(--font-body);cursor:pointer;white-space:nowrap}.looks-btn{margin-left:auto;border:1px solid rgba(23,19,31,.16);background:#fff;color:#4a4858}.lane-looks .looks-btn{border-color:hsla(0,0%,100%,.22);background:transparent;color:#e5e4f7}.looks-btn .ic,.vswitch-btn .ic{width:14px;height:14px}.looks-btn[aria-expanded=true] .ic,.vswitch-btn[aria-expanded=true] .ic:last-child{transform:rotate(180deg)}.vswitch{display:block;position:relative}.vswitch-btn{border:0;background:#17131f;color:#fff}.lane-looks .vswitch-btn{background:#eeedff;color:#17131f}.vswitch-menu{position:absolute;z-index:4;top:calc(100% + 4px);left:0;min-width:190px;display:grid;gap:2px;padding:6px;border-radius:14px;background:var(--surface);box-shadow:0 10px 28px rgba(0,0,0,.35);animation:fade .12s}.vswitch-menu :is(a,button){display:flex;align-items:center;gap:10px;min-height:42px;padding:0 10px;border:0;border-radius:10px;background:none;color:var(--ink);font:600 15px var(--font-body);text-decoration:none;text-align:left}.vswitch-menu .ic{width:18px;height:18px;color:var(--muted)}.vswitch-menu :is(a[aria-current=page],button[aria-checked=true]){background:var(--brand-tint);color:var(--brand-ink)}.vswitch-menu :is(a[aria-current=page],button[aria-checked=true]) .ic{color:var(--brand-ink)}.player-body:has(>.player-bar.picked){display:flex;flex-direction:column}.player-bar.picked{display:contents}.player-bar.picked>.grow{display:none}.player-bar.picked>.make-acts{order:3;display:flex;margin:12px 0 0}.player-bar.picked>.btn.ghost{order:4;margin-top:8px;min-height:40px;color:var(--muted)}.player-body>.now-line{order:5}.make-acts .btn{flex:1 1 0;min-width:0;padding-inline:12px;min-height:48px}.p-dock{order:9;display:block;position:sticky;z-index:50;bottom:calc(var(--foot-h) + 8px);margin-top:12px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 10px 30px rgba(0,0,0,.22)}.p-dock-bar{display:flex;align-items:center;gap:8px;padding:7px;min-width:0}.p-dock-bar>.playbtn{width:44px;height:44px;flex:none}.p-dock-bar>.playbtn .ic{width:17px;height:17px}.p-dock-toggle{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);color:var(--ink);cursor:pointer}.p-dock-toggle .ic{width:19px;height:19px}.p-dock.open .p-dock-toggle{background:var(--brand-tint);border-color:color-mix(in srgb,var(--brand) 45%,transparent);color:var(--brand-ink)}.p-dock-bar>.picker{flex:1 1 0;min-width:0;max-width:none;gap:0}.p-dock-bar>.picker.narrow{flex:0 1 92px}.p-dock-bar .picker-lab{position:absolute;z-index:1;top:5px;left:12px;right:8px;font-size:9.5px;pointer-events:none}.p-dock-bar .picker-step{display:none}.p-dock-bar .picker-val{padding:14px 8px 0 12px;border-radius:11px;font-size:14px}.p-dock-bar .picker-name small,.p-dock-bar .picker-val>.ic{display:none}.p-dock-bar .tune-btn{flex:none;width:44px;height:44px;padding:0;justify-content:center;border-radius:14px}.p-dock-bar .tune-btn span{display:none}.p-dock-bar .tune-btn[aria-pressed=true]{background:var(--brand-tint);border-color:var(--brand);color:var(--brand-ink)}.dock-hands{display:flex;flex:1 1 auto;min-width:0}.dock-hands .hand-steps{flex:1;margin:0;gap:0}.dock-hands .hs-list{border-radius:12px}.dock-hands .hs-list button{min-height:44px;padding:3px 4px;gap:5px;font-size:13.5px}.dock-hands .hs-list em{width:18px;height:18px;font-size:10.5px}.dock-what{display:grid;flex:1 1 auto;min-width:0;line-height:1.25}.dock-what b{font:800 15px var(--font-display)}.dock-what small{color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p-dock-bar>.bar-more{display:none}.p-dock.open .p-dock-bar>.bar-more{display:grid;gap:14px;position:absolute;left:0;right:0;bottom:calc(100% + 6px);max-height:min(56svh,480px);overflow-y:auto;overscroll-behavior:contain;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 -10px 30px rgba(0,0,0,.2);animation:fade .15s}.p-dock .bar-more .picker{max-width:none}.p-dock .bar-more .range{min-height:0}.p-dock .bar-more .range input{flex:1 1 auto;width:auto;min-width:0}.song-player .now-list{display:grid;padding:0;font-size:14px}.now-list>span{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--line)}.now-list .nl-k:after,.now-list>span+span:before{content:none}.now-list>span>:is(a,b){text-align:right}.now-list .linkish{padding:0}.song-nav{margin-top:8px}.sn-hands{display:none}.song-nav .song-map{flex-direction:row;gap:6px;margin-top:0}.song-nav .sm-part{flex:1 1 0;min-width:0;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:3px;min-height:50px;padding:6px 9px;border-radius:12px}.song-nav .sm-loop{flex-grow:1.35}.song-nav .sm-name{font-size:12.5px;line-height:1.2;white-space:normal;overflow:visible}.song-nav .sm-name .ic{display:none}.song-nav .sm-chords{margin:0;flex-wrap:nowrap;overflow:hidden;max-width:100%;justify-content:flex-start;gap:3px}.song-nav .sm-chords b{font-size:11px;line-height:17px;padding:0 4px;border-width:1px;border-radius:5px}.song-nav .sm-detail{margin:0;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.song-nav .sm-chords+.sm-detail{display:none}main:has(.player) nav:has(>.crumbs){display:none}.head:has(~.player,~.pg-wrap){display:grid;grid-template-columns:minmax(0,1fr) auto;-moz-column-gap:12px;column-gap:12px;align-items:center;margin-bottom:12px}.head:has(~.player,~.pg-wrap)>*{grid-column:1/-1}.head:has(~.player,~.pg-wrap)>.eyebrow{display:none}.head:has(~.player,~.pg-wrap)>h1{grid-column:1;grid-row:1;font-size:26px}.head:has(~.player,~.pg-wrap)>p:not(.eyebrow){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:4px;font-size:14.5px}.head:has(~.player,~.pg-wrap)>.badges{flex-wrap:nowrap;overflow:hidden;margin-top:8px}.head:has(~.player,~.pg-wrap)>.badges>*{flex:none;white-space:nowrap}.head:has(~.player,~.pg-wrap)>.row{grid-column:2;grid-row:1;margin:0!important}.song-head .eyebrow,.song-head .f-ts,.song-head .f-year,nav:has(>.crumbs):has(+.song-head){display:none}.song-head{display:grid;grid-template-columns:minmax(0,1fr) auto;-moz-column-gap:12px;column-gap:12px;align-items:center;margin-bottom:10px}.song-head h1{grid-column:1;font:600 13px/1.35 var(--font-body);color:var(--muted);letter-spacing:0}.song-head .h1-name{font:800 26px/1.15 var(--font-display);color:var(--ink);letter-spacing:-.01em}.song-head .h1-pre{display:block}.song-head .h1-name+.h1-post{margin-left:6px}.song-head .h1-name+.h1-post.h1-line{display:block;margin-left:0}.song-head .h1-colon{display:none}.song-head .song-save{grid-column:2;grid-row:1;margin:0;align-self:center}.song-head .song-save .btn{width:44px;height:44px;padding:0;justify-content:center;border-radius:50%}.song-head .song-save .save-word{display:none}.song-head .by-facts{grid-column:1/-1;display:flex;align-items:baseline;gap:0 8px;min-width:0;margin-top:4px;overflow:hidden;white-space:nowrap}.song-head .by{flex:none;margin:0;font-size:13.5px;max-width:46%;overflow:hidden;text-overflow:ellipsis}.song-head .by:after{content:"·";margin-left:8px;color:var(--faint)}.song-head .facts{flex-wrap:nowrap;overflow:hidden;margin:0;font-size:13px;gap:0 8px}.song-head .facts li+li:before{margin-right:8px}}@media (max-width:374px){.brand{font-size:14.5px;gap:7px}}@media (max-width:374px){.make-acts .btn+.btn .ic,.make-acts .btn:has(+.btn) .ic{display:none}.build-t{font-size:12px}.build-t thead th:first-child{width:70px}.build-t tbody th,.build-t td{padding-inline:3px}}@media (max-width:359px){.brand .long{display:none}}@media (orientation:landscape) and (max-height:500px){.top{position:relative}html{scroll-padding-top:12px}}@media (hover:none){a,button,summary{-webkit-tap-highlight-color:transparent}:is(.btn,.pill,.iconbtn,.picker-val,.picker-step,.prow-play,.lcard-play,.pcard-play,.cover-btn,.u-chip,.playbtn,.letters a):active{transform:scale(.96)}:is(.srow,.linklist a,.sugg-o,.picker-menu button,.picker-menu a,.faq summary):active{background:var(--surface-2)}.cover-art:active,.lcard:active,.tile:active{transform:scale(.985)}}.part-scrim{display:none}@media (max-width:760px){.part-scrim{display:block;position:fixed;inset:0;z-index:71;background:rgba(17,24,39,.35);animation:fade .15s;touch-action:none}.part-editor{position:fixed;z-index:72;left:0;right:0;bottom:0;margin:0;max-height:78svh;overflow-y:auto;overscroll-behavior:contain;border-radius:22px 22px 0 0;border-width:1px 0 0;padding:10px 14px calc(16px + env(safe-area-inset-bottom, 0px));background:var(--surface);box-shadow:0 -14px 34px rgba(0,0,0,.3);animation:sheet-up .25s ease-out}.part-editor:before{content:"";display:block;width:38px;height:4px;border-radius:2px;background:var(--surface-3);margin:0 auto 8px}}body:has(.rec-short),html:has(.rec-short){overflow:hidden}.rec-short{position:fixed;inset:0;z-index:2147483000;background:var(--stage);overflow:hidden;color:#fff}.rec-short .rec-stage{position:absolute;inset:0;height:auto;min-height:0;border-radius:0}.rec-short .stage-keys{height:118px}.rec-card{position:absolute;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 44px;text-align:center;animation:rec-in .35s ease-out}.rec-card p{margin:0;text-wrap:balance}.rec-card--ask{top:0;bottom:118px;background:rgba(17,19,39,.86);backdrop-filter:blur(6px)}.rec-card--outro{inset:0;justify-content:flex-start;padding-top:140px;background:var(--stage)}.rec-card__big{font:800 64px/1.06 var(--font-display);letter-spacing:-.01em}.rec-card__line{font:700 36px/1.25 var(--font-display);color:#e6e8ff;margin-top:22px!important}.rec-card__site{font:800 54px/1.1 var(--font-display);color:var(--brand);margin-top:8px!important}.rec-card__qr{width:440px;height:440px;margin-top:44px;padding:18px;border-radius:28px;background:#fff;box-shadow:0 18px 50px rgba(0,0,0,.35)}.rec-card__small{font:600 26px/1.3 var(--font-body);color:#b9bdda;margin-top:26px!important}.rec-card__again{font:700 28px/1.2 var(--font-display);color:#b9bdda;margin-top:64px!important}.rec-count{position:relative;width:168px;height:168px;margin-top:18px}.rec-count svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.rec-count circle{fill:none;stroke-width:9}.rec-count__track{stroke:hsla(0,0%,100%,.16)}.rec-count__ring{stroke:var(--brand);stroke-linecap:round;stroke-dasharray:100;animation:rec-drain var(--count) linear forwards}.rec-count span{position:absolute;inset:0;display:grid;place-items:center;font:800 84px/1 var(--font-display);animation:rec-tick .35s ease-out}@keyframes rec-drain{0%{stroke-dashoffset:0}to{stroke-dashoffset:100}}@keyframes rec-tick{0%{opacity:0;transform:scale(1.35)}to{opacity:1;transform:none}}.rec-panel{position:absolute;left:50%;bottom:160px;transform:translateX(-50%);width:min(560px,calc(100vw - 32px));padding:20px 22px;border-radius:18px;background:#fff;color:var(--ink);text-align:center;box-shadow:0 18px 50px rgba(0,0,0,.35)}.rec-panel__title{margin:0;font:800 22px/1.2 var(--font-display)}.rec-panel__status{margin:6px 0 14px;color:var(--muted);font-size:15px}@keyframes rec-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}.adm-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.adm-top h1{margin:0;font-size:26px}.adm-gate{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);display:grid;gap:12px;justify-items:start}.adm-gate p{margin:0}.adm-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}.adm-stat{padding:10px 14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);display:grid;gap:2px}.adm-stat span{font-size:12px;color:var(--muted)}.adm-stat b{font:800 20px var(--font-display)}.adm-panes{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);height:calc(100vh - 260px);min-height:520px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}.adm-list{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line)}.adm-filters{display:flex;flex-wrap:wrap;gap:4px;padding:8px;border-bottom:1px solid var(--line)}.adm-filters button{padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:none;color:var(--ink-2);font:600 13px var(--font-body);cursor:pointer}.adm-filters button[aria-pressed=true]{background:var(--brand-tint);border-color:var(--brand);color:var(--brand-ink)}.adm-list ul{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}.adm-list li button{display:grid;gap:2px;width:100%;text-align:left;padding:10px 12px;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);font:inherit;cursor:pointer}.adm-list li button[aria-pressed=true]{background:var(--brand-tint)}@media (hover:hover){.adm-list li button:hover{background:var(--surface-2)}}.adm-list li b{font-size:14px;font-weight:600}.adm-list li b,.adm-list li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adm-list li span{font-size:12px;color:var(--muted)}.adm-empty{padding:16px}.adm-pager{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.adm-chat{min-height:0;overflow-y:auto;padding:14px 16px}.adm-chat-head{display:grid;gap:2px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--line)}.adm-chat-head span{font-size:12.5px;color:var(--muted)}.adm-back{display:none;justify-self:start}.adm-msgs{list-style:none;margin:0;padding:0;display:grid;gap:10px}.adm-msg{max-width:760px;padding:10px 12px;border-radius:14px;display:grid;gap:4px}.adm-user{justify-self:end;background:var(--brand-tint)}.adm-assistant{justify-self:start;background:var(--surface-2)}.adm-msg p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14.5px}.adm-meta{font-size:11.5px;color:var(--muted)}.adm-meta a{color:var(--brand-ink)}.adm-via{font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:0 6px;border-radius:6px;background:var(--surface-3);color:var(--ink-2)}.adm-via-jev{background:rgba(5,150,105,.14);color:#047857}.adm-via-haiku{background:rgba(217,119,6,.14);color:#b45309}.adm-via-error{background:rgba(220,38,38,.14);color:#b91c1c}.adm-err{font-style:normal;color:var(--danger,#b91c1c);font-size:12.5px}.adm-detail{display:block;font:12px/1.45 var(--font-mono);color:var(--ink-2);white-space:pre-wrap;overflow-wrap:anywhere}.adm-links{display:flex;flex-wrap:wrap;gap:4px 10px;font:12px var(--font-mono)}.adm-links a{color:var(--brand-ink)}.adm-switches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.adm-switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.adm-switch-row>div{display:grid;gap:2px;min-width:0}.adm-switch-row b{font-size:14.5px}.adm-switch-row span{font-size:12.5px;color:var(--muted)}.adm-switch{display:inline-flex;align-items:center;gap:8px;flex:none;border:0;background:none;padding:4px;cursor:pointer;font:700 12.5px var(--font-body);color:var(--muted)}.adm-switch i{position:relative;width:38px;height:22px;border-radius:999px;background:var(--surface-3);transition:background .15s}.adm-switch i:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .15s}.adm-switch.on{color:#047857}.adm-switch.on i{background:#10b981}.adm-switch.on i:after{transform:translateX(16px)}.adm-switch:disabled{opacity:.5;cursor:default}.adm-tabs{display:flex;gap:4px;margin-bottom:10px;border-bottom:1px solid var(--line)}.adm-tabs button{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:0;border-bottom:2px solid transparent;background:none;font:700 14px var(--font-body);color:var(--muted);cursor:pointer}.adm-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--brand)}.adm-badge{font-style:normal;font-size:11px;font-weight:800;padding:1px 7px;border-radius:999px;background:#e5484d;color:#fff;margin-left:4px}.adm-person-chip{background:var(--ink)!important;color:var(--surface)!important;border-color:var(--ink)!important}.adm-flags{display:flex;gap:6px}.adm-flag{font-style:normal;font-size:11px;font-weight:700;padding:0 7px;border-radius:6px;background:var(--brand-tint);color:var(--brand-ink)}.adm-flag.wait{background:rgba(229,72,77,.14);color:#b91c1c}.adm-flag.off{background:var(--surface-3);color:var(--muted)}.adm-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:8px}.adm-toggle{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:var(--muted)}.adm-human-line{margin-top:6px;padding:6px 10px;border-radius:8px;background:var(--brand-tint);color:var(--brand-ink)!important;font-weight:600}.adm-team{background:color-mix(in srgb,#10b981 14%,var(--surface))}.adm-note{background:none;border:1px dashed var(--line)}.adm-note p{font-size:13px;font-style:italic;color:var(--muted)}.adm-via-human{background:rgba(16,185,129,.16);color:#047857}.adm-reply{position:sticky;bottom:-14px;display:flex;gap:8px;align-items:flex-end;margin:14px -16px -14px;padding:10px 16px;border-top:1px solid var(--line);background:var(--surface)}.adm-reply textarea{flex:1;min-width:0;min-height:44px;max-height:160px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font:15px/1.4 var(--font-body);resize:vertical}.adm-people{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}.adm-people-bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px;border-bottom:1px solid var(--line)}.adm-people-bar .adm-filters{border-bottom:0}.adm-table-wrap{overflow-x:auto}.adm-table{width:100%;border-collapse:collapse;font-size:13.5px}.adm-table td,.adm-table th{padding:8px 12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.adm-table th{font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.adm-table .num{text-align:right;font-variant-numeric:tabular-nums}.adm-table tr.off td{color:var(--muted)}.adm-table .linkish{font-weight:600;padding:0}@media (max-width:760px){.adm-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.adm-switches{grid-template-columns:minmax(0,1fr)}.adm-reply textarea{font-size:16px}.adm-hide-phone{display:none}.adm-panes{grid-template-columns:minmax(0,1fr);height:calc(100svh - 170px)}.adm-panes .adm-chat,.adm-panes.adm-open .adm-list{display:none}.adm-panes.adm-open .adm-chat{display:block}.adm-back{display:inline}}