.styles_container__QPY5X{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#ffb3d9;background-image:repeating-linear-gradient(45deg,#ffb3d9,#ffb3d9 2px,#f9c 0,#f9c 4px);padding:2rem;font-family:Chicago,Monaco,Courier New,monospace}.styles_macWindow__VQ3zA{background:#fff;border:3px solid #000;box-shadow:6px 6px 0 #000,inset 0 0 0 2px #fff,8px 8px 20px rgba(0,0,0,.3);max-width:1200px;width:100%;border-radius:4px;overflow:hidden}.styles_titleBar__yQo4g{background:linear-gradient(180deg,#f5f5f5,#e8e8e8);border-bottom:3px solid #000;height:24px;display:flex;align-items:center;padding:0 6px;position:relative}.styles_titleBarStripes__eFMHR{position:absolute;left:0;right:0;top:0;bottom:0;background:repeating-linear-gradient(90deg,#000 0,#000 1px,transparent 0,transparent 2px);opacity:.15}.styles_titleText__7gPes{position:relative;z-index:1;font-weight:700;font-size:13px;margin-left:28px;color:#000;text-shadow:1px 1px 0 hsla(0,0%,100%,.8);letter-spacing:.5px}.styles_closeBox__qE8zX{position:absolute;left:6px;top:6px;width:12px;height:12px;border:2px solid #000;background:linear-gradient(135deg,#fff,#f0f0f0);cursor:pointer;box-shadow:inset 1px 1px 0 hsla(0,0%,100%,.8),1px 1px 2px rgba(0,0,0,.2);transition:all .1s ease}.styles_closeBox__qE8zX:hover{background:linear-gradient(135deg,#ff6b9d,#ff1c5c);transform:scale(1.1)}.styles_contentWrapper__wWlT7{position:relative;display:flex;gap:40px;align-items:center}.styles_mainLayout__xF6ns{display:flex;gap:20px;align-items:stretch;flex:1 1;position:relative}.styles_content__wwpSg{padding:20px;background:linear-gradient(135deg,#e8e8e8,#d5d5d5)}.styles_cdWindow__YqKmS{position:fixed;z-index:1000;background:#fff;border:3px solid #000;box-shadow:6px 6px 0 #000,inset 0 0 0 2px #fff,8px 8px 20px rgba(0,0,0,.3);border-radius:4px;overflow:hidden;width:320px}.styles_cdTitleBar__9_oNQ{background:linear-gradient(180deg,#f5f5f5,#e8e8e8);border-bottom:3px solid #000;height:24px;display:flex;align-items:center;padding:0 6px;position:relative;cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.styles_cdTitleBar__9_oNQ:active{cursor:-webkit-grabbing;cursor:grabbing}.styles_cdWindowContent__R8tjd{padding:20px;background:linear-gradient(135deg,#e8e8e8,#d5d5d5);display:flex;flex-direction:column;align-items:center;gap:20px}.styles_cdDisk__ReGYf{width:180px;height:180px;border-radius:50%;background:linear-gradient(135deg,#e0e0e0,#f5f5f5 25%,#fff 50%,#f5f5f5 75%,#e0e0e0);border:5px solid #000;position:relative;box-shadow:0 8px 20px rgba(0,0,0,.4),inset 0 0 30px hsla(0,0%,100%,.9),inset 0 0 60px rgba(200,200,255,.4),0 0 40px hsla(0,0%,100%,.3);cursor:pointer;transition:transform .3s ease}.styles_cdDisk__ReGYf:hover{transform:translateX(-10px)}.styles_cdDisk__ReGYf.styles_spinning__XFNhg{animation:styles_spin__ExrLh 2s linear infinite}@keyframes styles_spin__ExrLh{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.styles_cdHole__cu2f_{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;background:#1a1a1a;border:2px solid #000;box-shadow:inset 0 0 10px rgba(0,0,0,.8),0 2px 4px rgba(0,0,0,.5)}.styles_cdShine__mInMT{position:absolute;top:15%;left:25%;width:60%;height:60%;background:radial-gradient(circle at 35% 35%,hsla(0,0%,100%,.8) 0,rgba(255,200,255,.5) 20%,rgba(200,200,255,.4) 40%,rgba(100,255,200,.3) 60%,transparent 100%);border-radius:50%;pointer-events:none;animation:styles_shimmer__yy1Pe 3s ease-in-out infinite}@keyframes styles_shimmer__yy1Pe{0%,to{opacity:.7}50%{opacity:1}}.styles_cdReflection__mS00o{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(-45deg,transparent,transparent 30%,hsla(0,0%,100%,.3) 40%,hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,.3) 60%,transparent 70%,transparent);border-radius:50%;pointer-events:none}.styles_cdControls__61CQF{display:flex;flex-direction:column;gap:12px;width:100%}.styles_songSelector__QbS1K{display:flex;flex-direction:column;gap:8px}.styles_cdLabel__Xt37c{font-weight:700;font-size:10px;color:#000;text-transform:uppercase;letter-spacing:1px;text-align:center}.styles_songDisplay__g4rmO{display:flex;gap:6px;align-items:center}.styles_navButton__yJVOI{background:linear-gradient(135deg,#fff,#f0f0f0);border:3px solid #000;padding:8px 12px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:2px 2px 4px rgba(0,0,0,.2),inset 1px 1px 0 hsla(0,0%,100%,.8);border-radius:2px;transition:all .1s ease;min-width:40px;display:flex;align-items:center;justify-content:center}.styles_navButton__yJVOI:hover{background:linear-gradient(135deg,#fcd,#ffb3cc);transform:translateY(-1px);box-shadow:2px 3px 6px rgba(0,0,0,.25),inset 1px 1px 0 hsla(0,0%,100%,.9)}.styles_navButton__yJVOI:active{transform:translateY(1px);box-shadow:1px 1px 2px rgba(0,0,0,.2),inset 1px 1px 3px rgba(0,0,0,.2)}.styles_songSelect__q30rD{flex:1 1;background:linear-gradient(135deg,#fff,#f5f5f5);border:3px solid #000;padding:8px 10px;font-size:11px;font-weight:700;font-family:Monaco,Courier New,monospace;cursor:pointer;box-shadow:inset 1px 1px 0 hsla(0,0%,100%,.8),2px 2px 3px rgba(0,0,0,.15);border-radius:2px;text-align:center}.styles_playbackButtons__kkjsz{display:flex;gap:8px}.styles_playButton__VW4B2,.styles_stopButton__0_HiF{flex:1 1;background:linear-gradient(135deg,#fff,#f0f0f0);border:3px solid #000;padding:10px 12px;font-size:11px;font-weight:700;cursor:pointer;font-family:Monaco,Courier New,monospace;text-transform:uppercase;box-shadow:2px 2px 4px rgba(0,0,0,.2),inset 1px 1px 0 hsla(0,0%,100%,.8);border-radius:2px;transition:all .1s ease}.styles_playButton__VW4B2:hover:not(:disabled),.styles_stopButton__0_HiF:hover:not(:disabled){background:linear-gradient(135deg,#00ff9f,#00cc7f);color:#000;transform:translateY(-1px);box-shadow:2px 3px 6px rgba(0,0,0,.25),inset 1px 1px 0 hsla(0,0%,100%,.9)}.styles_playButton__VW4B2:active:not(:disabled),.styles_stopButton__0_HiF:active:not(:disabled){transform:translateY(1px);box-shadow:1px 1px 2px rgba(0,0,0,.2),inset 1px 1px 3px rgba(0,0,0,.2)}.styles_playButton__VW4B2:disabled,.styles_stopButton__0_HiF:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#e8e8e8,#d0d0d0)}.styles_volumePanel__0UfhK{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:linear-gradient(135deg,#fff,#f8f8f8);border:3px solid #000;padding:24px 20px;box-shadow:inset 1px 1px 0 hsla(0,0%,100%,.8),2px 2px 4px rgba(0,0,0,.15);border-radius:4px;min-width:140px;flex-shrink:0}.styles_volumeLabel__rm8oq{font-weight:700;font-size:11px;color:#666;text-transform:uppercase;letter-spacing:1px}.styles_volumeValue__rMKg9{font-weight:700;font-size:16px;color:#000;font-family:Courier New,monospace}.styles_knobContainer__o3gq0{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.styles_knob__CCexL{width:90px;height:90px;border-radius:50%;background:linear-gradient(145deg,#f5f5f5,#d8d8d8 50%,silver);border:4px solid #000;cursor:-webkit-grab;cursor:grab;position:relative;box-shadow:3px 3px 6px rgba(0,0,0,.3),inset -2px -2px 4px rgba(0,0,0,.2),inset 2px 2px 4px hsla(0,0%,100%,.8);transition:transform .05s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.styles_knob__CCexL:hover{background:linear-gradient(145deg,#fff0f7,#ffe8f2 50%,#fcd)}.styles_knob__CCexL:active{cursor:-webkit-grabbing;cursor:grabbing;box-shadow:2px 2px 4px rgba(0,0,0,.3),inset -2px -2px 4px rgba(0,0,0,.3),inset 2px 2px 4px hsla(0,0%,100%,.6)}.styles_knobPointer__cLUlx{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:4px;height:28px;background:linear-gradient(180deg,#000,#333);border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.5),inset 1px 1px 0 hsla(0,0%,100%,.2)}.styles_knobPointer__cLUlx:after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:8px;height:8px;background:#ff6b9d;border:2px solid #000;border-radius:50%;box-shadow:0 2px 3px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.5)}.styles_pianoContainer__odsDi{flex:1 1;min-width:900px;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border:4px solid #000;padding:20px;box-shadow:inset 2px 2px 0 #000,inset -2px -2px 0 hsla(0,0%,100%,.5);border-radius:8px;position:relative;display:flex;flex-direction:column;gap:16px}.styles_visualizerContainer__jiIBT{background:linear-gradient(135deg,#fff,#f8f8f8);border:3px solid #000;padding:12px;border-radius:4px;box-shadow:inset 1px 1px 0 hsla(0,0%,100%,.8),2px 2px 4px rgba(0,0,0,.15)}.styles_visualizerLabel__a9BqO{font-weight:700;font-size:11px;color:#666;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;text-align:center}.styles_visualizer__ooOr2{display:block;width:100%;height:100px;background:#1a1a1a;border:3px solid #000;box-shadow:inset 2px 2px 4px rgba(0,0,0,.5),inset -1px -1px 0 hsla(0,0%,100%,.1);border-radius:2px}.styles_oscillatorSelector__eixHD{background:linear-gradient(135deg,#fff,#f8f8f8);border:3px solid #000;padding:12px 16px;border-radius:4px;box-shadow:inset 1px 1px 0 hsla(0,0%,100%,.8),2px 2px 4px rgba(0,0,0,.15);display:flex;align-items:center;gap:12px}.styles_selectorLabel__j50ge{font-weight:700;font-size:11px;color:#666;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.styles_buttonGroup__E2PG6{display:flex;gap:8px;flex-wrap:wrap}.styles_waveButton__jknz_{background:linear-gradient(135deg,#fff,#f0f0f0);border:3px solid #000;padding:8px 16px;font-size:11px;font-weight:700;cursor:pointer;transition:all .1s ease;font-family:Monaco,Courier New,monospace;text-transform:uppercase;letter-spacing:.5px;box-shadow:2px 2px 4px rgba(0,0,0,.2),inset 1px 1px 0 hsla(0,0%,100%,.8);border-radius:2px}.styles_waveButton__jknz_:hover{background:linear-gradient(135deg,#ffe8f2,#fcd);transform:translateY(-1px);box-shadow:2px 3px 6px rgba(0,0,0,.25),inset 1px 1px 0 hsla(0,0%,100%,.9)}.styles_waveButton__jknz_:active{transform:translateY(1px);box-shadow:1px 1px 2px rgba(0,0,0,.2),inset 1px 1px 3px rgba(0,0,0,.2)}.styles_waveButton__jknz_.styles_active__b7NnB{background:linear-gradient(135deg,#f9c,#ff6b9d);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:inset 2px 2px 4px rgba(0,0,0,.3),1px 1px 2px rgba(0,0,0,.2);transform:translateY(1px)}.styles_piano__fulMh{position:relative;height:280px;width:100%;margin:0 auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.styles_whiteKeys__9aoIf{display:flex;height:100%;gap:0}.styles_whiteKey__vqCuy{flex:1 1;background:linear-gradient(180deg,#fff,#f8f8f8 50%,#f0f0f0);border:3px solid #000;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:12px;position:relative;box-shadow:inset 0 2px 4px hsla(0,0%,100%,.9),inset 0 -3px 8px rgba(0,0,0,.1),3px 3px 6px rgba(0,0,0,.2);transition:all .1s ease;border-radius:0 0 4px 4px;overflow:hidden}.styles_whiteKey__vqCuy:before{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,hsla(0,0%,100%,.6),transparent);pointer-events:none}.styles_whiteKey__vqCuy:hover{background:linear-gradient(180deg,#fffafc,#fff0f7 50%,#ffe8f2);transform:translateY(-1px);box-shadow:inset 0 2px 4px hsla(0,0%,100%,.9),inset 0 -3px 8px rgba(255,182,193,.2),3px 4px 8px rgba(0,0,0,.25)}.styles_whiteKey__vqCuy.styles_active__b7NnB{background:linear-gradient(180deg,#fcd,#ffb3cc 50%,#f9b);transform:translateY(3px);box-shadow:inset 2px 2px 6px rgba(0,0,0,.3),inset 0 4px 8px rgba(255,105,180,.3),1px 1px 2px rgba(0,0,0,.2)}.styles_keyLabel__hqcwU{font-weight:700;font-size:14px;margin-bottom:4px;color:#000;text-shadow:0 1px 1px hsla(0,0%,100%,.8);position:relative;z-index:2}.styles_keyboardKey__e9_Ra{font-size:10px;color:#555;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border:2px solid #000;padding:3px 7px;font-weight:700;box-shadow:inset 1px 1px 0 hsla(0,0%,100%,.5),2px 2px 3px rgba(0,0,0,.2);position:relative;z-index:2}.styles_blackKeys__oJtNx{position:absolute;top:0;left:0;right:0;height:60%;pointer-events:none}.styles_blackKey__kxrBt{position:absolute;width:4.5%;height:100%;background:linear-gradient(180deg,#1a1a1a,#000 70%,#0a0a0a);border:3px solid #000;border-bottom:none;cursor:pointer;pointer-events:auto;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;box-shadow:3px 3px 8px rgba(0,0,0,.7),inset -2px -2px 4px hsla(0,0%,100%,.1),inset 2px 2px 4px rgba(0,0,0,.5);transition:all .1s ease;border-radius:0 0 3px 3px}.styles_blackKey__kxrBt:before{content:"";position:absolute;top:0;left:0;right:0;height:30%;background:linear-gradient(180deg,hsla(0,0%,100%,.15),transparent);pointer-events:none;border-radius:0 0 3px 3px}.styles_blackKey__kxrBt:hover{background:linear-gradient(180deg,#2a2a2a,#1a1a1a 70%,#0f0f0f);transform:translateY(-1px);box-shadow:3px 4px 10px rgba(0,0,0,.8),inset -2px -2px 4px hsla(0,0%,100%,.15),inset 2px 2px 4px rgba(0,0,0,.5)}.styles_blackKey__kxrBt.styles_active__b7NnB{background:linear-gradient(180deg,#3a3a3a,#2a2a2a 70%,#1f1f1f);transform:translateY(3px);box-shadow:1px 2px 4px rgba(0,0,0,.8),inset 2px 2px 6px rgba(0,0,0,.7),inset -1px -1px 2px hsla(0,0%,100%,.1)}.styles_blackKeyboardKey__mkX_H{font-size:9px;color:#fff;background:linear-gradient(135deg,#444,#2a2a2a);border:2px solid #555;padding:2px 5px;font-weight:700;box-shadow:inset 1px 1px 0 hsla(0,0%,100%,.2),1px 1px 2px rgba(0,0,0,.5);text-shadow:0 1px 2px rgba(0,0,0,.8)}.styles_instructions__pOlgD{margin-top:0;text-align:center;font-size:12px;background:linear-gradient(135deg,#fff,#f8f8f8);border-top:2px solid #000;padding:12px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.8)}.styles_instructions__pOlgD p{margin:4px 0;font-weight:700}.styles_helpText__AtV04{color:#666;font-size:11px;font-weight:400}.styles_statusBar__cUCH2{background:linear-gradient(180deg,#e8e8e8,#d5d5d5);border-top:3px solid #000;padding:6px 10px;font-size:11px;font-weight:700;height:24px;display:flex;align-items:center;box-shadow:inset 0 1px 0 rgba(0,0,0,.2)}.styles_statusBar__cUCH2:after{content:"♫";margin-left:auto;font-size:14px;opacity:.5}@media (max-width:768px){.styles_container__QPY5X{padding:1rem}.styles_piano__fulMh{height:200px}.styles_whiteKey__vqCuy{padding-bottom:8px}.styles_keyLabel__hqcwU{font-size:12px}.styles_keyboardKey__e9_Ra{font-size:8px;padding:1px 4px}.styles_blackKey__kxrBt{padding-bottom:6px}.styles_blackKeyboardKey__mkX_H{font-size:7px;padding:1px 3px}}