/* Home Screen app controls share the site's charcoal and chosen accent. */
body[data-brand] .nav-wrap #navigation .app-menu-link{display:none}
body[data-brand] .app-promo{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:24px;margin:0 0 48px;padding:28px;border:1px solid #414a53;border-radius:14px;background:#15191d}
.app-promo img{border-radius:14px}
body[data-brand] .app-promo h2{font:700 clamp(24px,3vw,34px)/1.2 'Barlow Condensed',sans-serif;letter-spacing:0;margin:6px 0 8px;color:#f5f7fa}
body[data-brand] .app-promo p{font-size:13px;line-height:1.7;margin:0;max-width:48ch;color:#bec5cd}
body[data-brand] .app-promo .small-label{font-size:10px;color:var(--event-readable)}
body[data-brand] .app-promo .button{white-space:nowrap}
body[data-brand] #app-install{position:fixed;inset:0;margin:auto;width:min(480px,calc(100% - 28px));max-width:480px;max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;background:#15191d;color:#f5f7fa;border:1px solid #66727d;border-radius:20px;padding:32px;box-shadow:0 24px 80px #0009;scrollbar-gutter:stable}
body[data-brand] #app-install::backdrop{background:#050608c7;backdrop-filter:blur(8px)}
body[data-brand] .app-install-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;min-width:44px;min-height:44px;background:#23262d;color:#f5f7fa;border:1px solid #66727d;border-radius:50%;font:28px/1 sans-serif}
.app-install-icon{border-radius:20px;margin-bottom:24px}
body[data-brand] #app-install .small-label{font-size:11px;color:var(--event-readable);margin:0 0 14px}
body[data-brand] #app-install h2{font:700 clamp(38px,9vw,48px)/1.02 'Barlow Condensed',sans-serif;letter-spacing:-.01em;margin:0 0 20px}
body[data-brand] #app-install h2 em{font-style:normal;color:var(--event-readable)}
body[data-brand] #app-install p{font-size:14px;line-height:1.7;color:#bec5cd;margin:16px 0}
body[data-brand] #app-install details{border-block-end:1px solid #414a53;padding:0;margin:0;background:transparent}
body[data-brand] #app-install summary{font:700 14px/1.5 Manrope,sans-serif;padding:16px 0;min-height:52px;cursor:pointer;color:#f5f7fa}
body[data-brand] #app-install ol{padding-left:22px;margin:0 0 18px;color:#bec5cd;font-size:14px;line-height:1.7}
body[data-brand] #app-install li{padding-left:4px;margin:12px 0}
body[data-brand] #app-install strong{color:#f5f7fa}
body[data-brand] #app-install-native{width:100%;margin:8px 0 12px}
body[data-brand] #app-install-status{padding:14px;border:1px solid #66727d;border-radius:8px;background:#20252b;color:#f5f7fa}
body[data-brand] #app-install .app-install-note{font-size:12px;color:#bec5cd;margin-top:24px}
body[data-brand] .app-install-done{min-height:44px;background:transparent;border:0;padding:10px 0;color:#f5f7fa;font:600 13px/1.6 Manrope,sans-serif;text-decoration:underline;text-underline-offset:5px}
.app-tabs{display:none}
body[data-brand] .app-connection{position:fixed;top:88px;left:50%;transform:translateX(-50%);z-index:81;width:min(520px,calc(100% - 24px));padding:10px 16px;background:#d4edff;color:#0b0d10;border:1px solid #66727d;border-radius:0 0 10px 10px;font-size:13px;line-height:1.6;box-shadow:0 6px 24px #0005}
body[data-brand] :is(#app-install-native,#app-install-status,#app-install-help,#app-connection)[hidden]{display:none!important}
html[data-app-mode="standalone"]{scroll-padding-top:calc(110px + env(safe-area-inset-top))}
html[data-app-mode="standalone"] body[data-brand]{padding-bottom:calc(86px + env(safe-area-inset-bottom));padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
html[data-app-mode="standalone"] body[data-brand] .site-header{padding-top:env(safe-area-inset-top)}
html[data-app-mode="standalone"] body[data-brand] :is(#assistant-open,.mobile-dock,.app-promo,.app-menu-link){display:none!important}
html[data-app-mode="standalone"] .app-tabs{display:grid;position:fixed;z-index:85;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,640px);grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:8px max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#15191df5;border:1px solid #414a53;border-bottom:0;border-radius:16px 16px 0 0;box-shadow:0 -8px 32px #0004;backdrop-filter:blur(16px)}
html[data-app-mode="standalone"] .app-tabs :is(a,button){display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:52px;margin:0;border:0;border-radius:8px;padding:5px 3px;background:transparent;color:#bec5cd;font:600 11px/1.35 Manrope,sans-serif;text-decoration:none;cursor:pointer}
html[data-app-mode="standalone"] .app-tabs :is([aria-current="page"],[aria-expanded="true"]){background:var(--event-tint);color:var(--event-readable)}
html[data-app-mode="standalone"] .app-tabs :is(a,button):hover{color:var(--event-readable);background:var(--event-tint)}
html[data-app-mode="standalone"] .app-tabs svg{flex-shrink:0;width:22px;height:22px}
html[data-app-mode="standalone"] body[data-brand] .app-connection{top:calc(88px + env(safe-area-inset-top))}
html[data-app-mode="standalone"] body[data-brand] .cookie-panel{bottom:calc(86px + env(safe-area-inset-bottom));max-height:calc(100dvh - 190px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto}
@media(max-width:1080px){body[data-brand] .nav-wrap #navigation{max-height:calc(100dvh - 90px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto}body[data-brand] .nav-wrap #navigation .app-menu-link{display:inline-flex;color:var(--event-readable);border-top:1px solid #414a53;margin-top:4px}body[data-brand] .app-connection{top:78px}html[data-app-mode="standalone"] body[data-brand] .app-connection{top:calc(78px + env(safe-area-inset-top))}html[data-app-mode="standalone"] body[data-brand] .nav-wrap #navigation{top:calc(72px + env(safe-area-inset-top))}}
@media(max-width:760px){body[data-brand] .app-promo{grid-template-columns:48px 1fr;padding:20px;gap:16px;margin-bottom:32px}body[data-brand] .app-promo img{width:48px;height:48px;border-radius:11px;align-self:start}body[data-brand] .app-promo .button{grid-column:1/-1;width:100%}body[data-brand] #app-install{padding:26px 22px}.app-install-icon{width:72px;height:72px}}
@media(forced-colors:active){html[data-app-mode="standalone"] .app-tabs :is([aria-current="page"],[aria-expanded="true"]){outline:2px solid Highlight;outline-offset:-3px}}
@media(max-width:760px){html[data-app-mode="standalone"] body[data-brand] #assistant{top:max(var(--assistant-top,8px),calc(env(safe-area-inset-top) + 8px));left:calc(8px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right));width:calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right));height:calc(var(--assistant-height,100dvh - 16px) - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(var(--assistant-height,100dvh - 16px) - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}