@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqQ4E.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqQ4E.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqQ4E.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqQ4E.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqQ4E.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg-color-1: #000000;--bg-color-2: #120035;--bg-color-3: #000c50;--bg-color-4: #190039;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-blur: blur(16px);--glass-shadow: 0 4px 30px rgba(0, 0, 0, .1);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--accent-color: #ffd6bb}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;color:var(--text-primary);background:linear-gradient(135deg,var(--bg-color-1),var(--bg-color-2),var(--bg-color-3),var(--bg-color-4));background-size:400% 400%;animation:gradientBG 15s ease infinite;min-height:100vh;overflow-x:hidden}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.glass-panel{background:var(--glass-bg);border-radius:24px;border:1px solid var(--glass-border);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);padding:2rem;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.glass-card{background:var(--glass-bg);border-radius:16px;border:1px solid var(--glass-border);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);padding:1.5rem;transition:transform .3s cubic-bezier(.4,0,.2,1),background-color .3s ease;cursor:pointer}.glass-card:hover{transform:translateY(-5px);background-color:#ffffff1a}.glass-input{background:#0003;border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);padding:1rem 1.5rem;width:100%;font-family:inherit;font-size:1rem;transition:all .3s ease}.glass-input:focus{outline:none;border-color:var(--accent-color);background:#0006}.glass-input::placeholder{color:var(--text-secondary)}.glass-btn{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);padding:.75rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.glass-btn:hover{background:linear-gradient(135deg,#fff3,#ffffff1a);transform:translateY(-2px)}.glass-btn:active{transform:translateY(0)}h1,h2,h3,h4,h5,h6{font-weight:600;margin-bottom:1rem}p{color:var(--text-secondary);line-height:1.6}ul{list-style:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff6}.file-path-container{position:relative;display:inline-block;cursor:pointer;margin-right:8px;-webkit-user-select:none;user-select:none}.file-icon{font-size:16px;opacity:.7;transition:opacity .2s,transform .2s;display:inline-block;vertical-align:middle}.file-path-container:hover .file-icon{opacity:1;transform:scale(1.1)}.file-path-tooltip{position:absolute;bottom:135%;left:50%;transform:translate(-50%);background-color:#141414fa;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;padding:12px 16px;border-radius:12px;font-size:12px;font-family:inherit;z-index:1000;box-shadow:0 10px 30px #000000b3;border:1px solid rgba(255,255,255,.15);pointer-events:auto;width:320px;display:flex;flex-direction:column;gap:6px;text-align:left}.track-expanded-info{background:#0003;border-top:1px solid rgba(255,255,255,.05);padding:1.5rem;font-size:.9rem;color:#fff;margin-top:0}.track-expanded-info .expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media(max-width:768px){.track-expanded-info .expanded-grid{grid-template-columns:1fr}}.track-expanded-info .tags-scroll-container{max-height:250px;overflow-y:auto;padding-right:.5rem}.file-path-tooltip .tooltip-header,.track-expanded-info .tooltip-header{font-weight:700;color:#ffaf7b;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:6px;margin-bottom:8px;text-transform:uppercase;font-size:.75rem;letter-spacing:1px}.file-path-tooltip .tooltip-row,.track-expanded-info .tooltip-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:4px 0}.file-path-tooltip .tooltip-row .label,.track-expanded-info .tooltip-row .label{color:#ffffff80;font-weight:500;white-space:nowrap}.file-path-tooltip .tooltip-row .value,.track-expanded-info .tooltip-row .value{color:#fffffff2;font-weight:600;text-align:right;word-break:break-word}.file-path-tooltip .tooltip-row.path-row,.track-expanded-info .tooltip-row.path-row{flex-direction:column;align-items:flex-start;margin-top:8px;border-top:1px solid rgba(255,255,255,.05);padding-top:8px;gap:4px}.file-path-tooltip .tooltip-row.path-row .value,.track-expanded-info .tooltip-row.path-row .value{text-align:left;font-family:monospace;font-size:.85rem;color:#ffffffbf;background:#0000004d;padding:8px;border-radius:6px;width:100%;box-sizing:border-box}.file-path-tooltip .loading-tags,.file-path-tooltip .no-tags,.track-expanded-info .loading-tags,.track-expanded-info .no-tags{font-size:.85rem;color:#fff6;font-style:italic;text-align:center;padding:8px 0}.file-path-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:rgba(20,20,20,.95) transparent transparent transparent}.bpm-badge{font-size:.7rem;font-weight:700;padding:.1rem .35rem;border-radius:4px;background:#ffaf7b26;color:#ffaf7b;margin-left:.5rem;display:inline-block;vertical-align:middle}.track-genre-badge{font-size:.7rem;font-weight:700;padding:.1rem .35rem;border-radius:4px;background:#88b3ff26;color:#88b3ff;margin-left:.5rem;display:inline-block;vertical-align:middle;text-transform:uppercase}.bpm-badge-small{color:#ffaf7b;font-weight:500}.genre-tag{opacity:.7;font-weight:500;margin-left:.25rem}
