body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:#2d2d2d;background-image:radial-gradient(circle at 20% 50%,#1a1a1a 0,#0000 50%),radial-gradient(circle at 80% 50%,#1a1a1a 0,#0000 50%),linear-gradient(90deg,#2d2d2d,#1a1a1a 50%,#2d2d2d);font-family:"MS Sans Serif",Tahoma,sans-serif;min-height:100vh;padding:10px 0;text-align:center}.app-header{background:#000;border:2px outset #666;border-radius:3px;color:#0f0;margin:10px auto;max-width:600px;padding:20px;position:relative}.app-header:before{animation:rainbow 2s linear infinite;background:linear-gradient(90deg,#0f0,red,#00f,#ff0);content:"";height:2px;left:0;position:absolute;right:0;top:0}@keyframes rainbow{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.app-header h1{color:#0f0;font-family:Courier New,monospace;font-size:32px;font-weight:700;letter-spacing:2px;margin-bottom:5px;text-shadow:0 0 10px #0f0;text-transform:uppercase}.app-header p{color:#ff0;font-size:14px;letter-spacing:1px;margin:0;text-transform:uppercase}.app-main{margin:0 auto;max-width:1200px;padding:0 20px}.instructions{background:silver;border:2px inset #666;border-radius:0;box-shadow:2px 2px 4px #00000080;color:#000;font-family:"MS Sans Serif",Tahoma,sans-serif;font-size:11px;margin:20px auto;max-width:600px;padding:15px}.instructions h2{background:teal;color:#000;color:#fff;font-size:14px;font-weight:700;margin:-15px -15px 10px;padding:3px 6px;text-transform:uppercase}.instructions ul{list-style:none;margin:10px 0;padding:0;text-align:left}.instructions li{font-size:11px;line-height:1.4;padding:2px 0}.instructions p{background:#ffff80;border:1px inset #666;font-size:10px;margin-top:10px;padding:8px}.instructions code{background:#000;color:#0f0;font-family:Courier New,monospace;font-size:10px;padding:1px 3px}@media (max-width:768px){.app-header h1{font-size:36px}.app-header p{font-size:18px}.instructions{margin:20px 10px;padding:20px}.instructions h2{font-size:24px}}@media (max-width:480px){.App{padding:10px 0}.app-header{padding:20px 10px}.app-header h1{font-size:28px}.app-header p{font-size:16px}.instructions{margin:15px 5px;padding:15px}}.music-player{background:silver;border:2px outset #666;border-radius:0;box-shadow:2px 2px 4px #00000080;color:#000;font-family:"MS Sans Serif",Tahoma,sans-serif;font-size:11px;margin:20px auto;max-width:400px;padding:8px;position:relative}.music-player:before{background:teal;color:#fff;content:"🎵 WINAMP 🎵";font-size:8px;font-weight:700;left:8px;letter-spacing:1px;padding:1px;position:absolute;right:8px;text-align:center;top:-2px}.music-player:after{animation:equalizer .8s infinite;background:repeating-linear-gradient(90deg,#0f0 0,#0f0 2px,#0000 0,#0000 4px);content:"";height:8px;position:absolute;right:12px;top:18px;width:40px}@keyframes equalizer{0%,to{opacity:.3}50%{opacity:1}}.song-info{background:#010;border:2px inset #666;color:#0f0;display:flex;flex-direction:column;font-family:Courier New,monospace;font-size:10px;height:40px;justify-content:center;margin-bottom:8px;overflow:hidden;padding:8px;position:relative;text-align:center}.song-title{font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:2px}.song-artist,.song-title{overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.song-artist{font-size:9px;letter-spacing:.5px;opacity:.8}.progress-container{align-items:center;background:silver;border:1px inset #666;display:flex;gap:8px;margin-bottom:8px;padding:4px}.progress-bar{background:#000;border:1px inset #666;cursor:pointer;flex:1 1;height:4px;overflow:hidden;position:relative}.progress-fill{background:#0f0;height:100%;transition:width .1s ease}.time-display{color:#000;font-family:Courier New,monospace;font-size:9px;font-weight:400;min-width:30px}.controls{align-items:center;background:silver;border:1px inset #666;display:flex;gap:4px;justify-content:center;margin-bottom:8px;padding:6px}.control-btn{background:silver;border:2px outset #666;border-radius:0;color:#000;cursor:pointer;font-family:"MS Sans Serif",sans-serif;font-size:8px;height:20px;transition:none;width:24px}.control-btn:hover:not(:disabled){background:#d0d0d0}.control-btn:active:not(:disabled){border:2px inset #666}.control-btn:disabled{color:#666;cursor:not-allowed;opacity:.5}.play-pause-btn{background:silver;border:2px outset #666;font-size:10px;height:24px;width:32px}.volume-control{align-items:center;background:silver;border:1px inset #666;display:flex;gap:6px;justify-content:center;margin-bottom:8px;padding:4px}.volume-icon{color:#000;font-size:10px}.volume-slider{-webkit-appearance:none;appearance:none;background:#000;border:1px inset #666;cursor:pointer;height:4px;outline:none;width:100px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:silver;border:1px outset #666;cursor:pointer;height:12px;width:8px}.volume-slider::-moz-range-thumb{background:silver;border:1px outset #666;cursor:pointer;height:12px;width:8px}.lyrics-container{background:silver;border:2px inset #666;font-family:"MS Sans Serif",sans-serif;margin-bottom:8px;padding:8px}.lyrics-container h3{background:teal;color:#000;color:#fff;font-size:11px;font-weight:700;margin:-8px -8px 6px;padding:2px;text-align:center;text-transform:uppercase}.lyrics-display{background:#fff;border:1px inset #666;max-height:120px;overflow-y:auto;padding:4px;text-align:center}.lyric-line{color:#000;font-size:10px;line-height:1.2;opacity:.6;padding:2px 0;transition:all .2s ease}.current-lyric{background:#ff0;color:navy;font-size:11px;font-weight:700;opacity:1;padding:1px 2px}.past-lyric{color:grey;opacity:.3}.song-queue{background:silver;border:2px inset #666;font-family:"MS Sans Serif",sans-serif;padding:8px}.song-queue h3{background:teal;color:#000;color:#fff;font-size:11px;font-weight:700;margin:-8px -8px 6px;padding:2px;text-align:center;text-transform:uppercase}.queue-list{background:#fff;border:1px inset #666;max-height:120px;overflow-y:auto;padding:2px}.queue-item{background:#f0f0f0;border:1px outset #666;cursor:pointer;font-size:9px;margin-bottom:1px;padding:3px 6px;transition:none}.queue-item:hover{background:#e0e0e0}.current-queue-item,.queue-item:active{border:1px inset #666}.current-queue-item{background:navy;color:#fff}.queue-song-title{font-size:9px;font-weight:700;margin-bottom:1px}.queue-song-artist{font-size:8px;opacity:.7}.lyrics-display::-webkit-scrollbar,.queue-list::-webkit-scrollbar{width:8px}.lyrics-display::-webkit-scrollbar-track,.queue-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.lyrics-display::-webkit-scrollbar-thumb,.queue-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.lyrics-display::-webkit-scrollbar-thumb:hover,.queue-list::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (max-width:768px){.music-player{margin:10px;padding:20px}.song-title{font-size:24px}.controls{gap:15px}.control-btn{font-size:20px;height:50px;width:50px}.play-pause-btn{font-size:28px;height:70px;width:70px}.volume-slider{width:120px}.lyrics-display,.queue-list{max-height:150px}}@media (max-width:480px){.progress-container,.volume-control{flex-direction:column;gap:10px}.volume-slider{width:200px}}.singing-carrot{align-items:center;display:flex;height:200px;justify-content:center;margin:20px 0;position:relative}.carrot-image{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));height:150px;transition:transform .1s ease;width:auto}.carrot-image.singing{animation:bounce .4s infinite alternate}.carrot-image.word-bounce{animation:wordBounce .2s ease-out;transform:translateY(-10px);transform:translateY(calc(-10px + var(--word-bounce-offset, 0px)))}@keyframes bounce{0%{transform:translateY(0) scale(1)}to{transform:translateY(-10px) scale(1.05)}}@keyframes wordBounce{0%{transform:translateY(-10px) scale(1.05)}50%{transform:translateY(-20px) scale(1.1)}to{transform:translateY(-10px) scale(1.05)}}.music-notes{left:50%;pointer-events:none;position:absolute;top:0;transform:translateX(-50%)}.note{animation:float 2s ease-in-out infinite;color:#ff6b6b;font-size:24px;position:absolute;text-shadow:2px 2px 4px #00000080}.note-1{animation-delay:0s;left:-40px}.note-2{animation-delay:.5s;font-size:28px;left:0}.note-3{animation-delay:1s;left:40px}@keyframes float{0%{opacity:0;transform:translateY(0) rotate(0deg)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(-60px) rotate(20deg)}}.current-word-display{background:#000c;border:1px solid #666;border-radius:4px;bottom:-30px;color:#0f0;font-family:Courier New,monospace;font-size:10px;left:50%;padding:4px 8px;position:absolute;transform:translateX(-50%);white-space:nowrap}.word{margin:0 2px;opacity:.6;transition:all .2s ease}.active-word{color:#ff0;font-weight:700;opacity:1;position:relative;text-shadow:0 0 3px #ff0;transform:scale(1.1)}.sung-word{color:#888;opacity:.4;text-decoration:line-through}.mini-carrot{animation:miniBounce .3s ease-out;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.5));height:auto;left:50%;position:absolute;top:-20px;transform:translateX(-50%);width:12px;z-index:10}@keyframes miniBounce{0%{opacity:0;transform:translateX(-50%) translateY(5px) scale(.8)}50%{opacity:1;transform:translateX(-50%) translateY(-5px) scale(1.2)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@media (max-width:768px){.singing-carrot{height:150px;margin:10px 0}.carrot-image{height:120px}.note{font-size:18px}.note-2{font-size:22px}.mini-carrot{top:-15px;width:10px}.current-word-display{bottom:-25px;font-size:9px}}
/*# sourceMappingURL=main.8d3dd16d.css.map*/