.header[data-v-d4d1f8a2]{border-bottom:1px solid var(--border);z-index:20;background:#fff;position:sticky;top:0}.header-inner[data-v-d4d1f8a2]{max-width:var(--content-max-width);grid-template-columns:minmax(140px,1fr) minmax(0,2fr) minmax(140px,1fr);align-items:center;gap:16px;margin:0 auto;padding:10px 20px;display:grid}.brand[data-v-d4d1f8a2]{color:var(--text-color);white-space:nowrap;justify-self:start;font-size:18px;font-weight:700;text-decoration:none}.header-center[data-v-d4d1f8a2]{justify-content:center;align-items:baseline;gap:12px;min-width:0;display:flex}.header-title[data-v-d4d1f8a2]{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-color);font-size:16px;font-weight:650;overflow:hidden}.source-link[data-v-d4d1f8a2]{color:var(--primary-color);flex-shrink:0;font-size:13px;text-decoration:none}.source-link[data-v-d4d1f8a2]:hover{text-decoration:underline}.nav[data-v-d4d1f8a2]{justify-self:end;align-items:center;gap:16px;display:flex}.nav a[data-v-d4d1f8a2]{color:var(--text-muted);font-size:14px;text-decoration:none}.nav a.router-link-active[data-v-d4d1f8a2]{color:var(--primary-color);font-weight:600}.user[data-v-d4d1f8a2]{color:var(--text-muted);font-size:13px}@media (width<=900px){.header-inner[data-v-d4d1f8a2]{grid-template-columns:1fr auto;padding:10px 8px}.header-center[data-v-d4d1f8a2]{grid-column:1/-1;justify-content:flex-start}.header-center[data-v-d4d1f8a2]:empty{display:none}.header--player .header-inner[data-v-d4d1f8a2]{grid-template-columns:1fr auto;grid-template-areas:"brand nav""title title";align-items:center;gap:4px 8px;padding:8px;display:grid}.header--player .brand[data-v-d4d1f8a2]{grid-area:brand;font-size:16px}.header--player .header-center[data-v-d4d1f8a2]{grid-area:title;justify-content:flex-start;gap:8px;min-width:0;display:flex}.header--player .header-title[data-v-d4d1f8a2]{font-size:14px}.header--player .nav[data-v-d4d1f8a2]{grid-area:nav;gap:10px}.header--player .user[data-v-d4d1f8a2]{display:none}}:root{--primary-color:#06c;--bg-color:#f8f9fa;--card-bg:#fff;--text-color:#333;--text-muted:#666;--active-bg:#e8f0fe;--border:#e9ecef;--content-max-width:1600px}*{box-sizing:border-box}html,body{background:var(--bg-color);min-height:100%;color:var(--text-color);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#app{min-height:100vh}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-main{width:100%;max-width:var(--content-max-width);flex:1;margin:0 auto;padding:24px 20px 48px}.page-title{margin:0 0 20px;font-size:24px;font-weight:650}.muted{color:var(--text-muted)}.app-main--player{padding:12px 20px 16px}@media (width<=900px){.app-main{padding:16px 8px 32px}.app-main--player{padding:8px 8px 12px}}