:root {
  color-scheme: dark;
  --nn-bg:#0b0d0f; --nn-bg-subtle:#0e1114; --nn-surface:#111418; --nn-surface-raised:#15191e; --nn-surface-hover:#191e24;
  --nn-text:#f3f5f7; --nn-text-secondary:#b0b7c0; --nn-text-muted:#747d87; --nn-text-faint:#59616a;
  --nn-border:#272c32; --nn-border-subtle:#1d2227; --nn-border-strong:#363d45;
  --nn-accent:#9eaf8d; --nn-accent-strong:#b7c5a8; --nn-accent-muted:rgba(158,175,141,.12);
  --nn-success:#8fb58a; --nn-warning:#c29a65; --nn-danger:#c97878; --nn-focus:rgba(158,175,141,.38);
  --nn-font-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --nn-font-mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
  --nn-radius-sm:6px; --nn-radius-md:9px; --nn-radius-lg:12px;
  --nn-ease:cubic-bezier(.2,.8,.2,1); --nn-fast:120ms; --nn-shadow:0 18px 50px rgba(0,0,0,.24);
}
*{box-sizing:border-box} html{min-width:320px;background:var(--nn-bg)}
body{margin:0;min-height:100vh;background:var(--nn-bg);color:var(--nn-text);font-family:var(--nn-font-sans);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit} ::selection{background:rgba(158,175,141,.28)}
.nn-app{min-height:100vh}.nn-mono{font-family:var(--nn-font-mono);font-variant-numeric:tabular-nums}
.nn-skip-link{position:fixed;z-index:100;top:12px;left:12px;transform:translateY(-160%);padding:8px 11px;border:1px solid var(--nn-border-strong);border-radius:var(--nn-radius-sm);background:var(--nn-surface-raised);color:var(--nn-text);text-decoration:none;transition:transform var(--nn-fast) var(--nn-ease)}
.nn-skip-link:focus{transform:translateY(0)}
.nn-topbar{border-bottom:1px solid var(--nn-border-subtle);background:rgba(11,13,15,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.nn-topbar__inner{width:min(1180px,calc(100% - 40px));min-height:56px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}
.nn-brand{display:inline-flex;align-items:center;gap:10px;color:var(--nn-text);text-decoration:none}
.nn-brand__mark{width:22px;height:22px;display:grid;grid-template-columns:repeat(2,1fr);gap:2px;transform:rotate(45deg) scale(.82)}
.nn-brand__mark span{display:block;border:1px solid #616a73;background:#1d2227;border-radius:2px}
.nn-brand__mark span:first-child,.nn-brand__mark span:last-child{background:#252b26;border-color:#68755e}
.nn-brand__text{display:flex;align-items:baseline;gap:8px;white-space:nowrap}.nn-brand__text strong{font-size:13px;font-weight:620;letter-spacing:-.01em}.nn-brand__text span{color:var(--nn-text-muted);font-size:12px}
.nn-status{display:inline-flex;align-items:center;gap:7px;min-height:26px;padding:0 9px;border:1px solid var(--nn-border);border-radius:999px;color:var(--nn-text-secondary);background:rgba(255,255,255,.015);font-size:11px;font-weight:540;white-space:nowrap}
.nn-status__dot{width:6px;height:6px;border-radius:50%;background:var(--nn-text-faint)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}