*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0f0f0f;--surface: #1a1a1a;--high: #252525;--accent: #D4921A;--accent-btn: #F5A623;--text: #FFFFFF;--text-sec: #A0A0A0;--text-mut: #555555;--border: #2a2a2a;--content-width: 1100px;--content-pad: 40px;--gap-xs: 4px;--gap-sm: 8px;--gap-md: 14px;--gap-lg: 24px;--gap-xl: 32px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 14px}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}.page-wrapper{min-height:100vh;display:flex;flex-direction:column}.page-content{flex:1;max-width:var(--content-width);margin:0 auto;padding:var(--gap-xl) var(--content-pad);width:100%}h1{font-size:2rem;font-weight:700}h2{font-size:1.5rem;font-weight:600}h3{font-size:1.125rem;font-weight:600}.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.home-bandeau{height:180px;width:100%;object-fit:cover;display:block}.home-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media (max-width: 640px){.home-bandeau{height:140px}.home-cat-grid{grid-template-columns:repeat(2,1fr)}.home-pad{padding-left:16px;padding-right:16px}}@media (max-width: 1024px){.song-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width: 768px){.page-content{padding:var(--gap-lg) var(--gap-lg)}}@media (max-width: 640px){.song-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 400px){.song-grid{grid-template-columns:1fr!important}}