@font-face{font-family:Jost;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/jost-latin.woff2)format("woff2")}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/source-sans-3-latin.woff2)format("woff2")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-deep:#131419;--bg-mid:#17181d;--glow:#2b2416;--panel:#ffffff0b;--panel-strong:#ffffff13;--line:#ffffff17;--text:#e8e9ec;--muted:#9aa0ab;--accent:#e5a53a;--accent-deep:#e08b22;--accent-soft:#e5a53a14;--danger:#e05d5d;--display:"Jost", "Century Gothic", Futura, "Segoe UI", sans-serif;--body:"Source Sans 3", Corbel, Candara, "Segoe UI", sans-serif}*{box-sizing:border-box}body{background:radial-gradient(90% 70% at 30% -20%, var(--glow) 0%, var(--bg-mid) 55%, var(--bg-deep) 100%) fixed var(--bg-deep);min-height:100vh;color:var(--text);font-family:var(--body);margin:0;font-size:16px}.app{max-width:760px;padding:0 1rem calc(1.5rem + var(--player-h,0px));margin:0 auto}header{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#131419e6;align-items:center;gap:.55rem;margin:0 -1rem 1rem;padding:.45rem 1rem;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.55rem;display:flex}.logo{width:22px;height:22px}h1{font-family:var(--display);letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:.9rem;font-weight:700}.variant-toggle{align-items:center;margin-left:auto;display:flex}.variant-toggle select{background:var(--panel);color:var(--text);border:1px solid var(--line);font-family:var(--body);border-radius:7px;max-width:60vw;padding:.28rem .45rem;font-size:.78rem}.error{border:1px solid var(--danger);background:#e05d5d1f;border-radius:10px;margin-bottom:1rem;padding:.6rem .9rem;font-size:.9rem}.browse-row{flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.9rem;display:flex}.browse-btn{font-family:var(--display);color:#cbb27e;border:1px solid var(--line);cursor:pointer;background:#ffffff0d;border-radius:999px;flex-shrink:0;align-items:center;gap:.45rem;padding:.45rem .95rem;font-size:.8rem;font-weight:600;display:inline-flex}.browse-btn:hover{background:var(--panel-strong)}.browse-btn svg{display:block}.pill{font-family:var(--display);color:var(--text);background:var(--accent-soft);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border:1px solid #e5a53a66;border-radius:999px;max-width:100%;padding:.42rem .85rem;font-size:.78rem;font-weight:600;overflow:hidden}.pill i{color:var(--accent);margin-left:.35rem;font-style:normal;font-weight:700}.song-group{list-style:none}.song-group .songs{margin:0;padding:0;list-style:none}.group-head{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);align-items:baseline;gap:.5rem;margin:1rem .15rem .45rem;font-size:.72rem;font-weight:600;display:flex}.group-n{color:var(--muted);letter-spacing:0;text-transform:none;font-size:.7rem;font-weight:400}.veil{z-index:60;background:#00000073;position:fixed;inset:0}.sheet{z-index:61;max-width:760px;max-height:82vh;padding:.9rem 1rem calc(1.1rem + env(safe-area-inset-bottom));background:#121318;border:1px solid #e5a53a47;border-bottom:none;border-radius:18px 18px 0 0;margin:0 auto;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -12px 34px #0009}.sheet h4{font-family:var(--display);letter-spacing:.04em;margin:0 0 .7rem;font-size:.9rem;font-weight:700}.sheet-group{margin-bottom:.9rem}.sheet-label{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.45rem;font-size:.68rem;font-weight:600}.sheet-chips{flex-wrap:wrap;gap:.4rem;display:flex}.sheet-note{color:var(--muted);font-size:.82rem}.chip{font-family:var(--display);color:#cbb27e;border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:#ffffff0d;border-radius:999px;padding:.42rem .85rem;font-size:.78rem;font-weight:600;transition:color .12s,background .12s}.chip:hover{background:var(--panel-strong)}.chip.on{color:#221a09;background:linear-gradient(135deg, #f0a63c, var(--accent-deep));border-color:#0000;box-shadow:0 0 12px #e5a53a59}.chip:disabled{opacity:.45;cursor:default}.chip.new{color:var(--muted);border-style:dashed}.chip.new:hover{color:var(--text)}.chip-n{color:var(--muted);margin-left:.3rem;font-size:.72rem;font-weight:400}.chip.on .chip-n{color:#221a09a6}.new-folder{gap:.45rem;margin-top:.55rem;display:flex}.new-folder input{background:var(--panel);min-width:0;color:var(--text);font-family:var(--body);border:1px solid #e5a53a66;border-radius:999px;flex:1;padding:.42rem .9rem;font-size:.85rem}.sheet-done{width:100%;font-family:var(--display);letter-spacing:.03em;cursor:pointer;color:#221a09;background:linear-gradient(135deg, #f0a63c, var(--accent-deep));border:none;border-radius:999px;margin-top:.2rem;padding:.65rem;font-size:.88rem;font-weight:700;box-shadow:0 0 14px #e5a53a4d}.upbar{width:100%;font-family:var(--display);letter-spacing:.02em;color:#cbb27e;border:2px dashed var(--line);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.6rem .8rem;font-size:.85rem;font-weight:600;transition:border-color .15s,background .15s;display:flex;overflow:hidden}.upbar:hover{border-color:var(--accent);background:var(--accent-soft)}.upbar b{color:var(--accent);font-size:1rem;font-weight:700}.drop-overlay{z-index:100;border:3px dashed var(--accent);color:#cbb27e;font-family:var(--display);pointer-events:none;background:#131419d9;border-radius:18px;place-items:center;font-size:1.1rem;font-weight:600;display:grid;position:fixed;inset:10px;box-shadow:inset 0 0 40px #e5a53a26}.songs{margin:0;padding:0;list-style:none}.song{background:var(--panel);border-radius:11px;align-items:center;gap:.7rem;margin-bottom:.55rem;padding:.65rem .8rem;transition:background .12s;display:flex;position:relative}.progress{background:#ffffff0f;border-radius:99px;height:3px;position:absolute;bottom:3px;left:10px;right:10px;overflow:hidden}.progress i{background:linear-gradient(90deg, var(--accent), var(--accent-deep));height:100%;transition:width 1s linear;display:block;box-shadow:0 0 8px #e5a53a99}.song.done{cursor:pointer}.song.done:hover{background:var(--panel-strong)}.song.active{outline:1px solid var(--accent);background:var(--accent-soft)}.cover{object-fit:cover;border-radius:9px;flex-shrink:0;width:44px;height:44px}.cover-fallback{background:var(--panel-strong);justify-content:center;align-items:center;display:flex}.cover-fallback img{width:58%;height:58%;display:block}.song.upload-ghost{background:#e5a53a0d;outline:1px dashed #e5a53a4d}.song.upload-failed{cursor:pointer;outline:1px solid #e05d5d8c}.song-status.uploading{color:var(--accent)}.song-status.upfail{color:var(--danger)}.song-main{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.song-title{font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:600;overflow:hidden}.song-status{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.song-status.processing{color:var(--accent)}.song-status.processing:after{content:"…"}.song-status.error{color:var(--danger)}.song-artist{color:#cbb27e;font-weight:600}.menu-wrap{flex-shrink:0;position:relative}.kebab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.35rem .5rem;font-size:1.15rem;line-height:1;transition:color .12s,background .12s}.kebab:hover{color:var(--text);background:var(--panel-strong)}.menu{z-index:20;border:1px solid var(--line);background:#1f2229;border-radius:10px;flex-direction:column;min-width:180px;padding:.3rem;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 28px #00000080}.menu.up{top:auto;bottom:calc(100% + 4px)}.menu a,.menu button{text-align:left;width:100%;color:var(--text);font-family:var(--body);cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:.5rem;padding:.5rem .65rem;font-size:.85rem;text-decoration:none;display:flex}.menu a:hover,.menu button:hover{background:var(--accent-soft)}.menu .danger{color:var(--danger)}.menu .danger:hover{background:#e05d5d1f}.menu-label{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:.4rem .65rem .1rem;font-size:.68rem;font-weight:600}.menu-sep{border-top:1px solid var(--line);margin:.25rem .3rem}.tick{border:1px solid var(--line);color:#221a09;border-radius:5px;flex-shrink:0;place-items:center;width:16px;height:16px;font-size:.62rem;display:grid}.tick.on{background:var(--accent);border-color:var(--accent)}.empty{color:var(--muted);text-align:center;padding:1rem}.player{padding:.8rem 1rem calc(.9rem + env(safe-area-inset-bottom));background:#121318;border:1px solid #e5a53a47;border-bottom:none;border-radius:18px 18px 0 0;flex-direction:column;gap:.6rem;max-width:760px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 34px #0009}.hero{align-items:center;gap:.8rem;display:flex}.pcov{object-fit:cover;border-radius:10px;flex-shrink:0;width:54px;height:54px;box-shadow:0 2px 10px #0006}.pcov-fallback{background:var(--panel-strong);justify-content:center;align-items:center;display:flex}.pcov-fallback img{width:58%;height:58%;display:block}.hmeta{flex:1;min-width:0}.htitle{font-family:var(--display);white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:700;overflow:hidden}.hartist{color:#cbb27e;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:.8rem;font-weight:600;overflow:hidden}.htime{font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:.78rem}.htime b{color:var(--text);font-weight:600}.fatseek{appearance:none;cursor:pointer;background:linear-gradient(90deg, #e5a53a8c, #e5a53af2) 0 / var(--p,0%) 100% no-repeat, #ffffff14;border-radius:99px;width:100%;height:14px;margin:0}.fatseek::-webkit-slider-thumb{-webkit-appearance:none;background:#f6cf7d;border:none;border-radius:3px;width:4px;height:20px;box-shadow:0 0 8px #e5a53ab3}.fatseek::-moz-range-thumb{background:#f6cf7d;border:none;border-radius:3px;width:4px;height:20px;box-shadow:0 0 8px #e5a53ab3}.fatseek::-moz-range-track{background:0 0}.ctlrow{align-items:center;gap:.7rem;display:flex}.tbtn{cursor:pointer;border:none;border-radius:50%;flex-shrink:0;place-items:center;padding:0;line-height:0;display:grid}.tbtn svg{display:block}.tbtn.play{background:linear-gradient(135deg, #f0a63c, var(--accent-deep));color:#221a09;width:40px;height:40px;font-size:.7rem;transition:box-shadow .15s;box-shadow:0 0 12px #e5a53a59}.tbtn.play:hover{box-shadow:0 0 20px #e5a53a8c}.tbtn.stopb{width:32px;height:32px;color:var(--muted);border:1px solid var(--line);background:#ffffff12;transition:color .12s}.tbtn.stopb:hover{color:var(--text)}.balance{appearance:none;color:#cbb27e;border:1px solid var(--line);font-family:var(--display);cursor:pointer;text-overflow:ellipsis;background:#ffffff0d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='%239aa0ab'/%3E%3C/svg%3E") right .7rem center no-repeat;border-radius:999px;max-width:46vw;padding:.45rem 1.7rem .45rem .85rem;font-size:.74rem;font-weight:600}.balance option{color:var(--text);font-family:var(--body);background:#1f2229}.balance.speed-sel{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto}input[type=range]{accent-color:var(--accent);height:22px;margin:0}body{overflow-x:clip}@media (width<=520px){.htitle{font-size:.95rem}.balance{max-width:40vw}.balance.speed-sel{padding-right:1.5rem}}@media (width<=480px){.cover{width:40px;height:40px}.song-title{font-size:.9rem}.song{gap:.55rem}.kebab{padding:.3rem .4rem}}