:root{color:#111;background:#f3f3f0;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-synthesis:none;letter-spacing:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--paper: #f3f3f0;--paper-soft: #fafaf8;--ink: #111111;--muted: #777772;--line: rgba(17, 17, 17, .13);--line-soft: rgba(17, 17, 17, .08)}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{min-width:320px;margin:0;color:var(--ink);background:radial-gradient(circle at 30% 16%,rgba(255,255,255,.86),transparent 28rem),linear-gradient(180deg,#fbfbf8 0%,var(--paper) 54%,#e9e9e5 100%)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.siteShell{min-height:100vh;overflow-x:hidden}.heroSection,.entrySection,.instrumentPanel{position:relative;display:grid;min-height:100svh;overflow:hidden;isolation:isolate}.heroSection:before,.entrySection:before,.instrumentPanel:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;content:""}.heroSection{place-items:center;padding:clamp(22px,4vw,56px)}.heroSection:before{background:repeating-linear-gradient(-8deg,rgba(17,17,17,.023) 0 1px,transparent 1px 18px),radial-gradient(circle at 76% 72%,rgba(255,255,255,.84),transparent 22rem)}.heroBrand{display:grid;justify-items:center;max-width:min(1080px,92vw);color:#050505;font-family:Arial Rounded MT Bold,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:clamp(5.4rem,14vw,14.8rem);font-weight:950;line-height:.78;text-align:center;text-transform:lowercase}.heroBrand span{display:block}.entrySection{place-items:center;padding:clamp(22px,4vw,56px);background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.92),transparent 28rem),linear-gradient(180deg,#f3f3f0,#eeeeeb)}.entrySection:before{background-image:linear-gradient(rgba(17,17,17,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.018) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:radial-gradient(circle at center,#000 0 28%,transparent 70%);mask-image:radial-gradient(circle at center,#000 0 28%,transparent 70%)}.entryGrid{position:relative;display:grid;width:min(940px,86vw);grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,22px)}.entryCard{position:relative;display:grid;min-height:clamp(230px,28vw,330px);padding:clamp(24px,3.2vw,38px);place-items:center;overflow:hidden;color:var(--ink);background:#ffffff57;border:1px solid rgba(17,17,17,.12);border-radius:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;isolation:isolate;text-align:center;text-decoration:none;transition:background .18s ease,border-color .18s ease,color .18s ease}.entryCard:before{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.52),transparent 38%),repeating-linear-gradient(-8deg,rgba(17,17,17,.018) 0 1px,transparent 1px 19px);content:"";opacity:.62;pointer-events:none;transition:opacity .18s ease}.entryCard:is(:hover,:focus,:focus-visible){color:#f8f8f4;background:#101010;border-color:#101010;outline:2px solid rgba(17,17,17,.08);outline-offset:5px}.entryCard:is(:hover,:focus,:focus-visible):before{opacity:.16}.entryTitle,.entryDescription{position:relative;z-index:1;grid-area:1 / 1}.entryTitle{font-size:clamp(2.45rem,5.9vw,5.7rem);font-weight:900;line-height:1;transition:opacity .18s ease,transform .18s ease,filter .18s ease}.entryDescription{max-width:11.5em;color:#1111118f;font-size:clamp(.92rem,1.25vw,1.08rem);font-weight:650;line-height:1.45;opacity:0;transform:translateY(12px);transition:color .18s ease,opacity .18s ease,transform .18s ease}.entryCard:is(:hover,:focus,:focus-visible) .entryTitle{opacity:0;filter:blur(2px);transform:translateY(-12px) scale(.97)}.entryCard:is(:hover,:focus,:focus-visible) .entryDescription{color:#f8f8f4b8;opacity:1;transform:translateY(0)}.instrumentPanel{place-items:center;padding:clamp(22px,4vw,56px);background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.86),transparent 31rem),linear-gradient(180deg,#efefec,#f8f8f5 48%,#ededeb)}.instrumentPanel:before{background-image:linear-gradient(rgba(17,17,17,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.028) 1px,transparent 1px),repeating-linear-gradient(169deg,rgba(17,17,17,.035) 0 1px,transparent 1px 24px);background-size:74px 74px,74px 74px,100% 100%;opacity:.72}.instrumentShell{position:relative;z-index:1;display:grid;width:min(1120px,92vw);gap:clamp(22px,3.4vw,36px)}.instrumentHeading{justify-self:center;color:#11111180;font-size:.82rem;font-weight:760}.instrumentStage{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:clamp(12px,2vw,24px)}.instrumentFocus{display:grid;min-height:clamp(500px,62vh,640px);padding:clamp(26px,4vw,48px);align-content:center;place-items:center;gap:clamp(12px,2vw,20px);text-align:center;background:#ffffff5c;border:1px solid rgba(17,17,17,.08);border-radius:8px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.instrumentCopy{display:grid;justify-items:center;gap:8px}.demoEyebrow{color:#1111116b;font-size:.72rem;font-weight:780;letter-spacing:0}.instrumentFocus h2{margin:0;color:#101010;font-size:clamp(2.6rem,6.8vw,5.9rem);font-weight:950;line-height:.92}.instrumentFocus p{max-width:18em;margin:0;color:#11111185;font-size:clamp(.92rem,1.2vw,1.04rem);font-weight:650;line-height:1.5}.demoStrip{display:grid;justify-items:center;gap:2px;min-width:min(280px,72vw);padding:10px 18px;margin-top:4px;color:#101010;background:linear-gradient(110deg,#ffffffa8,#ffffff47),repeating-linear-gradient(90deg,rgba(17,17,17,.04) 0,rgba(17,17,17,.04) 1px,transparent 1px,transparent 18px);border:1px solid rgba(17,17,17,.09);border-radius:999px}.demoStrip span{font-size:.96rem;font-weight:850;line-height:1.2}.demoStrip small{color:#1111117a;font-size:.72rem;font-weight:720;line-height:1.2}.instrumentArrow,.listenButton,.instrumentChoice,.pianoKey,.guitarStringButton,.guitarFretButton,.drumPadButton{border:0;cursor:pointer;font:inherit;touch-action:manipulation}.instrumentArrow{display:grid;width:48px;aspect-ratio:1;place-items:center;color:#101010;background:#ffffff57;border:1px solid rgba(17,17,17,.12);border-radius:999px;transition:color .18s ease,background .18s ease,border-color .18s ease}.instrumentArrow:hover,.instrumentArrow:focus-visible,.instrumentChoice[data-active=true]{color:#f8f8f4;background:#101010;border-color:#101010}.listenButton{min-width:96px;height:44px;padding:0 22px;margin-top:clamp(2px,.8vw,8px);color:#f8f8f4;font-weight:760;background:#101010;border-radius:999px;transition:background .18s ease,transform .18s ease}.listenButton:hover,.listenButton:focus-visible{background:#2a2a2a;transform:translateY(-1px)}.listenButton[data-playing=true]{background:#2a2a2a;box-shadow:0 0 0 6px #11111114}.instrumentArrow:focus-visible,.listenButton:focus-visible,.instrumentChoice:focus-visible,.pianoKey:focus-visible,.guitarStringButton:focus-visible,.guitarFretButton:focus-visible,.drumPadButton:focus-visible{outline:2px solid rgba(17,17,17,.22);outline-offset:4px}.instrumentChoices{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.instrumentChoice{display:grid;min-width:124px;padding:9px 16px;justify-items:center;gap:2px;color:#1111119e;font-weight:760;background:#ffffff4d;border:1px solid rgba(17,17,17,.1);border-radius:999px;line-height:1.1;transition:color .18s ease,background .18s ease,border-color .18s ease}.instrumentChoice span{font-size:.92rem;font-weight:820}.instrumentChoice small{color:#1111116b;font-size:.68rem;font-weight:680;line-height:1.1}.instrumentChoice:hover,.instrumentChoice:focus-visible{color:#101010;background:#ffffffb8}.instrumentChoice[data-active=true] small{color:#f8f8f4a8}.instrumentVisual{position:relative;width:min(660px,100%);height:clamp(230px,31vw,310px)}.pianoReal{width:min(920px,100%);height:clamp(250px,30vw,330px);perspective:900px}.pianoTop{position:absolute;inset:8px 18px auto;z-index:0;height:38%;overflow:hidden;background:linear-gradient(105deg,transparent 0 34%,rgba(255,255,255,.18) 43%,transparent 53%),radial-gradient(circle at 18% 18%,rgba(255,255,255,.16),transparent 17rem),linear-gradient(180deg,#191919,#050505);border:1px solid rgba(0,0,0,.46);border-radius:18px 18px 8px 8px;box-shadow:0 22px 42px #11111129,inset 0 1px #ffffff2e}.pianoTop span{position:absolute;right:8%;left:8%;height:1px;background:#ffffff1a}.pianoTop span:first-child{top:34%}.pianoTop span:last-child{top:62%}.pianoBody{position:absolute;top:19%;right:8px;bottom:21px;left:8px;z-index:1;background:linear-gradient(180deg,rgba(255,255,255,.13),transparent 34%),linear-gradient(180deg,#151515,#080808 54%,#111);border:1px solid rgba(0,0,0,.32);border-radius:10px 10px 15px 15px;box-shadow:0 24px 42px #11111124,inset 0 1px #ffffff29,inset 0 -18px 24px #0000006b}.pianoLeg{position:absolute;bottom:0;z-index:0;width:clamp(18px,2.8vw,26px);height:20%;background:linear-gradient(90deg,rgba(255,255,255,.11),transparent 30%),linear-gradient(180deg,#151515,#060606);border-radius:0 0 8px 8px;box-shadow:0 12px 18px #1111111f,inset 0 1px #ffffff1a}.pianoLegLeft{left:9%}.pianoLegRight{right:9%}.pianoPedals{position:absolute;right:42%;bottom:0;left:42%;z-index:0;height:15%;border-bottom:2px solid rgba(17,17,17,.32)}.pianoPedals:before,.pianoPedals:after{position:absolute;bottom:0;width:9px;height:35px;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 34%),#111;border-radius:999px 999px 6px 6px;content:"";transform-origin:bottom}.pianoPedals:before{left:28%;transform:rotate(7deg)}.pianoPedals:after{right:28%;transform:rotate(-7deg)}.pianoFelt{position:absolute;right:26px;bottom:calc(66% - 8px);left:26px;z-index:5;height:6px;background:linear-gradient(90deg,#ffffff1a,#2b2b2b 22%,#111 78%,#ffffff1a);border-radius:999px;box-shadow:0 4px 12px #11111129}.pianoRangeGuide{position:absolute;right:26px;bottom:calc(66% + 16px);left:26px;z-index:6;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;color:#ffffff9e;font-size:.66rem;font-weight:760;letter-spacing:0;pointer-events:none}.pianoRangeGuide span:nth-child(2){padding:3px 10px;color:#ffffffc7;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:999px}.pianoRangeGuide span:last-child{text-align:right}.pianoKeybedViewport{position:absolute;right:26px;bottom:18px;left:26px;z-index:4;height:66%;overflow-x:auto;overflow-y:visible;background:#f8f8f5;border:1px solid rgba(17,17,17,.24);border-radius:3px 3px 13px 13px;box-shadow:0 15px 24px #1111111f,inset 0 10px 12px #1111110f;scrollbar-width:none}.pianoKeybedViewport::-webkit-scrollbar{display:none}.pianoKeybed{position:relative;width:max(100%,860px);min-width:860px;height:100%}.pianoWhiteKeys{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;grid-template-columns:repeat(var(--piano-white-key-count),minmax(0,1fr))}.pianoBlackKeys{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.pianoKey{-webkit-appearance:none;-moz-appearance:none;appearance:none}.pianoKeyWhite{position:relative;display:grid;align-items:end;min-width:0;padding:0 0 10px;color:#1116;background:linear-gradient(90deg,rgba(17,17,17,.05),transparent 14%,transparent 86%,rgba(17,17,17,.05)),linear-gradient(180deg,#fff,#fbfbf8 43%,#ededeb);border-right:1px solid rgba(17,17,17,.16);box-shadow:inset 0 -12px 20px #1111110e,inset 0 1px #ffffffd1;font-size:.72rem;font-weight:760;transition:background .12s ease,transform .12s ease,color .12s ease}.pianoKeyWhite:last-child{border-right:0}.pianoKeyWhite:hover{color:#11111194;background:linear-gradient(90deg,rgba(17,17,17,.06),transparent 14%,transparent 86%,rgba(17,17,17,.06)),linear-gradient(180deg,#fff,#f5f5f1 52%,#e7e7e2)}.pianoKeyWhite[data-active=true],.pianoKeyWhite:active{color:#111111b8;background:linear-gradient(90deg,rgba(17,17,17,.06),transparent 18%,transparent 82%,rgba(17,17,17,.06)),linear-gradient(180deg,#e7e7e2,#f4f4f0 48%,#dcdcd7);box-shadow:inset 0 12px 16px #1111111a,inset 0 -8px 14px #1111110a;transform:translateY(5px)}.pianoKeyBlack{position:absolute;top:0;height:56%;pointer-events:auto;background:linear-gradient(100deg,rgba(255,255,255,.16),transparent 24%),linear-gradient(180deg,#020202,#171717 62%,#050505);border:1px solid rgba(0,0,0,.7);border-radius:0 0 7px 7px;box-shadow:0 13px 18px #1111113d,inset 0 -9px 12px #ffffff0d,inset 0 1px #ffffff29;transition:transform .12s ease,background .12s ease,box-shadow .12s ease}.pianoKeyBlack:hover{background:linear-gradient(100deg,rgba(255,255,255,.2),transparent 24%),linear-gradient(180deg,#0d0d0d,#1d1d1d 62%,#050505)}.pianoKeyBlack[data-active=true],.pianoKeyBlack:active{background:linear-gradient(180deg,#191919,#050505);box-shadow:0 6px 10px #1111112e,inset 0 9px 11px #0006,inset 0 -6px 10px #ffffff09;transform:translateY(5px)}.pianoKeyLabel{position:absolute;bottom:9px;left:50%;z-index:8;min-width:max-content;padding:2px 5px;color:#111111b8;background:#ffffffd6;border:1px solid rgba(17,17,17,.08);border-radius:999px;box-shadow:0 8px 18px #1111111f;font-size:.55rem;font-weight:780;line-height:1;opacity:0;pointer-events:none;transform:translate(-50%) translateY(4px);transition:opacity .12s ease,transform .12s ease}.pianoKeyBlack .pianoKeyLabel{bottom:7px;color:#ffffffdb;background:#111111d1;border-color:#ffffff24}.pianoKeyWhite[data-anchor=true] .pianoKeyLabel{padding:0;color:#11111157;background:transparent;border:0;box-shadow:none;font-size:.46rem;opacity:1;transform:translate(-50%)}.pianoKey:hover .pianoKeyLabel,.pianoKey:focus-visible .pianoKeyLabel,.pianoKey[data-active=true] .pianoKeyLabel{padding:2px 5px;color:#111111c7;background:#ffffffe6;border:1px solid rgba(17,17,17,.08);box-shadow:0 8px 18px #1111111f;font-size:.55rem;opacity:1;transform:translate(-50%) translateY(-4px)}.pianoKeyBlack:hover .pianoKeyLabel,.pianoKeyBlack:focus-visible .pianoKeyLabel,.pianoKeyBlack[data-active=true] .pianoKeyLabel{color:#ffffffe0;background:#111111e0;border-color:#ffffff24}.guitarReal{width:min(700px,100%);height:clamp(230px,32vw,300px)}.guitarReal:before{position:absolute;right:4%;bottom:2%;left:3%;height:18%;background:radial-gradient(ellipse at center,rgba(17,17,17,.14),transparent 68%);content:"";pointer-events:none}.guitarBody{position:absolute;top:15%;bottom:8%;left:2%;z-index:1;width:39%;isolation:isolate;overflow:visible;background:radial-gradient(ellipse at 62% 50%,rgba(255,255,255,.98) 0 16%,transparent 22%),linear-gradient(145deg,#fdfdfb,#eeeeeb 60%,#d7d7d2),repeating-linear-gradient(158deg,rgba(17,17,17,.04) 0 1px,transparent 1px 15px);border:0;border-radius:52% 42% 45% 54%/43% 49% 52% 47%;box-shadow:0 22px 34px #11111121,0 0 0 1.5px #1111113d,inset 0 1px #ffffffe6,inset -18px 0 28px #11111112,inset 0 -10px 18px #1111110b;transform:rotate(-1.4deg)}.guitarBody:before,.guitarBody:after{position:absolute;left:-7%;width:56%;height:43%;background:radial-gradient(ellipse at 58% 48%,rgba(255,255,255,.9),transparent 28%),linear-gradient(145deg,#fdfdfb,#eeeeeb 64%,#d7d7d2),repeating-linear-gradient(158deg,rgba(17,17,17,.04) 0 1px,transparent 1px 15px);border:0;box-shadow:0 14px 24px #1111111a,inset 0 1px #ffffffe0,inset -10px 0 18px #1111110b;content:"";pointer-events:none;z-index:0}.guitarBody:before{top:2%;border-radius:68% 30% 29% 62%/54% 40% 32% 55%}.guitarBody:after{bottom:0;width:62%;height:52%;border-radius:72% 32% 46% 66%/56% 34% 50% 52%}.guitarBodyEdge{position:absolute;top:6%;right:5%;bottom:7%;left:7%;z-index:3;border:1px solid rgba(17,17,17,.18);border-radius:inherit;box-shadow:inset -10px -2px 20px #11111109;pointer-events:none}.guitarSoundHole{position:absolute;top:50%;left:57%;z-index:4;width:clamp(48px,8vw,70px);aspect-ratio:1;background:radial-gradient(circle at 46% 42%,#050505 0 47%,rgba(255,255,255,.2) 48% 54%,#111111 55% 64%,transparent 65%);border-radius:50%;box-shadow:inset 0 0 12px #ffffff14,0 2px #ffffff6b,0 0 0 1px #11111147;transform:translate(-50%,-50%)}.guitarRosette{position:absolute;top:50%;left:57%;z-index:3;width:clamp(68px,10vw,92px);aspect-ratio:1;border:2px solid rgba(17,17,17,.24);border-radius:50%;box-shadow:inset 0 0 0 5px #ffffff85,0 0 0 1px #11111114;transform:translate(-50%,-50%)}.guitarPickguard{position:absolute;top:56%;left:60%;z-index:2;width:clamp(34px,5vw,48px);height:clamp(38px,6vw,56px);background:#1111111a;border:1px solid rgba(17,17,17,.09);border-radius:48% 20% 58% 38%;clip-path:ellipse(46% 50% at 42% 44%);transform:rotate(-21deg)}.guitarBridge{position:absolute;top:50%;left:20%;z-index:3;width:clamp(54px,7.6vw,76px);height:18px;background:#101010;border-radius:4px 4px 12px 12px;box-shadow:0 6px 12px #1111112e;transform:translateY(-50%) rotate(-2deg)}.guitarBridge:before,.guitarBridge:after{position:absolute;top:50%;width:4px;aspect-ratio:1;background:#ffffffb8;border-radius:50%;content:"";transform:translateY(-50%)}.guitarBridge:before{left:17%;box-shadow:12px 0 #ffffffb8,24px 0 #ffffffb8}.guitarBridge:after{right:17%;box-shadow:-12px 0 #ffffffb8,-24px 0 #ffffffb8}.guitarSaddle{position:absolute;top:50%;left:calc(20% + 6px);z-index:4;width:clamp(42px,6vw,58px);height:3px;background:#ffffffc7;border-radius:999px;transform:translateY(-50%) rotate(-2deg)}.guitarEndPin{position:absolute;top:50%;left:-2%;z-index:3;width:11px;aspect-ratio:1;background:#101010;border:2px solid rgba(255,255,255,.62);border-radius:50%;box-shadow:0 5px 10px #1111111f;transform:translate(-50%,-50%)}.guitarNeck{position:absolute;top:35%;right:13%;left:40%;z-index:2;height:30%;overflow:hidden;background:linear-gradient(180deg,#fbfbf9,#e7e7e3 58%,#d6d6d1),repeating-linear-gradient(90deg,rgba(17,17,17,.04) 0 1px,transparent 1px 22px);border:1px solid rgba(17,17,17,.26);border-left:0;border-radius:2px 9px 9px 2px;box-shadow:0 17px 30px #1111111f,inset 0 1px #ffffffdb,inset 0 -6px 12px #1111110e}.guitarHead{position:absolute;top:28%;right:3%;z-index:2;width:14%;height:44%;background:linear-gradient(160deg,#d8d1c5,#b8ad9c),repeating-linear-gradient(170deg,rgba(17,17,17,.075) 0 1px,transparent 1px 18px);border:1px solid rgba(17,17,17,.28);border-radius:8px 34px 34px 8px;box-shadow:0 17px 30px #11111121,inset 0 1px #ffffffd6,inset 0 -6px 12px #1111110e}.guitarHead:before{position:absolute;top:50%;left:-12%;width:19%;height:34%;background:inherit;border:1px solid rgba(17,17,17,.26);border-right:0;border-radius:8px 0 0 8px;content:"";transform:translateY(-50%)}.guitarHead span{position:absolute;width:10px;aspect-ratio:1;background:#101010;border-radius:50%;box-shadow:0 0 0 5px #1111110f}.guitarHead span:before{position:absolute;top:50%;width:16px;height:3px;background:#1111119e;border-radius:999px;content:"";transform:translateY(-50%)}.guitarHead span:nth-child(-n+3):before{right:70%}.guitarHead span:nth-child(n+4):before{left:70%}.guitarHead span:nth-child(1){top:16%;left:23%}.guitarHead span:nth-child(2){top:39%;left:13%}.guitarHead span:nth-child(3){top:62%;left:21%}.guitarHead span:nth-child(4){top:16%;right:21%}.guitarHead span:nth-child(5){top:39%;right:12%}.guitarHead span:nth-child(6){top:62%;right:20%}.guitarNut{position:absolute;top:0;bottom:0;right:0;width:8px;background:#101010;border-right:1px solid rgba(17,17,17,.18)}.guitarFret{position:absolute;top:0;bottom:0;width:1px;background:#11111138}.guitarMarker{position:absolute;top:50%;width:9px;aspect-ratio:1;background:#11111129;border-radius:50%;transform:translateY(-50%)}.guitarMarkerOne{left:36%}.guitarMarkerTwo{left:62%}.guitarStringButton{position:absolute;right:5%;left:9%;z-index:5;height:24px;padding:0;color:#1111116b;background:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transform:translateY(-50%);transition:color .12s ease}.guitarStringButton:before{position:absolute;top:50%;right:0;left:0;height:var(--string-thickness);background:linear-gradient(90deg,transparent 0 1.5%,#101010 1.5% 3%,rgba(17,17,17,.78) 12%,rgba(17,17,17,.48) 54%,rgba(17,17,17,.78) 88%,#101010 97% 98.5%,transparent 98.5%),linear-gradient(90deg,rgba(255,255,255,.72),transparent 24%);border-radius:999px;box-shadow:0 1px #ffffff9e,0 1px 3px #11111129;content:"";transform:translateY(-50%);transition:box-shadow .12s ease,transform .12s ease,background .12s ease}.guitarStringButton:after{position:absolute;top:50%;left:22%;width:12px;aspect-ratio:1;border:1px solid rgba(17,17,17,.22);border-radius:50%;box-shadow:0 0 0 5px #11111109;content:"";opacity:0;transform:translate(-50%,-50%) scale(.4);transition:opacity .12s ease,transform .12s ease}.guitarStringButton span{position:absolute;top:50%;left:-32px;font-size:.72rem;font-weight:760;transform:translateY(-50%)}.guitarStringButton:hover:before{box-shadow:0 0 0 4px #1111110d,0 2px 6px #1111111c;transform:translateY(-50%) scaleY(1.45)}.guitarStringButton[data-active=true]:before,.guitarStringButton:active:before{background:#101010;box-shadow:0 0 0 5px #11111114,0 3px 8px #11111129;animation:guitarStringVibrate .22s ease-out;transform:translateY(-50%) scaleY(2.3)}.guitarStringButton[data-active=true]:after,.guitarStringButton:active:after{opacity:1;transform:translate(-50%,-50%) scale(1.55)}.guitarStringButton[data-active=true] span,.guitarStringButton:hover span,.guitarStringButton:active span{color:#111111b8}.guitarReal:has(.guitarStringButton[data-active=true]) .guitarBody{box-shadow:0 24px 38px #11111129,inset 0 1px #ffffffe6,inset -18px 0 28px #11111114,inset 0 -10px 18px #1111110e,0 0 0 4px #11111109}.guitarReal:has(.guitarStringButton[data-active=true]) .guitarSoundHole{box-shadow:inset 0 0 12px #ffffff14,0 2px #ffffff6b,0 0 0 1px #11111147,0 0 0 7px #1111110e}.guitarReal{width:min(760px,100%);height:clamp(260px,36vw,330px)}.guitarBody{top:16%;bottom:9%;left:5%;width:33%;background:radial-gradient(ellipse at 62% 50%,rgba(255,255,255,.86) 0 17%,transparent 24%),radial-gradient(ellipse at 22% 49%,rgba(255,255,255,.56),transparent 43%),repeating-linear-gradient(102deg,rgba(78,64,43,.1) 0 1px,transparent 1px 9px),repeating-linear-gradient(172deg,rgba(17,17,17,.04) 0 1px,transparent 1px 18px),linear-gradient(145deg,#f0ece3,#ddd5c7 52%,#c3b8a6);border-color:#11111157;border-radius:56% 41% 44% 55%/44% 47% 53% 48%}.guitarBody:before{display:none}.guitarBody:after{display:none}.guitarSoundHole,.guitarRosette{left:58%}.guitarBridge{left:16%}.guitarSaddle{left:calc(16% + 7px)}.guitarBodyStrings{position:absolute;top:38%;right:-9%;left:19%;z-index:6;display:grid;grid-template-rows:repeat(6,minmax(0,1fr));height:24%;pointer-events:none;transform:rotate(-1deg)}.guitarBodyStrings span{align-self:center;height:max(var(--string-thickness),1px);background:linear-gradient(90deg,#111111e6,#11111185),linear-gradient(180deg,rgba(255,255,255,.74),transparent);border-radius:999px;box-shadow:0 1px #ffffff94}.guitarNeck{top:34%;right:14%;left:35%;height:32%;background:linear-gradient(180deg,#ddd6ca,#c9bead 55%,#aa9d8b),repeating-linear-gradient(90deg,rgba(17,17,17,.055) 0 1px,transparent 1px 18px);border-left:1px solid rgba(17,17,17,.22);border-radius:5px 9px 9px 5px}.guitarHead{top:26%;right:4%;width:12%;height:48%;border-radius:7px 30px 30px 7px}.guitarNut{right:0;width:7px}.guitarMarkerOne{left:29%}.guitarMarkerTwo{left:58%}.guitarBase{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;overflow:visible;pointer-events:none;filter:drop-shadow(0 24px 30px rgba(17,17,17,.12))}.guitarBaseShadow{fill:#11111113;filter:blur(7px)}.guitarBaseBody{fill:url(#guitarBodyGradient);stroke:#4637236b;stroke-width:2}.guitarBaseBodyShade{fill:none;stroke:#59442a42;stroke-width:1.6}.guitarBaseGrain{fill:none;stroke:#563d2333;stroke-linecap:round;stroke-width:1.4;opacity:.78}.guitarBaseGrainThree,.guitarBaseGrainFour{stroke:#ffffff47;stroke-width:1.2}.guitarBaseRosetteOuter{fill:none;stroke:#f8f5edeb;stroke-width:7}.guitarBaseRosetteInner{fill:none;stroke:#241f1980;stroke-width:2}.guitarBaseSoundHole{fill:#080808;stroke:#ffffffd1;stroke-width:2;transition:filter .16s ease}.guitarBasePickguard{fill:#1111111f}.guitarBaseBridge{fill:#151515}.guitarBaseSaddle{fill:#ffffffe6}.guitarBaseEndPin{fill:#101010;stroke:#ffffffb8;stroke-width:3}.guitarBaseNeck{fill:url(#guitarNeckGradient);stroke:#3727186b;stroke-width:1.4}.guitarBaseNeckEdge{fill:#ffffff38}.guitarBaseNut{fill:#101010}.guitarBaseFret{stroke:#241c136b;stroke-width:1.2}.guitarBaseMarker{fill:#1111112e}.guitarBaseHead{fill:url(#guitarNeckGradient);stroke:#3727186b;stroke-width:1.5}.guitarBaseHeadSlot{fill:#ffffff21;stroke:#3c2b1a47;stroke-width:1}.guitarBaseTuner line{stroke:#1111118c;stroke-linecap:round;stroke-width:4}.guitarBaseTuner circle{fill:#101010;stroke:#ffffff8a;stroke-width:2}.guitarBaseStrings line{stroke:url(#guitarStringGradient);stroke-linecap:round;filter:drop-shadow(0 1px 0 rgba(255,255,255,.58));transition:filter .16s ease,stroke-width .16s ease}.guitarStringNames{position:absolute;top:36.7%;left:31.1%;z-index:7;display:grid;grid-template-rows:repeat(6,minmax(0,1fr));width:28px;height:26%;color:#1111118f;font-size:clamp(.52rem,.95vw,.68rem);font-weight:780;line-height:1;pointer-events:none}.guitarStringNames span{display:grid;place-items:center end}.guitarFretboard{position:absolute;top:34%;right:14.9%;left:35.55%;z-index:8;height:32%}.guitarStringRails,.guitarFretButtons{position:absolute;top:10%;right:0;bottom:9%;left:0;display:grid;grid-template-columns:var(--guitar-fret-columns);grid-template-rows:repeat(6,minmax(0,1fr))}.guitarStringRails{z-index:1;pointer-events:none}.guitarStringRail{align-self:center;height:var(--string-thickness);background:linear-gradient(90deg,#111111eb,#1111115c 52%,#111111e0),linear-gradient(180deg,rgba(255,255,255,.78),transparent);border-radius:999px;box-shadow:0 1px #ffffffa6,0 1px 3px #11111124}.guitarFretButtons{z-index:2}.guitarFretButton{position:relative;min-width:0;min-height:0;padding:0;color:#11111170;background:transparent;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:color .12s ease,background .12s ease}.guitarFretButton:before{position:absolute;top:50%;right:0;left:0;height:max(var(--string-thickness),1px);background:transparent;border-radius:999px;content:"";transform:translateY(-50%);transition:background .12s ease,box-shadow .12s ease,transform .12s ease}.guitarFretButton:after{position:absolute;top:50%;left:50%;z-index:3;width:clamp(7px,1vw,10px);aspect-ratio:1;background:#101010;border:2px solid rgba(255,255,255,.78);border-radius:50%;box-shadow:0 0 0 5px #1111110e;content:"";opacity:0;transform:translate(-50%,-50%) scale(.55);transition:opacity .12s ease,transform .12s ease}.guitarFretNote{position:relative;z-index:4;display:inline-grid;min-width:1.7em;place-items:center;padding:1px 2px;color:#11111173;background:#ffffff6b;border:1px solid rgba(17,17,17,.055);border-radius:999px;font-size:clamp(.45rem,.72vw,.58rem);font-weight:820;line-height:1.1;opacity:0;transform:translateY(-4px) scale(.82);transition:color .12s ease,background .12s ease,opacity .12s ease,transform .12s ease}.guitarFretNumber{position:absolute;right:2px;bottom:1px;z-index:4;color:#11111157;font-size:clamp(.42rem,.66vw,.52rem);font-weight:800;opacity:0;transform:translateY(2px);transition:opacity .12s ease,transform .12s ease}.guitarFretButton[data-open=true]{background:linear-gradient(90deg,rgba(17,17,17,.045),transparent 60%)}.guitarFretButton:hover:before,.guitarFretButton:focus-visible:before,.guitarFretButton[data-active=true]:before,.guitarFretButton:active:before{background:#11111180;box-shadow:0 0 0 4px #1111110b;transform:translateY(-50%) scaleY(2.2)}.guitarFretButton:hover .guitarFretNote,.guitarFretButton:focus-visible .guitarFretNote,.guitarFretButton[data-active=true] .guitarFretNote,.guitarFretButton:active .guitarFretNote{color:#f8f8f4;background:#101010;opacity:1;transform:translateY(-10px) scale(1)}.guitarFretButton:hover .guitarFretNumber,.guitarFretButton:focus-visible .guitarFretNumber,.guitarFretButton[data-active=true] .guitarFretNumber,.guitarFretButton:active .guitarFretNumber{opacity:1;transform:translateY(0)}.guitarFretButton[data-active=true]:after,.guitarFretButton:active:after{opacity:1;transform:translate(-50%,-50%) scale(1)}.guitarReal:has(.guitarFretButton[data-active=true]) .guitarBody{box-shadow:0 24px 38px #11111129,inset 0 1px #ffffffe6,inset -18px 0 28px #11111114,inset 0 -10px 18px #1111110e,0 0 0 4px #11111109}.guitarReal:has(.guitarFretButton[data-active=true]) .guitarSoundHole{box-shadow:inset 0 0 12px #ffffff14,0 2px #ffffff6b,0 0 0 1px #11111147,0 0 0 7px #1111110e}.guitarReal:has(.guitarFretButton[data-active=true]) .guitarBase{filter:drop-shadow(0 24px 30px rgba(17,17,17,.13)) drop-shadow(0 0 10px rgba(17,17,17,.045))}.guitarReal:has(.guitarFretButton[data-active=true]) .guitarBaseSoundHole{filter:drop-shadow(0 0 7px rgba(17,17,17,.24))}.guitarReal:has(.guitarFretButton[data-active=true]) .guitarBaseStrings line{filter:drop-shadow(0 1px 0 rgba(255,255,255,.58)) drop-shadow(0 0 3px rgba(17,17,17,.22))}@keyframes guitarStringVibrate{0%{transform:translateY(-50%) scaleY(2.5)}28%{transform:translateY(calc(-50% - 4px)) scaleY(1.9)}56%{transform:translateY(calc(-50% + 3px)) scaleY(1.6)}to{transform:translateY(-50%) scaleY(2.3)}}.drumKitReal{width:min(760px,100%);height:clamp(286px,39vw,374px)}.drumFloorShadow{position:absolute;right:7%;bottom:0;left:7%;height:21%;background:radial-gradient(ellipse at 50% 56%,rgba(17,17,17,.17),transparent 66%),radial-gradient(ellipse at 30% 44%,rgba(17,17,17,.08),transparent 44%),radial-gradient(ellipse at 70% 44%,rgba(17,17,17,.08),transparent 44%);pointer-events:none}.drumKitBase{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;overflow:visible;pointer-events:none}.drumKitBaseFloor{fill:#1111110f}.drumKitBaseChrome{fill:none;stroke:url(#drumChromeGradient);stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 3px rgba(17,17,17,.1))}.drumKitBaseRack{stroke-width:8}.drumKitBaseBoom,.drumKitBaseStand,.drumKitBaseKickLeg,.drumKitBaseTomArm,.drumKitBaseSnareBasket,.drumKitBaseFloorTomLeg,.drumKitBaseHihatPullRod{stroke-width:5}.drumKitBaseHihatRod{stroke-width:3;opacity:.78}.drumKitBaseTomArm,.drumKitBaseSnareBasket,.drumKitBaseFloorTomLeg,.drumKitBaseHihatPullRod{opacity:.82}.drumKitBaseFoot{stroke-width:6}.drumKitBaseJoint{fill:url(#drumJointGradient);stroke:#11111142;stroke-width:1}.drumKitBaseFineHardware{fill:none;stroke:#11111194;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 2px rgba(17,17,17,.09))}.drumKitBaseCymbalPost{stroke-width:3}.drumKitBaseWing,.drumKitBaseHihatClutch{stroke-width:4}.drumKitBasePedal,.drumKitBaseHihatPedal{fill:url(#drumPedalGradient);stroke:#11111157;stroke-linecap:round;stroke-linejoin:round;stroke-width:4;filter:drop-shadow(0 5px 6px rgba(17,17,17,.13))}.drumKitBaseHihatPedal{stroke-width:3;opacity:.92}.drumRack{position:absolute;top:42%;right:20%;left:20%;z-index:0;height:3px;background:#11111152;border-radius:999px;box-shadow:0 1px #ffffffa6}.drumRack:before,.drumRack:after{position:absolute;top:0;width:2px;height:82px;background:#11111147;content:"";transform-origin:top}.drumRack:before{left:22%;transform:rotate(12deg)}.drumRack:after{right:22%;transform:rotate(-12deg)}.drumThrone{position:absolute;right:1%;bottom:5%;z-index:0;width:78px;height:28px;background:radial-gradient(ellipse at 42% 18%,rgba(255,255,255,.5),transparent 46%),linear-gradient(180deg,#11111147,#1111112e);border:1px solid rgba(17,17,17,.2);border-radius:48% 52% 54% 46%;box-shadow:inset 0 1px #ffffff85,0 12px 18px #1111111a;transform:rotate(-5deg)}.drumThrone:before,.drumThrone:after{position:absolute;content:""}.drumThrone:before{top:78%;left:10%;width:80%;height:62px;background:linear-gradient(66deg,transparent 46%,rgba(17,17,17,.22) 47% 51%,transparent 52%),linear-gradient(-66deg,transparent 46%,rgba(17,17,17,.22) 47% 51%,transparent 52%),linear-gradient(90deg,transparent 48%,rgba(17,17,17,.24) 49% 51%,transparent 52%)}.drumThrone:after{top:72%;left:50%;width:4px;height:56px;background:linear-gradient(90deg,rgba(255,255,255,.32),transparent 45%),#11111147;border-radius:999px;transform:translate(-50%)}.drumPadButton{--pad-transform: translateZ(0);--drum-head: #f7f7f2;--drum-rim: rgba(17, 17, 17, .3);--drum-shell: #d8d5cb;position:absolute;z-index:3;display:grid;place-items:center;isolation:isolate;padding:0;color:#111111b3;background:radial-gradient(circle at 46% 35%,rgba(255,255,255,.98) 0 26%,transparent 42%),radial-gradient(circle at 50% 42%,var(--drum-head) 0 48%,rgba(229,229,223,.96) 66%,rgba(17,17,17,.12) 100%);border:2px solid var(--drum-rim);border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:0 20px 30px #1111111f,inset 0 1px #ffffffe6,inset 0 -14px 20px #11111114,inset 0 0 0 1px #ffffff70;cursor:pointer;font-size:.68rem;font-weight:800;letter-spacing:0;transform:var(--pad-transform);transition:background .12s ease,box-shadow .12s ease,color .12s ease,transform .12s ease}.drumPadButton:before{position:absolute;top:7%;right:7%;bottom:7%;left:7%;z-index:2;border:1px solid rgba(17,17,17,.16);border-radius:inherit;box-shadow:inset 0 0 0 7px #ffffff42,inset 0 -8px 13px #1111110b,0 0 0 1px #ffffff80;content:"";pointer-events:none}.drumPadButton span{position:relative;z-index:4;padding:3px 7px;color:#111111a3;background:#ffffff94;border:1px solid rgba(17,17,17,.06);border-radius:999px;box-shadow:0 3px 8px #1111110a;pointer-events:none}.drumPadButton:hover{color:#111c;box-shadow:0 22px 34px #11111129,inset 0 1px #ffffffe6,inset 0 -14px 20px #11111117,0 0 0 4px #11111109}.drumPadButton[data-active=true],.drumPadButton:active{color:#111111c7;background:radial-gradient(circle at 50% 50%,#dadad4fa,#f6f6f0e6 72%);box-shadow:0 10px 16px #1111111a,inset 0 6px 12px #1111111a,0 0 0 6px #1111110b;transform:var(--pad-transform) translateY(3px) scale(.98)}.drumPadCrash,.drumPadRide,.drumPadHihat{--drum-rim: rgba(17, 17, 17, .24);color:#111111ad;background:radial-gradient(ellipse at 38% 27%,rgba(255,255,255,.82),transparent 32%),repeating-radial-gradient(ellipse at 50% 46%,rgba(17,17,17,.08) 0 1px,transparent 1px 9px),radial-gradient(ellipse at 50% 46%,#f4efdb 0,#f4efdb 17%,#d5caa4 37%,#aaa083 62%,#696354);border-radius:50%;box-shadow:0 4px #7e766066,0 18px 25px #11111124,inset 0 1px #ffffffe0,inset 0 -5px 8px #1111111a}.drumPadHihat{box-shadow:0 8px 0 -2px #968c71c7,0 14px 0 -7px #11111170,0 18px 24px #11111121,inset 0 1px #ffffffe0,inset 0 -5px 8px #1111111a}.drumPadCrash span,.drumPadRide span,.drumPadHihat span{color:#f8f8f4db;background:#11111194;border-color:#ffffff2e;box-shadow:none}.drumPadTom1,.drumPadTom2,.drumPadTom3,.drumPadSnare,.drumPadKick{overflow:visible}.drumPadTom1:after,.drumPadTom2:after,.drumPadTom3:after,.drumPadSnare:after,.drumPadKick:after{position:absolute;right:8%;bottom:-14%;left:8%;z-index:0;height:32%;background:linear-gradient(180deg,#ffffff57,#1111111f),repeating-linear-gradient(90deg,rgba(17,17,17,.065) 0 1px,transparent 1px 14px),var(--drum-shell);border:1px solid rgba(17,17,17,.22);border-top:0;border-radius:0 0 999px 999px;box-shadow:inset 0 -8px 14px #11111114,0 12px 18px #11111117;content:""}.drumPadCrash:after,.drumPadRide:after,.drumPadHihat:after{position:absolute;top:32%;right:41%;bottom:32%;left:41%;z-index:2;background:radial-gradient(circle at 38% 30%,rgba(255,255,255,.86),transparent 36%),#11111157;border:2px solid rgba(255,255,255,.42);border-radius:50%;content:""}.drumPadCrash:before,.drumPadRide:before,.drumPadHihat:before{top:17%;right:8%;bottom:17%;left:8%;border-color:#1111112b;box-shadow:0 0 0 10px #ffffff0d,inset 0 0 0 12px #11111106}.drumPadCrash{--pad-transform: rotate(-10deg);top:7%;left:8%;width:clamp(130px,19vw,164px);height:clamp(46px,6.2vw,58px)}.drumPadRide{--pad-transform: rotate(6deg);top:13%;right:6%;width:clamp(136px,19vw,170px);height:clamp(48px,6.4vw,60px)}.drumPadHihat{--pad-transform: rotate(6deg);top:42%;left:4%;width:clamp(110px,15.2vw,132px);height:clamp(40px,5.3vw,50px)}.drumPadTom1{--pad-transform: rotate(2deg);--drum-shell: #d6d2c5;top:31%;left:35%;width:clamp(92px,12.5vw,108px);height:clamp(74px,9.8vw,88px)}.drumPadTom2{--pad-transform: rotate(-2deg);--drum-shell: #d1cdc1;top:31%;right:33%;width:clamp(98px,13.4vw,116px);height:clamp(76px,10.2vw,92px)}.drumPadTom3{--pad-transform: rotate(-4deg);--drum-shell: #c9c5bb;top:57%;right:13%;width:clamp(122px,16.8vw,148px);height:clamp(98px,13vw,122px)}.drumPadSnare{--pad-transform: rotate(2deg);--drum-head: #fbfbf7;--drum-shell: #e4e2dc;top:58%;left:22%;width:clamp(118px,16.4vw,144px);height:clamp(84px,11vw,104px)}.drumPadKick{--pad-transform: translateX(-50%);--drum-head: #f5f5ef;--drum-shell: #d4d0c3;bottom:4%;left:50%;z-index:2;width:clamp(158px,22vw,196px);height:clamp(132px,18.5vw,162px);transform:translate(-50%)}.drumPadKick:before{top:13%;right:13%;bottom:13%;left:13%;border-color:#1111112b;box-shadow:inset 0 0 0 18px #11111105,inset 0 -12px 18px #1111110e}.drumPadKick span{transform:translateY(-13px)}.drumPadKick[data-active=true],.drumPadKick:active{transform:translate(-50%) translateY(3px) scale(.98)}.drumPadTom1:before,.drumPadTom2:before,.drumPadTom3:before,.drumPadSnare:before{background:radial-gradient(circle at 50% 7%,rgba(17,17,17,.38) 0 3px,transparent 4px),radial-gradient(circle at 84% 22%,rgba(17,17,17,.33) 0 3px,transparent 4px),radial-gradient(circle at 93% 52%,rgba(17,17,17,.28) 0 3px,transparent 4px),radial-gradient(circle at 78% 82%,rgba(17,17,17,.22) 0 3px,transparent 4px),radial-gradient(circle at 22% 82%,rgba(17,17,17,.22) 0 3px,transparent 4px),radial-gradient(circle at 7% 52%,rgba(17,17,17,.28) 0 3px,transparent 4px),radial-gradient(circle at 16% 22%,rgba(17,17,17,.33) 0 3px,transparent 4px);box-shadow:inset 0 0 0 7px #11111105,inset 0 0 0 12px #fff3,0 -7px 0 -6px #1111116b,12px 2px 0 -10px #1111116b,-12px 2px 0 -10px #1111116b}.drumPadSnare:after{background:linear-gradient(180deg,#fff6,#1111111f),repeating-linear-gradient(0deg,transparent 0 7px,rgba(17,17,17,.09) 7px 8px),repeating-linear-gradient(90deg,rgba(17,17,17,.055) 0 1px,transparent 1px 13px),var(--drum-shell)}.drumPadKick:before{background:radial-gradient(circle at 68% 57%,rgba(17,17,17,.72) 0 8%,rgba(17,17,17,.34) 9%,transparent 12%),radial-gradient(circle at 50% 8%,rgba(17,17,17,.26) 0 3px,transparent 4px),radial-gradient(circle at 84% 27%,rgba(17,17,17,.24) 0 3px,transparent 4px),radial-gradient(circle at 90% 70%,rgba(17,17,17,.22) 0 3px,transparent 4px),radial-gradient(circle at 50% 92%,rgba(17,17,17,.2) 0 3px,transparent 4px),radial-gradient(circle at 10% 70%,rgba(17,17,17,.22) 0 3px,transparent 4px),radial-gradient(circle at 16% 27%,rgba(17,17,17,.24) 0 3px,transparent 4px)}.drumPadCrash[data-active=true],.drumPadCrash:active{animation:drumCrashHit .3s ease-out}.drumPadRide[data-active=true],.drumPadRide:active{animation:drumRideHit .26s ease-out}.drumPadHihat[data-active=true],.drumPadHihat:active{animation:drumHihatHit .22s ease-out}.drumPadTom1[data-active=true],.drumPadTom1:active,.drumPadTom2[data-active=true],.drumPadTom2:active,.drumPadTom3[data-active=true],.drumPadTom3:active{animation:drumHeadHit .19s ease-out}.drumPadSnare[data-active=true],.drumPadSnare:active{animation:drumSnareHit .18s ease-out}.drumPadKick[data-active=true],.drumPadKick:active{animation:drumKickHeadHit .21s ease-out}.drumStand{position:absolute;z-index:1;display:block;width:2px;background:#11111152;transform-origin:top}.drumStandLeft{top:49%;left:17%;height:48%;transform:rotate(10deg)}.drumStandRight{top:28%;right:18%;height:62%;transform:rotate(-12deg)}.drumStandRide{top:26%;right:16%;height:62%;transform:rotate(-8deg)}.drumStandCenter{top:45%;left:55%;height:43%;transform:rotate(-3deg)}.drumStandFloorTom{top:67%;right:22%;height:28%;transform:rotate(-6deg)}.drumStandKick{bottom:0;left:50%;height:36%;transform:translate(-50%)}.drumBeater{position:absolute;bottom:18%;left:50%;z-index:4;width:2px;height:58px;background:#1111117a;border-radius:999px;transform:translate(-50%) rotate(-9deg);transform-origin:bottom}.drumBeater:before{position:absolute;top:-13px;left:50%;width:18px;aspect-ratio:1;background:radial-gradient(circle at 42% 35%,rgba(255,255,255,.78),transparent 38%),#111;border-radius:50%;content:"";transform:translate(-50%)}.drumPedal{position:absolute;bottom:3%;left:50%;z-index:3;width:40px;height:18px;background:linear-gradient(180deg,rgba(255,255,255,.42),transparent),#101010;border-radius:999px 999px 7px 7px;transform:translate(-50%);box-shadow:0 6px 12px #11111129}.drumStick{position:absolute;top:19%;z-index:5;width:5px;height:clamp(82px,13vw,112px);background:linear-gradient(90deg,rgba(255,255,255,.42),transparent 42%),#101010;border-radius:999px;box-shadow:0 7px 13px #1111111f;pointer-events:none;transform-origin:50% 88%}.drumStick:after{position:absolute;top:-7px;left:50%;width:11px;aspect-ratio:1;background:#101010;border-radius:50%;content:"";transform:translate(-50%)}.drumStickLeft{left:34%;transform:rotate(57deg)}.drumStickRight{right:29%;transform:rotate(-55deg)}.drumKitReal:has(.drumPadButton[data-active=true]) .drumStickLeft{animation:drumStickLeftHit .26s ease-out}.drumKitReal:has(.drumPadButton[data-active=true]) .drumStickRight{animation:drumStickRightHit .26s ease-out}.drumKitReal:has(.drumPadKick[data-active=true]) .drumBeater{animation:kickBeaterHit .26s ease-out}@keyframes drumCrashHit{0%{transform:rotate(-10deg) translateY(0) scale(1)}38%{transform:rotate(-15deg) translateY(5px) scale(1.04)}to{transform:rotate(-10deg) translateY(0) scale(1)}}@keyframes drumRideHit{0%{transform:rotate(6deg) translateY(0) scale(1)}42%{transform:rotate(10deg) translateY(4px) scale(1.02)}to{transform:rotate(6deg) translateY(0) scale(1)}}@keyframes drumHihatHit{0%{transform:rotate(6deg) translateY(0) scale(1)}45%{transform:rotate(3deg) translateY(4px) scale(.96)}to{transform:rotate(6deg) translateY(0) scale(1)}}@keyframes drumHeadHit{0%{transform:var(--pad-transform) translateY(0) scale(1)}45%{transform:var(--pad-transform) translateY(4px) scale(.985)}to{transform:var(--pad-transform) translateY(0) scale(1)}}@keyframes drumSnareHit{0%{transform:rotate(2deg) translateY(0) scale(1)}42%{transform:rotate(2deg) translateY(5px) scale(.98)}to{transform:rotate(2deg) translateY(0) scale(1)}}@keyframes drumKickHeadHit{0%{transform:translate(-50%) translateY(0) scale(1)}44%{transform:translate(-50%) translateY(4px) scale(.985)}to{transform:translate(-50%) translateY(0) scale(1)}}@keyframes drumStickLeftHit{0%{transform:rotate(57deg)}48%{transform:rotate(42deg) translateY(18px)}to{transform:rotate(57deg)}}@keyframes drumStickRightHit{0%{transform:rotate(-55deg)}48%{transform:rotate(-39deg) translateY(18px)}to{transform:rotate(-55deg)}}@keyframes kickBeaterHit{0%{transform:translate(-50%) rotate(-9deg)}45%{transform:translate(-50%) rotate(3deg)}to{transform:translate(-50%) rotate(-9deg)}}@media (max-width: 860px){.entryGrid{width:min(520px,88vw);grid-template-columns:1fr}.entryCard{min-height:clamp(164px,23vh,220px)}.instrumentStage{grid-template-columns:1fr 1fr;grid-template-areas:"focus focus" "previous next"}.instrumentFocus{grid-area:focus;min-height:500px}.instrumentStage .instrumentArrow:first-child{justify-self:end;grid-area:previous}.instrumentStage .instrumentArrow:last-child{justify-self:start;grid-area:next}.instrumentShell{width:min(720px,90vw)}}@media (max-width: 560px){.heroSection{padding-inline:14px}.heroBrand{font-size:clamp(4.35rem,22vw,7.5rem)}.instrumentFocus{min-height:470px;padding-inline:18px}.instrumentVisual{height:198px}.pianoKeybedViewport,.pianoRangeGuide,.pianoFelt{right:12px;left:12px}.pianoKeybed{width:820px;min-width:820px}.pianoKeyWhite{padding-bottom:10px;font-size:.62rem}.guitarStringButton span{left:-28px}.guitarReal{height:220px}.guitarStringNames{top:37%;left:32%;width:22px;font-size:.48rem}.guitarFretNote{min-width:1.32em;padding:1px;font-size:.4rem;transform:translateY(-6px)}.guitarFretNumber{display:none}.drumPadButton span{font-size:.62rem}.drumStick{height:72px}}