*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}#root{padding:0 20px;position:relative;z-index:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:none;min-height:100vh;position:relative;z-index:0}:root{--halftone-step-px: 20;--halftone-r-min-px: 2;--halftone-r-max-px: 13;--halftone-opacity-top: 1;--halftone-opacity-bottom: 1;--halftone-invert: false;--halftone-angle-deg: 45;--halftone-dot-color: black}#halftone-bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:-1;pointer-events:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(1200px 900px at 18% 12%,rgba(255,210,32,.18),transparent 55%),radial-gradient(900px 700px at 88% 28%,rgba(255,255,255,.14),transparent 50%),#ff0080;z-index:-2;pointer-events:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{width:100%;min-height:100vh;display:flex;justify-content:center}.player-container{width:100%;max-width:600px}.app-title{color:#ffd200;text-shadow:black 2.5px 4px;font-style:normal;font-weight:300;font-size:38px;margin:14px 0;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.player-card{background:#fff;padding:0;animation:slideIn .3s ease-out;margin-bottom:30px;box-shadow:12px 12px #0ff}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.error-banner{background-color:#fee;border:1px solid #fcc;border-radius:8px;padding:12px 16px;margin-bottom:20px;color:#c33;font-size:14px;text-align:center}