[data-piano-skin=obsidian] .piano-key-idle-white{background:linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.32) 3%,transparent 13%,transparent 80%,rgba(120,128,140,.1) 94%,rgba(92,100,112,.22) 100%),linear-gradient(180deg,#8c94a061,#fcfcfd 3%,#fff 9%,#f8f9fb 17%,#eef0f3 56%,#dfe3e9 86%,#ced4dc,#b9c0ca);border-bottom:5px solid rgba(20,22,26,.45)!important;box-shadow:inset 1px 0 #fff,inset 0 -13px 20px #343a4433,0 10px 13px -6px #0000009e}[data-piano-skin=obsidian] .piano-key-idle-black{background:linear-gradient(90deg,rgba(255,255,255,.2) 0%,transparent 15%,transparent 64%,rgba(0,0,0,.48) 100%),linear-gradient(180deg,#52525a,#3a3a40 3%,#2c2c31 9%,#1c1c20 26%,#101013 52%,#060608 82%,#020203);border-left:1px solid rgba(255,255,255,.22)!important;border-right:1px solid rgba(0,0,0,.95)!important;border-top:1px solid rgba(255,255,255,.38)!important;box-shadow:0 10px 12px -3px #000000e0,inset 0 1px #ffffff42,inset -7px 0 13px #000000d1}[data-piano-skin=rosegold] .piano-key-idle-white{background:linear-gradient(90deg,rgba(255,252,250,.92) 0%,rgba(255,248,244,.3) 3%,transparent 13%,transparent 80%,rgba(160,104,88,.1) 94%,rgba(132,82,68,.22) 100%),linear-gradient(180deg,#96645857,#fffbf8 3%,#fff8f4 9%,#fdf1ec 17%,#f6e6de 56%,#ead2c8 86%,#dcbcae,#c9a496);border-bottom:5px solid rgba(140,84,70,.4)!important;box-shadow:inset 1px 0 #fffcfaf2,inset 0 -13px 20px #985c4a33,0 10px 13px -6px #3c1c1685}[data-piano-skin=rosegold] .piano-key-idle-black{background:linear-gradient(90deg,rgba(255,198,178,.2) 0%,transparent 15%,transparent 64%,rgba(0,0,0,.46) 100%),linear-gradient(180deg,#7d5147,#5e3a32 3%,#4c2e28 10%,#3a221d 28%,#2a1714 52%,#180c09 82%,#0e0605);border-left:1px solid rgba(255,190,170,.24)!important;border-right:1px solid rgba(0,0,0,.92)!important;border-top:1px solid rgba(255,200,180,.42)!important;box-shadow:0 10px 12px -3px #1e0c08cc,inset 0 1px #ffc8b44d,inset -6px 0 13px #000000ad}[data-piano-skin=carbon] .piano-key-idle-white{background:linear-gradient(90deg,rgba(255,255,255,.8) 0%,rgba(255,255,255,.26) 3%,transparent 13%,transparent 80%,rgba(70,78,88,.12) 94%,rgba(54,60,70,.24) 100%),linear-gradient(180deg,#464e5866,#f4f6f8 3%,#edeff2 9%,#e4e7eb 17%,#d5d8dd 56%,#c2c6cd 86%,#adb2ba,#979da6);border-bottom:4px solid rgba(190,34,34,.55)!important;box-shadow:inset 1px 0 #ffffffe0,inset 0 -11px 18px #343a4438,0 9px 13px -6px #0000009e}[data-piano-skin=carbon] .piano-key-idle-black{background:linear-gradient(90deg,rgba(255,96,86,.16) 0%,transparent 15%,transparent 64%,rgba(0,0,0,.5) 100%),linear-gradient(180deg,#43464c,#303338 3%,#26282c 10%,#1a1c20 28%,#101114 52%,#08090b 82%,#030304);border-left:1px solid rgba(255,255,255,.14)!important;border-right:1px solid rgba(0,0,0,.95)!important;border-top:1px solid rgba(225,45,45,.45)!important;box-shadow:0 10px 12px -3px #000000d6,inset 0 1px #ffffff29,inset -6px 0 13px #000000c7}[data-piano-skin=arctic] .piano-key-idle-white{background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(248,252,255,.32) 3%,transparent 13%,transparent 80%,rgba(108,142,178,.1) 94%,rgba(84,118,155,.2) 100%),linear-gradient(180deg,#6c8eb252,#fff 3%,#fdfeff 9%,#f6fafd 17%,#eef4fa 56%,#dfe9f3 86%,#cddcea,#b8ccdf);border-bottom:4px solid rgba(90,125,165,.35)!important;box-shadow:inset 1px 0 #fff,inset 0 -11px 18px #6084ac2e,0 8px 11px -6px #3c5a7d6b}[data-piano-skin=arctic] .piano-key-idle-black{background:linear-gradient(90deg,rgba(206,234,255,.24) 0%,transparent 15%,transparent 64%,rgba(6,12,18,.46) 100%),linear-gradient(180deg,#63788c,#4a5c70 3%,#3a4a5c 10%,#2c3a4a 28%,#22303f 52%,#16202b 82%,#0c1219);border-left:1px solid rgba(200,230,255,.28)!important;border-right:1px solid rgba(8,14,20,.9)!important;border-top:1px solid rgba(210,235,255,.5)!important;box-shadow:0 9px 11px -3px #1e2d3c8f,inset 0 1px #d2ebff52,inset -6px 0 13px #080e149e}[data-piano-skin=sakura] .piano-key-idle-white{background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,250,251,.32) 3%,transparent 13%,transparent 80%,rgba(176,108,132,.1) 94%,rgba(150,84,106,.2) 100%),linear-gradient(180deg,#a868804d,#fffdfd 3%,#fffafb 9%,#fef2f5 17%,#fbe9ee 56%,#f4d8e0 86%,#e9c2ce,#d9a9b9);border-bottom:5px solid rgba(150,78,100,.35)!important;box-shadow:inset 1px 0 #fff,inset 0 -13px 20px #ac647c30,0 9px 13px -6px #783c506b}[data-piano-skin=sakura] .piano-key-idle-black{background:linear-gradient(90deg,rgba(255,198,216,.2) 0%,transparent 15%,transparent 64%,rgba(8,3,6,.48) 100%),linear-gradient(180deg,#7b4a5e,#5d3547 3%,#4c2a3a 10%,#3b1f2d 28%,#2c1622 52%,#1b0d15 82%,#0f060b);border-left:1px solid rgba(255,190,210,.24)!important;border-right:1px solid rgba(10,4,7,.92)!important;border-top:1px solid rgba(255,200,218,.45)!important;box-shadow:0 10px 12px -3px #280f1ab3,inset 0 1px #ffc8da4d,inset -6px 0 13px #0a0407a3}[data-piano-skin=abyss] .piano-key-idle-white{background:linear-gradient(90deg,rgba(246,255,253,.92) 0%,rgba(240,253,250,.3) 3%,transparent 13%,transparent 80%,rgba(20,118,108,.11) 94%,rgba(12,92,84,.22) 100%),linear-gradient(180deg,#10686057,#f8fefc 3%,#f2fbf9 9%,#e8f5f2 17%,#d9ece8 56%,#c5ded9 86%,#b0cec8,#98b9b3);border-bottom:4px solid rgba(15,118,110,.55)!important;box-shadow:inset 1px 0 #ffffffeb,inset 0 -12px 19px #0e665e38,0 10px 14px -6px #0014129e}[data-piano-skin=abyss] .piano-key-idle-black{background:linear-gradient(90deg,rgba(94,234,212,.18) 0%,transparent 15%,transparent 64%,rgba(0,0,0,.5) 100%),linear-gradient(180deg,#256a68,#1a4e4d 3%,#133a3a 10%,#0e2c2c 28%,#0a2122 52%,#061415 82%,#020a0b);border-left:1px solid rgba(94,234,212,.22)!important;border-right:1px solid rgba(0,0,0,.95)!important;border-top:1px solid rgba(94,234,212,.5)!important;box-shadow:0 10px 12px -3px #000808d6,inset 0 1px #5eead452,inset -7px 0 13px #000000c7}[data-piano-skin=emerald] .piano-key-idle-white{background:linear-gradient(90deg,rgba(255,255,250,.92) 0%,rgba(253,252,245,.3) 3%,transparent 13%,transparent 80%,rgba(96,106,62,.11) 94%,rgba(72,82,46,.22) 100%),linear-gradient(180deg,#54603657,#fffef8 3%,#fdfcf5 9%,#f7f4e9 17%,#efeadb 56%,#e0d9c2 86%,#cfc5a7,#b9ae8c);border-bottom:5px solid rgba(20,65,45,.5)!important;box-shadow:inset 1px 0 #fffffcf2,inset 0 -13px 20px #505e3433,0 10px 13px -6px #04140c9e}[data-piano-skin=emerald] .piano-key-idle-black{background:linear-gradient(90deg,rgba(212,190,110,.18) 0%,transparent 15%,transparent 64%,rgba(0,0,0,.5) 100%),linear-gradient(180deg,#2c6b50,#1f5039 3%,#173c2c 10%,#113023 28%,#0c2318 52%,#071710 82%,#020b07);border-left:1px solid rgba(212,190,110,.22)!important;border-right:1px solid rgba(0,0,0,.95)!important;border-top:1px solid rgba(212,190,110,.42)!important;box-shadow:0 10px 12px -3px #000a05d6,inset 0 1px #d4be6e47,inset -6px 0 13px #000000bd}[data-piano-skin=royal] .piano-key-idle-white{background:linear-gradient(90deg,rgba(255,253,246,.95) 0%,rgba(255,253,244,.3) 3%,transparent 13%,transparent 80%,rgba(120,94,50,.11) 94%,rgba(94,72,38,.22) 100%),linear-gradient(180deg,#68502c52,#fffef9 3%,#fffdf4 9%,#faf5e6 17%,#f3ead2 56%,#e6d9b8 86%,#d5c59c,#bfae83);border-bottom:5px solid rgba(90,55,130,.45)!important;box-shadow:inset 1px 0 #fffffafa,inset 0 -13px 20px #664e283d,0 10px 13px -6px #0c05169e}[data-piano-skin=royal] .piano-key-idle-black{background:linear-gradient(90deg,rgba(196,160,255,.2) 0%,transparent 15%,transparent 64%,rgba(0,0,0,.5) 100%),linear-gradient(180deg,#574080,#402c60 3%,#33204e 10%,#27183d 28%,#1d1030 52%,#120a1e 82%,#07030f);border-left:1px solid rgba(196,160,255,.22)!important;border-right:1px solid rgba(0,0,0,.95)!important;border-top:1px solid rgba(212,175,55,.5)!important;box-shadow:0 10px 12px -3px #04000ad6,inset 0 1px #c4a0ff47,inset -6px 0 13px #000000bd}[data-piano-skin=copper] .piano-key-idle-white{background:linear-gradient(90deg,rgba(255,250,242,.92) 0%,rgba(251,243,230,.3) 3%,transparent 13%,transparent 80%,rgba(146,96,48,.11) 94%,rgba(118,74,36,.22) 100%),linear-gradient(180deg,#82542a52,#fff9f0 3%,#fbf3e6 9%,#f5ead6 17%,#eeddc4 56%,#e0cbab 86%,#cfb691,#b89d76);border-bottom:5px solid rgba(110,58,30,.5)!important;box-shadow:inset 1px 0 #fffaf2eb,inset 0 -13px 20px #8652263d,0 10px 13px -6px #2410059e}[data-piano-skin=copper] .piano-key-idle-black{background:linear-gradient(90deg,rgba(140,225,195,.16) 0%,transparent 15%,transparent 64%,rgba(0,0,0,.48) 100%),linear-gradient(180deg,#547066,#3f574d 3%,#33463e 10%,#273630 28%,#1c2a24 52%,#121c18 82%,#080f0c);border-left:1px solid rgba(140,225,195,.18)!important;border-right:1px solid rgba(0,0,0,.92)!important;border-top:1px solid rgba(140,225,195,.35)!important;box-shadow:0 10px 12px -3px #140a03cc,inset 0 1px #8ce1c33d,inset -6px 0 13px #000000b3}[data-piano-skin=midnight] .piano-key-idle-white{background:linear-gradient(90deg,rgba(250,252,255,.95) 0%,rgba(248,250,255,.3) 3%,transparent 13%,transparent 80%,rgba(66,82,138,.11) 94%,rgba(48,62,112,.22) 100%),linear-gradient(180deg,#3a487e52,#fdfeff 3%,#f8faff 9%,#eff3fc 17%,#e2e8f6 56%,#d0d9ec 86%,#bcc7e0,#a4b2d0);border-bottom:4px solid rgba(50,62,110,.5)!important;box-shadow:inset 1px 0 #fff,inset 0 -12px 19px #40508833,0 10px 14px -6px #02040ca8}[data-piano-skin=midnight] .piano-key-idle-black{background:linear-gradient(90deg,rgba(165,185,255,.2) 0%,transparent 15%,transparent 64%,rgba(0,0,0,.5) 100%),linear-gradient(180deg,#3a4680,#283163 3%,#1e2650 10%,#181e42 28%,#121732 52%,#0b0e20 82%,#04050d);border-left:1px solid rgba(165,185,255,.22)!important;border-right:1px solid rgba(0,0,0,.95)!important;border-top:1px solid rgba(165,185,255,.45)!important;box-shadow:0 10px 12px -3px #00020ae0,inset 0 1px #a5b9ff47,inset -7px 0 13px #000000c7}[data-piano-skin=vapor] .piano-key-idle-white{background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.32) 3%,transparent 13%,transparent 80%,rgba(128,104,188,.1) 94%,rgba(104,82,162,.2) 100%),linear-gradient(180deg,#7a62b647,#fff 3%,#fff 9%,#f8f5fd 17%,#f0edfa 56%,#e4dff5 86%,#d3cbee,#bfb4e2);border-bottom:4px solid rgba(120,95,180,.35)!important;box-shadow:inset 1px 0 #fff,inset 0 -11px 18px #7c64b82b,0 8px 11px -6px #5a468c61}[data-piano-skin=vapor] .piano-key-idle-black{background:linear-gradient(90deg,rgba(200,180,255,.24) 0%,transparent 15%,transparent 64%,rgba(14,8,26,.46) 100%),linear-gradient(180deg,#6e5f96,#574a78 3%,#4a3e6a 10%,#3b3057 28%,#2e2547 52%,#1f1834 82%,#140e24);border-left:1px solid rgba(200,180,255,.28)!important;border-right:1px solid rgba(16,10,30,.9)!important;border-top:1px solid rgba(167,243,208,.55)!important;box-shadow:0 9px 11px -3px #281c4685,inset 0 1px #c8b4ff52,inset -6px 0 13px #100a1e94}[data-piano-skin=desert] .piano-key-idle-white{background:linear-gradient(90deg,rgba(255,250,240,.88) 0%,rgba(248,236,216,.28) 3%,transparent 13%,transparent 80%,rgba(148,100,48,.11) 94%,rgba(122,78,36,.22) 100%),linear-gradient(180deg,#84582a52,#fdf4e6 3%,#f8ecd8 9%,#f3e4c9 17%,#eddabb 56%,#dfc7a1 86%,#cdb086,#b6976a);border-bottom:5px solid rgba(122,74,34,.5)!important;box-shadow:inset 1px 0 #fffaf0e0,inset 0 -13px 20px #8054263d,0 9px 13px -6px #4a2c1285}[data-piano-skin=desert] .piano-key-idle-black{background:linear-gradient(90deg,rgba(255,205,155,.18) 0%,transparent 15%,transparent 64%,rgba(8,4,2,.48) 100%),linear-gradient(180deg,#7a4d2a,#5e3a1f 3%,#4e2f1a 10%,#3e2513 28%,#2e1a0c 52%,#1e1008 82%,#120903);border-left:1px solid rgba(255,205,155,.22)!important;border-right:1px solid rgba(10,5,2,.92)!important;border-top:1px solid rgba(255,205,155,.4)!important;box-shadow:0 10px 12px -3px #2d1908c2,inset 0 1px #ffd2a545,inset -6px 0 13px #0a0502a3}[data-piano-skin=aurora] .piano-key-idle-white{background:linear-gradient(90deg,rgba(248,254,252,.92) 0%,rgba(244,251,249,.3) 3%,transparent 13%,transparent 80%,rgba(34,96,84,.11) 94%,rgba(20,76,66,.22) 100%),linear-gradient(180deg,#1c5a4e52,#fafefd 3%,#f4fbf9 9%,#eaf5f2 17%,#dcebe8 56%,#c8dcd8 86%,#b2cbc7,#9bb6b2);border-bottom:4px solid rgba(20,90,75,.5)!important;box-shadow:inset 1px 0 #ffffffeb,inset 0 -12px 19px #205a4e33,0 10px 14px -6px #0008069e}[data-piano-skin=aurora] .piano-key-idle-black{background:linear-gradient(90deg,rgba(110,231,183,.2) 0%,rgba(167,139,250,.1) 9%,transparent 18%,transparent 64%,rgba(0,0,0,.5) 100%),linear-gradient(180deg,#24505e,#193a46 3%,#12232c 11%,#0e1b24 28%,#0a141c 52%,#050d13 82%,#020609);border-left:1px solid rgba(110,231,183,.2)!important;border-right:1px solid rgba(0,0,0,.95)!important;border-top:1px solid rgba(110,231,183,.45)!important;box-shadow:0 10px 12px -3px #000406d6,inset 0 1px #6ee7b747,inset -7px 0 13px #000000c7}[data-piano-skin=mono] .piano-key-idle-white{background:linear-gradient(90deg,rgba(255,255,255,.85) 0%,transparent 10%,transparent 86%,rgba(0,0,0,.09) 100%),linear-gradient(180deg,#0000001a,#fbfbfb 3%,#fafafa 12%,#f2f2f3 52%,#e4e4e6 84%,#d6d6d8 93%,#c4c4c7);border-bottom:3px solid rgba(0,0,0,.55)!important;box-shadow:inset 1px 0 #fff,inset -1px 0 #0000001a,0 7px 10px -5px #0000007a}[data-piano-skin=mono] .piano-key-idle-black{background:linear-gradient(90deg,rgba(255,255,255,.1) 0%,transparent 14%,transparent 70%,rgba(0,0,0,.4) 100%),linear-gradient(180deg,#3d3d40,#2e2e30 4%,#232325 20%,#151517,#0a0a0b 84%,#050506);border-left:1px solid rgba(255,255,255,.12)!important;border-right:1px solid rgba(0,0,0,.9)!important;border-top:1px solid rgba(255,255,255,.22)!important;box-shadow:0 9px 11px -3px #0009,inset 0 1px #ffffff29}[data-piano-skin=mono] .piano-key-base-white:before,[data-piano-skin=mono] .piano-key-base-white:after,[data-piano-skin=mono] .piano-key-base-black:before{opacity:.08}[data-piano-skin=candy] .piano-key-idle-white{background:linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.38) 4%,transparent 15%,transparent 79%,rgba(214,96,148,.1) 94%,rgba(190,70,124,.22) 100%),linear-gradient(180deg,#c8588a42,#fff 3%,#fff 13%,#fef6fa 22%,#fdf0f6 58%,#f9e0ec 86%,#f3cfe1,#e8b4cd);border-bottom:5px solid rgba(210,70,135,.55)!important;box-shadow:inset 1px 0 #fff,inset 0 -11px 18px #d658922e,0 9px 13px -6px #96285a6b}[data-piano-skin=candy] .piano-key-idle-black{background:linear-gradient(90deg,rgba(255,220,150,.26) 0%,transparent 15%,transparent 64%,rgba(10,3,10,.48) 100%),linear-gradient(180deg,#6b4364,#4e2f4a 3%,#3c2438 10%,#301c2e 28%,#241224 52%,#170b17 82%,#0c050c);border-left:1px solid rgba(255,220,150,.3)!important;border-right:1px solid rgba(12,4,12,.92)!important;border-top:1px solid rgba(255,209,102,.7)!important;box-shadow:0 10px 12px -3px #3c1432a8,inset 0 1px #ffdc9661,inset -6px 0 13px #0c040ca3}[data-piano-skin=harp] .piano-key-idle-white{background:repeating-linear-gradient(90deg,rgba(168,122,42,.1) 0 1px,transparent 1px 9px),linear-gradient(180deg,#966e2452,#fffdf2 3%,#fdf7e6 9%,#f9f0d6 17%,#f3e6c4 56%,#e7d4a8 86%,#d8c08c,#c2a870);border-bottom:5px solid rgba(150,108,32,.5)!important;box-shadow:inset 1px 0 #fffbebeb,inset 0 -13px 20px #9e722438,0 10px 13px -6px #3c280a85}[data-piano-skin=harp] .piano-key-idle-black{background:linear-gradient(90deg,rgba(255,215,130,.22) 0%,transparent 15%,transparent 64%,rgba(0,0,0,.48) 100%),linear-gradient(180deg,#7d3339,#602730 3%,#4e1f24 10%,#3d171c 28%,#2c0f13 52%,#1c080c 82%,#100406);border-left:1px solid rgba(255,215,130,.24)!important;border-right:1px solid rgba(0,0,0,.92)!important;border-top:1px solid rgba(255,215,130,.45)!important;box-shadow:0 10px 12px -3px #19080acc,inset 0 1px #ffd78252,inset -6px 0 13px #000000b8}[data-piano-skin=guitar] .piano-key-idle-white{background:repeating-linear-gradient(90deg,rgba(140,96,40,.26) 0 1px,rgba(140,96,40,.07) 1px 2px,transparent 2px 11px),linear-gradient(180deg,#603e1657,#fbeec9 3%,#f6e3b8 10%,#f2dba8 18%,#ecd096 56%,#ddb87a 86%,#ce9f5c,#b78544);border-bottom:5px solid rgba(96,58,20,.55)!important;box-shadow:inset 1px 0 #fff5dce0,inset 0 -13px 20px #68421642,0 9px 13px -6px #37200a94}[data-piano-skin=guitar] .piano-key-idle-black{background:repeating-linear-gradient(90deg,rgba(216,180,120,.16) 0 1px,transparent 1px 5px),linear-gradient(180deg,#6a4530,#4c2f20 3%,#3a2318 10%,#2e1b12 28%,#24130c 52%,#170b06 82%,#0c0503);border-left:1px solid rgba(216,180,120,.2)!important;border-right:1px solid rgba(0,0,0,.94)!important;border-top:1px solid rgba(232,234,240,.55)!important;box-shadow:0 10px 12px -3px #120904d1,inset 0 1px #e8eaf057,inset -6px 0 13px #000000bd}[data-piano-skin=oud] .piano-key-idle-white{background:linear-gradient(115deg,rgba(255,205,222,.22) 0%,transparent 24%,rgba(185,235,218,.2) 46%,transparent 64%,rgba(198,214,250,.22) 86%,transparent 100%),linear-gradient(180deg,#5c402052,#fffdf8 3%,#fdfbf4 9%,#f8f4e8 17%,#f1ebdc 56%,#e4dbc6 86%,#d3c8ab,#bcaf8c);border-bottom:5px solid rgba(90,60,30,.5)!important;box-shadow:inset 1px 0 #fff,inset 0 -13px 20px #70542a33,0 10px 13px -6px #281a0a94}[data-piano-skin=oud] .piano-key-idle-black{background:repeating-linear-gradient(45deg,rgba(216,185,130,.11) 0 1px,transparent 1px 5px),linear-gradient(180deg,#6d4c28,#4f371c 3%,#3e2a16 10%,#322110 28%,#26180b 52%,#180f06 82%,#0d0702);border-left:1px solid rgba(242,226,198,.22)!important;border-right:1px solid rgba(0,0,0,.92)!important;border-top:1px solid rgba(242,226,198,.42)!important;box-shadow:0 10px 12px -3px #140b04cc,inset 0 1px #f2e2c64d,inset -6px 0 13px #000000b3}[data-piano-skin=strings] .piano-key-idle-white{background:linear-gradient(90deg,transparent 0%,transparent 44%,rgba(255,214,130,.18) 45.5%,rgba(255,226,156,.62) 47.5%,rgba(255,238,190,.92) 49%,#fff4cc 50%,rgba(255,238,190,.92) 51%,rgba(255,226,156,.62) 52.5%,rgba(255,214,130,.18) 54.5%,transparent 56%,transparent 100%),linear-gradient(180deg,#5a4028,#4a3320 4%,#3a2718 12%,#2e1d10 34%,#241608 58%,#1a1006 84%,#120a04);border-bottom:4px solid rgba(212,175,55,.35)!important;box-shadow:inset 1px 0 #ffe2aa17,inset 0 -15px 22px #00000085,0 10px 13px -6px #0000009e;text-shadow:none}[data-piano-skin=strings] .piano-key-idle-black{background:linear-gradient(90deg,transparent 0%,transparent 41%,rgba(255,110,110,.24) 43%,rgba(255,140,140,.7) 46%,rgba(255,178,178,.94) 48.5%,#ffe2e2 50%,rgba(255,178,178,.94) 51.5%,rgba(255,140,140,.7) 54%,rgba(255,110,110,.24) 57%,transparent 59%,transparent 100%),linear-gradient(180deg,#40200f,#2e1710 4%,#221208 12%,#1a0d06 34%,#130a04 58%,#0b0502 84%,#060301);border-left:1px solid rgba(255,213,128,.14)!important;border-right:1px solid rgba(0,0,0,.95)!important;border-top:1px solid rgba(255,213,128,.45)!important;box-shadow:0 10px 12px -3px #000000d6,inset 0 1px #ffd5803d,inset -6px 0 13px #000000bd}[data-piano-skin=archana] .piano-key-idle-white{background:linear-gradient(90deg,transparent 0%,transparent 32%,rgba(212,175,55,.22) 34%,rgba(255,235,170,.85) 36%,rgba(212,175,55,.22) 38%,transparent 40%,transparent 46%,rgba(212,175,55,.35) 48%,#fff4cc 50%,rgba(212,175,55,.35) 52%,transparent 54%,transparent 60%,rgba(212,175,55,.22) 62%,rgba(255,235,170,.85) 64%,rgba(212,175,55,.22) 66%,transparent 68%,transparent 100%),linear-gradient(180deg,#4a3018,#ecd096 4%,#fffdf8 12%,#f5e4be 48%,#dfc596 82%,#be9c64);border-bottom:5px solid rgba(130,92,34,.55)!important;box-shadow:inset 1px 0 #fff8e1f2,inset 0 -13px 20px #70542a40,0 10px 13px -6px #281a0a94}[data-piano-skin=archana] .piano-key-idle-black{background:linear-gradient(90deg,rgba(255,215,0,.25) 0%,transparent 14%,transparent 84%,rgba(0,0,0,.55) 100%),linear-gradient(180deg,#d4af37,#a68424 3%,#5e4616 10%,#3a2a0c 28%,#241906 58%,#100a02);border-left:1px solid rgba(242,226,198,.28)!important;border-right:1px solid rgba(0,0,0,.95)!important;border-top:2px solid rgba(255,225,120,.65)!important;box-shadow:0 10px 12px -3px #140b04d9,inset 0 1px #ffeba061,inset -6px 0 13px #000000bd}[data-piano-skin=kalimba] .piano-key-idle-white{background:linear-gradient(90deg,rgba(180,80,50,.15) 0%,transparent 20%,rgba(255,255,255,.4) 44%,#ffffff 50%,rgba(255,255,255,.4) 56%,transparent 80%,rgba(120,40,20,.25) 100%),linear-gradient(180deg,#5c2012,#c46042 4%,#f0f0f4 12%,#dfe1e8 54%,#b4b8c6 86%,#8a8e9c);border-bottom:5px solid rgba(80,30,18,.6)!important;box-shadow:inset 1px 0 #fffffff2,inset 0 -13px 20px #3c140a38,0 10px 13px -6px #230c069e}[data-piano-skin=kalimba] .piano-key-idle-black{background:linear-gradient(90deg,rgba(220,120,80,.25) 0%,transparent 15%,transparent 82%,rgba(0,0,0,.6) 100%),linear-gradient(180deg,#c06c4a,#8c4428 4%,#3a3838 12%,#222224 48%,#141416 82%,#08080a);border-left:1px solid rgba(220,120,80,.3)!important;border-right:1px solid rgba(0,0,0,.95)!important;border-top:2px solid rgba(220,130,90,.6)!important;box-shadow:0 10px 12px -3px #190a06d9,inset 0 1px #f0966e52,inset -6px 0 13px #000000c7}[data-piano-skin=gamelan] .piano-key-idle-white{background:linear-gradient(90deg,rgba(255,235,170,.8) 0%,rgba(212,175,55,.45) 8%,transparent 22%,transparent 78%,rgba(140,100,25,.35) 94%,rgba(95,65,15,.55) 100%),linear-gradient(180deg,#6e4e16,#d4af37 4%,#f9e8a2 12%,#dfbe5a 50%,#b89230 84%,#806018);border-bottom:5px solid rgba(95,65,15,.7)!important;box-shadow:inset 1px 0 #fff5c8e6,inset 0 -13px 20px #6e4b144d,0 10px 13px -6px #2d1e08a6}[data-piano-skin=gamelan] .piano-key-idle-black{background:linear-gradient(90deg,rgba(80,180,160,.22) 0%,transparent 16%,transparent 80%,rgba(0,0,0,.65) 100%),linear-gradient(180deg,#3d685c,#2a4c42 4%,#4a2e18 12%,#2c1a0e 48%,#1a0f08 82%,#0a0503);border-left:1px solid rgba(80,180,160,.3)!important;border-right:1px solid rgba(0,0,0,.95)!important;border-top:2px solid rgba(90,190,170,.55)!important;box-shadow:0 10px 12px -3px #0f1412e0,inset 0 1px #64c8b447,inset -6px 0 13px #000000c7}[data-piano-skin=saz] .piano-key-idle-white{background:repeating-linear-gradient(180deg,rgba(70,45,20,.25) 0 1px,transparent 1px 20px),linear-gradient(180deg,#5a3818,#e2c086 4%,#fff5dc 12%,#f0dcb0 52%,#dabf8c 84%,#ba9860);border-bottom:5px solid rgba(110,75,30,.55)!important;box-shadow:inset 1px 0 #fff8dceb,inset 0 -13px 20px #64441938,0 10px 13px -6px #2d1c0a94}[data-piano-skin=saz] .piano-key-idle-black{background:linear-gradient(135deg,transparent 40%,rgba(230,240,255,.22) 50%,transparent 60%),linear-gradient(180deg,#443c3a,#2e2624 4%,#201a18 12%,#14100e 48%,#0d0a09 82%,#050403);border-left:1px solid rgba(255,255,255,.22)!important;border-right:1px solid rgba(0,0,0,.95)!important;border-top:2px solid rgba(255,255,255,.45)!important;box-shadow:0 10px 12px -3px #0c0a08e0,inset 0 1px #ffffff40,inset -6px 0 13px #000c}[data-piano-skin=ney] .piano-key-idle-white{background:radial-gradient(ellipse at 50% 65%,rgba(60,40,15,.25) 0%,rgba(60,40,15,.1) 32%,transparent 55%),linear-gradient(180deg,#5c3c16,#e0b468 4%,#fff2cf 12%,#ebd08d 50%,#d2b065 84%,#a68438);border-bottom:5px solid rgba(120,85,28,.55)!important;box-shadow:inset 1px 0 #fff6d7e6,inset 0 -13px 20px #694b163d,0 10px 13px -6px #2d1e0894}[data-piano-skin=ney] .piano-key-idle-black{background:repeating-linear-gradient(180deg,rgba(212,40,40,.4) 0 2px,rgba(212,175,55,.45) 2px 4px,transparent 4px 16px),linear-gradient(180deg,#542218,#3a1610 4%,#28140c 12%,#1b0c06 48%,#100603 82%,#060201);border-left:1px solid rgba(220,120,100,.25)!important;border-right:1px solid rgba(0,0,0,.95)!important;border-top:2px solid rgba(240,140,120,.5)!important;box-shadow:0 10px 12px -3px #160804e0,inset 0 1px #f08c7840,inset -6px 0 13px #000c}[data-piano-skin=cymatics] .piano-key-idle-white{background:linear-gradient(90deg,transparent 0%,transparent 45%,rgba(212,175,55,.4) 48%,#ffe88a 50%,rgba(212,175,55,.4) 52%,transparent 55%,transparent 100%),linear-gradient(180deg,#303034,#1e1e22 4%,#141416 12%,#0e0e10 52%,#08080a 84%,#040405);border-bottom:5px solid rgba(212,175,55,.45)!important;box-shadow:inset 1px 0 #d4af3740,inset 0 -13px 20px #000000b3,0 10px 13px -6px #000000d9}[data-piano-skin=cymatics] .piano-key-idle-black{background:radial-gradient(circle at 50% 30%,rgba(212,175,55,.25) 0%,transparent 60%),linear-gradient(180deg,#443c2c,#2c2518 4%,#18150e 12%,#100e0a 48%,#080705 82%,#020201);border-left:1px solid rgba(212,175,55,.25)!important;border-right:1px solid rgba(0,0,0,.98)!important;border-top:2px solid rgba(212,175,55,.55)!important;box-shadow:0 10px 12px -3px #000000e6,inset 0 1px #d4af374d,inset -6px 0 13px #000000d9}[data-piano-skin=koto] .piano-key-idle-white{background:linear-gradient(90deg,transparent 0%,transparent 48%,rgba(255,255,255,.9) 50%,transparent 52%,transparent 100%),linear-gradient(180deg,#6a4c2e,#f0d5b0 4%,#fffaf2 12%,#f5e8d4 50%,#e2d0b6 84%,#c2ac8e);border-bottom:5px solid rgba(130,95,55,.55)!important;box-shadow:inset 1px 0 #fffcf5f2,inset 0 -13px 20px #6e502d33,0 10px 13px -6px #2d1e0f8c}[data-piano-skin=koto] .piano-key-idle-black{background:linear-gradient(135deg,rgba(212,175,55,.3) 0%,transparent 45%,rgba(212,175,55,.15) 100%),linear-gradient(180deg,#2e2622,#1e1814 4%,#14100c 12%,#0c0907 48%,#060403 82%,#020101);border-left:1px solid rgba(212,175,55,.22)!important;border-right:1px solid rgba(0,0,0,.95)!important;border-top:2px solid rgba(212,175,55,.5)!important;box-shadow:0 10px 12px -3px #0f0a06e0,inset 0 1px #d4af3740,inset -6px 0 13px #000c}[data-piano-skin=aftertouch] .piano-key-idle-white,[data-piano-skin=aftertouch] .premium-key-idle-ivory{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 194'%3E%3Cline x1='6' y1='71' x2='50' y2='71' stroke='%2338bdf8' stroke-opacity='0.35' stroke-dasharray='3,2'/%3E%3Cpolygon points='28,34 33,40 23,40' fill='%2338bdf8' fill-opacity='0.85'/%3E%3Cpath d='M16,49 Q22,43 28,49 T40,49' fill='none' stroke='%2338bdf8' stroke-width='1.5' stroke-linecap='round' stroke-opacity='0.8'/%3E%3Ctext x='28' y='63' font-family='system-ui,-apple-system,sans-serif' font-size='6.5' font-weight='800' fill='%2338bdf8' fill-opacity='0.8' text-anchor='middle' letter-spacing='0.5'%3EVIBRATO%3C/text%3E%3Cline x1='6' y1='141' x2='50' y2='141' stroke='%23fb923c' stroke-opacity='0.35' stroke-dasharray='3,2'/%3E%3Cpath d='M10,106 L16,102 L16,110 Z M46,106 L40,102 L40,110 Z M16,106 L40,106' fill='%23d4af37' stroke='%23d4af37' stroke-width='1.2' fill-opacity='0.85' stroke-opacity='0.85'/%3E%3Ccircle cx='28' cy='106' r='2.5' fill='none' stroke='%23d4af37' stroke-width='1.2' stroke-opacity='0.85'/%3E%3Ctext x='28' y='96' font-family='system-ui,-apple-system,sans-serif' font-size='6' font-weight='800' fill='%23d4af37' fill-opacity='0.85' text-anchor='middle' letter-spacing='0.5'%3EPITCH BEND%3C/text%3E%3Cpath d='M16,155 H28 Q36,155 40,165' fill='none' stroke='%23fb923c' stroke-width='1.5' stroke-linecap='round' stroke-opacity='0.8'/%3E%3Cpolygon points='28,175 33,169 23,169' fill='%23fb923c' fill-opacity='0.85'/%3E%3Ctext x='28' y='185' font-family='system-ui,-apple-system,sans-serif' font-size='6.5' font-weight='800' fill='%23fb923c' fill-opacity='0.8' text-anchor='middle' letter-spacing='0.5'%3EFILTER%3C/text%3E%3C/svg%3E"),linear-gradient(180deg,#ffffff38,#ffffff1f 4%,#ffffff0f 18%,#c8e6ff14 56%,#a0c8f024 86%,#78a0c838);border-left:1px solid rgba(255,255,255,.45);border-right:1px solid rgba(56,189,248,.25);border-bottom:4px solid rgba(56,189,248,.6)!important;box-shadow:inset 1px 0 #ffffffb3,inset 0 -12px 18px #0f172a4d,0 8px 12px -4px #0000008c}[data-piano-skin=aftertouch] .piano-key-idle-black,[data-piano-skin=aftertouch] .premium-key-idle-gold{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 126'%3E%3Cline x1='4' y1='48' x2='32' y2='48' stroke='%2338bdf8' stroke-opacity='0.35' stroke-dasharray='2,2'/%3E%3Cpolygon points='18,22 22,27 14,27' fill='%2338bdf8' fill-opacity='0.85'/%3E%3Ctext x='18' y='38' font-family='system-ui,-apple-system,sans-serif' font-size='5.5' font-weight='800' fill='%2338bdf8' fill-opacity='0.85' text-anchor='middle' letter-spacing='0.5'%3EVIB%3C/text%3E%3Cline x1='4' y1='92' x2='32' y2='92' stroke='%23fb923c' stroke-opacity='0.35' stroke-dasharray='2,2'/%3E%3Cpath d='M6,70 L10,67 L10,73 Z M30,70 L26,67 L26,73 Z M10,70 L26,70' fill='%23d4af37' stroke='%23d4af37' stroke-width='1' fill-opacity='0.85' stroke-opacity='0.85'/%3E%3Ctext x='18' y='63' font-family='system-ui,-apple-system,sans-serif' font-size='5' font-weight='800' fill='%23d4af37' fill-opacity='0.85' text-anchor='middle' letter-spacing='0.5'%3EPITCH%3C/text%3E%3Cpolygon points='18,105 22,100 14,100' fill='%23fb923c' fill-opacity='0.85'/%3E%3Ctext x='18' y='116' font-family='system-ui,-apple-system,sans-serif' font-size='5.5' font-weight='800' fill='%23fb923c' fill-opacity='0.85' text-anchor='middle' letter-spacing='0.5'%3EFLT%3C/text%3E%3C/svg%3E"),linear-gradient(180deg,#1e293bbf,#141e2da6 15%,#0f172a99 52%,#020617d9);border-left:1px solid rgba(56,189,248,.35)!important;border-right:1px solid rgba(0,0,0,.95)!important;border-top:1px solid rgba(255,255,255,.4)!important;border-bottom:2px solid rgba(56,189,248,.5)!important;box-shadow:0 10px 12px -3px #000000e0,inset 0 1px #ffffff4d,inset -6px 0 13px #000000bf}[data-piano-skin=aftertouch] .piano-keybed-shell{background:linear-gradient(180deg,rgba(56,189,248,.08) 0px,rgba(56,189,248,.08) 70px,rgba(56,189,248,.4) 71px,transparent 72px,transparent 140px,rgba(251,146,60,.4) 141px,rgba(244,63,94,.08) 142px,rgba(244,63,94,.08) 194px),linear-gradient(180deg,#090e17,#03060a);box-shadow:inset 0 1px #38bdf840}[data-piano-skin=aftertouch].piano-keyboard-stage{background:radial-gradient(ellipse at 50% -20%,rgba(56,189,248,.18),transparent 55%),linear-gradient(180deg,#070c16,#020408)}[data-piano-skin]:not([data-piano-skin=classic]) .piano-key-freq-layer{opacity:0!important}[data-piano-skin=classic] .piano-key-idle-white,[data-piano-skin=midnight] .piano-key-idle-white{background:linear-gradient(90deg,rgba(255,255,255,.82) 0%,rgba(255,255,255,.2) 4%,transparent 17%,transparent 78%,rgba(99,83,50,.08) 94%,rgba(78,62,35,.18) 100%),linear-gradient(180deg,#fffffd,#fbfaf5 4%,#f7f4ec 13%,#f1ede1 48%,#e8e0cf 78%,#d8cdb7 93%,#bcae93);border-left:1px solid rgba(255,255,255,.78);border-right:1px solid rgba(94,78,48,.18);border-bottom:4px solid rgba(93,76,44,.42);box-shadow:inset 1px 0 #fffffff0,inset 0 -14px 21px #69583429,0 11px 15px -7px #0a080575}[data-piano-skin=classic] .piano-key-idle-black,[data-piano-skin=midnight] .piano-key-idle-black{background:linear-gradient(90deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,.05) 10%,transparent 28%,transparent 70%,rgba(0,0,0,.42) 100%),linear-gradient(180deg,#4b4c50,#292a2d 5%,#151619 18%,#090a0c 55%,#030405 84%,#000);border-left:1px solid rgba(255,255,255,.22)!important;border-right:1px solid rgba(0,0,0,.98)!important;border-top:1px solid rgba(255,255,255,.34)!important;border-bottom:1px solid rgba(0,0,0,1)!important;box-shadow:0 12px 15px -3px #000000db,inset 0 1px #ffffff38,inset -8px 0 15px #000000bd}[data-piano-skin=classic] .piano-key-pressed-white,[data-piano-skin=midnight] .piano-key-pressed-white{border-bottom:4px solid rgba(93,76,44,.42);box-shadow:inset 1px 0 #ffffffdb,inset 0 10px 18px rgba(76,61,36,var(--key-press-shade,.3)),0 3px 5px -3px #0a080585}[data-piano-skin=classic] .piano-key-pressed-black,[data-piano-skin=midnight] .piano-key-pressed-black{border-left:1px solid rgba(255,255,255,.22)!important;border-right:1px solid rgba(0,0,0,.98)!important;border-top:1px solid rgba(255,255,255,.34)!important;border-bottom:1px solid rgba(0,0,0,1)!important;box-shadow:0 5px 8px #000000eb,inset 0 1px #ffffff1f,inset 0 12px 18px rgba(0,0,0,var(--key-press-shade,.66))}[data-piano-skin=classic].piano-keyboard-stage,[data-piano-skin=midnight].piano-keyboard-stage{background:radial-gradient(ellipse at 50% -18%,rgba(255,239,189,.16),transparent 44%),linear-gradient(120deg,#17120d,#050505 42%,#15100a 76%,#020202)}[data-piano-skin=classic] .piano-keybed-shell,[data-piano-skin=midnight] .piano-keybed-shell{background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 18%),linear-gradient(180deg,#15120f,#090807);box-shadow:inset 0 1px #ffffff1a}[data-piano-skin=moog] .piano-key-idle-white{background:linear-gradient(90deg,rgba(255,255,255,.72) 0%,rgba(255,255,255,.22) 3%,transparent 13%,transparent 80%,rgba(74,66,44,.1) 94%,rgba(52,46,30,.22) 100%),linear-gradient(180deg,#3e362257,#faf8f2 3%,#f4f1ea 10%,#efece2 18%,#e9e5d8 56%,#dcd7c7 86%,#cfc9b8,#b9b2a0);border-bottom:4px solid rgba(20,16,8,.45)!important;box-shadow:inset 1px 0 #ffffffe0,inset -1px 0 #00000024,0 8px 11px -6px #00000094}[data-piano-skin=moog] .piano-key-idle-black{background:linear-gradient(90deg,rgba(255,255,255,.16) 0%,transparent 15%,transparent 64%,rgba(0,0,0,.48) 100%),linear-gradient(180deg,#55555c,#46464c 3%,#3c3c42 10%,#2a2a2f 28%,#17171a 52%,#0f0f11 82%,#08080a);border-left:1px solid rgba(255,255,255,.16)!important;border-right:1px solid rgba(0,0,0,.95)!important;border-top:1px solid rgba(255,255,255,.24)!important;box-shadow:0 10px 12px -3px #000000c7,inset 0 1px #ffffff24,inset -6px 0 12px #000000b3}[data-piano-skin=rhodes] .piano-key-idle-white{background:linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(255,252,240,.28) 3%,transparent 13%,transparent 80%,rgba(116,94,46,.11) 94%,rgba(92,74,36,.22) 100%),linear-gradient(180deg,#64522852,#fdfaef 3%,#f9f4e2 9%,#f5efd8 17%,#efe6cc 56%,#e3d7b6 86%,#d8cba6,#c1b189);border-bottom:5px solid rgba(90,74,40,.4)!important;box-shadow:inset 1px 0 #ffffffeb,inset 0 -13px 20px #78603033,0 10px 13px -6px #00000070}[data-piano-skin=rhodes] .piano-key-idle-black{background:linear-gradient(90deg,rgba(160,220,210,.18) 0%,transparent 15%,transparent 64%,rgba(0,0,0,.5) 100%),linear-gradient(180deg,#3e504e,#2f3c3b 3%,#26302f 10%,#1a2222 28%,#101514 52%,#090d0d 82%,#040606);border-left:1px solid rgba(160,220,210,.16)!important;border-right:1px solid rgba(0,0,0,.95)!important;border-top:1px solid rgba(160,220,210,.3)!important;box-shadow:0 10px 12px -3px #000000d4,inset 0 1px #aae1d733,inset -8px 0 14px #000c}[data-piano-skin=harpsi] .piano-key-idle-white{background:linear-gradient(90deg,rgba(255,255,255,.22) 0%,transparent 14%,transparent 76%,rgba(0,0,0,.42) 100%),linear-gradient(180deg,#4c4c54,#3e3e45 3%,#34343a 11%,#26262b 30%,#1b1b1f 54%,#101012 84%,#080809);border-bottom:5px solid rgba(0,0,0,.85)!important;box-shadow:inset 1px 0 #ffffff2e,inset 0 -15px 23px #0000009e,0 10px 15px -6px #0000009e;text-shadow:none}[data-piano-skin=harpsi] .piano-key-idle-black{background:linear-gradient(90deg,rgba(255,255,255,.85) 0%,rgba(255,252,242,.3) 4%,transparent 15%,transparent 78%,rgba(120,96,48,.14) 94%,rgba(96,76,36,.26) 100%),linear-gradient(180deg,#fffdf6,#fefaf0 4%,#fbf6e8 12%,#f4ebd6 30%,#ecdfc2 56%,#dbcaa4 86%,#c6b48c);border-left:1px solid rgba(255,255,255,.85)!important;border-right:1px solid rgba(110,88,44,.55)!important;border-top:1px solid rgba(255,255,255,.95)!important;box-shadow:0 10px 12px -3px #00000094,inset 0 1px #fffffff2,inset 0 -8px 14px #785f2d66}[data-piano-skin=harpsi] .piano-key-pressed-white{box-shadow:inset 1px 0 #ffffff29,inset 0 -10px 16px #0000008c,0 3px 5px -3px #00000080;border-bottom:5px solid rgba(0,0,0,.6)!important}[data-piano-skin=ivory] .piano-key-idle-white{background:linear-gradient(90deg,rgba(255,255,255,.9) 0%,transparent 11%,transparent 85%,rgba(0,0,0,.055) 100%),linear-gradient(180deg,#0000000e,#fff 3%,#fff 14%,#fafafb 52%,#f0f0f3 82%,#e2e3e7 93%,#d2d4d9);border-bottom:3px solid rgba(0,0,0,.14)!important;box-shadow:inset 1px 0 #fff,inset -1px 0 #0000000f,0 6px 9px -5px #00000045}[data-piano-skin=ivory] .piano-key-idle-black{background:linear-gradient(90deg,rgba(255,255,255,.12) 0%,transparent 15%,transparent 70%,rgba(0,0,0,.36) 100%),linear-gradient(180deg,#3d4653,#333c47 4%,#2c333d 14%,#202730 34%,#171c24 58%,#0f1319 84%,#0b0e13);border-left:1px solid rgba(255,255,255,.1)!important;border-right:1px solid rgba(0,0,0,.85)!important;border-top:1px solid rgba(255,255,255,.18)!important;box-shadow:0 9px 11px -3px #00000054,inset 0 1px #ffffff1f}[data-piano-skin=neon] .piano-key-idle-white{background:linear-gradient(90deg,rgba(150,220,255,.2) 0%,transparent 14%,transparent 74%,rgba(6,10,26,.4) 100%),linear-gradient(180deg,#6a7cae,#59699c 4%,#4a5a8e 14%,#3d4c80 34%,#354272 58%,#2d3763 84%,#262f56);border-bottom:4px solid rgba(34,211,238,.75)!important;box-shadow:inset 1px 0 #78aaff24,inset 0 -11px 19px #22d3ee30,0 10px 15px -6px #000000b8;text-shadow:none}[data-piano-skin=neon] .piano-key-idle-black{background:linear-gradient(90deg,rgba(232,121,249,.26) 0%,transparent 15%,transparent 66%,rgba(4,2,14,.46) 100%),linear-gradient(180deg,#5c4784,#4b3970 4%,#40305f 14%,#342650 34%,#2a1e4a 58%,#20163c 84%,#181030);border-left:1px solid rgba(232,121,249,.25)!important;border-right:1px solid rgba(0,0,0,.95)!important;border-top:2px solid rgba(232,121,249,.6)!important;box-shadow:0 10px 12px -3px #000000d4,inset 0 1px #e879f94d,inset 0 -8px 14px #4c1d9559}[data-piano-skin=neon] .piano-key-pressed-white{box-shadow:inset 1px 0 #78aaff26,inset 0 -7px 14px #22d3ee40,0 3px 6px -4px #000c;border-bottom:4px solid rgba(34,211,238,.9)!important}[data-piano-skin=neon] .piano-key-pressed-black{border-left:1px solid rgba(232,121,249,.25)!important;border-right:1px solid rgba(0,0,0,.95)!important;border-top:2px solid rgba(232,121,249,.6)!important;box-shadow:0 5px 8px #000000eb,inset 0 1px #e879f966,inset 0 -6px 12px #4c1d9580}[data-piano-skin=neon] .piano-key-pressed-white .piano-key-pressed-overlay-white{background:radial-gradient(ellipse at 50% 35%,rgba(34,211,238,.6),rgba(34,211,238,.12) 55%,transparent 85%)}[data-piano-skin=neon] .piano-key-pressed-black .piano-key-pressed-overlay-black{background:radial-gradient(ellipse at 50% 35%,rgba(232,121,249,.7),rgba(232,121,249,.15) 55%,transparent 85%)}[data-piano-skin=wood] .piano-key-idle-white{background:repeating-linear-gradient(90deg,rgba(140,96,36,.09) 0 1px,transparent 1px 13px),linear-gradient(180deg,#6c481a52,#fbf1d8 3%,#f2e2bd 10%,#ecd9b0 18%,#e6d0a2 56%,#d8bc88 86%,#c8a873,#b08e58);border-bottom:5px solid rgba(105,70,25,.5)!important;box-shadow:inset 1px 0 #fffaebd6,inset 0 -13px 20px #78521e42,0 9px 13px -6px #462d0f85}[data-piano-skin=wood] .piano-key-idle-black{background:linear-gradient(90deg,rgba(255,220,160,.16) 0%,transparent 15%,transparent 64%,rgba(6,3,1,.48) 100%),linear-gradient(180deg,#7a4e1d,#5e3a14 3%,#4d3011 10%,#3b2410 28%,#2b1a08 52%,#1c1006 82%,#120a03);border-left:1px solid rgba(255,220,160,.2)!important;border-right:1px solid rgba(0,0,0,.9)!important;border-top:1px solid rgba(255,220,160,.35)!important;box-shadow:0 10px 12px -3px #281806ba,inset 0 1px #ffe2aa40,inset -6px 0 12px #0009}[data-piano-skin=organ] .piano-key-base-white{border-radius:0 0 4px 4px}[data-piano-skin=organ] .piano-key-base-black{border-radius:0 0 3px 3px}[data-piano-skin=organ] .piano-key-idle-white{background:linear-gradient(90deg,rgba(255,255,255,.88) 0%,rgba(255,253,245,.26) 3%,transparent 12%,transparent 82%,rgba(96,72,28,.1) 95%,rgba(72,54,22,.2) 100%),linear-gradient(180deg,#543e1847,#fcf8ea 2.5%,#f6f1de 8%,#f2ecd4 16%,#ece2c4 62%,#ddd0ac 88%,#d3c49c 95%,#c0b085);border-bottom:2px solid rgba(60,44,18,.5)!important;box-shadow:inset 1px 0 #ffffffeb,inset 0 -5px 9px #644c1e2b,0 7px 10px -5px #00000085}[data-piano-skin=organ] .piano-key-idle-black{background:linear-gradient(90deg,rgba(255,255,255,.22) 0%,transparent 14%,transparent 66%,rgba(0,0,0,.46) 100%),linear-gradient(180deg,#48484e,#38383d 3%,#2e2e32 10%,#202024 28%,#121215 52%,#0a0a0c 82%,#030304);border-left:1px solid rgba(255,255,255,.18)!important;border-right:1px solid rgba(0,0,0,.95)!important;border-top:1px solid rgba(255,255,255,.35)!important;box-shadow:0 9px 11px -3px #000000c7,inset 0 1px #fff3,inset -6px 0 10px #000000b3}[data-piano-skin=moog] .piano-key-pressed-white{border-bottom:4px solid rgba(20,16,8,.45)!important;box-shadow:inset 1px 0 #ffffffd9,inset 0 -4px 8px #5a461e3d,0 2px 4px -2px #0000008c}[data-piano-skin=moog] .piano-key-pressed-black{border-left:1px solid rgba(255,255,255,.16)!important;border-right:1px solid rgba(0,0,0,.95)!important;border-top:1px solid rgba(255,255,255,.24)!important;box-shadow:0 4px 7px #000000e6,inset 0 1px #ffffff14,inset -6px 0 12px #000000c7}[data-piano-skin=rhodes] .piano-key-pressed-white{border-bottom:5px solid rgba(90,74,40,.4)!important;box-shadow:inset 1px 0 #ffffffe6,inset 0 -12px 18px #78603042,0 3px 5px -3px #00000073}[data-piano-skin=rhodes] .piano-key-pressed-black{border-left:1px solid rgba(160,220,210,.16)!important;border-right:1px solid rgba(0,0,0,.95)!important;border-top:1px solid rgba(160,220,210,.3)!important;box-shadow:0 5px 8px #000000eb,inset 0 1px #aae1d71f,inset -8px 0 14px #000000d9}[data-piano-skin=harpsi] .piano-key-pressed-black{border-left:1px solid rgba(255,255,255,.85)!important;border-right:1px solid rgba(110,88,44,.55)!important;border-top:1px solid rgba(255,255,255,.95)!important;box-shadow:0 4px 7px #000000b3,inset 0 1px #ffffffbf,inset 0 -6px 12px #785f2d80}[data-piano-skin=ivory] .piano-key-pressed-white{border-bottom:3px solid rgba(0,0,0,.14)!important;box-shadow:inset 1px 0 #fff,inset -1px 0 #0000000f,0 2px 3px -2px #0000004d}[data-piano-skin=ivory] .piano-key-pressed-black{border-left:1px solid rgba(255,255,255,.1)!important;border-right:1px solid rgba(0,0,0,.85)!important;border-top:1px solid rgba(255,255,255,.18)!important;box-shadow:0 3px 5px #00000073,inset 0 1px #ffffff12}[data-piano-skin=wood] .piano-key-pressed-white{border-bottom:5px solid rgba(105,70,25,.5)!important;box-shadow:inset 1px 0 #fffaebcc,inset 0 -12px 18px #78521e4d,0 3px 5px -3px #462d0f8c}[data-piano-skin=wood] .piano-key-pressed-black{border-left:1px solid rgba(255,220,160,.2)!important;border-right:1px solid rgba(0,0,0,.9)!important;border-top:1px solid rgba(255,220,160,.35)!important;box-shadow:0 4px 7px #281806d9,inset 0 1px #ffe2aa26,inset -6px 0 12px #000000b3}[data-piano-skin=organ] .piano-key-pressed-white{border-bottom:2px solid rgba(60,44,18,.5)!important;box-shadow:inset 1px 0 #ffffffe6,inset 0 -4px 8px #644c1e3d,0 2px 4px -2px #0000008c}[data-piano-skin=organ] .piano-key-pressed-black{border-left:1px solid rgba(255,255,255,.18)!important;border-right:1px solid rgba(0,0,0,.95)!important;border-top:1px solid rgba(255,255,255,.35)!important;box-shadow:0 3px 6px #000000e6,inset 0 1px #ffffff1f,inset -6px 0 10px #000000c7}[data-piano-skin=obsidian] .piano-key-pressed-white{border-bottom:5px solid rgba(20,22,26,.45)!important;box-shadow:inset 1px 0 #fff,inset 0 -12px 18px #3c424a38,0 3px 5px -3px #000000a6}[data-piano-skin=obsidian] .piano-key-pressed-black{border-left:1px solid rgba(255,255,255,.22)!important;border-right:1px solid rgba(0,0,0,.95)!important;border-top:1px solid rgba(255,255,255,.38)!important;box-shadow:0 5px 8px #000000f2,inset 0 1px #ffffff24,inset -7px 0 12px #000000d9}[data-piano-skin=rosegold] .piano-key-pressed-white{border-bottom:5px solid rgba(140,84,70,.4)!important;box-shadow:inset 1px 0 #fffcfaf2,inset 0 -12px 18px #a0604c47,0 3px 5px -3px #3c1c168c}[data-piano-skin=rosegold] .piano-key-pressed-black{border-left:1px solid rgba(255,190,170,.24)!important;border-right:1px solid rgba(0,0,0,.92)!important;border-top:1px solid rgba(255,200,180,.42)!important;box-shadow:0 4px 7px #1e0c08e6,inset 0 1px #ffc8b429,inset -6px 0 12px #000000b8}[data-piano-skin=carbon] .piano-key-pressed-white{border-bottom:4px solid rgba(190,34,34,.55)!important;box-shadow:inset 1px 0 #ffffffd9,inset 0 -10px 16px #3c424c42,0 3px 5px -3px #000000a6}[data-piano-skin=carbon] .piano-key-pressed-black{border-left:1px solid rgba(255,255,255,.14)!important;border-right:1px solid rgba(0,0,0,.95)!important;border-top:1px solid rgba(225,45,45,.45)!important;box-shadow:0 4px 7px #000000eb,inset 0 1px #ffffff14,inset -6px 0 12px #000000d1}[data-piano-skin=arctic] .piano-key-pressed-white{border-bottom:4px solid rgba(90,125,165,.35)!important;box-shadow:inset 1px 0 #fff,inset 0 -10px 16px #6e91b93d,0 3px 4px -3px #3c5a7d73}[data-piano-skin=arctic] .piano-key-pressed-black{border-left:1px solid rgba(200,230,255,.28)!important;border-right:1px solid rgba(8,14,20,.9)!important;border-top:1px solid rgba(210,235,255,.5)!important;box-shadow:0 4px 7px #1e2d3ca6,inset 0 1px #d2ebff2e,inset -6px 0 12px #080e14ad}[data-piano-skin=sakura] .piano-key-pressed-white{border-bottom:5px solid rgba(150,78,100,.35)!important;box-shadow:inset 1px 0 #fff,inset 0 -12px 18px #b4698240,0 3px 5px -3px #783c5073}[data-piano-skin=sakura] .piano-key-pressed-black{border-left:1px solid rgba(255,190,210,.24)!important;border-right:1px solid rgba(10,4,7,.92)!important;border-top:1px solid rgba(255,200,218,.45)!important;box-shadow:0 4px 7px #280f1acc,inset 0 1px #ffc8da29,inset -6px 0 12px #0a0407b3}[data-piano-skin=abyss] .piano-key-pressed-white{border-bottom:4px solid rgba(15,118,110,.55)!important;box-shadow:inset 1px 0 #ffffffe6,inset 0 -11px 17px #106e6447,0 3px 5px -3px #001412a6}[data-piano-skin=abyss] .piano-key-pressed-black{border-left:1px solid rgba(94,234,212,.22)!important;border-right:1px solid rgba(0,0,0,.95)!important;border-top:1px solid rgba(94,234,212,.5)!important;box-shadow:0 5px 8px #000808eb,inset 0 1px #5eead42e,inset -7px 0 12px #000000d1}[data-piano-skin=emerald] .piano-key-pressed-white{border-bottom:5px solid rgba(20,65,45,.5)!important;box-shadow:inset 1px 0 #fffffcf2,inset 0 -12px 18px #55643742,0 3px 5px -3px #04140ca6}[data-piano-skin=emerald] .piano-key-pressed-black{border-left:1px solid rgba(212,190,110,.22)!important;border-right:1px solid rgba(0,0,0,.95)!important;border-top:1px solid rgba(212,190,110,.42)!important;box-shadow:0 4px 7px #000a05eb,inset 0 1px #d4be6e26,inset -6px 0 12px #000000c7}[data-piano-skin=royal] .piano-key-pressed-white{border-bottom:5px solid rgba(90,55,130,.45)!important;box-shadow:inset 1px 0 #fffffafa,inset 0 -12px 18px #6a522b4d,0 3px 5px -3px #0c0516a6}[data-piano-skin=royal] .piano-key-pressed-black{border-left:1px solid rgba(196,160,255,.22)!important;border-right:1px solid rgba(0,0,0,.95)!important;border-top:1px solid rgba(212,175,55,.5)!important;box-shadow:0 4px 7px #04000aeb,inset 0 1px #c4a0ff26,inset -6px 0 12px #000000c7}[data-piano-skin=copper] .piano-key-pressed-white{border-bottom:5px solid rgba(110,58,30,.5)!important;box-shadow:inset 1px 0 #fffaf2eb,inset 0 -12px 18px #8c55284d,0 3px 5px -3px #241005a6}[data-piano-skin=copper] .piano-key-pressed-black{border-left:1px solid rgba(140,225,195,.18)!important;border-right:1px solid rgba(0,0,0,.92)!important;border-top:1px solid rgba(140,225,195,.35)!important;box-shadow:0 4px 7px #140a03e6,inset 0 1px #8ce1c31f,inset -6px 0 12px #000000bd}[data-piano-skin=midnight] .piano-key-pressed-white{border-bottom:4px solid rgba(50,62,110,.5)!important;box-shadow:inset 1px 0 #fff,inset 0 -11px 17px #46558c42,0 3px 5px -3px #02040cb3}[data-piano-skin=midnight] .piano-key-pressed-black{border-left:1px solid rgba(165,185,255,.22)!important;border-right:1px solid rgba(0,0,0,.95)!important;border-top:1px solid rgba(165,185,255,.45)!important;box-shadow:0 5px 8px #00020aeb,inset 0 1px #a5b9ff26,inset -7px 0 12px #000000d1}[data-piano-skin=vapor] .piano-key-pressed-white{border-bottom:4px solid rgba(120,95,180,.35)!important;box-shadow:inset 1px 0 #fff,inset 0 -10px 16px #8269be38,0 3px 4px -3px #5a468c66}[data-piano-skin=vapor] .piano-key-pressed-black{border-left:1px solid rgba(200,180,255,.28)!important;border-right:1px solid rgba(16,10,30,.9)!important;border-top:1px solid rgba(167,243,208,.55)!important;box-shadow:0 4px 7px #281c4699,inset 0 1px #c8b4ff2e,inset -6px 0 12px #100a1ea3}[data-piano-skin=desert] .piano-key-pressed-white{border-bottom:5px solid rgba(122,74,34,.5)!important;box-shadow:inset 1px 0 #fffaf0d9,inset 0 -12px 18px #875a2a4d,0 3px 5px -3px #4a2c128c}[data-piano-skin=desert] .piano-key-pressed-black{border-left:1px solid rgba(255,205,155,.22)!important;border-right:1px solid rgba(10,5,2,.92)!important;border-top:1px solid rgba(255,205,155,.4)!important;box-shadow:0 4px 7px #2d1908d9,inset 0 1px #ffd2a524,inset -6px 0 12px #0a0502b3}[data-piano-skin=aurora] .piano-key-pressed-white{border-bottom:4px solid rgba(20,90,75,.5)!important;box-shadow:inset 1px 0 #ffffffeb,inset 0 -11px 17px #235f5242,0 3px 5px -3px #000806a6}[data-piano-skin=aurora] .piano-key-pressed-black{border-left:1px solid rgba(110,231,183,.2)!important;border-right:1px solid rgba(0,0,0,.95)!important;border-top:1px solid rgba(110,231,183,.45)!important;box-shadow:0 5px 8px #000406eb,inset 0 1px #6ee7b726,inset -7px 0 12px #000000d1}[data-piano-skin=mono] .piano-key-pressed-white{border-bottom:3px solid rgba(0,0,0,.55)!important;box-shadow:inset 1px 0 #fff,inset -1px 0 #0000001a,0 2px 4px -2px #00000080}[data-piano-skin=mono] .piano-key-pressed-black{border-left:1px solid rgba(255,255,255,.12)!important;border-right:1px solid rgba(0,0,0,.9)!important;border-top:1px solid rgba(255,255,255,.22)!important;box-shadow:0 4px 6px #000000b3,inset 0 1px #ffffff14}[data-piano-skin=candy] .piano-key-pressed-white{border-bottom:5px solid rgba(210,70,135,.55)!important;box-shadow:inset 1px 0 #fff,inset 0 -10px 16px #dc5a963d,0 3px 5px -3px #96285a80}[data-piano-skin=candy] .piano-key-pressed-black{border-left:1px solid rgba(255,220,150,.3)!important;border-right:1px solid rgba(12,4,12,.92)!important;border-top:1px solid rgba(255,209,102,.7)!important;box-shadow:0 4px 7px #3c1432bf,inset 0 1px #ffdc964d,inset -6px 0 12px #0c040cad}[data-piano-skin=harp] .piano-key-pressed-white{border-bottom:5px solid rgba(150,108,32,.5)!important;box-shadow:inset 1px 0 #fffbebe6,inset 0 -12px 18px #a5782847,0 3px 5px -3px #3c280a8c}[data-piano-skin=harp] .piano-key-pressed-black{border-left:1px solid rgba(255,215,130,.24)!important;border-right:1px solid rgba(0,0,0,.92)!important;border-top:1px solid rgba(255,215,130,.45)!important;box-shadow:0 4px 7px #19080ae6,inset 0 1px #ffd7822e,inset -6px 0 12px #000000c2}[data-piano-skin=guitar] .piano-key-pressed-white{border-bottom:5px solid rgba(96,58,20,.55)!important;box-shadow:inset 1px 0 #fff5dcd9,inset 0 -12px 18px #6e461952,0 3px 5px -3px #37200a99}[data-piano-skin=guitar] .piano-key-pressed-black{border-left:1px solid rgba(216,180,120,.2)!important;border-right:1px solid rgba(0,0,0,.94)!important;border-top:1px solid rgba(232,234,240,.55)!important;box-shadow:0 4px 7px #120904e6,inset 0 1px #e8eaf02e,inset -6px 0 12px #000000c7}[data-piano-skin=oud] .piano-key-pressed-white{border-bottom:5px solid rgba(90,60,30,.5)!important;box-shadow:inset 1px 0 #fff,inset 0 -12px 18px #785a2d42,0 3px 5px -3px #281a0a99}[data-piano-skin=oud] .piano-key-pressed-black{border-left:1px solid rgba(242,226,198,.22)!important;border-right:1px solid rgba(0,0,0,.92)!important;border-top:1px solid rgba(242,226,198,.42)!important;box-shadow:0 4px 7px #140b04e6,inset 0 1px #f2e2c629,inset -6px 0 12px #000000bd}[data-piano-skin=strings] .piano-key-pressed-white{border-bottom:4px solid rgba(255,226,150,.7)!important;box-shadow:inset 1px 0 #ffe2aa12,inset 0 -14px 20px #00000094,0 3px 5px -3px #000000a6}[data-piano-skin=strings] .piano-key-pressed-black{border-left:1px solid rgba(255,213,128,.14)!important;border-right:1px solid rgba(0,0,0,.95)!important;border-top:1px solid rgba(255,213,128,.45)!important;box-shadow:0 4px 7px #000000eb,inset 0 1px #ffd58024,inset -6px 0 12px #000000c7}[data-piano-skin=strings] .piano-key-pressed-white .piano-key-pressed-overlay-white{background:linear-gradient(90deg,transparent 28%,rgba(255,236,170,.22) 40%,rgba(255,247,214,.95) 50%,rgba(255,236,170,.22) 60%,transparent 72%)}[data-piano-skin=strings] .piano-key-pressed-black .piano-key-pressed-overlay-black{background:linear-gradient(90deg,transparent 24%,rgba(255,150,150,.28) 38%,rgba(255,214,214,.95) 50%,rgba(255,150,150,.28) 62%,transparent 76%)}@keyframes string-pluck{0%{opacity:1}8%{opacity:.3}16%{opacity:.95}26%{opacity:.42}36%{opacity:.9}48%{opacity:.52}62%{opacity:.85}78%{opacity:.65}to{opacity:var(--key-press-glow, .8)}}[data-piano-skin=strings] .piano-key-pressed-white .piano-key-pressed-overlay-white,[data-piano-skin=strings] .piano-key-pressed-black .piano-key-pressed-overlay-black{animation:string-pluck .24s linear forwards}@media (prefers-reduced-motion: reduce){[data-piano-skin=strings] .piano-key-pressed-white .piano-key-pressed-overlay-white,[data-piano-skin=strings] .piano-key-pressed-black .piano-key-pressed-overlay-black{animation:none!important}}[data-piano-skin=archana] .piano-key-pressed-white{border-bottom:5px solid rgba(130,92,34,.55)!important;box-shadow:inset 1px 0 #fff8e1f2,inset 0 -12px 18px #70542a52,0 3px 5px -3px #281a0a9e}[data-piano-skin=archana] .piano-key-pressed-black{border-left:1px solid rgba(242,226,198,.28)!important;border-right:1px solid rgba(0,0,0,.95)!important;border-top:2px solid rgba(255,225,120,.65)!important;box-shadow:0 4px 7px #140b04eb,inset 0 1px #ffeba038,inset -6px 0 12px #000000c7}[data-piano-skin=archana] .piano-key-pressed-white .piano-key-pressed-overlay-white{background:radial-gradient(ellipse at 50% 40%,rgba(255,220,130,.9) 0%,rgba(212,175,55,.4) 45%,transparent 75%);animation:archana-pluck .24s cubic-bezier(.2,.9,.3,1) forwards}[data-piano-skin=archana] .piano-key-pressed-black .piano-key-pressed-overlay-black{background:radial-gradient(ellipse at 50% 35%,rgba(255,230,150,.95) 0%,rgba(212,175,55,.5) 45%,transparent 80%);animation:archana-pluck .24s cubic-bezier(.2,.9,.3,1) forwards}[data-piano-skin=kalimba] .piano-key-pressed-white{border-bottom:5px solid rgba(80,30,18,.6)!important;box-shadow:inset 1px 0 #fffffff2,inset 0 -12px 18px #3c140a47,0 3px 5px -3px #230c06a6}[data-piano-skin=kalimba] .piano-key-pressed-black{border-left:1px solid rgba(220,120,80,.3)!important;border-right:1px solid rgba(0,0,0,.95)!important;border-top:2px solid rgba(220,130,90,.6)!important;box-shadow:0 4px 7px #190a06eb,inset 0 1px #f0966e33,inset -6px 0 12px #000000d1}[data-piano-skin=kalimba] .piano-key-pressed-white .piano-key-pressed-overlay-white{background:radial-gradient(ellipse at 50% 30%,rgba(255,255,255,.95) 0%,rgba(220,180,160,.5) 40%,transparent 75%);animation:kalimba-flex .26s cubic-bezier(.3,1.4,.4,1) forwards}[data-piano-skin=kalimba] .piano-key-pressed-black .piano-key-pressed-overlay-black{background:radial-gradient(ellipse at 50% 25%,rgba(255,180,140,.95) 0%,rgba(180,80,40,.5) 40%,transparent 75%);animation:kalimba-flex .26s cubic-bezier(.3,1.4,.4,1) forwards}[data-piano-skin=gamelan] .piano-key-pressed-white{border-bottom:5px solid rgba(95,65,15,.7)!important;box-shadow:inset 1px 0 #fff5c8e6,inset 0 -12px 18px #6e4b1461,0 3px 5px -3px #2d1e08b3}[data-piano-skin=gamelan] .piano-key-pressed-black{border-left:1px solid rgba(80,180,160,.3)!important;border-right:1px solid rgba(0,0,0,.95)!important;border-top:2px solid rgba(90,190,170,.55)!important;box-shadow:0 4px 7px #0f1412eb,inset 0 1px #64c8b42e,inset -6px 0 12px #000000d1}[data-piano-skin=gamelan] .piano-key-pressed-white .piano-key-pressed-overlay-white{background:radial-gradient(circle at 50% 50%,rgba(255,240,180,.95) 0%,rgba(212,175,55,.6) 45%,transparent 80%);animation:gamelan-shockwave .3s cubic-bezier(.19,1,.22,1) forwards}[data-piano-skin=gamelan] .piano-key-pressed-black .piano-key-pressed-overlay-black{background:radial-gradient(circle at 50% 45%,rgba(140,230,210,.9) 0%,rgba(42,157,143,.5) 45%,transparent 80%);animation:gamelan-shockwave .3s cubic-bezier(.19,1,.22,1) forwards}[data-piano-skin=saz] .piano-key-pressed-white{border-bottom:5px solid rgba(110,75,30,.55)!important;box-shadow:inset 1px 0 #fff8dceb,inset 0 -12px 18px #64441947,0 3px 5px -3px #2d1c0a9e}[data-piano-skin=saz] .piano-key-pressed-black{border-left:1px solid rgba(255,255,255,.22)!important;border-right:1px solid rgba(0,0,0,.95)!important;border-top:2px solid rgba(255,255,255,.45)!important;box-shadow:0 4px 7px #0c0a08eb,inset 0 1px #ffffff29,inset -6px 0 12px #000000d6}[data-piano-skin=saz] .piano-key-pressed-white .piano-key-pressed-overlay-white{background:radial-gradient(ellipse at 50% 35%,rgba(255,230,170,.9) 0%,rgba(200,150,80,.4) 50%,transparent 80%);animation:saz-snap .22s cubic-bezier(.2,.9,.3,1) forwards}[data-piano-skin=saz] .piano-key-pressed-black .piano-key-pressed-overlay-black{background:radial-gradient(ellipse at 50% 30%,rgba(255,255,255,.95) 0%,rgba(180,200,230,.4) 45%,transparent 75%);animation:saz-snap .22s cubic-bezier(.2,.9,.3,1) forwards}[data-piano-skin=ney] .piano-key-pressed-white{border-bottom:5px solid rgba(120,85,28,.55)!important;box-shadow:inset 1px 0 #fff6d7e6,inset 0 -12px 18px #694b164d,0 3px 5px -3px #2d1e089e}[data-piano-skin=ney] .piano-key-pressed-black{border-left:1px solid rgba(220,120,100,.25)!important;border-right:1px solid rgba(0,0,0,.95)!important;border-top:2px solid rgba(240,140,120,.5)!important;box-shadow:0 4px 7px #160804eb,inset 0 1px #f08c7829,inset -6px 0 12px #000000d6}[data-piano-skin=ney] .piano-key-pressed-white .piano-key-pressed-overlay-white{background:radial-gradient(ellipse at 50% 50%,rgba(255,240,190,.95) 0%,rgba(220,160,60,.45) 50%,transparent 80%);animation:ney-vortex .32s cubic-bezier(.4,0,.2,1) forwards}[data-piano-skin=ney] .piano-key-pressed-black .piano-key-pressed-overlay-black{background:radial-gradient(ellipse at 50% 40%,rgba(255,140,120,.95) 0%,rgba(212,40,40,.45) 50%,transparent 80%);animation:ney-vortex .32s cubic-bezier(.4,0,.2,1) forwards}[data-piano-skin=cymatics] .piano-key-pressed-white{border-bottom:5px solid rgba(212,175,55,.45)!important;box-shadow:inset 1px 0 #d4af3740,inset 0 -12px 18px #000000bf,0 3px 5px -3px #000000e6}[data-piano-skin=cymatics] .piano-key-pressed-black{border-left:1px solid rgba(212,175,55,.25)!important;border-right:1px solid rgba(0,0,0,.98)!important;border-top:2px solid rgba(212,175,55,.55)!important;box-shadow:0 4px 7px #000000f2,inset 0 1px #d4af372e,inset -6px 0 12px #000000e0}[data-piano-skin=cymatics] .piano-key-pressed-white .piano-key-pressed-overlay-white{background:radial-gradient(circle at 50% 50%,rgba(255,235,140,.95) 0%,rgba(212,175,55,.6) 40%,transparent 80%);animation:cymatics-flash .28s cubic-bezier(.2,.9,.3,1) forwards}[data-piano-skin=cymatics] .piano-key-pressed-black .piano-key-pressed-overlay-black{background:radial-gradient(circle at 50% 40%,rgba(255,240,160,.95) 0%,rgba(212,175,55,.55) 45%,transparent 80%);animation:cymatics-flash .28s cubic-bezier(.2,.9,.3,1) forwards}[data-piano-skin=koto] .piano-key-pressed-white{border-bottom:5px solid rgba(130,95,55,.55)!important;box-shadow:inset 1px 0 #fffcf5f2,inset 0 -12px 18px #6e502d42,0 3px 5px -3px #2d1e0f99}[data-piano-skin=koto] .piano-key-pressed-black{border-left:1px solid rgba(212,175,55,.22)!important;border-right:1px solid rgba(0,0,0,.95)!important;border-top:2px solid rgba(212,175,55,.5)!important;box-shadow:0 4px 7px #0f0a06eb,inset 0 1px #d4af3729,inset -6px 0 12px #000000d6}[data-piano-skin=koto] .piano-key-pressed-white .piano-key-pressed-overlay-white{background:radial-gradient(ellipse at 50% 35%,rgba(255,255,255,.95) 0%,rgba(240,220,190,.45) 45%,transparent 75%);animation:koto-strike .24s cubic-bezier(.3,1.2,.4,1) forwards}[data-piano-skin=koto] .piano-key-pressed-black .piano-key-pressed-overlay-black{background:radial-gradient(ellipse at 50% 30%,rgba(255,225,140,.95) 0%,rgba(212,175,55,.45) 45%,transparent 75%);animation:koto-strike .24s cubic-bezier(.3,1.2,.4,1) forwards}[data-piano-skin=aftertouch] .piano-key-pressed-white{border-left:1px solid rgba(255,255,255,.45);border-right:1px solid rgba(56,189,248,.25);border-bottom:4px solid rgba(56,189,248,.6)!important;box-shadow:inset 1px 0 #fffc,inset 0 10px 16px rgba(15,23,42,var(--key-press-shade, .35)),0 3px 5px -3px #0009}[data-piano-skin=aftertouch] .piano-key-pressed-black{border-left:1px solid rgba(56,189,248,.35)!important;border-right:1px solid rgba(0,0,0,.95)!important;border-top:1px solid rgba(255,255,255,.4)!important;border-bottom:2px solid rgba(56,189,248,.5)!important;box-shadow:0 4px 7px #000000eb,inset 0 1px #ffffff2e,inset -6px 0 12px #000000d1}[data-piano-skin=aftertouch] .piano-key-pressed-white .piano-key-pressed-overlay-white{background:radial-gradient(ellipse at 50% 30%,rgba(56,189,248,.9) 0%,rgba(212,175,55,.45) 45%,transparent 75%);animation:aftertouch-hud-pulse .24s cubic-bezier(.2,.9,.3,1) forwards}[data-piano-skin=aftertouch] .piano-key-pressed-black .piano-key-pressed-overlay-black{background:radial-gradient(ellipse at 50% 25%,rgba(56,189,248,.95) 0%,rgba(212,175,55,.5) 45%,transparent 75%);animation:aftertouch-hud-pulse .24s cubic-bezier(.2,.9,.3,1) forwards}.theme-light [data-piano-skin=aftertouch].piano-keyboard-stage,.theme-heal [data-piano-skin=aftertouch].piano-keyboard-stage,.theme-edu [data-piano-skin=aftertouch].piano-keyboard-stage{background:radial-gradient(ellipse at 50% -20%,rgba(56,189,248,.18),transparent 55%),linear-gradient(180deg,#070c16,#020408)!important}.theme-light [data-piano-skin=aftertouch] .piano-keybed-shell,.theme-heal [data-piano-skin=aftertouch] .piano-keybed-shell,.theme-edu [data-piano-skin=aftertouch] .piano-keybed-shell{background:linear-gradient(180deg,rgba(56,189,248,.08) 0px,rgba(56,189,248,.08) 70px,rgba(56,189,248,.4) 71px,transparent 72px,transparent 140px,rgba(251,146,60,.4) 141px,rgba(244,63,94,.08) 142px,rgba(244,63,94,.08) 194px),linear-gradient(180deg,#090e17,#03060a)!important}[data-piano-skin=aftertouch] .piano-key-base-white>.piano-key-tint-overlay{opacity:.2!important}@keyframes archana-pluck{0%{opacity:1;transform:scaleX(1.15)}15%{opacity:.4;transform:scaleX(.92)}35%{opacity:.95;transform:scaleX(1.08)}60%{opacity:.65;transform:scaleX(.97)}to{opacity:.85;transform:scaleX(1)}}@keyframes kalimba-flex{0%{opacity:1;transform:translateY(-4px) scaleY(1.08)}20%{opacity:.5;transform:translateY(2px) scaleY(.95)}45%{opacity:.9;transform:translateY(-1px) scaleY(1.03)}70%{opacity:.7;transform:translateY(.5px) scaleY(.98)}to{opacity:.85;transform:translateY(0) scaleY(1)}}@keyframes gamelan-shockwave{0%{opacity:1;transform:scale(.65)}35%{opacity:.85;transform:scale(1.25)}70%{opacity:.55;transform:scale(1.5)}to{opacity:.75;transform:scale(1)}}@keyframes saz-snap{0%{opacity:1;transform:skew(-4deg) scale(1.06)}20%{opacity:.45;transform:skew(3deg) scale(.96)}45%{opacity:.9;transform:skew(-1.5deg) scale(1.02)}70%{opacity:.65;transform:skew(.8deg) scale(.99)}to{opacity:.8;transform:skew(0) scale(1)}}@keyframes ney-vortex{0%{opacity:.95;transform:translateY(6px) scaleY(1.2) scaleX(.85)}30%{opacity:.65;transform:translateY(-3px) scaleY(1.05) scaleX(1.1)}65%{opacity:.85;transform:translateY(1px) scaleY(.98) scaleX(1.02)}to{opacity:.8;transform:translateY(0) scale(1)}}@keyframes cymatics-flash{0%{opacity:1;transform:scale(1.12)}25%{opacity:.6;transform:scale(.96)}50%{opacity:.95;transform:scale(1.04)}to{opacity:.85;transform:scale(1)}}@keyframes koto-strike{0%{opacity:1;transform:translateY(-3px) scale(1.08)}20%{opacity:.45;transform:translateY(1px) scale(.96)}45%{opacity:.9;transform:translateY(-.5px) scale(1.02)}to{opacity:.8;transform:translateY(0) scale(1)}}@keyframes aftertouch-hud-pulse{0%{opacity:1;transform:scale(.96)}40%{opacity:.7;transform:scale(1.02)}to{opacity:.85;transform:scale(1)}}[data-piano-skin=mono]{--key-press-wash-start: rgba(255, 255, 255, .45);--key-press-wash-end: rgba(220, 220, 225, .3);--key-press-rim: rgba(255, 255, 255, .9)}[data-piano-skin=arctic]{--key-press-wash-start: rgba(210, 240, 255, .5);--key-press-wash-end: rgba(140, 190, 240, .35);--key-press-rim: rgba(220, 245, 255, .9)}[data-piano-skin=abyss]{--key-press-wash-start: rgba(94, 234, 212, .45);--key-press-wash-end: rgba(20, 184, 166, .3);--key-press-rim: rgba(94, 234, 212, .85)}[data-piano-skin=sakura]{--key-press-wash-start: rgba(255, 225, 235, .5);--key-press-wash-end: rgba(244, 114, 182, .35);--key-press-rim: rgba(255, 190, 215, .85)}[data-piano-skin=vapor]{--key-press-wash-start: rgba(167, 243, 208, .45);--key-press-wash-end: rgba(196, 181, 253, .35);--key-press-rim: rgba(167, 243, 208, .85)}[data-piano-skin=neon] .piano-key-pressed-white{--key-press-rim: rgba(34, 211, 238, .85)}[data-piano-skin=neon] .piano-key-pressed-black{--key-press-rim: rgba(232, 121, 249, .85)}.realm-split-toggle{min-width:44px!important;min-height:44px!important}.realm-split-workspace{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.realm-split-instrument{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:auto}.realm-gesture-overlay{position:absolute;z-index:45;display:flex;flex-direction:column;min-width:260px;min-height:220px;background:#060608eb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.15);border-radius:16px;box-shadow:0 20px 50px #000000d9;color:#e2e2e2;overflow:hidden;pointer-events:auto;touch-action:none;contain:layout style;will-change:left,top,width,height}.realm-overlay-header{display:flex;align-items:center;gap:8px;padding:6px 10px;min-height:38px;border-bottom:1px solid rgba(255,255,255,.08);cursor:grab;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:none;background:#ffffff05}.realm-overlay-header:active{cursor:grabbing}.realm-gesture-overlay .realm-preset-switcher{border-bottom:1px solid rgba(255,255,255,.08)}.realm-gesture-overlay .realm-pad-area{position:relative;flex:1;min-height:0;width:100%;touch-action:none}.realm-overlay-footer{padding:5px 10px;font-size:10px;line-height:1.3;color:#e2e2e2bf;border-top:1px solid rgba(255,255,255,.06);background:#00000040;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.realm-overlay-resize-handle{position:absolute;right:0;bottom:0;width:28px;height:28px;display:flex;align-items:flex-end;justify-content:flex-end;padding:4px;cursor:se-resize;touch-action:none;z-index:50;-webkit-user-select:none;-moz-user-select:none;user-select:none}.realm-overlay-resize-handle:before{content:"";position:absolute;right:0;bottom:0;width:44px;height:44px}.realm-gesture-overlay .animate-pulse-subtle{animation:none}.realm-gesture-overlay [class*="text-foreground/"]{color:hsl(var(--brand-silver) / .85)}.realm-split-notice{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:55;width:-moz-max-content;width:max-content;max-width:90%;padding:8px 12px;border-radius:8px;background:hsl(var(--brand-onyx));color:hsl(var(--brand-silver));font-size:12px;pointer-events:none}@media (max-width: 640px){.realm-cinematic-stage[data-split-capable=true] .realm-cinematic-hud{width:calc(100% - 16px);max-width:calc(100% - 16px)}.realm-cinematic-stage[data-split-capable=true] .realm-hud-compact{gap:4px;padding-inline:6px}.realm-cinematic-stage[data-split-capable=true] .realm-hud-compact>div:first-child{min-width:0;flex:1}.realm-cinematic-stage[data-split-capable=true] .realm-hud-compact>div:first-child span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.realm-cinematic-stage[data-split-capable=true] .realm-hud-compact>button[title="Expand Controls"]{padding-inline:6px}.realm-cinematic-stage[data-split-capable=true] .realm-hud-compact>button[title="Expand Controls"] span{display:none}}.realm-cinematic-stage{--realm-aura: 212 175 55;--realm-aura-cool: 90 190 255;isolation:isolate;perspective:1100px;background:radial-gradient(circle at 50% 44%,rgb(var(--realm-aura) / .12),transparent 46%),linear-gradient(180deg,#020207,#05050b 52%,#010102)}.realm-cinematic-stage[data-realm=qraft]{--realm-aura: 212 175 55;--realm-aura-cool: 76 217 140}.realm-cinematic-stage[data-realm=qiano]{--realm-aura: 212 175 55;--realm-aura-cool: 255 220 140}.realm-cinematic-stage[data-realm=mandala],.realm-cinematic-stage[data-realm=meend_spiral]{--realm-aura: 174 96 255;--realm-aura-cool: 40 220 255}.realm-cinematic-stage[data-realm=guitouch],.realm-cinematic-stage[data-realm=cellomir],.realm-cinematic-stage[data-realm=nyckelruna]{--realm-aura: 214 145 66;--realm-aura-cool: 255 214 138}.realm-cinematic-stage[data-realm=silk_river],.realm-cinematic-stage[data-realm=shakuzen]{--realm-aura: 220 78 92;--realm-aura-cool: 118 205 255}.realm-cinematic-stage[data-realm=sitabla],.realm-cinematic-stage[data-realm=santuria]{--realm-aura: 236 161 52;--realm-aura-cool: 244 90 186}.realm-cinematic-stage[data-realm=vortex],.realm-cinematic-stage[data-realm=pantamir]{--realm-aura: 86 110 255;--realm-aura-cool: 43 238 220}.realm-cinematic-stage[data-realm=arabesque],.realm-cinematic-stage[data-realm=salam],.realm-cinematic-stage[data-realm=calligraphy],.realm-cinematic-stage[data-realm=oudora]{--realm-aura: 212 175 55;--realm-aura-cool: 76 196 178}.realm-cinematic-stage[data-realm=mbirika],.realm-cinematic-stage[data-realm=kalimbara],.realm-cinematic-stage[data-realm=korafrique]{--realm-aura: 239 129 52;--realm-aura-cool: 104 211 143}.realm-cinematic-stage[data-realm=aura_bowls],.realm-cinematic-stage[data-realm=crystalia],.realm-cinematic-stage[data-realm=celestia]{--realm-aura: 139 113 255;--realm-aura-cool: 93 232 255}.realm-cinematic-stage[data-realm=zampora]{--realm-aura: 108 154 86;--realm-aura-cool: 195 221 160}.realm-cinematic-stage:before{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;z-index:2;pointer-events:none;opacity:.44;mix-blend-mode:screen;background:conic-gradient(from 196deg at 50% 8%,transparent 0 39%,rgb(var(--realm-aura-cool) / .13) 44%,rgb(var(--realm-aura) / .1) 49%,transparent 55% 100%);transform:translate3d(-3%,-2%,0) rotate(-3deg);animation:realm-rim-light-drift 20s ease-in-out infinite alternate}.realm-material-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;opacity:var(--realm-material-opacity, .3);mix-blend-mode:soft-light;pointer-events:none;image-rendering:auto}.realm-cinematic-lights{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse 62% 24% at 50% 96%,rgb(var(--realm-aura) / .12),transparent 72%);mix-blend-mode:screen}.realm-cinematic-lights:before,.realm-cinematic-lights:after{content:"";position:absolute;top:-24%;right:-24%;bottom:-24%;left:-24%;pointer-events:none;transform:translateZ(0)}.realm-cinematic-lights:before{background:radial-gradient(ellipse 34% 48% at 34% 40%,rgb(var(--realm-aura) / .2),transparent 72%);animation:realm-key-light-drift 12s ease-in-out infinite alternate}.realm-cinematic-lights:after{background:radial-gradient(ellipse 30% 42% at 68% 58%,rgb(var(--realm-aura-cool) / .15),transparent 74%);animation:realm-fill-light-drift 16s ease-in-out infinite alternate}.realm-cinematic-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden;pointer-events:none;transform-style:preserve-3d}.realm-cinematic-atmosphere:before{content:"";position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;background:conic-gradient(from 215deg at 50% 46%,transparent 0 18%,rgb(var(--realm-aura-cool) / .09) 23%,transparent 29% 64%,rgb(var(--realm-aura) / .08) 70%,transparent 77%),radial-gradient(ellipse at 50% 105%,rgb(var(--realm-aura) / .16),transparent 54%);opacity:.82;transform:translateZ(70px) rotate(-2deg);animation:realm-light-breathe 9s ease-in-out infinite alternate}.realm-cinematic-atmosphere:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgb(0 0 0 / .64),transparent 14% 86%,rgb(0 0 0 / .64)),linear-gradient(180deg,rgb(0 0 0 / .3),transparent 20% 72%,rgb(0 0 0 / .74)),radial-gradient(ellipse at center,transparent 42%,rgb(0 0 0 / .58) 100%);box-shadow:inset 0 0 90px rgb(var(--realm-aura) / .08)}.realm-cinematic-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:.13;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.realm-cinematic-hud{filter:none}.realm-cinematic-hud>div{border-radius:8px;border:1px solid rgba(255,255,255,.12);box-shadow:none}.realm-cinematic-hud button{min-width:44px;min-height:44px;touch-action:manipulation}.realm-cinematic-octave-row{isolation:isolate}.realm-cinematic-octave-row button{touch-action:manipulation}@keyframes realm-hud-collapse-enter{0%{opacity:0;transform:translate3d(0,-6px,0) scale(.96)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes realm-hud-expand-enter{0%{opacity:0;transform:translate3d(0,-8px,0) scale(.97)}to{opacity:1;transform:translateZ(0) scale(1)}}.realm-hud-collapse-enter{animation:realm-hud-collapse-enter .35s cubic-bezier(.4,0,.2,1) forwards;will-change:opacity,transform}.realm-hud-expand-enter{animation:realm-hud-expand-enter .35s cubic-bezier(.4,0,.2,1) forwards;will-change:opacity,transform}@keyframes realm-key-light-drift{0%{opacity:.58;transform:translate3d(-4%,-2%,0) scale(.96)}to{opacity:.92;transform:translate3d(7%,4%,0) scale(1.08)}}@keyframes realm-fill-light-drift{0%{opacity:.48;transform:translate3d(5%,3%,0) scale(1.04)}to{opacity:.82;transform:translate3d(-7%,-4%,0) scale(.94)}}@keyframes realm-light-breathe{0%{opacity:.62;transform:translate3d(-1.2%,-.8%,70px) rotate(-2deg) scale(1)}to{opacity:.9;transform:translate3d(1.2%,.8%,70px) rotate(2deg) scale(1.035)}}@keyframes realm-rim-light-drift{0%{opacity:.32;transform:translate3d(-4%,-3%,0) rotate(-4deg) scale(.98)}to{opacity:.58;transform:translate3d(5%,2%,0) rotate(4deg) scale(1.04)}}.realm-cinematic-guide{position:fixed;right:18px;top:166px;z-index:520;width:min(360px,calc(100vw - 36px));padding:16px;border:1px solid rgb(var(--realm-aura) / .48);border-radius:8px;color:#fff;background:#050508f0;box-shadow:none;pointer-events:auto}.realm-cinematic-guide__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.realm-cinematic-guide__header>button{display:grid;place-items:center;width:44px;height:44px;border-radius:999px;color:#a3a3a3}.realm-cinematic-guide__header>button:hover{color:#fff;background:#ffffff14}.realm-cinematic-guide__steps{display:grid;gap:12px;margin-top:12px}.realm-cinematic-guide__steps>div{display:grid;grid-template-columns:20px 1fr;align-items:start;gap:10px;color:rgb(var(--realm-aura))}.realm-cinematic-guide__steps p{margin:0;color:#fff;font-size:13px;line-height:1.35}.realm-cinematic-guide__steps strong{display:block}.realm-cinematic-guide__steps span{display:block;margin-top:2px;color:#b4b4b9}.realm-cinematic-guide__cta{display:flex;min-height:44px;align-items:center;justify-content:center;width:100%;margin-top:16px;padding-inline:18px;border-radius:999px;color:#050505;background:rgb(var(--realm-aura));font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 8px 24px rgb(var(--realm-aura) / .2)}@media (max-width: 640px),(max-height: 520px){.realm-cinematic-hud button{min-width:36px;min-height:36px}.realm-cinematic-hud .realm-cinematic-stepper button{min-width:28px;min-height:28px}.realm-cinematic-atmosphere:after{box-shadow:inset 0 0 52px rgb(var(--realm-aura) / .07)}.realm-cinematic-guide{top:auto;right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:calc(100vw - 24px);max-height:min(62vh,430px);overflow-y:auto;padding:14px;border-radius:18px}.realm-cinematic-controls__scroll{scrollbar-width:none}.realm-cinematic-controls__scroll::-webkit-scrollbar{display:none}.realm-cinematic-guide__steps{gap:9px;margin-top:8px}.realm-cinematic-guide__cta{margin-top:12px}body:has([aria-label="Cookie consent"]) .realm-cinematic-guide{bottom:max(172px,calc(156px + env(safe-area-inset-bottom)));max-height:min(52vh,390px)}}.realm-cinematic-stage.screen-shake{animation:realm-screen-shake-impulse .24s cubic-bezier(.2,.8,.2,1) forwards}@keyframes realm-screen-shake-impulse{0%{transform:scale(1) translateZ(0)}25%{transform:scale(1.012) translate3d(0,-2px,0)}60%{transform:scale(1.004) translate3d(0,1px,0)}to{transform:scale(1) translateZ(0)}}@media (prefers-reduced-motion: reduce){.realm-cinematic-stage.screen-shake{animation:none}.realm-cinematic-stage:before,.realm-cinematic-lights:before,.realm-cinematic-lights:after{animation:none;transform:none}.realm-cinematic-atmosphere:before{animation:none;transform:translateZ(70px)}}