header.cockpit-topbar{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--topbar-bg);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:16px;padding:14px 28px;transition:border-color .2s,background .2s;display:flex;position:fixed;top:0;left:0;right:0}header.cockpit-topbar.scrolled{border-bottom-color:var(--border);background:var(--topbar-bg-scrolled)}.cockpit-brand{color:var(--foreground);letter-spacing:-.2px;flex:none;align-items:center;gap:8px;font-size:1.02rem;font-weight:700;display:flex}.cockpit-brand-word{line-height:1}.cockpit-brand-mark{filter:drop-shadow(0 0 6px #818cf880);place-items:center;width:18px;height:18px;display:inline-grid}.cockpit-brand-mark svg{transition:transform .7s cubic-bezier(.22,1,.36,1);display:block}.cockpit-brand:hover .cockpit-brand-mark svg{transform:rotate(90deg)}.cockpit-nav{align-items:center;gap:8px;display:flex}.cockpit-nav a{letter-spacing:.01em;color:var(--muted-foreground);border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:color .15s,background .15s,opacity .15s}.cockpit-nav a:hover{color:var(--foreground);background:var(--surface-container)}.cockpit-nav a.active{color:var(--foreground);background:var(--surface-bright)}.cockpit-nav a.cta{color:var(--spine-btn-primary-fg);background:linear-gradient(135deg, var(--primary), var(--tertiary));box-shadow:0 0 12px #818cf833}.cockpit-nav a.cta:hover{opacity:.92;color:var(--spine-btn-primary-fg);background:linear-gradient(135deg, var(--primary), var(--tertiary))}.cockpit-meta{font-size:11px;font-family:var(--mono);color:var(--muted-foreground);letter-spacing:.04em;flex:none;align-items:center;gap:14px;display:flex}.cockpit-meta .meta-status{align-items:center;gap:7px;display:inline-flex}.cockpit-scope .live-dot{background:var(--ok);border-radius:50%;width:7px;height:7px;animation:2.4s ease-in-out infinite cockpit-pulse;box-shadow:0 0 0 3px #34d39929}@keyframes cockpit-pulse{0%,to{opacity:1}50%{opacity:.35}}.cockpit-burger{border:1px solid var(--border-bright);background:var(--surface-container);width:36px;height:36px;color:var(--foreground);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:border-color .15s,background .15s;display:none}.cockpit-burger:hover{border-color:var(--primary);background:var(--surface-bright)}footer.cockpit-footer{z-index:3;border-top:1px solid var(--border);background:var(--surface-dim);font-family:var(--mono);color:var(--muted-foreground);letter-spacing:.04em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:28px;font-size:11px;display:flex;position:relative}.cockpit-footer .footer-copy{color:var(--muted-foreground)}.cockpit-footer .footer-copy a{color:var(--on-surface-variant)}.cockpit-footer .footer-copy a:hover{color:var(--foreground)}.cockpit-footer-nav{flex-wrap:wrap;gap:16px;display:flex}.cockpit-footer-nav a:hover{color:var(--foreground)}.cockpit-footer-social{flex-wrap:wrap;gap:14px;display:flex}.cockpit-footer-social a:hover{color:var(--foreground)}@media (max-width:820px){header.cockpit-topbar{padding:12px 16px}.cockpit-nav,.cockpit-meta .meta-status{display:none}.cockpit-burger{display:inline-flex}}