nav{position:fixed;top:0;width:100%;background:rgba(13,17,23,0.90);backdrop-filter:blur(12px);
border-bottom:1px solid var(--border,#30363d);z-index:100;padding:0 24px;}
nav .nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:60px;}
nav .logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text,#e6edf3);font-weight:700;font-size:18px;}
nav .logo img{width:32px;height:32px;border-radius:8px;}
nav .nav-links{display:flex;gap:24px;align-items:center;}
nav .nav-links>a,nav .nav-links .dropdown>a{color:var(--text-muted,#8b949e);text-decoration:none;font-size:14px;transition:color 0.2s;}
nav .nav-links>a:hover,nav .nav-links .dropdown:hover>a{color:var(--text,#e6edf3);}
nav .dropdown{position:relative;}
nav .dropdown-menu{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);
background:var(--surface,#161b22);border:1px solid var(--border,#30363d);border-radius:10px;
padding:8px 0;min-width:200px;padding-top:16px;margin-top:0;box-shadow:0 8px 24px rgba(0,0,0,0.4);}
nav .dropdown:hover .dropdown-menu{display:block;}
nav .dropdown-menu a{display:block;padding:8px 16px;color:var(--text-muted,#8b949e);
text-decoration:none;font-size:13px;transition:background 0.15s,color 0.15s;}
nav .dropdown-menu a:hover{background:rgba(74,158,255,0.1);color:var(--text,#e6edf3);}
/* Screenshot theme toggle */
.ss-radio{display:none;}
.ss-toggle{display:flex;justify-content:center;margin-bottom:20px;}
.ss-toggle label{padding:6px 20px;font-size:13px;font-weight:600;cursor:pointer;
  background:var(--surface,#161b22);border:1px solid var(--border,#30363d);
  color:var(--text-muted,#8b949e);transition:background 0.15s,color 0.15s,border-color 0.15s;}
.ss-toggle label:first-of-type{border-radius:8px 0 0 8px;}
.ss-toggle label:last-of-type{border-radius:0 8px 8px 0;border-left:none;}
.theme-light{display:none;}
.theme-dark{display:contents;}
#ss-dark:checked~.ss-toggle label[for="ss-dark"],
#ss-light:checked~.ss-toggle label[for="ss-light"]{
  background:var(--accent,#4A9EFF);color:#fff;border-color:var(--accent,#4A9EFF);}
#ss-light:checked~.screenshot-gallery .theme-dark{display:none;}
#ss-light:checked~.screenshot-gallery .theme-light{display:contents;}
footer{text-align:center;padding:32px 24px;border-top:1px solid var(--border,#30363d);
color:var(--text-muted,#8b949e);font-size:13px;position:relative;z-index:1;background:rgba(13,17,23,0.90);}
footer a{color:var(--accent,#4A9EFF);text-decoration:none;}
footer a:hover{text-decoration:underline;}
nav .hamburger{display:none;background:none;border:none;color:var(--text,#e6edf3);font-size:24px;cursor:pointer;padding:4px 8px;}
@media(max-width:768px){
  nav .nav-links{display:none;position:absolute;top:60px;left:0;right:0;background:rgba(13,17,23,0.97);
  flex-direction:column;padding:16px 24px;gap:12px;border-bottom:1px solid var(--border,#30363d);}
  nav .nav-links.open{display:flex;}
  nav .hamburger{display:block;}
  nav .dropdown-menu{position:static;transform:none;box-shadow:none;margin:4px 0 0 16px;border:none;background:transparent;}
  nav .dropdown:hover .dropdown-menu{display:none;}
  nav .dropdown.open .dropdown-menu{display:block;}
}