:root{--bg:#0a0a0c;--surface:#131318;--surface-2:#1c1c24;--text:#ececf1;--text-dim:#8a8a99;--accent:#b388ff;--accent-2:#7c4dff;--border:#26262f}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;font-size:15px;line-height:1.45}a,body{color:var(--text)}a{text-decoration:none}a:hover{color:var(--accent)}.app-shell{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh}.topbar{display:flex;align-items:center;gap:24px;padding:14px 24px;border-bottom:1px solid var(--border);background:rgba(10,10,12,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:-webkit-sticky;position:sticky;top:0;z-index:50}.brand{font-weight:700;letter-spacing:-.02em;font-size:18px;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.topbar nav{display:flex;gap:16px;color:var(--text-dim)}.content{padding:24px 24px 110px;max-width:1200px;margin:0 auto;width:100%}.track-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px}.track-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px;cursor:pointer;transition:transform .15s,border-color .15s}.track-card:hover{transform:translateY(-2px);border-color:var(--accent)}.track-card .cover{aspect-ratio:1;background:linear-gradient(135deg,var(--accent-2),var(--surface-2));border-radius:8px;margin-bottom:10px}.track-card .title{font-weight:600;margin-bottom:2px}.track-card .author{color:var(--text-dim);font-size:13px}.track-card .ai-tag{display:inline-block;margin-top:8px;font-size:11px;padding:2px 8px;background:var(--surface-2);border-radius:999px;color:var(--text-dim)}.player-bar{position:fixed;left:0;right:0;bottom:0;background:var(--surface);border-top:1px solid var(--border);padding:10px 16px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:16px;gap:16px;z-index:60}.player-meta{display:flex;align-items:center;gap:12px;min-width:0}.player-meta .mini-cover{width:44px;height:44px;border-radius:6px;background:linear-gradient(135deg,var(--accent-2),var(--surface-2));flex-shrink:0}.player-meta .text{min-width:0}.player-meta .text .t{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-meta .text .a{color:var(--text-dim);font-size:13px}.player-controls{display:flex;align-items:center;gap:12px}.player-controls button{background:var(--accent);color:#0a0a0c;border:none;width:40px;height:40px;border-radius:999px;font-size:16px;font-weight:700;cursor:pointer}.player-controls button:hover{background:var(--accent-2);color:white}.player-progress{display:flex;align-items:center;gap:10px;color:var(--text-dim);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.player-progress .bar{height:4px;width:100%;background:var(--surface-2);border-radius:999px;overflow:hidden}.player-progress .bar>div{height:100%;background:var(--accent);width:0;transition:width .2s linear}.empty-state{text-align:center;padding:80px 24px;color:var(--text-dim)}.empty-state h2{color:var(--text);margin-bottom:8px}