*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background-color:#121212;font-size:16px}body{color:#e6e6e6;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212;min-width:320px;min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}h1,h2,h3,h4,h5,h6{color:#fff;margin-top:0;font-weight:600}p{color:#cfcfcf}a{color:#6ea8fe;text-decoration:none;transition:color .2s}a:hover{color:#9cc4ff}button{color:#fff;cursor:pointer;background:#242424;border:1px solid #3a3a3a;border-radius:8px;padding:10px 16px;transition:background .2s,border-color .2s}button:hover{background:#2f2f2f;border-color:#5a5a5a}input,textarea,select{color:#fff;background:#1b1b1b;border:1px solid #333;border-radius:6px;outline:none;padding:10px}input:focus,textarea:focus,select:focus{border-color:#6ea8fe}.card{background:#1a1a1a;border:1px solid #2d2d2d;border-radius:12px;padding:20px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#161616}::-webkit-scrollbar-thumb{background:#444;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#666}::selection{color:#fff;background:#3b82f6}.music-selector{z-index:5;pointer-events:none;position:fixed;inset:0}.track-carousel{perspective:1200px;pointer-events:auto;width:100%;height:260px;transition:opacity .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}body.is-visualizing .track-carousel{opacity:0;pointer-events:none;display:none}.track-card{aspect-ratio:3/4;cursor:pointer;border-radius:20px;width:170px;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .45s,filter .45s;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 20px 40px #00000073}.track-card img{object-fit:cover;width:100%;height:100%;display:block}.track-play-overlay{color:#fff;opacity:0;cursor:pointer;background:#00000040;border:none;justify-content:center;align-items:center;padding:0;transition:opacity .3s;display:flex;position:absolute;inset:0}.track-play-overlay:hover{opacity:.7;background:#000}.track-play-overlay svg{filter:drop-shadow(0 4px 10px #00000080)}.track-card-info{opacity:0;background:linear-gradient(#0000,#000000bf);padding:12px;transition:opacity .35s;position:absolute;inset:auto 0 0}.track-card-title{color:#fff;margin:0;font-size:14px;font-weight:600}.track-card.is-active .track-card-info{opacity:1}.player-pill{pointer-events:auto;box-sizing:border-box;-webkit-backdrop-filter:blur(20px);background:#1414148c;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:20px;padding:12px 24px;font-family:sans-serif;display:flex;position:fixed;bottom:40px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0006}.player-controls{flex-shrink:0;align-items:center;gap:12px;display:flex}.player-controls button{color:#fff;cursor:pointer;opacity:.85;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.player-controls button:hover{opacity:1}.player-track-info{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.player-track-info img{object-fit:cover;border-radius:8px;flex-shrink:0;width:36px;height:36px}.player-track-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}#player-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:600;overflow:hidden}.progress-bar{box-sizing:content-box;cursor:pointer;background:#fff3 padding-box content-box;border-radius:2px;width:100%;height:3px;padding:8px 0}.progress-fill{pointer-events:none;background:#fff;border-radius:2px;width:0%;height:100%}.volume-control{color:#fff;flex-shrink:0;align-items:center;gap:8px;display:flex}#volume-slider{accent-color:#fff;width:70px}@media (width<=480px){.track-card{width:130px}.track-carousel{height:200px}.player-pill{flex-wrap:wrap;justify-content:center;gap:10px 16px;bottom:24px}.player-track-info{display:none}.volume-control{order:2}}.visualizer-stage{z-index:1;opacity:0;pointer-events:none;transition:opacity .5s;position:fixed;inset:0}body.is-visualizing .visualizer-stage{opacity:1;pointer-events:auto}.visualizer-canvas{position:absolute;inset:0}.shape-toggle{z-index:10;-webkit-backdrop-filter:blur(20px);color:#fff;cursor:pointer;background:#1414148c;border:1px solid #ffffff14;border-radius:999px;padding:8px 18px;font-size:13px;position:fixed;top:32px;right:32px}.shape-toggle:hover{background:#1e1e1eb3}.back-button{z-index:10;-webkit-backdrop-filter:blur(20px);color:#fff;cursor:pointer;background:#1414148c;border:1px solid #ffffff14;border-radius:999px;padding:8px 18px;font-size:13px;position:fixed;top:32px;left:32px}.back-button:hover{background:#1e1e1eb3}.background-wrapper{z-index:0;opacity:.9;width:100%;height:100%;position:relative}#background-canvas{z-index:1;width:100%;height:100%;position:absolute;inset:0}#content{mix-blend-mode:difference;z-index:2;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.6rem;display:flex;position:absolute;top:0;left:0}.txt-content{border:.2rem solid #fff;border-radius:1rem;padding:.98rem}.background-overlay{z-index:1;pointer-events:none;-webkit-backdrop-filter:blur(90px)saturate(160%);background:linear-gradient(#ffffff0d,#0006);position:absolute;inset:0}