.pk{--pk-ivory:#f2ede1;--pk-ivory-shade:#d8d1c0;--pk-ivory-edge:#b9b1a0;--pk-ink:#1a1a1d;--pk-brass:#b08d4f;--pk-felt:#7a2e12;--pk-accent:#ff6a1f;--pk-accent-deep:#b5470f;--pk-key-h:44px;z-index:9999;pointer-events:none;justify-content:center;padding:0 16px;transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .3s;display:flex;position:fixed;top:10px;left:0;right:0}.pk--collapsed{opacity:0;transform:translateY(calc(-100% - 24px))}.pk__piano{pointer-events:auto;perspective:900px;background:#131009;border-radius:6px;align-items:stretch;width:min(1000px,100%);transition:box-shadow .35s;display:flex;box-shadow:inset 0 1px #ffffff0d,0 22px 50px -22px #000c,0 2px #0000008c}.pk--scrolled .pk__piano{box-shadow:inset 0 1px #ffffff0d,0 28px 60px -22px #000000e6,0 2px #0000008c}.pk__fallboard{background:#1e1a13;border-right:1px solid #00000080;border-radius:6px 0 0 6px;flex:none;justify-content:center;align-items:center;padding:0 1.7rem;text-decoration:none;display:flex;position:relative;box-shadow:inset 0 1px #ede8de0f,inset 0 -1px #0000008c}.pk__fallboard:after{content:"";background:linear-gradient(180deg, transparent, var(--pk-brass) 20%, #5f4a25 50%, var(--pk-brass) 80%, transparent);opacity:.55;width:2px;position:absolute;top:14%;bottom:14%;right:-1px}.pk__plate{background:#0003;border:1px solid #b08d4f4d;border-radius:4px;justify-content:center;align-items:center;padding:7px 20px;transition:border-color .2s;display:inline-flex;box-shadow:inset 0 1px 3px #0000008c}.pk__fallboard:hover .pk__plate{border-color:#b08d4f80}.pk__logo-img{filter:drop-shadow(0 1px 1px #0009);width:auto;height:30px;transition:opacity .2s;display:block}.pk__fallboard:hover .pk__logo-img{opacity:.82}.pk__keybed{background:#0d0a05;flex:auto;min-width:0;padding:8px 8px 7px;position:relative}.pk__felt{background:var(--pk-felt);height:8px;position:absolute;top:0;left:0;right:0;box-shadow:inset 0 1px 3px #000c}.pk__keys{transform-style:preserve-3d;margin:0;padding:0;list-style:none;display:flex;position:relative}.pk__key{flex:1 1 0;min-width:0;display:flex}.pk__key>a{--lift:0deg;height:var(--pk-key-h);color:#4a4740;background:linear-gradient(180deg, var(--pk-ivory) 0%, var(--pk-ivory) 62%, var(--pk-ivory-shade) 100%);box-shadow:0 -1px 0 #ffffffe6 inset, -1px 0 0 #ffffff8c inset, 0 7px 0 -2px var(--pk-ivory-edge),  0 10px 14px -6px #000000bf;transform-origin:top;transform:rotateX(var(--lift));border-right:1px solid #00000047;border-radius:0 0 5px 5px;outline:none;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;padding:0 4px 7px;text-decoration:none;transition:transform 90ms ease-out,box-shadow 90ms ease-out,color .15s,background .15s;display:flex;position:relative}.pk__key:first-child>a{border-radius:0 0 0 5px}.pk__key:last-child>a{border-right:none;border-radius:0 0 5px}.pk__key>a:hover,.pk__key>a:focus-visible{--lift:1.6deg;color:var(--pk-ink)}.pk__key>a:focus-visible{box-shadow:0 0 0 2px var(--pk-accent) inset, 0 7px 0 -2px var(--pk-ivory-edge)}.pk__key>a:active,.pk__key--current>a{--lift:3.4deg;color:var(--pk-ink);box-shadow:0 -1px 0 #ffffffb3 inset, 0 3px 0 -2px var(--pk-ivory-edge), 0 4px 8px -4px #000000b3;background:linear-gradient(#efe9db 0%,#e3dccb 100%)}.pk__key svg{opacity:.82;flex-shrink:0}.pk__key-label{letter-spacing:.17em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-family:Barlow Condensed,Impact,sans-serif;font-size:.68rem;font-weight:500;line-height:1;overflow:hidden}.pk__key--primary>a{background:linear-gradient(#fbeadd 0%,#efd9c6 100%)}.pk__key--primary .pk__key-label{color:#a8480f}.pk__key--current .pk__key-label{color:var(--pk-accent-deep)}.pk__key--current>a:before{content:"";background:var(--pk-accent);border-radius:2px;height:2px;position:absolute;bottom:0;left:22%;right:22%;box-shadow:0 0 10px 1px #ff6a1fbf}.pk__blacks{pointer-events:none;position:absolute;inset:0}.pk__black{width:26px;height:calc(var(--pk-key-h) * .62);pointer-events:auto;cursor:pointer;transform-origin:top;background:linear-gradient(#26262b 0%,#101013 55%,#050506 100%);border-radius:0 0 3px 3px;margin-left:-13px;transition:transform 90ms ease-out;position:absolute;top:8px;box-shadow:inset 0 -1px #ffffff24,0 6px 10px -3px #000000e6}.pk__black:hover{transform:rotateX(2.4deg)}.pk__black:active{transform:rotateX(4.5deg)}.pk__controls{background:#1e1a13;border-left:1px solid #00000080;border-radius:0 6px 6px 0;flex:none;align-items:center;gap:8px;padding:0 12px;display:flex;position:relative;box-shadow:inset 0 1px #ede8de0f,inset 0 -1px #0000008c}.pk__controls:before{content:"";background:linear-gradient(180deg, transparent, var(--pk-brass) 20%, #5f4a25 50%, var(--pk-brass) 80%, transparent);opacity:.55;width:2px;position:absolute;top:14%;bottom:14%;left:-1px}.pk__fallboard:before,.pk__controls:after{content:"";background:linear-gradient(90deg, transparent, var(--pk-brass) 30%, var(--pk-brass) 70%, transparent);opacity:.5;pointer-events:none;height:1px;position:absolute;top:3px;left:16%;right:16%}.pk__ctl-sep{background:#00000080;align-self:stretch;width:1px;margin:9px 3px;box-shadow:1px 0 #ede8de0d}.pk__ctl{color:#ede8de99;cursor:pointer;background:#00000038;border:1px solid #00000073;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;transition:color .18s,border-color .18s,background .18s,box-shadow .18s;display:inline-flex;box-shadow:inset 0 1px 2px #00000073,inset 0 -1px #ede8de0a}.pk__ctl:hover{color:#ede8de;background:#ede8de0f;box-shadow:inset 0 1px #ede8de0f}.pk__ctl[aria-pressed=true]{color:var(--pk-accent);border-color:#ff6a1f73;box-shadow:inset 0 0 0 1px #ff6a1f40,inset 0 1px 2px #0006}.pk__signin{letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:#ede8dec7;background:#00000038;border:1px solid #00000073;border-radius:4px;align-items:center;padding:.5rem .85rem;font-family:Space Mono,monospace;font-size:.6rem;font-weight:700;text-decoration:none;transition:color .2s,border-color .2s,background .2s,box-shadow .2s;display:inline-flex;box-shadow:inset 0 1px 2px #00000073,inset 0 -1px #ede8de0a}.pk__signin:hover{color:#ede8de;background:#ede8de0f;box-shadow:inset 0 1px #ede8de0f}.pk__account{position:relative}.pk__account-btn{letter-spacing:.08em;color:#ede8ded1;cursor:pointer;background:#00000038;border:1px solid #00000073;border-radius:4px;align-items:center;gap:6px;padding:.34rem .55rem;font-family:Space Mono,monospace;font-size:.6rem;font-weight:700;transition:color .18s,border-color .18s,background .18s,box-shadow .18s;display:inline-flex;box-shadow:inset 0 1px 2px #00000073,inset 0 -1px #ede8de0a}.pk__account-btn:hover{color:#ede8de;background:#ede8de0f}.pk__avatar{background:var(--pk-accent);color:#131009;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.6rem;font-weight:700;display:inline-flex}.pk__avatar--img{object-fit:cover}.pk__account-name{text-overflow:ellipsis;white-space:nowrap;max-width:108px;overflow:hidden}.pk__menu-backdrop{z-index:40;cursor:default;background:0 0;border:none;position:fixed;inset:0}.pk__menu{z-index:50;background:#1e1a13;border:1px solid #ff6a1f47;border-radius:6px;flex-direction:column;gap:2px;min-width:172px;padding:5px;display:flex;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 12px 32px #0000008c}.pk__menu-item{letter-spacing:.1em;text-transform:uppercase;color:#ede8deb3;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:9px;padding:9px 11px;font-family:Space Mono,monospace;font-size:.62rem;font-weight:700;text-decoration:none;transition:background .15s,color .15s;display:flex}.pk__menu-item:hover{color:#ede8de;background:#ff6a1f1a}.pk__menu-item--danger:hover{color:#d2616a}.pk__hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;margin-left:auto;padding:11px;display:none}.pk__hamburger span{background:#ede8de;border-radius:2px;width:22px;height:1.5px;transition:transform .3s,opacity .3s;display:block}.pk__hamburger--open span:first-child{transform:rotate(45deg)translate(4.5px,4.5px)}.pk__hamburger--open span:nth-child(2){opacity:0}.pk__hamburger--open span:nth-child(3){transform:rotate(-45deg)translate(4.5px,-4.5px)}.pk__drawer{z-index:9990;-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;background:#0b0b0db8;justify-content:flex-end;transition:opacity .25s,visibility 0s linear .25s;display:flex;position:fixed;inset:0}.pk__drawer--open{opacity:1;visibility:visible;transition:opacity .25s,visibility}.pk__drawer-panel{width:min(320px,84vw);height:100%;padding:calc(4.5rem + env(safe-area-inset-top)) 1.5rem calc(2rem + env(safe-area-inset-bottom));background:#0b0b0d;border-left:1px solid #ede8de1a;flex-direction:column;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;overflow-y:auto;transform:translate(100%)}.pk__drawer--open .pk__drawer-panel{transform:translate(0)}.pk__drawer-links{flex-direction:column;display:flex}.pk__drawer-link{letter-spacing:.14em;text-transform:uppercase;color:#ede8deb3;cursor:pointer;border-bottom:1px solid #ede8de12;align-items:center;gap:12px;padding:.95rem .25rem;font-family:Barlow Condensed,Impact,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.pk__drawer-link svg{color:#ede8de66}.pk__drawer-link:hover,.pk__drawer-link:active{color:#ede8de}.pk__drawer-link[aria-current=page],.pk__drawer-link[aria-current=page] svg{color:var(--pk-accent)}.pk__drawer-actions{flex-direction:column;gap:.7rem;margin-top:1.8rem;display:flex}.pk__daction{letter-spacing:.12em;text-transform:uppercase;color:#ede8decc;cursor:pointer;background:0 0;border:1px solid #ede8de29;border-radius:5px;justify-content:center;align-items:center;gap:9px;padding:.85rem 1rem;font-family:Space Mono,monospace;font-size:.72rem;font-weight:700;text-decoration:none;transition:color .18s,border-color .18s,background .18s;display:flex}.pk__daction:hover{color:#ede8de;background:#ede8de0a;border-color:#ede8de57}.pk__daction--danger:hover{color:#d2616a;border-color:#d2616a66}.pk__peek{z-index:9999;color:#ede8de8c;cursor:pointer;background:#121216;border:1px solid #ffffff14;border-top:none;border-radius:0 0 7px 7px;justify-content:center;align-items:center;width:48px;height:20px;padding:0;transition:transform .45s cubic-bezier(.16,1,.3,1),color .25s,background .25s;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%,-100%)}.pk__peek--show{transform:translate(-50%)}.pk__peek:hover{color:#ede8de;background:#1a1a20}@media (max-width:960px){.pk__logo-img{height:26px}.pk__plate{padding:6px 15px}.pk__fallboard{padding:0 1.2rem}.pk__account-name{max-width:84px}}@media (max-width:820px){.pk{--pk-key-h:40px}.pk__key svg{display:none}.pk__key>a{gap:0;padding-bottom:6px}.pk__key-label{letter-spacing:.1em;font-size:.6rem}.pk__black{width:20px;margin-left:-10px}.pk__signin{padding:.45rem .6rem}}@media (max-width:720px){.pk{padding:0 12px;top:8px}.pk__keybed,.pk__controls{display:none}.pk__fallboard{border-right:none;border-radius:6px 0 0 6px;flex:auto;justify-content:flex-start;padding:.7rem 1.1rem}.pk__fallboard:after{display:none}.pk__logo-img{height:26px}.pk__piano{border-radius:6px;align-items:center}.pk__hamburger{border-radius:0 6px 6px 0;display:flex}}@media (prefers-reduced-motion:reduce){.pk,.pk__piano,.pk__key>a,.pk__black,.pk__peek,.pk__drawer,.pk__drawer-panel{transition:none}}