:root{--bg:#0f0f12;--bg-elevated:#1a1a22;--border:#ffffff14;--text:#f2f2f5;--text-muted:#9a9aa8;--accent:#7c6cff;--accent-soft:#7c6cff33;--radius:12px;--bar-h:72px;--safe-bottom:env(safe-area-inset-bottom,0px);--font:system-ui, -apple-system, "Segoe UI", sans-serif}.btn{border-radius:var(--radius);cursor:pointer;background:var(--bg-elevated);min-height:48px;color:var(--text);border:none;padding:12px 10px;font-size:.9rem;font-weight:500;transition:transform .12s,background .12s}.btn:hover{background:#ffffff14}.btn:active{transform:scale(.97)}.btn--primary{background:var(--accent-soft);color:var(--text)}.chip{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;flex-shrink:0;min-height:36px;padding:8px 14px;font-size:.85rem}.chip--active{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.mini-bar{height:calc(var(--bar-h) + var(--safe-bottom));padding:10px 16px calc(10px + var(--safe-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:50;background:#14141af5;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.mini-bar__info{cursor:pointer;flex:1;min-width:0}.mini-bar__title{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.mini-bar__sub{color:var(--text-muted);font-size:.75rem}.icon-btn{width:44px;height:44px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.icon-btn:hover{background:#ffffff14}.icon-btn--play{background:var(--accent);color:#fff;width:48px;height:48px}.sheet{z-index:100;pointer-events:none;opacity:0;transition:opacity .2s;position:fixed;inset:0}.sheet--open{pointer-events:auto;opacity:1}.sheet__backdrop{background:#0000008c;position:absolute;inset:0}.sheet__panel{background:var(--bg-elevated);max-height:92vh;padding:20px 20px calc(20px + var(--safe-bottom));border-radius:20px 20px 0 0;transition:transform .25s;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.sheet--open .sheet__panel{transform:translateY(0)}.sheet__cover{aspect-ratio:1;border-radius:16px;width:min(280px,70vw);margin:0 auto 20px}.sheet__title{text-align:center;margin:0 0 4px;font-size:1.2rem}.sheet__artist{text-align:center;color:var(--text-muted);margin:0 0 20px}.progress{appearance:none;cursor:pointer;background:#ffffff1f;border-radius:3px;width:100%;height:6px;margin:12px 0}.progress::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border-radius:50%;width:14px;height:14px}.sheet__controls{justify-content:center;align-items:center;gap:20px;margin-top:8px;display:flex}.time-row{color:var(--text-muted);justify-content:space-between;font-size:.75rem;display:flex}.toast{left:50%;bottom:calc(var(--bar-h) + var(--safe-bottom) + 24px);color:var(--text);opacity:0;pointer-events:none;z-index:200;background:#1e1e26f2;border-radius:999px;padding:10px 16px;font-size:.85rem;transition:opacity .2s,transform .2s;position:fixed;transform:translate(-50%)translateY(8px)}.toast--visible{opacity:1;transform:translate(-50%)translateY(0)}.cover-gradient{background:linear-gradient(135deg, var(--c1,#7c6cff), var(--c2,#3a3631))}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font);margin:0}body{padding-bottom:calc(var(--bar-h) + var(--safe-bottom) + 16px)}#app{max-width:720px;margin:0 auto;padding:16px 16px 8px}.app-header h1{margin:0 0 4px;font-size:1.35rem;font-weight:600}.app-header p{color:var(--text-muted);margin:0 0 16px;font-size:.9rem}.smart-actions{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.category-bar{scrollbar-width:none;gap:8px;margin-bottom:12px;padding-bottom:8px;display:flex;overflow-x:auto}.category-bar::-webkit-scrollbar{display:none}.section-title{color:var(--text-muted);margin:16px 0 8px;font-size:.85rem}.track-list{margin:0;padding:0;list-style:none}.track-item{border-radius:var(--radius);cursor:pointer;align-items:center;gap:12px;min-height:56px;padding:12px;display:flex}.track-item:hover{background:#ffffff0a}.track-item--active{background:var(--accent-soft)}.track-item__cover{border-radius:8px;flex-shrink:0;width:44px;height:44px}.track-item__meta{flex:1;min-width:0}.track-item__title{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;overflow:hidden}.track-item__sub{color:var(--text-muted);font-size:.8rem}.track-item__tag{color:var(--text-muted);background:#ffffff0f;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:.7rem}.wave{align-items:flex-end;gap:2px;height:14px;margin-right:6px;display:inline-flex}.wave span{background:var(--accent);border-radius:2px;width:3px;animation:.8s ease-in-out infinite wave}.wave span:nth-child(2){height:10px;animation-delay:.15s}.wave span:nth-child(3){height:6px;animation-delay:.3s}@keyframes wave{0%,to{height:4px}50%{height:14px}}.paused .wave span{height:4px;animation:none}@media (prefers-reduced-motion:reduce){.wave span{height:6px;animation:none}}