*{box-sizing:border-box;margin:0;padding:0}body{background:#000;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app,body{color:#fff}.app{display:flex;flex-direction:column;gap:1.5rem;min-height:100vh;padding:1.5rem 2rem 5.5rem}.app>h1{border-bottom:1px solid #2b2b2b;font-size:1.8rem;font-weight:700;letter-spacing:.03em;margin-bottom:.75rem;padding-bottom:.75rem}.upload-search-row{align-items:stretch;display:flex;gap:1rem;margin-bottom:.5rem}.upload-form{flex:1 1;order:1}.search-bar{flex:1 1;order:2}@media (max-width:768px){.upload-search-row{flex-direction:column}.search-bar,.upload-form{order:0}}.search-bar,.upload-form{background:#181818;border-radius:12px;box-shadow:0 12px 30px #00000073;padding:1rem 1.25rem}.upload-form h2{font-size:1rem;margin-bottom:.75rem}.upload-form input[type=search]::placeholder,.upload-form input[type=text]::placeholder{color:#aaa}.upload-form input[type=search]:focus,.upload-form input[type=text]:focus{background:#252525;border-color:#1db954}.upload-form input[type=file]{font-size:.85rem;margin:.4rem 0 .75rem}.search-bar{align-items:center;display:flex;gap:.5rem}.search-bar input[type=search],.search-bar input[type=text]{background:#202020;border:1px solid #333;border-radius:999px;color:#f5f5f5;flex:1 1;font-size:.9rem;outline:none;padding:.55rem .9rem;transition:border .2s ease,background .2s ease}.search-bar input[type=search]::placeholder,.search-bar input[type=text]::placeholder{color:#aaa}.search-bar input[type=search]:focus,.search-bar input[type=text]:focus{background:#252525;border-color:#1db954}.btn,.search-bar button,.song-list .actions button,.upload-form button{border:none;cursor:pointer;font-family:inherit;transition:transform .1s ease,box-shadow .1s ease,background .2s}.btn:hover,.search-bar button:hover,.song-list .actions button:hover,.upload-form button:hover{background:#1ed760;box-shadow:0 4px 10px #00000080;transform:translateY(-1px)}.btn:active,.search-bar button:active,.song-list .actions button:active,.upload-form button:active{box-shadow:none;transform:translateY(0)}.song-list{background:#121212;border-radius:12px;box-shadow:0 10px 28px #0000008c;margin-top:1.5rem;padding:1rem 1.25rem}.song-list h3{color:#b3b3b3;font-size:1rem;font-weight:600;letter-spacing:.04em;margin-bottom:.75rem;text-transform:uppercase}.song-list ul{list-style:none;margin:0;padding:0}.song-list li{align-items:center;border-bottom:1px solid #2b2b2b;cursor:pointer;display:flex;gap:.75rem;justify-content:space-between;padding:.7rem;transition:background .15s ease,transform .05s ease}.song-list li:last-child{border-bottom:none}.song-list li:hover{background:#1b1b1b}.song-list .meta{display:flex;flex-direction:column;gap:.15rem;min-width:0}.song-list .title{font-size:.95rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-list .artist{color:#b3b3b3;font-size:.8rem}.song-list .actions button{padding-inline:1.1rem}.song-list li.playing{background:linear-gradient(90deg,#1db9544d,#0000)}.song-list li.playing .title{color:#1db954}.song-list li.playing .actions button{background:#0000;border:1px solid #1db954;box-shadow:none;color:#1db954}.player{grid-gap:.5rem 1.25rem;align-items:center;background:#111;border-radius:0;bottom:0;box-shadow:0 -8px 26px #000000e6;display:grid;gap:.5rem 1.25rem;grid-template-areas:"info controls" "info progress";grid-template-columns:minmax(0,1.4fr) minmax(0,2fr);grid-template-rows:auto auto;left:0;padding:.9rem 2rem;position:fixed;right:0;z-index:50}.player-info{grid-area:info;min-width:0}.player-info .now{color:#fff;font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-controls{gap:.9rem;grid-area:controls}.player-controls,.player-controls button{align-items:center;display:flex;justify-content:center}.player-controls button{background:#0000;border-radius:50%;color:#f7f7f7;cursor:pointer;font-size:.8rem;font-weight:600;min-height:36px;min-width:36px;padding:.45rem;transition:background .15s ease,transform .08s ease,box-shadow .12s ease,color .15s ease}.player-controls button:nth-child(2){background:#1db954;box-shadow:0 0 14px #1db954b3;color:#000;font-size:.9rem;height:44px;width:44px}.player-controls button:hover{background:#232323;transform:scale(1.05)}.player-controls button:nth-child(2):hover{background:#1ed760;transform:scale(1.08)}.progress{align-items:center;color:#b3b3b3;display:flex;font-size:.75rem;gap:.5rem;grid-area:progress}.progress span{text-align:center;width:40px}.progress input[type=range]{-webkit-appearance:none;appearance:none;background:#404040;border-radius:999px;cursor:pointer;flex:1 1;height:4px;outline:none}.progress input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#1db954;border-radius:50%;height:11px;margin-top:-4px;width:11px}.progress input[type=range]::-moz-range-thumb{background:#1db954;border:none;border-radius:50%;height:11px;width:11px}@media (max-width:768px){.player{grid-template-areas:"info" "controls" "progress";grid-template-columns:1fr;grid-template-rows:auto auto auto;padding:.75rem 1rem;row-gap:.55rem}.player-controls{justify-content:flex-start}}.progress input[type=range]:disabled{cursor:not-allowed;opacity:.4}.btn,.search-bar button,.song-list .actions button,.upload-form button{background:#1db954;border-radius:999px;color:#000;font-size:.85rem;font-weight:600;padding:.45rem 1.1rem}.search-bar input[type=text],.upload-form input[type=file],.upload-form input[type=text]{background:#1c1c1c;border:1px solid #333;border-radius:10px;color:#fff;font-size:.9rem;margin-bottom:.8rem;padding:.6rem .8rem;transition:.2s ease;width:100%}.upload-form input[type=text]::placeholder{color:#888}.upload-form input[type=text]:focus{background:#222;border-color:#1db954;box-shadow:0 0 0 2px #1db95440;outline:none}.upload-form input[type=file]{background:#1c1c1c;border:1px dashed #444;border-radius:10px;color:#bbb;cursor:pointer;margin-bottom:1rem;padding:.6rem}.upload-form input[type=file]:hover{border-color:#1db954}
/*# sourceMappingURL=main.a6c5787c.css.map*/