.site-header{background:var(--surface-1);backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--surface-3);position:fixed;top:0;left:0;right:0;z-index:1000;height:3rem}.nav-container{max-width:1100px;width:90%;margin:0 auto;height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.logo a{color:var(--text-primary);font-size:1.1rem;font-weight:500;text-decoration:none}.nav-links{grid-column:2;height:100%;display:flex;gap:1rem;align-items:center;margin:0;padding:0;flex-wrap:nowrap;list-style:none}.nav-links li{height:100%;display:flex;align-items:center}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:.95rem;padding:.5rem 0;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--accent)}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--accent);opacity:0;transform:scaleX(0);transition:transform .2s ease}.nav-links a:hover:after,.nav-links a.active:after{opacity:1;transform:scaleX(1)}.logo button,.nav-button{background:none;border:none;cursor:pointer;padding:.5rem 0;color:inherit;font:inherit}.logo button{color:var(--text-primary);font-size:.95rem;font-weight:500;height:100%;display:flex;align-items:center}.nav-button{color:var(--text-secondary);font-size:.95rem;position:relative;height:100%;display:flex;align-items:center;padding:0 .75rem;white-space:nowrap;opacity:1;transition:opacity .2s ease}.nav-button:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--accent);opacity:0;transform:scaleX(0);transition:transform .2s ease,opacity .2s ease}.nav-button:hover{color:var(--accent)}.nav-button:hover:after{opacity:1;transform:scaleX(1)}.nav-button.active{color:var(--accent)}.nav-button.active:after{opacity:1;transform:scaleX(1)}.jellyfin-button{grid-column:3;justify-self:end;background:var(--surface-2);border:1px solid var(--surface-3);border-radius:8px;padding:.35rem .85rem;font-size:.85rem;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:all .2s ease;white-space:nowrap}.jellyfin-button:hover{background:var(--surface-3);color:var(--text-primary);border-color:var(--accent);transform:translateY(-1px)}.all-posts-item~li .nav-button,body[data-route="/blog"] .nav-button:not(.blog-nav-button){opacity:.5}.nav-links a.nav-button{text-decoration:none;font:inherit;font-size:.95rem;height:100%;display:flex;align-items:center;padding:0 .75rem}@media (prefers-color-scheme: light){.site-header{background-color:var(--surface-0);border-bottom-color:var(--surface-2)}.logo a{color:var(--text-primary)}.nav-links a{color:var(--text-secondary)}}@media (max-width: 900px){.nav-container{display:flex;justify-content:space-between;padding:0 1rem;gap:.5rem}.jellyfin-button{font-size:.75rem;padding:.35rem .6rem;max-width:140px;overflow:hidden;text-overflow:ellipsis}}@media (max-width: 600px){.jellyfin-button span{display:none}.jellyfin-button:after{content:"Legacy Player";display:inline}}@media (max-width: 768px){.nav-links{gap:.25rem;padding:0}.nav-button{padding:0 .35rem;font-size:.8rem}.jellyfin-button{margin-left:auto}}.footer{background:var(--surface-1);backdrop-filter:var(--backdrop-blur);color:var(--text-primary);padding:2rem 0;font-size:1rem;text-align:center;border-top:1px solid var(--surface-3);width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.footer__container{max-width:1100px;width:90%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem}.footer__link{color:var(--text-primary);text-decoration:none;position:relative;padding:.25rem 0}.footer__link:hover{color:var(--accent)}.social-list{display:flex;gap:2rem;list-style:none;padding:0;margin:0}.social-list__link{color:var(--text-secondary);font-size:1.25rem;transition:color .3s ease}.social-list__link:hover{color:var(--accent)}@media (max-width: 600px){.footer__container{flex-direction:column;gap:1.5rem;padding:1rem}.social-list{gap:1.5rem}}