.PianoSidebar_hamburger__tm9Ws{display:none;position:fixed;top:calc((56px - 36px)/2);left:var(--space-4);z-index:150;width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-border-default);background-color:var(--color-bg-secondary);color:var(--color-text-secondary);align-items:center;justify-content:center;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),background-color var(--transition-theme);transition:all .2s linear}.PianoSidebar_hamburger__tm9Ws:hover{background-color:var(--color-surface-2);color:var(--color-text-primary)}.PianoSidebar_hamburger__tm9Ws:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media(max-width:640px){.PianoSidebar_hamburger__tm9Ws{display:flex}}.PianoSidebar_open__M49V8{transform:translateX(var(--space-16));transition:all .2s linear}.PianoSidebar_mobileBackdrop__q1uja{display:none}@media(max-width:640px){.PianoSidebar_mobileBackdrop__q1uja{display:block;position:fixed;inset:0;z-index:98;background-color:var(--backdrop-bg);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:PianoSidebar_fadeIn__HyTEr .2s ease both}}@keyframes PianoSidebar_fadeIn__HyTEr{0%{opacity:0}to{opacity:1}}.PianoSidebar_sidebar__fmec0{position:fixed;inset-block:0;inset-inline-start:0;z-index:100;display:flex;flex-direction:column;align-items:center;width:72px;background-color:var(--color-bg-secondary);border-right:1px solid var(--color-border-subtle);transition:background-color var(--transition-theme),border-color var(--transition-theme),transform var(--transition-slow),width var(--transition-slow);overflow:hidden}@media(max-width:900px){.PianoSidebar_sidebar__fmec0{width:56px}}@media(max-width:640px){.PianoSidebar_sidebar__fmec0{width:72px;transform:translateX(-100%);box-shadow:none}.PianoSidebar_sidebarOpen__2KSFB{transform:translateX(0);box-shadow:var(--shadow-xl)}}.PianoSidebar_logo__RfvI1{display:flex;align-items:center;justify-content:center;width:100%;height:64px;flex-shrink:0;border-bottom:1px solid var(--color-border-subtle);transition:border-color var(--transition-theme)}@media(max-width:640px){.PianoSidebar_logo__RfvI1{height:56px}}.PianoSidebar_logoMark__9WfuW{color:var(--color-text-primary);transition:color var(--transition-theme)}.PianoSidebar_nav___ctUL{flex:1 1;width:100%;display:flex;flex-direction:column;padding-block:var(--space-3);overflow-y:auto;scrollbar-width:none}.PianoSidebar_nav___ctUL::-webkit-scrollbar{display:none}.PianoSidebar_keyList__0oDWM{display:flex;flex-direction:column;gap:2px;list-style:none}.PianoSidebar_keyList__0oDWM li{display:contents}.PianoSidebar_key__A3szs{text-decoration:none;position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);height:56px;background-color:rgba(0,0,0,0);color:var(--color-text-muted);transition:background-color var(--transition-base),color var(--transition-base);overflow:visible}.PianoSidebar_key__A3szs:hover{background-color:var(--color-bg-elevated);color:var(--color-text-secondary)}.PianoSidebar_key__A3szs:hover .PianoSidebar_keyTooltip__hXphP{opacity:1;transform:translateY(-50%) translateX(0);pointer-events:auto}.PianoSidebar_key__A3szs:hover .PianoSidebar_keyShortcut__lqvmI{opacity:1}.PianoSidebar_key__A3szs:hover .PianoSidebar_keyNotch__Wewb4{height:32px;background-color:var(--color-border-strong)}.PianoSidebar_key__A3szs:hover .PianoSidebar_keyIcon__1YbsV{transform:translateY(-5px);transition:all .2s linear}.PianoSidebar_key__A3szs:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}@media(max-width:900px){.PianoSidebar_key__A3szs{height:48px}}.PianoSidebar_keyActive__3gdWE{color:var(--color-accent)}.PianoSidebar_keyActive__3gdWE .PianoSidebar_keyNotch__Wewb4{height:36px;background-color:var(--color-accent);width:3px}.PianoSidebar_keyPressed__Azors{animation:PianoSidebar_keyStrike__4ivAa .18s ease-out forwards}@keyframes PianoSidebar_keyStrike__4ivAa{0%{background-color:var(--color-accent-dim)}to{background-color:rgba(0,0,0,0)}}.PianoSidebar_keyNotch__Wewb4{position:absolute;inset-inline-start:0;inset-block-start:50%;transform:translateY(-50%);width:3px;height:0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background-color:rgba(0,0,0,0);transition:height var(--transition-base),background-color var(--transition-base)}.PianoSidebar_keyIcon__1YbsV{font-size:14px;line-height:1;opacity:.6;transition:opacity var(--transition-base);position:relative;z-index:1;margin-top:auto;margin-bottom:5px;transition:all .2s linear}.PianoSidebar_keyActive__3gdWE .PianoSidebar_keyIcon__1YbsV{opacity:1}@media(max-width:900px){.PianoSidebar_keyIcon__1YbsV{font-size:12px}}.PianoSidebar_keyShortcut__lqvmI{font-family:Consolas,monospace;font-size:var(--text-xs);line-height:1;letter-spacing:.06em;color:var(--color-text-muted);opacity:0;transition:opacity var(--transition-base);position:relative;z-index:1;transform:translateY(-7px)}.PianoSidebar_keyTooltip__hXphP{position:absolute;inset-inline-start:calc(100% + var(--space-3));inset-block-start:50%;transform:translateY(-50%) translateX(-6px);background-color:var(--color-surface-2);color:var(--color-text-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-family:Arial,sans-serif;font-size:var(--text-xs);font-weight:500;letter-spacing:.04em;white-space:nowrap;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity var(--transition-base),transform var(--transition-base)}.PianoSidebar_keyTooltip__hXphP:before{content:"";position:absolute;inset-inline-end:100%;inset-block-start:50%;transform:translateY(-50%);border:5px solid rgba(0,0,0,0);border-inline-end-color:var(--color-border-default)}.PianoSidebar_keyTooltip__hXphP:after{content:"";position:absolute;inset-inline-end:100%;inset-block-start:50%;transform:translateY(-50%) translateX(2px);border:5px solid rgba(0,0,0,0);border-inline-end-color:var(--color-surface-2)}@media(max-width:640px){.PianoSidebar_keyTooltip__hXphP{display:none}}.PianoSidebar_bottom__O4GEz{width:100%;padding-block:var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);border-top:1px solid var(--color-border-subtle);flex-shrink:0;transition:border-color var(--transition-theme)}