*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:VT323,monospace;font-size:1.125rem;line-height:1.5;color:#e0e0e0;background:#1a1a2e;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0f0f1a;border:1px solid #2d2d5a}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3d3d7a,#2d2d5a);border:1px solid #3d3d7a}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#00cc7f,#3d3d7a)}::selection{background:#00ff9f;color:#1a1a2e}a{color:#00ff9f;text-decoration:none;transition:color .15s ease}a:hover{color:#00cc7f;text-shadow:0 0 10px rgba(0,255,159,.3)}:focus-visible{outline:2px solid #00ff9f;outline-offset:2px}.winamp-panel{background:linear-gradient(180deg,#16213e,#0f0f1a);border:2px solid #2d2d5a;border-top-color:#3d3d7a;border-left-color:#3d3d7a;box-shadow:inset 1px 1px #ffffff0d,inset -1px -1px #0000004d,0 4px 20px #00000080}.winamp-screen{background:#0a0a14;border:2px solid #2d2d5a;border-top-color:#1d1d40;border-left-color:#1d1d40;box-shadow:inset 0 0 20px #00000080}.winamp-button,.winamp-button-primary{font-family:VT323,monospace;font-size:1rem;color:#e0e0e0;background:linear-gradient(180deg,#16213e,#0f0f1a);border:2px solid #2d2d5a;border-top-color:#3d3d7a;border-left-color:#3d3d7a;padding:8px 16px;cursor:pointer;transition:all .15s ease}.winamp-button:hover:not(:disabled),.winamp-button-primary:hover:not(:disabled){background:linear-gradient(180deg,#1e2a4a,#16213e);border-color:#00ff9f}.winamp-button:active:not(:disabled),.winamp-button-primary:active:not(:disabled){border-top-color:#2d2d5a;border-left-color:#2d2d5a;border-bottom-color:#3d3d7a;border-right-color:#3d3d7a;transform:translateY(1px)}.winamp-button:disabled,.winamp-button-primary:disabled{opacity:.5;cursor:not-allowed}.winamp-button-primary{color:#1a1a2e;background:linear-gradient(180deg,#00ff9f,#00cc7f);border-color:#00ff9f;border-top-color:#33ffb2;border-left-color:#33ffb2;font-weight:700;text-shadow:0 1px 0 rgba(255,255,255,.3)}.winamp-button-primary:hover:not(:disabled){background:linear-gradient(180deg,#33ffb2,#00ff9f);box-shadow:0 0 15px #00ff9f4d}.winamp-input{font-family:VT323,monospace;font-size:1.125rem;color:#00ff9f;background:#0a0a14;border:2px solid #2d2d5a;border-top-color:#1d1d40;border-left-color:#1d1d40;padding:12px 16px;width:100%;transition:all .15s ease}.winamp-input::placeholder{color:#808090}.winamp-input:focus{outline:none;border-color:#00ff9f;box-shadow:inset 0 0 10px #00000080,0 0 10px #00ff9f4d}.led-text{font-family:VT323,monospace;color:#00ff9f;text-shadow:0 0 5px #00ff9f,0 0 10px #00ff9f,0 0 20px rgba(0,255,159,.3)}.pixel-text{font-family:"Press Start 2P",cursive;font-size:.625rem;letter-spacing:1px}.spectrum-bar{background:linear-gradient(180deg,#f36,#f93,#fc0 50%,#00ff9f)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes glow-pulse{0%,to{text-shadow:0 0 5px #00ff9f,0 0 10px rgba(0,255,159,.3)}50%{text-shadow:0 0 10px #00ff9f,0 0 20px #00ff9f,0 0 30px rgba(0,255,159,.3)}}@keyframes scroll-text{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes spectrum-bounce{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.blink{animation:blink 1s step-end infinite}.glow-pulse{animation:glow-pulse 2s ease-in-out infinite}@media (max-width: 768px){html{font-size:14px}.pixel-text{font-size:.5rem}}@media (max-width: 480px){html{font-size:12px}}