@media(max-width:850px){
    body:has(.site-header.site-menu-open){overflow:hidden}
    .site-header{position:sticky!important;top:0;z-index:120;box-sizing:border-box;width:100vw!important;max-width:none!important;margin:0 calc(50% - 50vw) 20px!important;padding:10px 14px;border-inline:0;border-radius:0}
    .site-header-inner{flex-wrap:nowrap;gap:8px}
    .site-brand{min-width:0}
    .site-brand b{font-size:14px}
    .site-actions{display:flex;align-items:center;gap:6px;margin-inline-start:auto;margin-right:0}
    .site-header:not(:has(.account-menu)) .site-actions>.theme-toggle{display:none!important}
    .site-actions .guest-register{display:none!important}
    .site-actions .guest-login{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:8px 11px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--ink);font-size:12px;white-space:nowrap}
    .site-menu-toggle{display:grid!important;place-items:center;width:44px;height:44px;padding:0;flex:none}
    .site-menu-backdrop{display:none;position:fixed;z-index:100;inset:0;width:100%;height:100%;padding:0;border:0;background:rgb(13 14 22 / 48%);backdrop-filter:blur(2px)}
    .site-header.site-menu-open .site-menu-backdrop{display:block}
    .site-nav{position:fixed!important;z-index:101;inset:0 0 0 auto;display:flex!important;flex-direction:column;align-items:stretch;justify-content:flex-start!important;gap:6px;width:min(320px,86vw);height:100vh;height:100dvh;margin:0!important;padding:18px 18px 24px!important;overflow-y:auto!important;border-left:1px solid var(--line);border-radius:20px 0 0 20px;background:var(--surface);box-shadow:0 0 40px #12101e25;transform:translateX(105%);visibility:hidden;transition:transform .24s ease,visibility .24s}
    .site-nav .site-menu-close{display:grid;place-items:center;align-self:flex-end;flex:none;width:42px;height:42px;margin-bottom:8px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--ink);font:inherit;font-size:24px;cursor:pointer}
    .site-header.site-menu-open .site-nav{transform:translateX(0);visibility:visible}
    .site-nav a{padding:13px 12px;border-radius:11px;color:var(--ink);font-size:14px}
    .site-nav a:hover{background:var(--surface-2)}
    .site-nav .mobile-menu-theme{display:flex!important;align-items:center;gap:10px;width:100%;margin-top:auto;padding:14px 12px;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);text-align:right;font:inherit;font-size:14px;cursor:pointer}
    .site-header:has(.account-menu) .site-actions>.theme-toggle{display:none!important}
    .site-header:has(.account-menu) .account-dropdown .account-theme-toggle{display:flex!important;gap:10px}
}
@media(min-width:851px){
    .site-header{position:sticky;top:0;z-index:120;box-sizing:border-box;width:100vw;max-width:none;margin:24px calc(50% - 50vw) 34px;padding:0;border:0;border-bottom:1px solid transparent;border-radius:0;background:transparent;box-shadow:none;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
    .site-header-inner{box-sizing:border-box;width:min(1320px,calc(100% - 48px));margin-inline:auto;padding:10px 16px;border:1px solid var(--line,#e7e8ec);border-radius:18px;background:var(--surface,#fff);box-shadow:0 12px 38px rgba(25,32,51,.07);transition:border-color .18s ease,border-radius .18s ease,box-shadow .18s ease}
    .site-header.is-scrolled{border-bottom-color:var(--line,#e7e8ec);background:var(--surface,#fff);box-shadow:0 8px 24px rgba(25,32,51,.06)}
    .site-header.is-scrolled .site-header-inner{border-color:transparent;border-radius:0;box-shadow:none}
    .site-menu-toggle,.site-menu-backdrop,.site-menu-close{display:none!important}
}