html[data-flow-web=site] #flowAppChrome>.tae-app-brand-bar,html[data-flow-web=site] #flowAppChrome>.tae-app-bottom-nav{display:none!important}html[data-flow-web=site] .flow-standalone-app #intro{padding-top:calc(92px + env(safe-area-inset-top));padding-bottom:24px}html[data-flow-web=site] #flowPanel.has-music-library{margin:20px auto 32px!important}#flowSiteContext{width:min(760px,calc(100vw - 32px));margin:0 auto}.flow-site-breadcrumb{display:flex;gap:10px;align-items:center;color:#788497;font-size:10px}.flow-site-breadcrumb a{display:inline-flex;align-items:center;min-height:36px;color:#a4afc0;text-decoration:none}.flow-site-breadcrumb [aria-current]{color:#e8bc67}.flow-site-title{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:16px 0 8px}.flow-site-title h1{margin:0;color:#f2efe6;font:500 30px/1.1 system-ui;letter-spacing:.24em}.flow-site-title p{margin:10px 0 0;color:#8e9cad;font-size:12px}.flow-site-title button{min-height:44px;padding:8px 15px;border:1px solid #f2efe633;border-radius:24px;background:#f2efe607;color:#e4ce9e;white-space:nowrap;font:500 11px system-ui;cursor:pointer}.flow-setup-open #flowSiteContext{display:none}#flowSiteExplore{border-top:1px solid #f2efe61c;margin-top:32px;padding:20px 0}#flowSiteExplore p{color:#8e9cad;font-size:11px}#flowSiteExplore nav{display:flex;flex-wrap:wrap;gap:8px}#flowSiteExplore a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid #f2efe629;border-radius:24px;color:#d9c597;font-size:11px;text-decoration:none}html[data-flow-web=site] #result{padding-top:calc(96px + env(safe-area-inset-top))}html[data-flow-web=site] .tae-app-page{top:90px}
@media(max-width:700px){html[data-flow-web=site]{--tae-shell-h:94px}html[data-flow-web=site] #taeSiteHeader{grid-template-columns:1fr auto;grid-template-rows:46px 48px}html[data-flow-web=site] #taeSiteHeader .tae-site-nav{display:flex;grid-row:2;grid-column:1/-1;justify-content:space-between;gap:12px}html[data-flow-web=site] #taeSiteHeader .tae-head-actions{grid-row:1;grid-column:2}.flow-site-title h1{font-size:26px}.flow-site-title p{font-size:11px}}
html[data-flow-web=site]{--flow-site-header-h:calc(var(--tae-notice-h,28px) + var(--tae-shell-h,58px) + env(safe-area-inset-top))}
html[data-flow-web=site] .flow-standalone-app #intro,html[data-flow-web=site] #result{padding-top:calc(var(--flow-site-header-h) + 16px)}html[data-flow-web=site] .tml-toolbar{top:var(--flow-site-header-h)}html[data-flow-web=site] #taeSiteHeader a,html[data-flow-web=site] #taeSiteHeader button{min-height:44px;display:inline-flex;align-items:center}
html[data-flow-web=site] #taeSiteFooter{margin:32px 0 0}
html[data-flow-web=site] body.tae-playing #taeSiteHeader,html[data-flow-web=site] body.tae-playing #taeSpotifyNotice,html[data-flow-web=site] body.tae-paused #taeSiteHeader,html[data-flow-web=site] body.tae-paused #taeSpotifyNotice,html[data-flow-web=site] body.tae-outro #taeSiteHeader,html[data-flow-web=site] body.tae-outro #taeSpotifyNotice{display:none}
/* Keep the preparation back button below the common site header. */
html[data-flow-web=site] #flowLaunchStage,html[data-flow-web=site] .tae-app-page{top:var(--flow-site-header-h)}

/* The scrollport starts below the header; sticky offsets are local to this scrollport. */
html[data-flow-web=site] .flow-standalone-app #intro{top:var(--flow-site-header-h);padding-top:0;scroll-padding-top:140px}
html[data-flow-web=site] #flowSiteContext{padding-top:16px}
html[data-flow-web=site] .tml-toolbar{top:0}