:root{--bg:#0a0a0a;--surface:#111;--border:#2a2a2a;--text:#e8e4dd;--text-muted:#a7a39a;--accent:#72c7be;--accent-dim:#72c7be1f;--transition:.22s cubic-bezier(.4,0,.2,1);--font-serif:"Cormorant Garamond", Georgia, serif;--font-mono:"DM Mono", monospace}header{z-index:200;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#0a0a0af0;position:sticky;top:0}header .container{max-width:1400px;margin:0 auto;padding:0 24px}.header-content{flex-wrap:wrap;align-items:center;gap:8px 18px;min-height:56px;padding:8px 0;display:flex}.header-extra{flex-wrap:wrap;flex:auto;align-items:center;gap:8px 14px;min-width:0;display:flex}.header-year{scrollbar-width:none;-ms-overflow-style:none;flex:12rem;align-items:center;gap:4px;min-width:0;display:flex;overflow-x:auto}.header-year::-webkit-scrollbar{display:none}.header-year[hidden]{display:none}.logo{color:var(--accent);letter-spacing:-.02em;transition:opacity var(--transition);flex-shrink:0;font-family:DM Serif Display,serif;font-size:1.5rem;text-decoration:none}.logo:hover{opacity:.75}.nav-links{align-items:center;gap:8px;display:flex}.nav-links a{color:var(--accent);border:1px solid var(--accent-border,#72c7be4d);background:var(--accent-dim,#72c7be1a);white-space:nowrap;border-radius:2rem;padding:.5rem 1rem;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s}.nav-links a:hover{color:var(--bg);border-color:var(--accent);background:var(--accent);transform:translateY(-1px)}.nav-links a.active{color:var(--bg);border-color:var(--accent);background:var(--accent)}.user-info{border-left:1px solid var(--border);align-items:center;gap:10px;margin-left:8px;padding-left:14px;display:flex}.user-info span{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.06em;font-size:11px}.logout-btn{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;transition:all var(--transition);border-radius:99px;font-size:11px;text-decoration:none;color:var(--text-muted)!important;border:1px solid var(--border)!important;background:0 0!important;padding:5px 12px!important}.logout-form{margin:0}button.logout-btn{cursor:pointer;line-height:inherit}.logout-btn:hover{color:#e07070!important;background:#e070701a!important;border-color:#e07070!important}@media (width<=900px){.header-content{gap:6px 12px;padding:6px 0}.logo{order:1}.nav-links{order:2;margin-left:auto}.header-extra{flex-basis:100%;order:3}}@media (width<=600px){.header-content{min-height:50px}.nav-links{gap:2px}.nav-links a{padding:.35rem .45rem;font-size:.8rem}.user-info{margin-left:4px;padding-left:8px}.user-info span{display:none}}