body.page-piano{overflow:hidden}.page-piano #site.container{--piano-page-y-gap: 42px;width:calc(100% - 20px);max-width:none;height:100dvh;min-height:0;box-sizing:border-box;padding-top:112px!important;padding-bottom:var(--piano-page-y-gap)!important;display:grid}html[data-piano-topbar-hidden] body.page-piano .topbar{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-100%)}html[data-piano-topbar-hidden] body.page-piano #site.container{padding-top:var(--piano-page-y-gap)!important}.page-piano .site-footer{display:none}.piano-shell[data-astro-cid-yz32beko]{margin:0 auto;width:min(100%,1880px);height:100%;min-height:0;display:grid}.piano-module[data-astro-cid-yz32beko]{display:grid;min-height:0}.runtime-recovery[data-astro-cid-yz32beko]{display:none;align-items:center;gap:10px;margin:0 0 8px;min-height:30px}.runtime-recovery[data-astro-cid-yz32beko][data-state=error],.runtime-recovery[data-astro-cid-yz32beko][data-state=loading]{display:flex}.runtime-recovery[data-astro-cid-yz32beko][hidden]{display:none}.runtime-recovery-btn[data-astro-cid-yz32beko]{min-height:28px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff0a;color:#ffffffe6;font-size:.76rem;font-weight:650;line-height:1;letter-spacing:.02em;cursor:pointer}.runtime-recovery-btn[data-astro-cid-yz32beko]:disabled{opacity:.6;cursor:wait}.runtime-recovery-status[data-astro-cid-yz32beko]{margin:0;color:#ffffffbd;font-size:.78rem;line-height:1.2;letter-spacing:.01em}.runtime-recovery[data-astro-cid-yz32beko][data-state=error] .runtime-recovery-status[data-astro-cid-yz32beko]{color:#ff9b9b}.runtime-recovery[data-astro-cid-yz32beko][data-state=loading] .runtime-recovery-status[data-astro-cid-yz32beko]{color:#ffd089}.piano-frame[data-astro-cid-yz32beko]{--piano-chip-height: 34px;--piano-control-radius: 10px;--piano-control-border: rgba(255, 255, 255, .18);--piano-control-border-strong: rgba(255, 255, 255, .28);min-height:0;padding:12px;display:grid;grid-template-rows:minmax(0,1fr);position:relative;overflow:visible;border-color:#ffffff1a;background:radial-gradient(1020px 360px at 50% 100%,rgba(255,72,72,.12),transparent 62%),radial-gradient(920px 360px at 10% 20%,rgba(104,166,255,.08),transparent 68%),var(--surface-1-bg);box-shadow:0 22px 58px #00000085,0 0 0 1px #ff50500d inset}.settings-soundfont[data-astro-cid-yz32beko]{position:relative;z-index:5;width:100%;min-width:0}.settings-row[data-astro-cid-yz32beko],.settings-effects-group[data-astro-cid-yz32beko]{min-width:0}.settings-row[data-astro-cid-yz32beko]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 0;border-top:1px solid rgba(255,255,255,.06)}.settings-row[data-astro-cid-yz32beko]:first-child{padding-top:0;border-top:0}.settings-soundfont[data-astro-cid-yz32beko]{padding:9px 0;border-top:1px solid rgba(255,255,255,.06)}.settings-soundfont[data-astro-cid-yz32beko]:first-child{padding-top:0;border-top:0}.settings-effects-group[data-astro-cid-yz32beko]{display:grid}.stage-settings-popover[data-astro-cid-yz32beko][data-settings-mode=panels] .settings-effects-group[data-astro-cid-yz32beko]{display:none}.settings-label[data-astro-cid-yz32beko]{color:#ffffffb8;font-size:.62rem;font-weight:760;letter-spacing:.07em;line-height:1;text-transform:uppercase;white-space:nowrap}.settings-control[data-astro-cid-yz32beko]{justify-self:end}.settings-segment[data-astro-cid-yz32beko]{display:grid;grid-template-columns:repeat(2,minmax(52px,1fr));gap:5px;width:126px}.settings-segment[data-astro-cid-yz32beko].three{grid-template-columns:repeat(3,minmax(42px,1fr));width:158px}.settings-segment-btn[data-astro-cid-yz32beko],.settings-placeholder-btn[data-astro-cid-yz32beko]{height:28px;min-width:0;padding:0 9px;border-radius:9px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(54px 34px at 50% 0%,rgba(255,82,82,.055),transparent 72%),linear-gradient(180deg,#1d1f26fa,#0f1116fc);color:#ffffffc7;cursor:pointer;font:inherit;font-size:.66rem;font-weight:740;line-height:1;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffff12,inset 0 -1px #ffffff08;transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.settings-segment-btn[data-astro-cid-yz32beko]:hover{color:#ffeeeef5;border-color:#ff6e6e47}.settings-segment-btn[data-astro-cid-yz32beko].is-active{color:#fff5f5fa;border-color:#ff6c6c61;background:radial-gradient(70px 40px at 50% 0%,rgba(255,82,82,.18),transparent 72%),linear-gradient(180deg,#fff1,#ffffff08),#94162224;box-shadow:0 0 0 1px #ff484809,inset 0 1px #ffffff1a,inset 0 -1px #ffffff0a}.settings-placeholder-btn[data-astro-cid-yz32beko]{width:126px;cursor:not-allowed;color:#ffffff6b;opacity:.7}.soundfont-toggle[data-astro-cid-yz32beko]{width:100%;height:var(--piano-chip-height);min-height:var(--piano-chip-height);border-radius:var(--piano-control-radius);border:1px solid var(--piano-control-border);background:radial-gradient(180px 72px at 0% 0%,rgba(255,82,82,.055),transparent 70%),linear-gradient(90deg,#17151afa,#0e1015fc);padding:0 11px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"main sub chev";align-items:center;column-gap:8px;color:#ffffffe6;cursor:pointer;appearance:none;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #ffffff09;transition:border-color .17s ease,background .17s ease,box-shadow .17s ease}.soundfont-toggle[data-astro-cid-yz32beko]:disabled{cursor:wait;opacity:.62}.soundfont-toggle[data-astro-cid-yz32beko]:not(:disabled):hover{border-color:var(--piano-control-border-strong);background:radial-gradient(180px 72px at 0% 0%,rgba(255,82,82,.09),transparent 70%),linear-gradient(90deg,#1d171dfc,#111318fc);box-shadow:0 0 0 1px #ff48480a,inset 0 1px #ffffff1a,inset 0 -1px #ffffff0a}.soundfont-toggle-label[data-astro-cid-yz32beko]{grid-area:main;color:#fffffffc;font-size:.7rem;line-height:1.2;letter-spacing:.01em;white-space:nowrap;font-weight:700;transform:translateY(-1px)}.soundfont-toggle-current[data-astro-cid-yz32beko]{grid-area:sub;color:#fffffff2;font-size:.7rem;line-height:1.2;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;min-width:0;transform:translateY(-1px)}.soundfont-toggle-chevron[data-astro-cid-yz32beko]{grid-area:chev;display:inline-flex;align-items:center;justify-content:center;font-family:JetBrains Mono,Fira Code,Consolas,monospace;width:auto;height:auto;border-radius:0;background:transparent;font-size:.84rem;line-height:1;color:#ffffffad;transition:transform .19s ease,color .19s ease,background .19s ease}.soundfont-toggle[data-astro-cid-yz32beko][aria-expanded=true] .soundfont-toggle-chevron[data-astro-cid-yz32beko]{transform:rotate(-90deg);color:#ffffffc7;background:transparent}.soundfont-menu[data-astro-cid-yz32beko]{position:absolute;left:0;right:0;bottom:calc(100% + 14px);width:auto;min-width:0;box-sizing:border-box;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:radial-gradient(420px 150px at 0% 0%,rgba(255,82,82,.045),transparent 66%),linear-gradient(90deg,#0e0f14fb,#080a0efc);box-shadow:0 18px 42px #0000006b,inset 0 1px #ffffff0f;padding:7px;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:30}.soundfont-menu[data-astro-cid-yz32beko].is-open{opacity:1;pointer-events:auto}.soundfont-menu-list[data-astro-cid-yz32beko]{max-height:220px;overflow-y:auto;display:grid;gap:4px;padding-right:2px;scrollbar-color:rgba(255,255,255,.22) rgba(255,255,255,.05);scrollbar-width:thin}.soundfont-menu-list[data-astro-cid-yz32beko]::-webkit-scrollbar{width:8px}.soundfont-menu-list[data-astro-cid-yz32beko]::-webkit-scrollbar-track{background:#ffffff0d;border-radius:999px}.soundfont-menu-list[data-astro-cid-yz32beko]::-webkit-scrollbar-thumb{border-radius:999px;background:#ffffff38}.soundfont-option{width:100%;min-height:32px;border:1px solid rgba(255,255,255,.085);border-radius:7px;background:linear-gradient(180deg,#191b21fa,#0d0f13fc);color:#ffffffd1;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:0 28px;text-align:center;font:inherit;cursor:pointer;position:relative;box-shadow:inset 0 1px #ffffff0e;transition:border-color .15s ease,background .15s ease,color .15s ease}.soundfont-option:hover,.soundfont-option:focus-visible{border-color:#ff7e7e57;background:linear-gradient(180deg,#ffffff0f,#ffffff07),#ffffff0a;color:#fffffffa;outline:none}.soundfont-option[aria-selected=true]{border-color:#ff727252;background:radial-gradient(160px 60px at 0% 50%,rgba(255,75,75,.085),transparent 76%),linear-gradient(180deg,#ffffff0f,#ffffff07),#ffffff08;box-shadow:inset 0 1px #ffffff14}.soundfont-option-dot{position:absolute;left:13px;top:50%;width:5px;height:5px;border-radius:999px;transform:translateY(-50%);background:#ffffff3d;box-shadow:0 0 0 3px #ffffff08}.soundfont-option[aria-selected=true] .soundfont-option-dot{background:#ff6a6a;box-shadow:0 0 0 3px #ff58581a,0 0 10px #ff4a4a38}.soundfont-option-main{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;font-weight:650;line-height:1.2;letter-spacing:.01em;text-align:center}.soundfont-option-text{min-width:0;max-width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center}.piano-viewport[data-astro-cid-yz32beko]{--white-height: clamp(170px, 25vh, 300px);--black-height: calc(var(--white-height) * .62);--black-ratio: .58;--white-key-width: clamp(7px, min(1.55vw, calc((100vw - 52px) / 52)), 32px);--piano-width: calc(var(--full-white-count, var(--white-count, 52)) * var(--white-key-width));--piano-half-width: calc(var(--piano-width) / 2);--rail-gap: clamp(7px, .5vw, 11px);--stage-lift: clamp(18px, 1.65vh, 30px);--panels-stage-top: clamp(12px, 2vh, 28px);--panels-gap: clamp(10px, 1.55vh, 20px);--panels-row-gap: calc(10% / 3);--stage-top: calc(100cqh - var(--white-height) - var(--stage-lift));position:relative;container-type:size;min-height:0;overflow:hidden;touch-action:pan-x;border-radius:12px;background:linear-gradient(180deg,#ffffff09,#ffffff02 46%,#0000002e),radial-gradient(560px 220px at 50% 42%,rgba(255,255,255,.028),transparent 70%),radial-gradient(860px 420px at 50% 100%,rgba(255,66,66,.12),transparent 66%),radial-gradient(760px 360px at 82% 20%,rgba(96,158,255,.07),transparent 70%),#05070c7a;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0f,inset 0 -34px 70px #00000061}.piano-viewport[data-astro-cid-yz32beko][data-piano-mode=panels]{--stage-lift: calc(100% - var(--white-height) - var(--panels-stage-top));--stage-top: var(--panels-stage-top)}.piano-viewport[data-astro-cid-yz32beko]:before{content:"";position:absolute;left:50%;width:calc(var(--piano-width) + clamp(54px,4vw,92px));bottom:calc(var(--white-height, 180px) + var(--stage-lift) - 2px);z-index:0;height:clamp(82px,14vh,160px);pointer-events:none;transform:translate(-50%);background:radial-gradient(58% 72px at 50% 100%,rgba(148,22,34,.24),transparent 72%),linear-gradient(180deg,transparent 0%,rgba(148,22,34,.09) 74%,rgba(148,22,34,.18) 100%);opacity:.68;filter:blur(8px);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.42) 10%,#000 22%,#000 78%,rgba(0,0,0,.42) 90%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.42) 10%,#000 22%,#000 78%,rgba(0,0,0,.42) 90%,transparent 100%)}.piano-viewport[data-astro-cid-yz32beko]:after{content:"";position:absolute;inset:0 0 calc(var(--white-height, 180px) + var(--stage-lift));z-index:0;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.028) 50%,transparent 100%),repeating-linear-gradient(90deg,transparent 0 86px,rgba(255,255,255,.018) 87px,transparent 88px),linear-gradient(180deg,rgba(255,255,255,.016),transparent 28%,rgba(148,22,34,.05) 100%);opacity:.46;-webkit-mask-image:radial-gradient(86% 72% at 50% 62%,#000 0%,rgba(0,0,0,.72) 54%,transparent 100%);mask-image:radial-gradient(86% 72% at 50% 62%,#000 0%,rgba(0,0,0,.72) 54%,transparent 100%)}.piano-root-wrap[data-astro-cid-yz32beko]{position:absolute;left:50%;top:0;z-index:8;width:var(--piano-width);height:var(--white-height);overflow:hidden;border-radius:10px 10px 6px 6px;transform:translate3d(-50%,var(--stage-top),0);pointer-events:auto;box-shadow:0 22px 48px #00000080,0 0 0 1px #ffffff14;transition:transform .52s var(--ease-emphasis);will-change:transform}.piano-panels-stage[data-astro-cid-yz32beko]{position:absolute;left:clamp(16px,1.45vw,28px);right:clamp(16px,1.45vw,28px);top:calc(var(--panels-stage-top) + var(--white-height) + var(--panels-gap));bottom:clamp(10px,1.4vh,20px);z-index:6;display:grid;grid-template-rows:var(--panels-row-gap) 26% var(--panels-row-gap) 64% var(--panels-row-gap);min-height:0;pointer-events:none}.piano-panel-placeholder[data-astro-cid-yz32beko]{position:relative;min-height:0;overflow:hidden;padding:clamp(10px,1.05vw,15px);box-sizing:border-box;border-radius:14px;border:1px solid rgba(138,38,48,.3);background:radial-gradient(420px 180px at 12% 0%,rgba(92,18,26,.14),transparent 74%),radial-gradient(520px 240px at 86% 100%,rgba(52,12,18,.1),transparent 76%),linear-gradient(135deg,#0f0a0de6,#06070ad1),#0a070a94;box-shadow:0 22px 50px #0000006b,inset 0 1px #ffffff12,0 0 0 1px #94162209;opacity:0;transition:opacity .36s ease,transform .52s var(--ease-emphasis);will-change:opacity,transform}.panel-stat-strip[data-astro-cid-yz32beko]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:50px;border-bottom:1px solid rgba(255,255,255,.065)}.panel-stat-cell[data-astro-cid-yz32beko]{display:grid;align-content:center;justify-items:center;gap:6px;min-width:0;padding:3px 10px 10px;position:relative;text-align:center}.panel-stat-cell[data-astro-cid-yz32beko]:not(:last-child):after{content:"";position:absolute;top:8px;bottom:14px;right:0;width:1px;background:#ffffff14}.panel-stat-label[data-astro-cid-yz32beko],.keyboard-map-head[data-astro-cid-yz32beko] small[data-astro-cid-yz32beko],.keyboard-map-group-head[data-astro-cid-yz32beko] small[data-astro-cid-yz32beko],.panel-tool-placeholder[data-astro-cid-yz32beko] small[data-astro-cid-yz32beko]{color:#ffffff8f;font-size:.56rem;font-weight:780;letter-spacing:.08em;line-height:1;text-transform:uppercase;white-space:nowrap}.panel-stat-value[data-astro-cid-yz32beko]{max-width:100%;overflow:hidden;text-overflow:ellipsis;color:#ffffffeb;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:clamp(.82rem,.74vw,1.05rem);font-weight:780;line-height:1;white-space:nowrap}.panel-tool-strip[data-astro-cid-yz32beko]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(7px,.65vw,10px);padding-top:clamp(8px,.75vh,11px);min-height:0}.panel-tool-placeholder[data-astro-cid-yz32beko]{min-width:0;min-height:36px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 12px;border-radius:10px;border:1px solid rgba(255,255,255,.075);background:radial-gradient(130px 54px at 0% 0%,rgba(148,22,34,.07),transparent 72%),linear-gradient(180deg,#ffffff0b,#ffffff05),#ffffff05;color:#ffffffc7;font-size:.72rem;font-weight:720;line-height:1}.panel-tool-placeholder[data-astro-cid-yz32beko] span[data-astro-cid-yz32beko]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keyboard-map-panel[data-astro-cid-yz32beko]{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px}.keyboard-map-head[data-astro-cid-yz32beko]{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-width:0}.keyboard-map-head[data-astro-cid-yz32beko]{padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.065);color:#ffffffe0;font-size:.78rem;font-weight:820;letter-spacing:.04em;line-height:1;text-transform:uppercase}.keyboard-map-board[data-astro-cid-yz32beko]{min-height:0;display:grid;grid-template-columns:minmax(0,1.62fr) minmax(310px,.92fr);gap:clamp(10px,1vw,18px);overflow:hidden}.keyboard-map-main[data-astro-cid-yz32beko],.keyboard-map-secondary[data-astro-cid-yz32beko]{min-height:0;min-width:0;display:grid;align-content:start;gap:7px}.keyboard-map-group[data-astro-cid-yz32beko]{min-width:0;display:grid;grid-template-columns:clamp(82px,6vw,118px) minmax(0,1fr);align-items:start;gap:clamp(7px,.7vw,12px);padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.045)}.keyboard-map-main[data-astro-cid-yz32beko] .keyboard-map-group[data-astro-cid-yz32beko]:last-child,.keyboard-map-secondary[data-astro-cid-yz32beko] .keyboard-map-group[data-astro-cid-yz32beko]:last-child{padding-bottom:0;border-bottom:0}.keyboard-map-group-head[data-astro-cid-yz32beko]{min-width:0;display:grid;align-content:start;gap:5px;padding-top:4px}.keyboard-map-group-head[data-astro-cid-yz32beko] span[data-astro-cid-yz32beko]{color:#ffffffb8;font-size:.61rem;font-weight:780;letter-spacing:.055em;line-height:1;text-transform:uppercase}.keyboard-map-keys[data-astro-cid-yz32beko]{display:flex;flex-wrap:wrap;gap:4px;min-width:0}.keyboard-map-key[data-astro-cid-yz32beko]{min-height:22px;display:inline-grid;grid-template-columns:auto auto;align-items:center;gap:4px;padding:0 6px;border-radius:7px;border:1px solid rgba(255,255,255,.075);background:#ffffff06;box-shadow:inset 0 1px #ffffff0b}.keyboard-map-key[data-astro-cid-yz32beko] kbd[data-astro-cid-yz32beko]{color:#ffffffe6;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.58rem;font-weight:760;line-height:1}.keyboard-map-key[data-astro-cid-yz32beko] small[data-astro-cid-yz32beko]{color:#ffffff7a;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.5rem;font-weight:700;line-height:1;white-space:nowrap}.piano-panel-placeholder-upper[data-astro-cid-yz32beko]{grid-row:2}.piano-panel-placeholder-lower[data-astro-cid-yz32beko]{grid-row:4}.piano-panel-placeholder[data-astro-cid-yz32beko]{transform:translateY(calc(100% + var(--panels-row-gap))) scale(.985)}.piano-viewport[data-astro-cid-yz32beko][data-panels-state=entering] .piano-panel-placeholder[data-astro-cid-yz32beko],.piano-viewport[data-astro-cid-yz32beko][data-panels-state=visible] .piano-panel-placeholder[data-astro-cid-yz32beko]{opacity:1;transform:translateY(0) scale(1)}.piano-rain-layer[data-astro-cid-yz32beko]{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;opacity:1;transition:opacity .32s ease;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.9) 8%,rgba(0,0,0,1) 82%,rgba(0,0,0,.72) 100%);mask-image:linear-gradient(to bottom,#0000,#000000e6 8%,#000 82%,#000000b8)}.piano-rain-layer[data-astro-cid-yz32beko]:after{content:"";position:absolute;left:0;right:0;bottom:calc(var(--white-height, 180px) + var(--stage-lift));height:3px;background:linear-gradient(90deg,transparent 0%,rgba(148,22,34,.42) 24%,rgba(255,108,116,.7) 50%,rgba(148,22,34,.42) 76%,transparent 100%);box-shadow:0 0 10px #94162261,0 0 32px #94162233,0 -18px 56px #9416221a;opacity:.78;transform:translateY(1px)}.piano-viewport[data-astro-cid-yz32beko][data-piano-mode=panels] .piano-rain-layer[data-astro-cid-yz32beko]{opacity:0}.stage-side-rail[data-astro-cid-yz32beko]{position:absolute;top:var(--stage-top);z-index:9;height:var(--white-height);display:grid;align-content:stretch;gap:8px;padding:8px;box-sizing:border-box;border-radius:12px;border:1px solid rgba(255,255,255,.075);background:radial-gradient(180px 120px at 0% 0%,rgba(148,22,34,.1),transparent 72%),linear-gradient(135deg,#120c0fb3,#07080ba8),#ffffff04;box-shadow:0 14px 34px #00000038,inset 0 0 0 1px #94162214;backdrop-filter:blur(14px);transition:top .52s var(--ease-emphasis)}.stage-side-rail-left[data-astro-cid-yz32beko]{left:0;right:calc(50% + var(--piano-half-width) + var(--rail-gap));min-width:0;grid-template-columns:repeat(2,minmax(44px,46px));justify-content:start;column-gap:clamp(0px,.18vw,3px);padding-left:clamp(10px,.85vw,16px);padding-right:clamp(24px,1.45vw,34px);border-radius:0 12px 12px 0}.stage-side-rail-right[data-astro-cid-yz32beko]{left:calc(50% + var(--piano-half-width) + var(--rail-gap));right:0;min-width:0;grid-template-rows:minmax(0,1fr) auto;border-radius:12px 0 0 12px}.stage-control-label[data-astro-cid-yz32beko],.stage-status-label[data-astro-cid-yz32beko]{color:#ffffff8a;font-size:.54rem;font-weight:740;letter-spacing:.08em;line-height:1;text-transform:uppercase;white-space:nowrap}.stage-control-row[data-astro-cid-yz32beko],.stage-status-pill[data-astro-cid-yz32beko]{display:grid;justify-items:center;align-items:center;align-content:center;gap:7px;min-height:0;padding:8px 7px;box-sizing:border-box;border-radius:8px;border:0;background:transparent}.stage-control-row[data-astro-cid-yz32beko]{grid-template-rows:auto auto minmax(0,1fr) auto;min-height:0}.stage-control-icon[data-astro-cid-yz32beko]{width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at 50% 0%,rgba(255,78,78,.16),transparent 68%),#ffffff09;color:#ffe6e6d6}.stage-control-icon[data-astro-cid-yz32beko] svg[data-astro-cid-yz32beko],.stage-step-btn[data-astro-cid-yz32beko] svg[data-astro-cid-yz32beko]{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.stage-control-value[data-astro-cid-yz32beko],.stage-status-value[data-astro-cid-yz32beko]{color:#ffffffe6;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.78rem;font-weight:780;line-height:1;white-space:nowrap}.stage-step-row[data-astro-cid-yz32beko]{display:grid;grid-template-rows:repeat(4,minmax(0,1fr));align-items:center;justify-content:center;justify-self:center;gap:5px;width:34px}.stage-step-btn[data-astro-cid-yz32beko]{width:34px;min-width:0;height:24px;border-radius:9px;border:1px solid rgba(255,255,255,.14);background:radial-gradient(48px 28px at 50% 0%,rgba(255,78,78,.1),transparent 72%),linear-gradient(180deg,#ffffff0d,#ffffff06),#ffffff07;color:#ffffffdb;cursor:pointer;font-weight:820;line-height:1;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffff13,inset 0 -1px #ffffff08}.stage-step-btn[data-astro-cid-yz32beko]:hover{border-color:#ff54546b;background:radial-gradient(42px 30px at 50% 50%,rgba(255,84,84,.18),transparent 74%),linear-gradient(180deg,#ffffff0f,#ffffff07),#9416221f;color:#ffeeeefa}.stage-status-list[data-astro-cid-yz32beko]{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:8px;min-height:0;height:100%}.stage-status-pill[data-astro-cid-yz32beko]{grid-template-columns:1fr;justify-items:center;text-align:center;gap:9px;border-bottom:1px solid rgba(255,255,255,.055)}.stage-status-pill[data-astro-cid-yz32beko]:last-child{border-bottom:0}.stage-status-value[data-astro-cid-yz32beko]{font-size:.86rem}.stage-status-value[data-astro-cid-yz32beko].state,.stage-status-value[data-astro-cid-yz32beko].sustain{display:inline-flex;align-items:center;gap:7px}.stage-status-value[data-astro-cid-yz32beko].state:before,.stage-status-value[data-astro-cid-yz32beko].sustain:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.stage-status-value[data-astro-cid-yz32beko].state.loading{color:#ffd089}.stage-status-value[data-astro-cid-yz32beko].state.ready,.stage-status-value[data-astro-cid-yz32beko].sustain{color:#8cffc1}.stage-status-value[data-astro-cid-yz32beko].state.error,.stage-status-value[data-astro-cid-yz32beko].sustain.off{color:#ff8383}.stage-rail-actions[data-astro-cid-yz32beko]{position:relative;display:grid;justify-items:center;gap:7px;padding-top:8px;border-top:1px solid rgba(255,255,255,.055);z-index:28}.stage-action-buttons[data-astro-cid-yz32beko]{display:grid;grid-template-columns:repeat(2,32px);gap:7px;justify-content:center}.stage-action-btn[data-astro-cid-yz32beko]{width:32px;height:32px;min-width:0;padding:0;border-radius:var(--piano-control-radius);border:1px solid rgba(255,255,255,.12);background:radial-gradient(52px 38px at 50% 0%,rgba(255,82,82,.065),transparent 72%),linear-gradient(180deg,#191a20fa,#0c0e12fc);color:#ebe8ebcc;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #ffffff09;transition:border-color .17s ease,background .17s ease,color .17s ease,box-shadow .17s ease}.stage-action-btn[data-astro-cid-yz32beko]:hover,.stage-action-btn[data-astro-cid-yz32beko][aria-expanded=true]{border-color:var(--piano-control-border-strong);color:#fff5f5fa;background:radial-gradient(54px 38px at 50% 0%,rgba(255,82,82,.13),transparent 72%),linear-gradient(180deg,#241d22fc,#111217fc);box-shadow:0 0 0 1px #ff48480a,inset 0 1px #ffffff1a,inset 0 -1px #ffffff0a}.stage-action-btn[data-astro-cid-yz32beko] svg[data-astro-cid-yz32beko]{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.stage-settings-popover[data-astro-cid-yz32beko]{position:absolute;right:0;bottom:calc(100% + 12px);width:min(360px,calc(100vw - 34px));padding:10px;border-radius:14px;border:1px solid rgba(255,255,255,.11);background:radial-gradient(360px 160px at 0% 0%,rgba(255,82,82,.055),transparent 68%),linear-gradient(90deg,#0e0f14fb,#080a0efc);box-shadow:0 18px 42px #00000070,inset 0 1px #ffffff0f;backdrop-filter:blur(16px);opacity:0;pointer-events:none;transform:translateY(8px) scale(.985);transform-origin:100% 100%;transition:opacity .17s ease,transform .17s ease;z-index:34}.piano-viewport[data-astro-cid-yz32beko][data-piano-mode=panels] .stage-settings-popover[data-astro-cid-yz32beko]{top:calc(100% + 28px);bottom:auto;transform:translateY(-8px) scale(.985);transform-origin:100% 0%}.stage-settings-popover[data-astro-cid-yz32beko].is-open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.piano-viewport[data-astro-cid-yz32beko][data-effect-intensity=low] .waterfall-note,.piano-viewport[data-astro-cid-yz32beko][data-effect-intensity=low] .waterfall-spark{opacity:.68;filter:saturate(.82)}.piano-viewport[data-astro-cid-yz32beko][data-effect-intensity=high] .waterfall-note{opacity:1;filter:saturate(1.18);box-shadow:inset 0 0 0 1px #94162266,inset 0 0 16px #7808145c,0 0 14px #94162280,0 0 36px #94162240}.piano-viewport[data-astro-cid-yz32beko][data-reduced-effects=true] .waterfall-note{opacity:.5;filter:saturate(.72);box-shadow:inset 0 0 0 1px #94162238,0 0 8px #9416222e}.waterfall-note{--fx-color: rgba(184, 28, 42, .96);position:absolute;left:var(--fx-x, 50%);bottom:var(--fx-bottom, 0px);width:var(--fx-width, 14px);height:var(--fx-height, 12px);min-height:10px;border-radius:4px;opacity:.96;transform:translate3d(-50%,0,0);background:linear-gradient(90deg,rgba(120,14,26,.24),transparent 18% 82%,rgba(120,14,26,.22)),linear-gradient(0deg,rgba(106,12,24,.56) 0%,rgba(150,20,34,.9) 16%,var(--fx-color, #941622) 48%,rgba(150,20,34,.9) 84%,rgba(106,12,24,.56) 100%);box-shadow:inset 0 0 0 1px #94162257,inset 0 0 14px #7808144d,0 0 10px #9416226b,0 0 28px #94162233;overflow:hidden;will-change:height,transform,opacity}.waterfall-note.is-released{pointer-events:none;animation:waterfall-release var(--fx-release-duration, 1.2s) linear forwards}@keyframes waterfall-release{0%{opacity:.96;transform:translate3d(-50%,0,0)}84%{opacity:.94}to{opacity:0;transform:translate3d(-50%,calc(-1 * var(--fx-release-distance, 120px)),0)}}.waterfall-spark{--fx-color: rgba(184, 28, 42, .96);position:absolute;left:var(--spark-x, 50%);top:var(--spark-y, 70%);width:var(--spark-size, 2px);height:var(--spark-size, 2px);border-radius:999px;opacity:0;background:color-mix(in srgb,var(--fx-color, #941622) 66%,white 34%);box-shadow:0 0 10px color-mix(in srgb,var(--fx-color, #941622) 92%,transparent),0 0 24px color-mix(in srgb,var(--fx-color, #941622) 68%,transparent),0 0 42px color-mix(in srgb,var(--fx-color, #941622) 28%,transparent);filter:saturate(1.18) brightness(1.14);transform:translate3d(-50%,-50%,0);animation:waterfall-spark var(--spark-duration, .64s) cubic-bezier(.16,.74,.26,1) forwards}@keyframes waterfall-spark{0%{opacity:0;transform:translate3d(-50%,-50%,0) scale(var(--spark-start-scale, .6))}10%{opacity:var(--spark-peak-opacity, .96)}44%{opacity:var(--spark-mid-opacity, .82)}74%{opacity:var(--spark-low-opacity, .28)}to{opacity:0;transform:translate3d(calc(-50% + var(--spark-dx, 0px)),calc(-50% + var(--spark-dy, -60px)),0) scale(var(--spark-end-scale, .15))}}.piano-loader[data-astro-cid-yz32beko]{position:absolute;inset:-2px;z-index:4;display:grid;place-items:center;border-radius:12px 12px 8px 8px;overflow:hidden;pointer-events:none;opacity:1;visibility:visible;transition:opacity .24s ease,visibility 0s linear .26s;background:radial-gradient(520px 160px at 50% 0%,rgba(255,215,164,.1),transparent 68%),linear-gradient(180deg,#101217,#090c11 58%,#05070b);box-shadow:inset 0 -1px #0000009e,inset 0 0 42px #0000005c}.piano-viewport[data-astro-cid-yz32beko][data-stage=loading] .piano-root[data-astro-cid-yz32beko]{border-color:transparent;opacity:0;visibility:hidden;display:none;animation:none!important}.piano-viewport[data-astro-cid-yz32beko][data-stage=loading] .piano-layer[data-astro-cid-yz32beko]{opacity:0;visibility:hidden}.piano-loader-text[data-astro-cid-yz32beko]{margin:0;min-width:168px;min-height:38px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(255,226,181,.18);background:linear-gradient(180deg,#ffffff12,#ffffff06),#08090d8a;color:#ffe2b5f0;font-size:.82rem;font-weight:760;line-height:1;letter-spacing:.025em;position:relative;z-index:2;box-shadow:0 14px 38px #0000005c,inset 0 1px #ffffff1f}.piano-loader-text[data-astro-cid-yz32beko]:before{content:"";width:7px;height:7px;margin-right:10px;border-radius:50%;background:#ffd089;box-shadow:0 0 16px #ffd089d1}.piano-loader-text[data-astro-cid-yz32beko].is-loading:before{animation:loader-pulse 1.2s ease-in-out infinite}@keyframes loader-pulse{0%,to{transform:scale(.86);opacity:.58}50%{transform:scale(1.08);opacity:1}}.piano-viewport[data-astro-cid-yz32beko][data-stage=ready] .piano-loader[data-astro-cid-yz32beko]{opacity:0;visibility:hidden;pointer-events:none}.piano-root[data-astro-cid-yz32beko]{position:relative;width:var(--piano-width);min-width:0;height:var(--white-height);border:1px solid rgba(255,255,255,.18);border-radius:10px 10px 6px 6px;background:linear-gradient(180deg,#121418fa,#06080cfc),#080a0e;user-select:none;touch-action:none;overflow:hidden;display:none;opacity:0;visibility:hidden;box-shadow:inset 0 1px #ffffff38,inset 0 -1px #000000b8}.piano-viewport[data-astro-cid-yz32beko][data-piano-revealed=true] .piano-root[data-astro-cid-yz32beko]{display:block;visibility:visible;animation:keyboard-draw .26s var(--ease-emphasis) both}.piano-viewport[data-astro-cid-yz32beko][data-piano-revealed=true] .piano-layer[data-astro-cid-yz32beko]{opacity:1;visibility:visible;transition:opacity .18s ease 80ms}@keyframes keyboard-draw{0%{opacity:0;clip-path:inset(0 50% 0 50%);filter:saturate(.86)}to{opacity:1;clip-path:inset(0 0 0 0);filter:saturate(1)}}.piano-layer[data-astro-cid-yz32beko]{position:absolute;inset:0}.piano-layer-black[data-astro-cid-yz32beko]{pointer-events:none}.piano-layer-black[data-astro-cid-yz32beko] .piano-key[data-astro-cid-yz32beko].black{pointer-events:auto}.piano-layer-white[data-astro-cid-yz32beko]{display:grid;grid-template-columns:repeat(var(--white-count),var(--white-key-width))}.piano-key[data-astro-cid-yz32beko]{box-sizing:border-box;border-radius:0;padding:0;margin:0;cursor:pointer;transition:background-color .11s ease,box-shadow .11s ease,border-color .11s ease,opacity .11s ease}.piano-key[data-astro-cid-yz32beko].white{height:var(--white-height);position:relative;border:0;background:linear-gradient(180deg,#f4f1ea,#e8e6df 52%,#d2d0ca);box-shadow:inset 1px 0 #fffcf4b8,inset -1px 0 #080a0e70,inset 0 -12px 18px #0000001f}.piano-key[data-astro-cid-yz32beko].white:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 28%,rgba(0,0,0,.1) 100%);opacity:.36}.piano-key[data-astro-cid-yz32beko].black{position:absolute;width:calc((100% / var(--white-count)) * var(--black-ratio));height:var(--black-height);left:calc(((var(--white-index) + 1) * 100% / var(--white-count)) - ((100% / var(--white-count)) * (var(--black-ratio) / 2)));z-index:2;background:linear-gradient(180deg,#17191f,#0f1117 36%,#050609);border:1px solid rgba(255,255,255,.14);border-top-color:#ffffff14;border-bottom-color:#000000e6;border-radius:0 0 4px 4px;box-shadow:0 5px 7px #0000007a,inset 1px 0 #ffffff0e,inset -1px 0 #0000007a,inset 0 -8px 12px #00000085}.piano-key[data-astro-cid-yz32beko].black:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.045) 0%,transparent 14%,rgba(0,0,0,.38) 100%);opacity:.46}.piano-key[data-astro-cid-yz32beko].white.pressed{background:linear-gradient(180deg,#ffd9dc,#be2b38 52%,#7d101a);box-shadow:inset 0 0 0 1px #ffe1e480,inset -1px 0 #37040a8a,inset 0 -12px 18px #1c000457,inset 0 0 26px #94162294,0 0 16px #94162247}.piano-key[data-astro-cid-yz32beko].black.pressed{background:linear-gradient(180deg,#9d1a27,#661019 58%,#26050a);box-shadow:0 5px 7px #0000006b,inset 0 0 0 1px #ffbdc43d,inset 0 -10px 14px #00000057,inset 0 0 18px #94162275,0 0 16px #94162247;border-color:#be303c85}@media(max-width:1120px),(max-height:720px){.stage-side-rail[data-astro-cid-yz32beko]{display:none}}@media(max-height:860px){.piano-viewport[data-astro-cid-yz32beko]{--panels-gap: clamp(8px, 1.15vh, 14px);--panels-row-gap: calc(7% / 3)}.piano-panel-placeholder[data-astro-cid-yz32beko]{padding:clamp(8px,.8vw,12px)}.panel-stat-strip[data-astro-cid-yz32beko]{min-height:42px}.panel-stat-cell[data-astro-cid-yz32beko]{gap:5px;padding-bottom:8px}.panel-tool-strip[data-astro-cid-yz32beko]{padding-top:7px}.panel-tool-placeholder[data-astro-cid-yz32beko]{min-height:32px}.keyboard-map-panel[data-astro-cid-yz32beko]{gap:6px}.keyboard-map-head[data-astro-cid-yz32beko]{padding-bottom:6px}.keyboard-map-main[data-astro-cid-yz32beko],.keyboard-map-secondary[data-astro-cid-yz32beko]{gap:5px}.keyboard-map-group[data-astro-cid-yz32beko]{gap:7px;padding-bottom:5px}.keyboard-map-group-head[data-astro-cid-yz32beko]{gap:4px;padding-top:3px}.keyboard-map-keys[data-astro-cid-yz32beko]{gap:3px}.keyboard-map-key[data-astro-cid-yz32beko]{min-height:20px;padding:0 5px}.keyboard-map-key[data-astro-cid-yz32beko] kbd[data-astro-cid-yz32beko]{font-size:.54rem}.keyboard-map-key[data-astro-cid-yz32beko] small[data-astro-cid-yz32beko]{font-size:.47rem}}@media(max-width:860px){.page-piano #site.container{--piano-page-y-gap: 24px;width:calc(100% - 12px);padding-top:92px!important;padding-bottom:var(--piano-page-y-gap)!important}.piano-frame[data-astro-cid-yz32beko]{padding:8px}.piano-viewport[data-astro-cid-yz32beko]{--white-height: clamp(132px, 24vh, 190px);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.piano-root-wrap[data-astro-cid-yz32beko]{left:0;transform:translate3d(0,var(--stage-top),0)}}@media(max-width:560px){.soundfont-toggle-label[data-astro-cid-yz32beko]{display:none}.soundfont-toggle[data-astro-cid-yz32beko]{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"sub chev"}}@media(prefers-reduced-motion:reduce){.soundfont-menu[data-astro-cid-yz32beko],.soundfont-toggle[data-astro-cid-yz32beko],.stage-side-rail[data-astro-cid-yz32beko],.piano-root-wrap[data-astro-cid-yz32beko],.piano-root[data-astro-cid-yz32beko],.piano-loader[data-astro-cid-yz32beko],.piano-panel-placeholder[data-astro-cid-yz32beko],.waterfall-note,.waterfall-spark{transition:none!important;animation:none!important}.piano-viewport[data-astro-cid-yz32beko][data-piano-revealed=true] .piano-root[data-astro-cid-yz32beko]{display:block;opacity:1;visibility:visible;clip-path:inset(0 0 0 0);filter:saturate(1)}.waterfall-note,.waterfall-spark{display:none!important}}