:root{--nail-header-height:60px;--nail-bottom-nav-height:68px}
html{scroll-padding-top:calc(var(--nail-header-height) + 12px)}
body{padding-top:var(--nail-header-height);padding-bottom:calc(var(--nail-bottom-nav-height) + env(safe-area-inset-bottom) + 10px)}
.nail-header{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nail-header-height);display:grid;grid-template-columns:1fr auto;align-items:center;padding:0 14px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--nail-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform .26s cubic-bezier(.4,0,.2,1);will-change:transform}
.nail-header__brand{justify-self:start;display:flex;align-items:center;min-width:44px;height:44px;text-decoration:none}
.nail-header__logo{display:block;max-width:128px;max-height:38px;width:auto;height:auto;object-fit:contain;object-position:left center}
.nail-header__submit{justify-self:center;display:inline-flex;align-items:center;min-height:40px;padding:0 12px;color:var(--nail-text);font-size:15px;font-weight:800;text-decoration:none;white-space:nowrap;border-radius:999px}
.nail-header__submit:hover,.nail-header__submit:focus-visible{background:var(--nail-brand-soft);color:var(--nail-brand)}
.nail-header__account{justify-self:end;width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--nail-text)}
.nail-header__account:hover,.nail-header__account:focus-visible{background:var(--nail-brand-soft);color:var(--nail-brand)}
.nail-header__account svg{width:25px;height:25px}
.nail-nav-hidden .nail-header{transform:translateY(calc(-100% - 2px))}
@media (max-width:420px){.nail-header{padding:0 10px}.nail-header__logo{max-width:108px;max-height:34px}.nail-header__submit{font-size:14px;padding:0 8px}}
@media (prefers-reduced-motion:reduce){.nail-header{transition:none}}