:root{color-scheme:dark}
html,body{height:100%;margin:0}
body{overflow:hidden;background:#0b0f14;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
header{position:fixed;top:0;left:0;right:0;height:64px;z-index:1000;background:rgba(0,0,0,.35);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.12);display:flex;align-items:center}
.nav{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px}
.brand{font-weight:650;letter-spacing:.02em;color:rgba(255,255,255,.92)}
nav{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
nav a{padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.25);text-decoration:none;color:rgba(255,255,255,.92);font-size:14px;line-height:1}
nav a.active{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.10)}
.meta{position:fixed;top:64px;left:0;right:0;height:44px;z-index:900;background:rgba(0,0,0,.22);border-bottom:1px solid rgba(255,255,255,.10);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px}
.meta .t{font-weight:650;color:rgba(255,255,255,.92);font-size:14px}
.meta a{color:rgba(255,255,255,.92);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.25);font-size:13px}
/* Fullscreen PDF viewer */
#pdf{position:fixed;top:108px;left:0;width:100vw;height:calc(100vh - 108px);border:0;display:block;background:#fff;z-index:10}