@font-face{font-family:ClashDisplay;src:url(/assets/ClashDisplay-Variable-BID3Ydx1.woff2)}@font-face{font-family:ClashGrotesk;src:url(/assets/ClashGrotesk-Variable-Tr4y9hbh.woff2)}@font-face{font-family:Satoshi;src:url(./assets/Satoshi-Variable.woff2)}body{color:#fff;box-sizing:border-box;background:linear-gradient(#160820,#3e0486);min-height:100vh;margin:0}.card{box-sizing:border-box;flex-direction:column;align-items:center;gap:30px;width:100%;min-height:100vh;padding:24px;display:flex}.navbar{justify-content:space-between;align-items:center;width:min(92vw,1100px);font-family:ClashGrotesk,sans-serif;display:flex}.name{cursor:pointer;text-align:left}.name h1{letter-spacing:-1px;margin:0;font-family:ClashDisplay,sans-serif;font-size:42px;font-weight:700}.name p{opacity:.85;margin:4px 0 0;font-family:ClashGrotesk,sans-serif;font-size:15px}.nav-buttons{align-items:center;gap:12px;display:flex}.nav-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#5d01ae,#8a03a9);border:none;border-radius:10px;padding:8px 16px;font-family:ClashDisplay,sans-serif;transition:all .25s}.nav-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.upload-card,.results-card{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;gap:20px;width:min(92vw,900px);padding:40px;font-family:ClashGrotesk,sans-serif;display:flex;box-shadow:0 20px 60px #00000059}.drop-zone{cursor:pointer;background:#ffffff08;border:2px dashed #ffffff40;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:180px;padding:30px;font-family:ClashDisplay,sans-serif;transition:all .3s;display:flex}.file-controls{margin-bottom:2px}.choose-file-btn{color:#fff;cursor:pointer;background-color:#1f003a;border:none;border-radius:10px;padding:5px 10px;font-family:ClashDisplay,sans-serif;font-size:16px}.choose-file-btn:hover{color:#000;background-color:#c5a3ef;transition:all .25s;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.upload-button,.upload-another-btn,.download-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#5d01ae,#8a03a9);border:1px solid #000;border-radius:10px;align-self:center;width:min(100%,450px);padding:10px 20px;font-family:ClashDisplay,sans-serif;font-size:16px;transition:all .25s}.upload-button:hover,.upload-another-btn:hover,.download-button:hover{background:linear-gradient(90deg,#8a03a9,#5d01ae);transform:translate(-2px)translateY(-2px);box-shadow:0 8px 25px #0000004d}.loading{flex-direction:column;align-items:center;gap:20px;font-family:ClashGrotesk,sans-serif;display:flex}.loading-message{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;width:min(100vw,600px);padding:20px;font-family:ClashDisplay,sans-serif;box-shadow:0 20px 60px #00000059}.progress-circle{border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;animation:2s ease-in-out infinite pulse;display:flex}.progress-inner{background:#160820;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;font-family:ClashDisplay,sans-serif;font-size:22px;display:flex}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 15px #da34ff33}50%{transform:scale(1.05);box-shadow:0 0 35px #da34ff99}to{transform:scale(1);box-shadow:0 0 15px #da34ff33}}.tabs-display{white-space:pre;color:#1b002e;text-align:left;box-sizing:border-box;background:#fffeff;border-radius:12px;width:100%;max-width:100%;max-height:420px;padding:20px;font-family:monospace;overflow:auto}.empty-history{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:250px;display:flex}.songs-list{flex-direction:column;gap:20px;display:flex}.song-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:20px}@media (width<=768px){.card{padding:20px}.navbar{text-align:center;flex-direction:column;gap:16px}.name{text-align:center}.name h1{font-size:32px}.name p{font-size:14px}.upload-card,.results-card{border-radius:16px;width:100%;padding:24px}.drop-zone{min-height:150px;padding:20px}.loading h1{text-align:center;font-size:28px}.loading-message{box-sizing:border-box;width:100%;padding:16px;font-size:16px}.progress-circle{width:100px;height:100px}.progress-inner{width:74px;height:74px;font-size:18px}.tabs-display{max-height:none;padding:14px;font-size:12px}.download-button,.upload-another-btn,.upload-button{width:100%;font-size:15px}}@media (width<=480px){.upload-card,.results-card{padding:18px}.name h1{font-size:28px}.loading h1{font-size:24px}.tabs-display{font-size:11px}}.menu-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#5d01ae,#8a03a9);border:none;border-radius:10px;padding:8px 14px;font-size:20px;display:none}@media (width<=768px){.navbar{flex-direction:row;justify-content:space-between;align-items:flex-start;position:relative}.name{text-align:left;flex:1}.name h1{font-size:32px}.name p{font-size:14px}.menu-btn{margin-top:5px;display:block}.nav-buttons{z-index:100;opacity:0;pointer-events:none;background:#160820f7;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;width:180px;max-height:0;padding:0 12px;transition:max-height .35s,opacity .25s,transform .35s,padding .35s;display:flex;position:absolute;top:70px;right:0;overflow:hidden;transform:translateY(-10px)}.nav-buttons.show{opacity:1;pointer-events:auto;max-height:240px;padding:12px;transform:translateY(0)}}.footer{text-align:center;opacity:.8;margin-top:auto;padding:20px 0;font-family:ClashGrotesk,sans-serif;font-size:14px}