:root{--header-h:52px;--header-gap:var(--space-xs)}@media (min-width:768px){:root{--header-h:58px;--header-gap:var(--space-s)}}body{padding-top:calc(var(--header-h) + var(--header-gap) * 2)}.header{position:fixed;inset:var(--header-gap) var(--space-2xs) auto;z-index:var(--z-header);margin-inline:auto;padding-inline:var(--space-s);max-width:1400px;display:flex;align-items:center;justify-content:space-between;--ch:.75rem;clip-path:polygon(0 0,calc(100% - var(--ch)) 0,100% var(--ch),100% 100%,var(--ch) 100%,0 calc(100% - var(--ch)));transition:transform var(--dur) var(--ease)}@media (min-width:768px){.header{inset:var(--header-gap) var(--space-s) auto;--ch:1rem;padding-inline:var(--space-m)}}@media (min-width:1200px){.header{inset:var(--header-gap) var(--space-l) auto}}.header.is-hidden{transform:translateY(calc(-100% - var(--space-l)))}.header__mod{display:flex;align-items:center;min-height:var(--header-h)}.header__mod--actions{gap:var(--space-2xs)}@media (max-width:1099px){.header__mod--nav{display:none}}.header-logo{display:block;line-height:0}.header-logo img{height:15px;width:auto}@media (min-width:768px){.header-logo img{height:17px}}.header_nav{display:flex;align-items:center;gap:var(--space-m)}.header_nav a{position:relative;padding-block:var(--space-s);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--fg-muted);white-space:nowrap;transition:color var(--dur-fast) var(--ease)}.header_nav a:hover{color:var(--fg)}.header_nav a[aria-current=page]{color:var(--accent)}.header_nav a[aria-current=page]::before{content:"";position:absolute;top:0;left:50%;width:14px;height:2px;transform:translateX(-50%);background:var(--accent)}#login-btn{display:inline-flex}#dashboard-btn{display:none}.logged #login-btn{display:none}.logged #dashboard-btn{display:inline-flex}.header__mod--actions .btn{--ch:.375rem;min-height:32px;padding:0 var(--space-xs);font-size:var(--text-xs);line-height:1;white-space:nowrap}@media (max-width:1099px){.header__mod--actions{display:none}}#menuIcon{display:block;width:24px;height:18px;position:relative;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer}@media (min-width:1100px){#menuIcon{display:none}}#menuIcon span{display:block;position:absolute;height:2px;width:100%;background-color:var(--fg-muted);opacity:1;left:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:var(--dur) ease-in-out;-moz-transition:var(--dur) ease-in-out;-o-transition:var(--dur) ease-in-out;transition:var(--dur) ease-in-out}#menuIcon span:first-child{top:0}#menuIcon span:nth-child(2){top:8px}#menuIcon span:nth-child(3){top:16px}#menuIcon.open span:first-child{top:8px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}#menuIcon.open span:nth-child(2){opacity:0;left:-24px}#menuIcon.open span:nth-child(3){top:8px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}.header_overlay{position:fixed;inset:0;z-index:calc(var(--z-header) - 1);display:flex;flex-direction:column;justify-content:center;gap:var(--space-2xs);padding:var(--space-3xl) var(--space-l);opacity:0;visibility:hidden;transition:opacity var(--dur) var(--ease),visibility var(--dur)}.header_overlay.open{opacity:1;visibility:visible}@media (min-width:1100px){.header_overlay{display:none}}.header_overlay a{font-family:var(--font-mono);font-size:var(--text-xl);text-transform:uppercase;letter-spacing:.04em;color:var(--fg);padding-block:var(--space-2xs)}.header_overlay a[aria-current=page]{color:var(--accent)}.header_overlay__actions{display:flex;flex-direction:column;gap:var(--space-2xs);margin-top:var(--space-m)}.header_overlay__actions a[href="/render"]{color:var(--accent)}.header_overlay__actions a[href="/render"]:hover{color:var(--accent-2)}#overlayDashboard{display:none}.logged #overlayDashboard{display:block}.logged #overlayLogin{display:none}@media (prefers-reduced-motion:reduce){#menuIcon span,.header,.header_overlay{transition:none}}