/* Layout A: a full homepage and a retained, nearly full-screen workspace. */
html{scroll-padding-top:88px}
.site-nav.hub-header{position:sticky;top:0;z-index:30;width:100%;height:68px;margin:0;padding:0 max(24px,calc((100vw - 1440px)/2));gap:24px;background:#0c0c0ef5;border-bottom:1px solid #ffffff12;box-shadow:0 3px 22px #0002;backdrop-filter:blur(20px)}
.hub-header .wordmark{font-size:27px;letter-spacing:-1.4px;white-space:nowrap;flex:none;color:#fff}
.hub-header .wordmark em{color:#f04b55;font-weight:600}
.hub-header .wordmark-name{display:inline;white-space:nowrap}
.hub-switch{display:flex;align-items:center;gap:5px;margin-left:auto;padding:4px;background:#ffffff04;border:1px solid #ffffff0c;border-radius:12px}
.hub-switch a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 17px;font-size:14px;font-weight:500;border-radius:8px;color:#a9a5ac;white-space:nowrap}
.hub-switch a[aria-current=page]{background:#282326;color:#fff;box-shadow:inset 0 1px #ffffff0a,0 2px 6px #0003}
.hub-switch a[data-hub-view=agent][aria-current=page]{background:#782630;color:#fff}
.hub-switch a:hover{color:#fff;background:#ffffff0a}
.hub-switch svg{width:18px;height:18px;flex:none}
.hub-header .nav-actions{margin-left:0;gap:8px}
.hub-header .account-button{background:transparent;border-color:transparent;color:#c9c5cc}
.hub-header .account-button:hover,.hub-header .account-button[aria-current=page]{background:#ffffff0c;color:#fff}
.hub-header .menu-button{display:flex;align-items:center;justify-content:center;background:transparent;border:0;font-size:0;border-radius:10px}
.hub-header .menu-button svg{width:20px;height:20px}
.hub-header .nav-links{display:none;position:absolute;top:calc(100% + 8px);right:max(24px,calc((100vw - 1440px)/2));left:auto;width:272px;max-width:calc(100vw - 24px);padding:12px;gap:3px;flex-direction:column;align-items:stretch;border:1px solid #ffffff19;border-radius:16px;background:#1b191dfc;box-shadow:0 18px 55px #0007;margin:0;font-size:14px}
.hub-header.menu-open .nav-links{display:flex}
.hub-header .nav-links a,.hub-header .nav-links .mobile-account-link{display:flex!important;min-height:46px;padding:9px 13px;border-radius:9px}
.hub-header .nav-links a:hover{background:#ffffff08;color:#fff}
.hub-header .nav-links a:last-child{border-top:1px solid #ffffff12;border-radius:0;margin-top:4px;padding-top:14px}
.hub-header a:focus-visible,.hub-header button:focus-visible{outline:2px solid #ff9da5;outline-offset:2px}
.hub-pane{position:fixed;top:var(--hub-frame-top,68px);left:0;right:0;height:var(--hub-frame-height,calc(100dvh - 68px));z-index:20;background:#0c0c10}
.hub-pane iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#0c0c10}
.hub-pane-status{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:12px;color:#bbb5c0;padding:32px}
.hub-pane-status p{font-size:16px}.hub-pane-status a{display:inline-flex;min-height:44px;align-items:center;justify-content:center;color:#ff9da5}
.hub-workspace-open{overflow:hidden}
.hub-embedded .hub-header{display:none}
.cinema-hero{margin-top:18px}
@media(max-width:800px){
 .site-nav.hub-header{height:64px;padding:0 14px;gap:10px}
 .hub-header .wordmark{font-size:24px;letter-spacing:-1.4px}
 .hub-switch{gap:0;padding:3px;border-radius:11px}
 .hub-switch a{padding:7px 11px;font-size:13px;gap:5px}
 .hub-switch .home-label{display:none}
 .hub-switch a[data-hub-view=home]{width:44px;padding:8px}
 .hub-switch a[data-hub-view=agent] svg{display:none}
 .hub-header .nav-actions{gap:0}
 .hub-header .nav-actions .account-button{display:none}
 .hub-header .menu-button{display:flex;min-width:44px;width:44px}
 .hub-header .nav-links{right:12px}
 .hub-pane{top:var(--hub-frame-top,64px);height:var(--hub-frame-height,calc(100dvh - 64px))}
 .cinema-hero{margin-top:12px}
 .search-writing .site-nav.hub-header{display:none}
}
@media(max-width:360px){.site-nav.hub-header{padding:0 10px;gap:5px}.hub-header .wordmark{font-size:23px}.hub-switch a{padding:7px 9px}}