@media (orientation:portrait){body{padding-bottom:80px}.container{max-width:100%;padding:24px 16px}.header{height:56px;margin-bottom:28px}.hero{padding:40px 20px;text-align:center}.hero h1{font-size:28px}.hero-content{max-width:100%}.hero-actions{justify-content:center}.sources{display:grid;grid-template-columns:1fr;gap:12px}.source-card{padding:20px}.audio-panel{display:grid;grid-template-columns:1fr;gap:16px}.now-playing{min-height:auto}.spectrum-card{min-height:148px}.controls-grid{display:flex;gap:8px;padding:8px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.desktop-nav{display:none!important}.mobile-nav{display:flex}.logo-text{font-size:20px}.sources.four-up{grid-template-columns:repeat(2,1fr);padding:8px 4px}}@media (orientation:landscape){body{padding-bottom:0}.container{max-width:1100px;padding:32px 24px}.header{height:64px;margin-bottom:48px}.hero{padding:56px 48px}.hero h1{font-size:40px}.hero-content{max-width:650px}.hero-actions{flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.sources{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sources.four-up{grid-template-columns:repeat(4,1fr);padding:12px 6px}.glow-card .card-inner,.source-card{padding:24px}.audio-panel{display:grid;grid-template-columns:1fr 1.5fr;gap:20px}.console-workspace{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:start}.console-workspace .spectrum-card{min-width:0}.console-workspace .controls-grid{display:flex;gap:10px;padding:0;overflow-x:visible;align-self:stretch}.controls-grid{display:flex;justify-content:center;gap:12px;padding:8px 0;overflow-x:auto}.desktop-nav{display:flex!important}.mobile-nav{display:none!important}.logo-text{font-size:22px}}