/* Motyw Next.js: czerń i biel, ciasny tracking, hairline grid, duże cyfry. */
:root[data-theme="nextjs"] {
  color-scheme: dark;
  --bg: #000; --bg-2: #0a0a0a; --fg: #fff; --muted: #888; --border: #333;
  --accent: #fff; --accent-fg: #000; --accent-soft: rgba(255,255,255,.1);
  --radius: 8px; --radius-s: 6px; --shadow: none;
}
:root[data-theme="nextjs"] h1, :root[data-theme="nextjs"] h2 { letter-spacing: -0.04em; }
:root[data-theme="nextjs"] .hero { background: linear-gradient(to right, #111 1px, transparent 1px) 0 0 / 64px 64px, linear-gradient(to bottom, #111 1px, transparent 1px) 0 0 / 64px 64px; }
:root[data-theme="nextjs"] .hero-photo-cutout { background: radial-gradient(circle at 50% 35%, #333 0%, #141414 70%, transparent 71%); }
:root[data-theme="nextjs"] .kicker { color: #888; }
:root[data-theme="nextjs"] .stat-v { color: #fff; }
:root[data-theme="nextjs"] .case dt { color: #888; }
:root[data-theme="nextjs"] a { color: #fff; }
:root[data-theme="nextjs"] code { background: #111; color: #fff; border: 1px solid #333; }
:root[data-theme="nextjs"] .tag { background: #111; color: #fff; border: 1px solid #333; }
:root[data-theme="nextjs"] .tag-link { background: #fff; color: #000; }
:root[data-theme="nextjs"] .demo { background: #fff; color: #000; --muted: #666; --border: #e5e5e5; --bg-2: #fafafa; --accent: #000; --accent-fg: #fff; --accent-text: #000; }
:root[data-theme="nextjs"] .demo-root { background: #fff; }
:root[data-theme="nextjs"] .demo code { background: #f0f0f0; color: #000; border-color: #e5e5e5; }
:root[data-theme="nextjs"] .demo h2 { color: #000; }
:root[data-theme="nextjs"] .demo-root button { background: #000; color: #fff; border: 1px solid #000; }
:root[data-theme="nextjs"] .top { background: rgba(0,0,0,.85); }
.tl { display: grid; gap: .35rem; font-family: var(--mono); font-size: .78rem; }
.tl-row { display: grid; grid-template-columns: 7rem 1fr 4.5rem; align-items: center; gap: .5rem; }
.tl-bar { height: 14px; background: #000; border-radius: 2px; transform-origin: left; }
.tl-bar.wait { background: #bbb; }
.tl-bar.stream { background: #0070f3; }
.tl-total { font-weight: 700; }
.tl-head { font-size: .8rem; text-transform: uppercase; letter-spacing: .08em; color: #666; margin: 1rem 0 .4rem; }
.quiz label { display: flex; gap: .6rem; align-items: flex-start; padding: .4rem 0; border-bottom: 1px solid #e5e5e5; }
.quiz-verdict { margin-top: 1rem; padding: 1rem; border: 2px solid #000; border-radius: 8px; font-weight: 700; }
:root[data-theme="nextjs"] .btn-primary { color: #000; }
:root[data-theme="nextjs"] .btn-ghost { color: #fff; }