/* SYNTHIQ responsive layout v1 — presentation only. */
:root{--sq-max:1240px;--sq-rail:88px}
@media(min-width:820px){main{max-width:1080px!important;margin:0 auto!important;padding:22px 28px 42px!important}.hero{min-height:280px;padding:34px 32px;border-radius:30px}.hero h1,.heading h1{font-size:clamp(34px,4vw,46px)}.grid:not(.list){grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 18px}.strip{grid-auto-columns:minmax(172px,220px);gap:16px}.row{grid-template-columns:58px minmax(0,1fr) auto;padding:10px;border-radius:18px}.row img{width:58px;height:58px}.search-panel{padding-left:max(28px,calc((100vw - 1080px)/2 + 28px));padding-right:max(28px,calc((100vw - 1080px)/2 + 28px))}}
@media(min-width:1180px){main{max-width:var(--sq-max)!important;padding-left:36px!important;padding-right:36px!important}.grid:not(.list){grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}.strip{grid-auto-columns:minmax(190px,230px)}.hero{min-height:320px;padding:42px 40px}}
@media (orientation:landscape) and (min-width:700px),(min-width:1100px){
.shell{padding-left:var(--sq-rail)!important;padding-bottom:24px!important}body.has-mini .shell{padding-bottom:calc(var(--mini-h) + 38px)!important}
.nav{left:0!important;right:auto!important;top:0!important;bottom:0!important;width:var(--sq-rail)!important;height:100dvh!important;padding:max(14px,env(safe-area-inset-top)) 8px max(14px,env(safe-area-inset-bottom))!important;grid-template-columns:1fr!important;grid-template-rows:repeat(4,72px)!important;align-content:center!important;gap:8px!important;border-top:0!important;border-right:1px solid var(--line)!important;background:color-mix(in srgb,var(--bg) 94%,transparent)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.nav button{position:relative;margin:4px 6px;border-radius:18px;align-content:center;transition:.16s}.nav button:active{transform:scale(.96)}.nav button.selected{background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent-2)}.nav button.selected:before{content:"";position:absolute;left:-8px;top:24%;bottom:24%;width:3px;border-radius:0 99px 99px 0;background:var(--accent)}.nav button span{font-size:21px}
.top{min-height:70px;padding:max(12px,env(safe-area-inset-top)) clamp(24px,4vw,48px) 12px!important;background:color-mix(in srgb,var(--bg) 88%,transparent)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}main{max-width:var(--sq-max)!important;padding:24px clamp(24px,4vw,48px) 44px!important}.status{padding-left:clamp(24px,4vw,48px)!important;padding-right:clamp(24px,4vw,48px)!important}.search-panel{left:var(--sq-rail)!important;right:0!important;top:70px!important;padding-left:clamp(24px,4vw,48px)!important;padding-right:clamp(24px,4vw,48px)!important}
[data-view="home"].active{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(300px,.72fr);grid-template-rows:auto auto auto;column-gap:clamp(22px,3vw,40px);align-items:start}[data-view="home"]>.hero{grid-column:1;grid-row:1;margin:4px 0 0;min-height:clamp(250px,48dvh,390px);display:flex;flex-direction:column;justify-content:center}[data-view="home"]>.hero+.section{grid-column:1/-1;grid-row:2;margin-top:26px}[data-view="home"]>#albums{grid-column:1/-1;grid-row:3}[data-view="home"]>#albums+.section{grid-column:2;grid-row:1;margin:8px 0 12px;align-self:start}[data-view="home"]>#recent{grid-column:2;grid-row:1;align-self:start;margin-top:62px;max-height:calc(clamp(250px,48dvh,390px) - 70px);overflow:auto;padding-right:4px;scrollbar-width:thin}[data-view="home"]>#recent .row{background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(12px)}
.grid:not(.list){grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.mini{left:auto!important;right:24px!important;bottom:18px!important;width:min(580px,calc(100vw - var(--sq-rail) - 48px))!important;border-radius:20px!important;box-shadow:0 18px 48px var(--shadow)!important;background:color-mix(in srgb,var(--surface) 92%,transparent)!important;backdrop-filter:blur(22px)}.youtube-dock:not(.collapsed){left:auto!important;right:24px!important;width:min(580px,calc(100vw - var(--sq-rail) - 48px))!important;bottom:18px!important}body.has-mini .youtube-dock:not(.collapsed){bottom:calc(var(--mini-h) + 30px)!important}.toast{bottom:24px!important}body.has-mini .toast{bottom:calc(var(--mini-h) + 38px)!important}
html body .player.open{left:0!important;right:0!important;top:0!important;bottom:0!important;width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;transform:none!important;display:grid!important;grid-template-columns:minmax(240px,42%) minmax(330px,1fr)!important;grid-template-rows:auto auto auto auto auto auto!important;column-gap:clamp(28px,5vw,76px)!important;align-content:center!important;padding-top:max(24px,calc(env(safe-area-inset-top) + 12px))!important;padding-right:max(clamp(34px,7vw,112px),env(safe-area-inset-right))!important;padding-bottom:max(24px,calc(env(safe-area-inset-bottom) + 12px))!important;padding-left:max(clamp(34px,7vw,112px),env(safe-area-inset-left))!important;background:radial-gradient(circle at 24% 44%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 38%),radial-gradient(circle at 78% 28%,color-mix(in srgb,var(--surface-3) 38%,transparent),transparent 42%),var(--bg)!important;overflow:auto!important}html.android-app body .player.open{padding-top:max(22px,calc(var(--android-safe-top,0px) + 10px))!important;padding-bottom:max(22px,calc(var(--android-safe-bottom,0px) + 10px))!important}
html body .player.open>.cover{grid-column:1!important;grid-row:1/7!important;align-self:center!important;justify-self:center!important;width:min(100%,72dvh,520px)!important;max-width:520px!important;max-height:72dvh!important;margin:0!important;border-radius:30px!important;box-shadow:0 28px 70px var(--shadow)!important}html body .player.open>.topline{grid-column:2!important;grid-row:1!important;width:100%!important;min-height:54px!important;margin:0 0 clamp(10px,2dvh,20px)!important}html body .player.open>.copy{grid-column:2!important;grid-row:2!important;width:100%!important;max-width:620px!important;margin:0 auto clamp(14px,2.3dvh,24px)!important;text-align:left!important}html body .player.open>.copy h2{text-align:left!important;font-size:clamp(28px,3vw,42px)!important;line-height:1.06!important;letter-spacing:-.04em!important}html body .player.open>.copy p{text-align:left!important}html body .player.open>.seek{grid-column:2!important;grid-row:3!important;width:100%!important;max-width:620px!important;margin:0 auto!important}html body .player.open>.times{grid-column:2!important;grid-row:4!important;width:100%!important;max-width:620px!important;margin:3px auto 6px!important}html body .player.open>.controls{grid-column:2!important;grid-row:5!important;width:min(100%,500px)!important;margin:0 auto!important;padding:clamp(8px,1.5dvh,16px) 0 0!important}html body .player.open>.player-actions.synthiq-now-tools{grid-column:2!important;grid-row:6!important;width:min(100%,460px)!important;margin:clamp(10px,2dvh,20px) auto 0!important}
}
@media (orientation:landscape) and (min-width:700px) and (max-height:540px){main{padding-top:14px!important;padding-bottom:24px!important}[data-view="home"]>.hero{min-height:220px;padding:24px 28px}[data-view="home"]>#recent{max-height:158px}.top{min-height:60px!important;padding-top:max(8px,env(safe-area-inset-top))!important;padding-bottom:8px!important}.search-panel{top:60px!important}html body .player.open{grid-template-columns:minmax(190px,34%) minmax(330px,1fr)!important;column-gap:clamp(20px,4vw,44px)!important;padding-top:max(12px,calc(env(safe-area-inset-top) + 6px))!important;padding-bottom:max(12px,calc(env(safe-area-inset-bottom) + 6px))!important;padding-left:max(28px,env(safe-area-inset-left))!important;padding-right:max(28px,env(safe-area-inset-right))!important}html.android-app body .player.open{padding-top:max(14px,calc(var(--android-safe-top,0px) + 6px))!important;padding-bottom:max(14px,calc(var(--android-safe-bottom,0px) + 6px))!important}html body .player.open>.cover{width:min(100%,68dvh,300px)!important;max-width:300px!important;max-height:68dvh!important;border-radius:24px!important}html body .player.open>.topline{min-height:44px!important;margin-bottom:4px!important}html body .player.open>.copy{margin-bottom:6px!important}html body .player.open>.copy h2{font-size:clamp(22px,3vw,30px)!important}html body .player.open>.times{margin-bottom:0!important}html body .player.open>.controls{padding-top:4px!important}html body .player.open .controls #play{width:62px!important;height:62px!important;min-width:62px!important;min-height:62px!important;font-size:24px!important}html body .player.open .controls #prev,html body .player.open .controls #next{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important}html body .player.open>.player-actions.synthiq-now-tools{margin-top:4px!important}}
@media(min-width:1500px){:root{--sq-max:1360px;--sq-rail:96px}.grid:not(.list){grid-template-columns:repeat(5,minmax(0,1fr))}[data-view="home"]>.hero{min-height:380px}[data-view="home"]>#recent{max-height:310px}html body .player.open{grid-template-columns:minmax(360px,520px) minmax(420px,620px)!important;justify-content:center!important}}

/* Landscape organization pass: song browser, album detail and Now Playing queue only. */
@media (orientation:landscape) and (min-width:700px){
#catalogSongsSheet.sheet.open,#albumDetail.sheet.open{top:50%!important;bottom:auto!important;right:auto!important;left:calc(var(--sq-rail) + (100vw - var(--sq-rail))/2)!important;transform:translate(-50%,-50%)!important;max-height:calc(100dvh - 36px)!important;border:1px solid color-mix(in srgb,var(--line) 88%,transparent)!important;border-radius:28px!important;background:color-mix(in srgb,var(--bg) 96%,var(--surface))!important;box-shadow:0 0 0 100vmax rgba(0,0,0,.42),0 30px 90px rgba(0,0,0,.42)!important;overflow:hidden!important}
#catalogSongsSheet.sheet.open{width:min(760px,calc(100vw - var(--sq-rail) - 56px))!important;height:min(78dvh,680px)!important;padding:22px!important;display:flex!important;flex-direction:column!important}.catalog-songs-head-v41{flex:0 0 auto!important;margin:0 0 16px!important;padding:0 2px 14px!important;border-bottom:1px solid var(--line)}.catalog-songs-head-v41 h2{font-size:clamp(26px,3vw,36px)!important}.catalog-songs-list-v41{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;padding:0 4px 4px 0!important;gap:10px!important;counter-reset:sqCatalog;scrollbar-width:thin}.catalog-songs-list-v41 .row{counter-increment:sqCatalog;grid-template-columns:34px 60px minmax(0,1fr) 24px!important;min-height:80px!important;padding:10px 12px!important;border:1px solid var(--line)!important;background:color-mix(in srgb,var(--surface) 93%,transparent)!important}.catalog-songs-list-v41 .row:before{content:counter(sqCatalog,decimal-leading-zero);font-size:11px;font-weight:900;letter-spacing:.08em;color:var(--muted);text-align:center}.catalog-songs-list-v41 .row img{width:60px!important;height:60px!important;border-radius:14px!important}.catalog-songs-list-v41 .row strong{font-size:16px}.catalog-songs-list-v41 .row small{margin-top:5px!important}
#albumDetail.sheet.open{width:min(1040px,calc(100vw - var(--sq-rail) - 56px))!important;height:min(80dvh,700px)!important;padding:22px!important;display:flex!important;flex-direction:column!important;gap:14px!important}.album-detail-head{position:relative!important;display:grid!important;grid-template-columns:116px minmax(0,1fr) 50px!important;gap:16px!important;align-items:center!important;margin:0!important;padding:0 0 14px!important;border-bottom:1px solid var(--line)}.album-detail-head img{width:116px!important;height:116px!important;border-radius:20px!important}.album-detail-head h2{font-size:clamp(24px,3vw,32px)!important}.album-detail-actions{flex:0 0 auto!important;margin:0!important;grid-template-columns:minmax(180px,280px)!important}.album-detail-actions .primary{min-height:50px!important}.album-detail-tracks{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;padding:0 4px 4px 0!important;gap:10px!important;counter-reset:sqAlbum;scrollbar-width:thin}.album-detail-tracks:before{content:"TRACKS";position:sticky;top:0;z-index:2;padding:10px 10px 8px;background:color-mix(in srgb,var(--bg) 96%,var(--surface));color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.14em}.album-detail-tracks .row{counter-increment:sqAlbum;grid-template-columns:34px 58px minmax(0,1fr) 24px!important;min-height:78px!important;padding:9px 12px!important;border:1px solid var(--line)!important}.album-detail-tracks .row:before{content:counter(sqAlbum,decimal-leading-zero);font-size:11px;font-weight:900;color:var(--muted);text-align:center}.album-detail-tracks .row img{width:58px!important;height:58px!important;border-radius:13px!important}
#player .player-content-view.open{left:auto!important;right:24px!important;top:max(20px,env(safe-area-inset-top))!important;bottom:calc(var(--mini-h) + 42px)!important;width:min(720px,calc(58vw - 24px))!important;height:auto!important;min-height:0!important;max-height:none!important;transform:none!important;padding:18px!important;border:1px solid var(--line)!important;border-radius:28px!important;background:color-mix(in srgb,var(--bg) 95%,var(--surface))!important;box-shadow:0 28px 80px rgba(0,0,0,.38)!important;overflow:hidden!important}.player-content-head{min-height:50px!important;margin:0 0 12px!important;padding-bottom:10px!important;border-bottom:1px solid var(--line)!important}.player-content-body{min-height:0!important;border-radius:20px!important;background:color-mix(in srgb,var(--surface) 95%,transparent)!important}.player-content-body .queue{padding:12px!important;counter-reset:sqQueue}.player-content-body .queue>.row{counter-increment:sqQueue;grid-template-columns:34px 58px minmax(0,1fr) 24px!important;min-height:78px!important;padding:9px 12px!important;margin-bottom:9px!important;border:1px solid var(--line)!important;background:color-mix(in srgb,var(--surface) 92%,transparent)!important}.player-content-body .queue>.row:before{content:counter(sqQueue,decimal-leading-zero);font-size:10px;font-weight:900;letter-spacing:.06em;color:var(--muted);text-align:center}.player-content-body .queue>.row.current{outline:0!important;border-color:color-mix(in srgb,var(--accent) 65%,var(--line))!important;background:color-mix(in srgb,var(--accent) 8%,var(--surface))!important;box-shadow:inset 4px 0 0 var(--accent)!important}.player-content-body .queue>.row.current:before{content:"NOW";font-size:8px;color:var(--accent-2)}.player-content-body .queue>.row img{width:58px!important;height:58px!important;border-radius:13px!important}.queue-section-label-v41{padding:10px 8px 7px!important;font-size:11px!important;letter-spacing:.14em!important}.queue-section-label-v41.up-next{padding-top:14px!important;border-top:1px solid var(--line)!important;margin-top:4px!important}body.synthiq-player-content-open #mini{left:auto!important;right:24px!important;bottom:18px!important;width:min(720px,calc(58vw - 24px))!important;transform:none!important;border-radius:20px!important}
html.android-app #player .player-content-view.open{top:max(18px,calc(var(--android-safe-top,0px) + 8px))!important;right:max(24px,var(--android-safe-right,0px))!important;bottom:calc(var(--mini-h) + max(38px,calc(var(--android-safe-bottom,0px) + 26px)))!important}html.android-app body.synthiq-player-content-open #mini{right:max(24px,var(--android-safe-right,0px))!important;bottom:max(18px,calc(var(--android-safe-bottom,0px) + 10px))!important}
}
@media (orientation:landscape) and (min-width:960px){#albumDetail.sheet.open{display:grid!important;grid-template-columns:minmax(220px,280px) minmax(0,1fr)!important;grid-template-rows:auto 1fr!important;column-gap:26px!important;row-gap:14px!important}.album-detail-head{grid-column:1!important;grid-row:1!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;padding:0!important;border:0!important}.album-detail-head img{width:min(210px,26dvh)!important;height:min(210px,26dvh)!important}.album-detail-head .round{position:absolute!important;top:0!important;right:0!important}.album-detail-head span{padding-right:8px}.album-detail-actions{grid-column:1!important;grid-row:2!important;align-self:end!important;width:100%!important}.album-detail-actions .primary{width:100%!important}.album-detail-tracks{grid-column:2!important;grid-row:1/3!important;height:100%!important;padding-left:4px!important}}