.song-page{--sp-warn:#f2c14e;color:var(--km-ink)}.sp-band{background:var(--km-surface)}.sp-band-inner{padding:22px var(--km-pad) 24px;flex-direction:column;gap:18px;display:flex}@media (min-width:900px){.sp-band-inner{flex-direction:row;justify-content:space-between;align-items:center;gap:40px;padding-block:20px}}.sp-band-text{flex-direction:column;flex:1;gap:4px;max-width:82ch;display:flex}@media (max-width:899px){.sp-band-text{display:contents}.sp-band-title{order:0}.sp-band .sp-store{order:1}.sp-band-body{order:2}.sp-band-inner{gap:14px}}.sp-band-title{font-weight:700;font-size:var(--km-step-body);line-height:1.3}.sp-band-body{font-size:var(--km-step-small);color:var(--km-muted);line-height:1.45}.sp-store{border-radius:var(--km-radius);background:var(--km-accent);min-height:52px;color:var(--km-accent-ink);font-size:var(--km-step-body);text-align:center;transition:background-color .18s ease, color .18s ease, scale var(--km-dur-press) var(--km-ease-out);flex:none;justify-content:center;align-items:center;gap:12px;padding:0 22px;font-weight:500;line-height:1.2;text-decoration:none;display:inline-flex}.sp-store svg{transition:transform .22s var(--km-ease-out);flex:none}.sp-store:active{scale:.97}@media (hover:hover) and (pointer:fine){.sp-store:hover{background:var(--km-accent-press)}.sp-store:hover svg{transform:translate(3px,-3px)}}@media (max-width:899px){.sp-band .sp-store{width:100%}}@media (max-width:479px){.sp-store{gap:8px;padding:0 14px;font-size:1rem}}.sp-store-ink{background:var(--km-ground);color:var(--km-ink)}@media (hover:hover) and (pointer:fine){.sp-store-ink:hover{background:var(--km-surface-2)}}.sp-article{grid-template-columns:var(--km-pad) minmax(0, 1fr) var(--km-pad);align-items:start;display:grid}.sp-article>*{grid-column:1/-1}.sp-article>.sp-header,.sp-article>.sp-settings{grid-column:2}@media (min-width:1024px){.sp-article{grid-template-columns:var(--km-pad) minmax(0, 5fr) minmax(0, 7fr) var(--km-pad)}.sp-article>.sp-header{grid-column:2;grid-row:1 / span var(--rows,1);align-self:stretch;padding-right:clamp(32px,4vw,72px)}.sp-article>.sp-header>.sp-header-inner{top:var(--km-header-h);padding-top:40px;position:sticky}.sp-article>.sp-settings{grid-column:3}}.sp-header{padding-top:36px;container-type:inline-size}@media (min-width:1024px){.sp-header{padding-top:0;padding-bottom:32px}}.sp-header-inner{flex-direction:column;gap:20px;display:flex}.sp-title{font-weight:900}.sp-title-mask{margin-bottom:-.06em;padding-top:.04em;padding-bottom:.06em;display:block;overflow:hidden}.sp-byline{font-size:var(--km-step-small);color:var(--km-muted)}.sp-warn{background:var(--km-surface-2);color:var(--sp-warn);padding:14px 18px;line-height:1.5}.sp-answer{max-width:40ch;font-size:var(--km-step-body);line-height:1.45}@media (min-width:640px){.sp-answer{font-size:var(--km-step-lead);line-height:1.4}}.sp-gear-note{max-width:52ch;color:var(--km-muted)}.sp-tuning{background:var(--km-surface-2);font-size:var(--km-step-small);align-self:flex-start;padding:8px 14px;font-weight:500}@media (prefers-reduced-motion:no-preference){.sp-title-big{animation:km-line-up .9s var(--km-ease-out) 60ms both}.sp-title-rest,.sp-byline,.sp-answer,.sp-tuning,.sp-gear-note,.sp-warn{animation:km-fade-up var(--km-dur-enter) var(--km-ease-out) both;animation-delay:.22s}.sp-byline{animation-delay:.28s}.sp-answer,.sp-warn{animation-delay:.34s}.sp-tuning,.sp-gear-note{animation-delay:.42s}}.sp-h2{font-family:var(--font-display);font-weight:900;font-size:var(--km-step-head);letter-spacing:var(--km-display-tracking);text-wrap:balance;max-width:22ch;line-height:.98}.sp-h2[data-long]{font-size:var(--km-step-lead);max-width:40ch;line-height:1.15}@media (min-width:1100px){.sp-h2[data-long]{font-size:var(--km-step-head);max-width:28ch;line-height:.98}}.sp-h3{font-weight:700;font-size:var(--km-step-lead);letter-spacing:-.01em;line-height:1.2}.sp-h4{font-weight:700;font-size:var(--km-step-body)}.sp-quiet{color:var(--km-muted)}.sp-settings{flex-direction:column;gap:22px;padding-top:48px;display:flex}@media (min-width:1024px){.sp-settings{padding-top:40px}}.sp-settings-h2{font-family:var(--font-text);font-weight:700;font-size:var(--km-step-lead);letter-spacing:-.01em;max-width:none;line-height:1.2}.sp-song-parts{color:var(--km-muted);max-width:66ch}.sp-picker-set{flex-direction:column;gap:10px;display:flex}.sp-picker-legend{float:left;width:100%;font-size:var(--km-step-small);color:var(--km-muted);margin-bottom:10px}.sp-picker{clear:both;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}@media (min-width:640px){.sp-picker{grid-template-columns:repeat(var(--n,4), minmax(0, 1fr))}}.sp-pick{border-radius:var(--km-radius);background:var(--km-surface);min-height:64px;color:var(--km-ink);cursor:pointer;transition:background-color .18s ease, color .18s ease, scale var(--km-dur-press) var(--km-ease-out);align-items:center;padding:10px 14px;display:flex;position:relative}.sp-pick input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.sp-pick-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.sp-pick-brand{font-size:var(--km-step-small);color:var(--km-muted);transition:color .18s}.sp-pick-model{font-size:var(--km-step-body);font-weight:500}.sp-pick:active{scale:.97}@media (hover:hover) and (pointer:fine){.sp-pick:hover{background:var(--km-surface-2)}}.sp-pick:has(input:checked){background:var(--km-accent);color:var(--km-accent-ink)}.sp-pick:has(input:checked) .sp-pick-brand{color:var(--km-accent-ink)}.sp-pick:has(input:focus-visible){outline:2px solid var(--km-ink);outline-offset:2px;z-index:1}:is(.song-page:has(input[data-rig-pick="0"]:checked) [data-rig-i]:not([data-rig-i="0"]),.song-page:has(input[data-rig-pick="1"]:checked) [data-rig-i]:not([data-rig-i="1"]),.song-page:has(input[data-rig-pick="2"]:checked) [data-rig-i]:not([data-rig-i="2"]),.song-page:has(input[data-rig-pick="3"]:checked) [data-rig-i]:not([data-rig-i="3"]),.song-page:has(input[data-rig-pick="4"]:checked) [data-rig-i]:not([data-rig-i="4"]),.song-page:has(input[data-rig-pick="5"]:checked) [data-rig-i]:not([data-rig-i="5"]),.song-page:has(input[data-rig-pick="6"]:checked) [data-rig-i]:not([data-rig-i="6"]),.song-page:has(input[data-rig-pick="7"]:checked) [data-rig-i]:not([data-rig-i="7"])){display:none}.sp-rig{flex-direction:column;gap:16px;display:flex}.sp-rig-head{flex-direction:column;gap:6px;margin-top:12px;display:flex}.sp-rig-hub{font-size:var(--km-step-small);align-self:flex-start}.sp-rig-parts,.sp-rig-notes{color:var(--km-muted);max-width:66ch}.sp-plate{--dial:var(--km-amp);border-radius:var(--km-radius);background:var(--km-surface-2);padding:20px 16px 26px}.sp-plate-inst{--dial:var(--km-instrument)}@media (min-width:640px){.sp-plate{padding:24px 28px 32px}}.sp-plate-head{font-size:var(--km-step-body);flex-wrap:wrap;align-items:center;gap:4px 12px;margin-bottom:22px;line-height:1.3;display:flex}.sp-plate-led{border-radius:var(--km-radius-control);background:var(--dial);flex:none;width:10px;height:10px}.sp-plate-group{color:var(--dial);font-weight:700}.sp-plate-model{min-width:0;color:var(--km-muted)}.sp-controls{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:26px 6px;display:grid}@media (min-width:640px){.sp-controls{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:30px 12px}}@media (min-width:1280px){.sp-controls{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}}.sp-ctl{text-align:center;--d:calc(var(--i,0) * var(--km-stagger) + .26s);flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.sp-ctl-name{max-width:100%;font-size:var(--km-step-small);color:var(--km-ink);overflow-wrap:anywhere;order:5;font-weight:500;line-height:1.25}.sp-ctl-visual{order:1;display:block}.sp-ctl-read{order:2}.sp-ctl-where{font-size:var(--km-step-small);color:var(--km-muted);order:6}.sp-ctl-note{max-width:11rem;font-size:var(--km-step-small);color:var(--km-muted);order:7;line-height:1.35}@media (prefers-reduced-motion:no-preference){.sp-plate .sp-dial-hand{animation:km-turn var(--km-dur-dial) var(--km-ease-out) var(--d) both}.sp-plate .sp-dial-arc{stroke-dasharray:1;animation:km-arc var(--km-dur-dial) var(--km-ease-out) var(--d) both}.sp-plate .sp-dial-tick-on{animation:km-tick .24s ease calc(var(--d) + var(--tf,0) * var(--km-dur-dial) * .4) both}.sp-plate .sp-toggle-on .sp-toggle-thumb{animation:km-slide .6s var(--km-ease-out) var(--d) both}.sp-plate .sp-readout{animation:km-fade .4s ease calc(var(--d) + .2s) both}.sp-plate .sp-level-wave{animation:km-fade .5s ease calc(var(--d) + .2s) both}.sp-plate .sp-level-wave-2{animation-delay:calc(var(--d) + .38s)}.sp-plate .sp-plate-led{animation:.5s .16s both km-lamp}@supports (content:"a" / ""){.sp-dial-value[data-count] .sp-dial-num{opacity:0}.sp-dial-value[data-count]{animation:km-count var(--km-dur-dial) var(--km-ease-out) var(--d) both}.sp-dial-value[data-count=int]:after{counter-reset:km-w var(--km-n);content:attr(data-sign) counter(km-w) / ""}.sp-dial-value[data-count=tenth]{--km-w:calc((var(--km-n) - 5) / 10);--km-d:calc(var(--km-n) - var(--km-w) * 10)}.sp-dial-value[data-count=tenth]:after{counter-reset:km-w var(--km-w) km-d var(--km-d);content:attr(data-sign) counter(km-w) "." counter(km-d) / ""}}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.sp-song-section .sp-plate .sp-dial{view-timeline:--sp-dial block}.sp-song-section .sp-plate .sp-dial-hand,.sp-song-section .sp-plate .sp-dial-arc,.sp-song-section .sp-plate .sp-dial-value[data-count]{animation-duration:auto;animation-delay:0s;animation-timing-function:var(--km-ease-out);animation-timeline:--sp-dial;animation-range:entry}.sp-song-section .sp-plate .sp-dial-tick-on{animation:none}}}.sp-parts{flex-direction:column;gap:14px;margin-top:8px;display:flex}.sp-parts-list{gap:22px 32px;display:grid}@media (min-width:640px){.sp-parts-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.sp-part{flex-direction:column;gap:8px;display:flex}.sp-part-name{font-weight:700}.sp-changes{flex-wrap:wrap;gap:6px;display:flex}.sp-change{--dial:var(--km-amp);border-radius:var(--km-radius);background:color-mix(in srgb, var(--dial) 16%, var(--km-surface));font-size:var(--km-step-small);color:var(--km-ink);align-items:baseline;gap:6px;padding:4px 10px;display:inline-flex}.sp-change-inst{--dial:var(--km-instrument)}.sp-change strong{font-variant-numeric:tabular-nums;font-weight:700}.sp-part-tip{color:var(--km-muted);max-width:52ch}.sp-text-details summary{cursor:pointer;min-height:44px;font-size:var(--km-step-small);color:var(--km-muted);align-items:center;gap:10px;font-weight:500;list-style:none;transition:color .18s;display:inline-flex}.sp-text-details summary::-webkit-details-marker{display:none}.sp-text-details summary:before{content:"+";background:var(--km-surface-2);width:22px;height:22px;color:var(--km-ink);transition:rotate .22s var(--km-ease-out);place-items:center;display:inline-grid}.sp-text-details[open] summary:before{rotate:45deg}@media (hover:hover) and (pointer:fine){.sp-text-details summary:hover{color:var(--km-ink)}}.sp-text-details:not([open])>.sp-text-grid{display:none}.sp-text-grid{background:var(--km-surface);gap:24px 40px;margin-top:8px;padding:20px 22px;display:grid}@media (min-width:640px){.sp-text-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.sp-text-title{font-weight:700}.sp-text-list{grid-template-columns:auto 1fr;gap:4px 20px;margin-top:8px;display:grid}.sp-text-row{display:contents}.sp-text-list dt{color:var(--km-muted)}.sp-text-list dd{font-variant-numeric:tabular-nums}.sp-section{margin-top:var(--km-section);padding-inline:var(--km-pad);flex-direction:column;gap:40px;display:flex}.sp-song-section{margin-top:var(--km-section);padding-inline:var(--km-pad);scroll-margin-top:calc(var(--km-header-h) + 24px);flex-direction:column;gap:28px;display:flex}.sp-song-section>.sp-claims{margin-bottom:8px}.sp-claims{flex-direction:column;gap:14px;max-width:72ch;display:flex}.sp-claims>li{line-height:1.6}@media (min-width:1100px){.sp-song-section>.sp-claims,.sp-gear-section>.sp-claims{columns:2;column-gap:clamp(32px,4vw,72px);max-width:none;display:block}.sp-song-section>.sp-claims>li,.sp-gear-section>.sp-claims>li{break-inside:avoid;margin-bottom:14px}}.sp-claim-part{font-weight:700}.sp-ref{font-variant-numeric:tabular-nums;color:var(--km-muted);margin-left:2px;font-size:.72em;font-weight:500;text-decoration:none;transition:color .18s}@media (hover:hover) and (pointer:fine){.sp-ref:hover{color:var(--km-accent)}}.sp-why{background:var(--km-cream);color:var(--km-cream-ink);padding-block:clamp(64px,8vw,128px)}.sp-why :focus-visible{outline-color:var(--km-cream-ink)}@media (min-width:1024px){.sp-why{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:48px clamp(32px,4vw,72px);display:grid}.sp-why>.sp-h2{grid-column:1/-1}.sp-why-body{grid-column:2}}.sp-why-body{flex-direction:column;gap:28px;display:flex}.sp-why-text{max-width:62ch;font-size:var(--km-step-lead);line-height:1.45}.sp-tips{flex-direction:column;gap:12px;max-width:62ch;display:flex}.sp-tips>li{background:color-mix(in srgb, var(--km-cream-ink) 7%, var(--km-cream));padding:14px 18px;line-height:1.5}.sp-gear-box{gap:40px var(--km-gap);display:grid}@media (min-width:900px){.sp-gear-box{grid-template-columns:repeat(2,minmax(0,1fr))}}.sp-gear{flex-direction:column;gap:14px;display:flex}.sp-gear-player{font-weight:700;font-size:var(--km-step-lead);line-height:1.2}.sp-gear-list{flex-direction:column;gap:8px;display:flex}.sp-gear-row{grid-template-columns:6.5rem minmax(0,1fr);align-items:baseline;gap:16px;display:grid}.sp-field{font-size:var(--km-step-small);color:var(--km-muted);font-weight:500}.sp-differ{color:var(--sp-warn)}.sp-gear-chain{grid-column:1/-1;max-width:72ch}.sp-faq{background:var(--km-surface);padding-block:clamp(64px,8vw,120px)}.sp-faq-list{flex-direction:column;gap:44px;display:flex}.sp-faq-item{gap:10px clamp(32px,4vw,72px);display:grid}@media (min-width:900px){.sp-faq-item{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:baseline}}.sp-faq-q{font-weight:700;font-size:var(--km-step-lead);letter-spacing:-.01em;line-height:1.25}.sp-faq-a{max-width:62ch;line-height:1.6}.sp-cta{margin-top:var(--km-section);padding:clamp(64px, 9vw, 140px) var(--km-pad);background:var(--km-accent);color:var(--km-accent-ink);container-type:inline-size}.sp-cta :focus-visible{outline-color:var(--km-accent-ink)}.sp-cta-inner{flex-direction:column;gap:36px;display:flex}@media (min-width:1024px){.sp-cta-inner{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:clamp(32px,4vw,72px);display:grid}}.sp-cta-title{font-family:var(--font-display);font-weight:900;font-size:var(--km-step-head);letter-spacing:var(--km-display-tracking);text-wrap:balance;max-width:14ch;line-height:.95}.sp-cta-side{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.sp-cta-body{max-width:40ch;font-size:var(--km-step-lead);line-height:1.4}@media (max-width:639px){.sp-cta .sp-store{width:100%}}.sp-more-list{font-size:var(--km-step-lead);flex-direction:column;font-weight:500;display:flex}.sp-row-link{min-height:44px;color:var(--km-ink);transition:transform .22s var(--km-ease-out), color .18s ease;justify-content:space-between;align-items:baseline;gap:16px;padding-block:12px;text-decoration:none;display:flex}.sp-row-link:after{content:"↗";color:var(--km-muted);flex:none;transition:color .18s}.sp-row-link:active{scale:.99}@media (hover:hover) and (pointer:fine){.sp-more-list:hover .sp-row-link:not(:hover){color:var(--km-muted)}.sp-row-link:hover{transform:translate(12px)}.sp-row-link:hover:after{color:var(--km-accent)}}.sp-langs{padding-inline:var(--km-pad);font-size:var(--km-step-small);flex-wrap:wrap;gap:4px 18px;margin-top:56px;display:flex}.sp-langs a{align-items:center;min-height:44px;display:inline-flex}.sp-foot{padding-inline:var(--km-pad);font-size:var(--km-step-small);color:var(--km-muted);flex-direction:column;gap:14px;margin-top:72px;display:flex}.sp-sources{flex-direction:column;gap:6px;max-width:90ch;margin-bottom:16px;display:flex}.sp-sources li{scroll-margin-top:calc(var(--km-header-h) + 24px)}.sp-sources li:target{color:var(--km-ink)}.sp-source-id{font-variant-numeric:tabular-nums}.sp-source-link{word-break:break-word}.sp-link{color:var(--km-ink);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-underline-offset:.22em;text-decoration-thickness:.07em;transition:text-decoration-color .18s,color .18s}.sp-foot .sp-link{color:var(--km-muted)}@media (hover:hover) and (pointer:fine){.sp-link:hover{color:var(--km-ink);-webkit-text-decoration-color:var(--km-accent);text-decoration-color:var(--km-accent)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.sp-article [data-rise]{animation:linear both km-mask-up;animation-timeline:view();animation-range:entry 10% entry 90%}.sp-claims>li,.sp-tips>li,.sp-why-text,.sp-gear,.sp-faq-item,.sp-row-link,.sp-cta-side,.sp-song-section .sp-plate,.sp-parts-list>li{animation:linear both km-fade-up;animation-timeline:view();animation-range:entry entry 75%}}}@keyframes km-mask-up{0%{clip-path:inset(0 0 100%);translate:0 .5em}to{clip-path:inset(0 0 -20%);translate:0}}@media (prefers-reduced-motion:reduce){.sp-row-link:hover,.sp-store:hover svg{transform:none}.sp-pick:active,.sp-store:active,.sp-row-link:active{scale:none}}.sp-stage{padding-inline:var(--km-pad);margin-top:clamp(72px,9vw,144px)}.sp-stage-head{flex-wrap:wrap;align-items:baseline;gap:8px 28px;margin-bottom:36px;display:flex}.sp-stage-rig{font-size:var(--km-step-lead);color:var(--km-muted)}.sp-stage-grid{align-items:start;gap:28px;display:grid}.sp-stage-pin{top:var(--km-header-h);z-index:2;background:var(--km-ground);padding-bottom:12px;position:sticky}.sp-splate{--dial:var(--km-amp);--sp-dial-size:64px;background:var(--km-surface-2);padding:16px 14px 20px}.sp-splate-head{font-family:var(--font-display);font-weight:900;font-size:var(--km-step-lead);letter-spacing:var(--km-display-tracking);color:var(--km-ink);align-items:center;gap:12px;margin-bottom:16px;line-height:1.1;display:flex}.sp-splate-head .sp-plate-led{flex:none}.sp-stage-controls{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:16px 4px}.sp-sc{--d:0s}.sp-sc .sp-ctl-visual{transition:opacity .3s}.sp-sc .sp-ctl-name{transition:color .3s}.sp-sc[data-on] .sp-ctl-name{color:var(--dial)}.sp-stage:not([data-state="0"])[data-state] .sp-sc:not([data-on]) .sp-ctl-visual{opacity:.45}.sp-stage-steps{flex-direction:column;gap:0;display:flex}.sp-stage-steps>li{justify-content:center;min-height:40svh;padding-block:28px}.sp-stage-steps .sp-part-name{font-family:var(--font-display);font-weight:900;font-size:var(--km-step-lead);letter-spacing:var(--km-display-tracking);transition:color .3s}html[data-motion] .sp-stage-steps>li:not([data-active]) .sp-part-name{color:var(--km-muted)}html[data-motion] .sp-stage-steps>li[data-active] .sp-part-name{color:var(--km-accent)}@media (min-width:640px){.sp-splate{--sp-dial-size:84px;padding:22px 24px 28px}.sp-stage-controls{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:24px 8px}}@media (min-width:1024px){.sp-stage-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,4vw,72px)}.sp-stage-pin{top:calc(var(--km-header-h) + 8svh);background:0 0;padding-bottom:0}.sp-splate{--sp-dial-size:112px;padding:32px 32px 40px}.sp-splate-head{margin-bottom:28px;font-size:clamp(1.625rem,1rem + 1.6vw,2.5rem)}.sp-stage-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 12px}.sp-stage-steps>li{justify-content:center;min-height:62svh;padding-block:40px}.sp-stage-steps>li:last-child{min-height:48svh}}@media (prefers-reduced-motion:no-preference){.km-swap{animation:km-swap .38s var(--km-ease-out) both}}@keyframes km-swap{0%{opacity:0;translate:0 .3em}}.sp-band-photo{margin-top:clamp(72px,9vw,144px)}.sp-why-photo{aspect-ratio:16/10}.sp-band-photo+.sp-why{margin-top:0}.sp-sc-box{min-width:var(--sp-dial-size);height:var(--sp-dial-size);place-items:center;display:grid}.sp-gear-head{flex-direction:column;gap:32px;display:flex}.sp-gear-photo{aspect-ratio:16/10}@media (min-width:1024px){.sp-why-photo{aspect-ratio:4/5;grid-area:2/1;max-height:78svh}.sp-why>.sp-why-body{grid-row:2}.sp-gear-photo{aspect-ratio:21/8}}
