.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{position:fixed;top:0;left:0;width:auto;height:auto;padding:var(--space-3) var(--space-4);background:var(--color-accent);color:#fff;z-index:9999;font-size:var(--text-sm)}.header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:var(--color-header-bg);border-bottom:1px solid var(--color-header-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header__inner{display:flex;align-items:center;gap:var(--space-4);height:4rem}.header__wordmark{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;flex-shrink:0;min-width:0}.header__logo{width:24px;height:24px;object-fit:contain;flex-shrink:0}.header__wordmark-text{display:flex;flex-direction:column;gap:0;min-width:0}.header__wordmark-name{font-family:var(--font-mono);font-weight:var(--weight-semibold);font-size:13px;color:var(--color-text);letter-spacing:var(--tracking-tight);line-height:1.1;white-space:nowrap}.header__wordmark-desc{display:flex;flex-direction:column;gap:1px;font-size:10px;font-weight:var(--weight-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--color-accent);line-height:1.3}.header__nav--desktop{flex:1 1}.header__nav-list{display:flex;align-items:center;gap:var(--space-1)}.header__nav-link{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);text-decoration:none;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.header__nav-link:hover{color:var(--color-text);background:var(--color-surface-alt)}.header__controls{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);transition:color var(--duration-fast) var(--ease-out)}.theme-toggle:hover{color:var(--color-text)}.lang-dropdown{position:relative}.lang-dropdown__trigger{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.lang-dropdown__trigger:hover{border-color:var(--color-accent-border);color:var(--color-accent)}.lang-dropdown__menu{position:absolute;top:calc(100% + 4px);right:0;min-width:140px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:200;overflow:hidden}.lang-dropdown__option{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:none;font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.lang-dropdown__option:hover{background:var(--color-surface-alt);color:var(--color-text)}.lang-dropdown__option--active{color:var(--color-accent);font-weight:var(--weight-medium)}.lang-dropdown__native{font-size:var(--text-xs);color:var(--color-text-faint)}.header__hamburger:hover{color:var(--color-text)}.header__mobile-menu{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.header__mobile-list{display:flex;flex-direction:column}.header__mobile-link{display:block;padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);text-decoration:none;border-bottom:1px solid var(--color-border)}.header__mobile-link:hover{color:var(--color-accent);background:var(--color-surface-alt)}@media (max-width:768px){.header__nav--desktop{display:none}.header__hamburger{display:inline-flex}}@media (max-width:420px){.header__wordmark-name{font-size:var(--text-xs)}}