.dark-mode-card-preview{gap:6px;padding:10px 11px}.dark-mode-card-preview>small{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-weight:700}.dark-mode-card-pair{grid-template-columns:1fr 1fr;gap:6px;display:grid}.dark-mode-card-surface{border:1px solid var(--color-deco);border-radius:6px;gap:4px;padding:7px 8px;display:grid}.dark-mode-card-surface.is-light{color:#1f2937;background:#f8fafc;border-color:#cbd5e1}.dark-mode-card-surface.is-dark{color:#f4f5f7;background:#171a24;border-color:#3b4152}.dark-mode-card-head{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.dark-mode-card-head b{font-weight:800;font-size:10px!important}.dark-mode-card-surface.is-light .dark-mode-card-head b{color:#1f2937}.dark-mode-card-surface.is-dark .dark-mode-card-head b{color:#f4f5f7}.dark-mode-card-head i{font-size:8px;font-style:normal;font-weight:700}.dark-mode-card-surface.is-light .dark-mode-card-head i{color:#62626c}.dark-mode-card-surface.is-dark .dark-mode-card-head i{color:#9da8c4}.dark-mode-card-chart{border-radius:4px;align-items:flex-end;gap:3px;height:26px;padding:3px;display:flex}.dark-mode-card-surface.is-light .dark-mode-card-chart{background:#eef2f7}.dark-mode-card-surface.is-dark .dark-mode-card-chart{background:#ffffff0d}.dark-mode-card-chart span{border-radius:2px;width:30%;display:block}.dark-mode-card-surface.is-light .dark-mode-card-chart span{background:#425ee8}.dark-mode-card-surface.is-dark .dark-mode-card-chart span{background:#9db4ff}.dark-mode-card-code{font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:4px;padding:3px 6px;font-size:8px;line-height:1.4;display:block}.dark-mode-card-surface.is-light .dark-mode-card-code{color:#3a4358;background:#eef2f7}.dark-mode-card-surface.is-dark .dark-mode-card-code{color:#c9d4ee;background:#ffffff0f}.dark-mode-card-actions{display:flex}.dark-mode-card-cta{border-radius:4px;align-items:center;padding:4px 8px;font-weight:800;display:inline-flex;font-size:9px!important}.dark-mode-card-cta.is-light{color:#fff;background:#2b2620}.dark-mode-card-cta.is-dark{color:#1b1d21;background:#f4f5f7}.dark-mode-card-note{border:1px solid var(--color-deco);background:var(--soft);border-radius:6px;align-items:center;gap:5px;padding:5px 7px;display:flex}.dark-mode-card-note-x{color:#a83a44;background:#fbeaee;border-radius:50%;place-items:center;width:14px;height:14px;font-size:9px;font-weight:800;display:inline-grid}.dark-mode-card-note b{color:var(--ink);font-size:9px;font-weight:800}.dark-mode-card-note i{color:var(--muted);font-size:8px;font-style:normal;line-height:1.3}.dark-mode-card-conclusion{color:var(--ink);margin:0;font-size:9px;font-weight:700;line-height:1.45}.term-interactive-demo.dark-mode-lab{border-color:var(--line);background:var(--color-white);gap:14px}.term-interactive-demo.dark-mode-lab button{border-color:var(--line);background:var(--color-white);color:var(--ink)}.term-interactive-demo.dark-mode-lab button:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.dark-mode-lab button[aria-pressed=true]{border-color:var(--ink);background:var(--soft);color:var(--ink);font-weight:800}.term-interactive-demo.dark-mode-lab button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.dark-mode-lab-brief{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.dark-mode-lab-brief strong{color:var(--ink)}.dark-mode-lab-stage{border:1px solid var(--line);border-radius:10px;gap:12px;padding:14px;transition:background-color .15s ease-out,border-color .15s ease-out;display:grid}.dark-mode-lab-stage[data-surface=light]{background:var(--soft);border-color:var(--line)}.dark-mode-lab-stage[data-surface=dark]{background:#1b2233;border-color:#2a3346}.dark-mode-lab-stage-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.dark-mode-lab-stage-tag{color:var(--muted);letter-spacing:.02em;font-size:11px;font-weight:700}.dark-mode-lab-stage[data-surface=dark] .dark-mode-lab-stage-tag{color:#9da8c4}.dark-mode-lab-badge{border:1px solid var(--color-deco);background:var(--color-white);color:var(--muted);border-radius:99px;padding:3px 10px;font-size:11px;font-weight:800}.dark-mode-lab-badge.is-pass{color:#1f6a3a;background:#e6f7ec;border-color:#bfe6cd}.dark-mode-lab-badge.is-fail{color:#a83a44;background:#fbeaee;border-color:#ecc9ce}.dark-mode-lab-object{border:1px solid var(--line);border-radius:10px;gap:10px;width:100%;max-width:340px;margin:2px auto 0;padding:14px;transition:background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out,box-shadow .15s ease-out,filter .15s ease-out;display:grid}.dark-mode-lab-object[data-surface=light]{background:var(--color-white);color:var(--ink);border-color:var(--line);box-shadow:0 4px 14px #22263024}.dark-mode-lab-object[data-surface=dark]{color:#f2f5fb;background:#2a3245;border-color:#ffffff38;box-shadow:0 2px 8px #00000059}.dark-mode-lab-object[data-invert=true]{filter:invert()hue-rotate(180deg)}.dark-mode-lab-object-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.dark-mode-lab-brand{color:var(--ink);font-size:14px;font-weight:800}.dark-mode-lab-object[data-surface=dark] .dark-mode-lab-brand{color:#f4f7fe}.dark-mode-lab-meta{color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:11px;font-weight:700}.dark-mode-lab-object[data-surface=dark] .dark-mode-lab-meta{color:#9da8c4}.dark-mode-lab-title{color:var(--ink);margin:0;font-size:15px;font-weight:800}.dark-mode-lab-object[data-surface=dark] .dark-mode-lab-title{color:#f4f7fe}.dark-mode-lab-line{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.dark-mode-lab-object[data-surface=dark] .dark-mode-lab-line{color:#aab3c5}.dark-mode-lab-chart{border:1px solid #0000;border-radius:6px;align-items:flex-end;gap:6px;height:44px;padding:5px 7px;display:flex}.dark-mode-lab-object[data-surface=light] .dark-mode-lab-chart{background:#eef2f7;border-color:#e2e8f0}.dark-mode-lab-object[data-surface=dark] .dark-mode-lab-chart{background:#ffffff0d;border-color:#ffffff1a}.dark-mode-lab-chart span{border-radius:3px;width:28px;display:block}.dark-mode-lab-object[data-surface=light] .dark-mode-lab-chart span{background:#425ee8}.dark-mode-lab-object[data-surface=dark] .dark-mode-lab-chart span{background:#9db4ff}.dark-mode-lab-code{font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:6px;padding:6px 9px;font-size:12px;line-height:1.4;display:block}.dark-mode-lab-object[data-surface=light] .dark-mode-lab-code{color:#3a4358;background:#eef2f7}.dark-mode-lab-object[data-surface=dark] .dark-mode-lab-code{color:#c9d4ee;background:#ffffff12}.dark-mode-lab-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dark-mode-lab-primary{border:1px solid var(--color-rausch-600);background:var(--color-rausch-600);color:var(--color-white);border-radius:7px;align-items:center;padding:8px 16px;font-size:13px;font-weight:700;line-height:1.2;display:inline-flex}.dark-mode-lab-secondary{border:1px solid var(--line);background:var(--color-white);color:var(--ink);border-radius:7px;align-items:center;padding:8px 14px;font-size:13px;font-weight:650;line-height:1.2;display:inline-flex}.dark-mode-lab-object[data-surface=dark] .dark-mode-lab-secondary{color:#e7ecf5;background:#ffffff14;border-color:#ffffff3d}.dark-mode-lab-readout{border:1px solid var(--line);background:var(--color-white);border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:0;padding:10px 12px;display:grid}.dark-mode-lab-stage[data-surface=dark] .dark-mode-lab-readout{background:#ffffff0a;border-color:#ffffff1a}.dark-mode-lab-readout div{gap:2px;min-width:0;display:grid}.dark-mode-lab-readout dt{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;font-size:10px;font-weight:700}.dark-mode-lab-stage[data-surface=dark] .dark-mode-lab-readout dt{color:#9da8c4}.dark-mode-lab-readout dd{color:var(--ink);margin:0;font-size:13px;font-weight:800}.dark-mode-lab-stage[data-surface=dark] .dark-mode-lab-readout dd{color:#f4f7fe}.dark-mode-lab-readout dd.is-pass{color:#1f6a3a}.dark-mode-lab-readout dd.is-fail{color:#a83a44}.dark-mode-lab-stage[data-surface=dark] .dark-mode-lab-readout dd.is-pass{color:#4ec878}.dark-mode-lab-stage[data-surface=dark] .dark-mode-lab-readout dd.is-fail{color:#ff8a95}.dark-mode-lab-controls{gap:10px;display:grid}.dark-mode-lab-strategy{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.dark-mode-lab-strategy button{gap:2px;padding:8px 10px;display:grid}.dark-mode-lab-strategy button span{font-size:13px;font-weight:800}.dark-mode-lab-strategy button small{color:var(--muted);font-size:10px;font-weight:600}.dark-mode-lab-strategy button[aria-pressed=true] small{color:var(--ink)}.dark-mode-lab-sys{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dark-mode-lab-sys>span{color:var(--muted);font-size:12px;font-weight:700}.dark-mode-lab-sys button{min-height:32px;padding:6px 12px}.dark-mode-lab-toggles{flex-wrap:wrap;gap:8px;display:flex}.dark-mode-lab-reset{border-color:var(--line);background:var(--color-white);color:var(--ink);margin-left:auto}.dark-mode-lab-status{border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:8px;margin:0;padding:11px 13px;font-size:13px;line-height:1.6}.dark-mode-lab-status[data-tone=pass]{background:#e6f7ec;border-color:#bfe6cd}.dark-mode-lab-status[data-tone=fail]{background:#fbeaee;border-color:#ecc9ce}.dark-mode-lab-status strong{font-weight:800}.dark-mode-examples{gap:14px;display:grid}.dark-mode-examples article{border:1px solid var(--line);background:var(--color-white);border-radius:10px;gap:8px;padding:14px;display:grid}.dark-mode-examples article.is-good{background:#f3faf5;border-color:#bfe6cd}.dark-mode-examples article.is-bad{background:#fdf3f4;border-color:#ecc9ce}.dark-mode-examples header{align-items:baseline;gap:8px;display:flex}.dark-mode-examples header strong{font-size:13px;font-weight:800}.dark-mode-examples article.is-good header strong{color:#1f6a3a}.dark-mode-examples article.is-bad header strong{color:#a83a44}.dark-mode-examples header small{color:var(--muted);font-size:11px;font-weight:700}.dark-mode-example-row{flex-wrap:wrap;gap:10px;display:flex}.dark-mode-example-card{border:1px solid #0000;border-radius:8px;gap:6px;width:150px;padding:10px;display:grid}.dark-mode-example-card.is-light{color:#1f2937;background:#f8fafc;border-color:#cbd5e1;box-shadow:0 3px 8px #2226301f}.dark-mode-example-card.is-dark{color:#f2f5fb;background:#2a3245;border-color:#ffffff38}.dark-mode-example-card.is-invert{color:#1f2937;filter:invert()hue-rotate(180deg);background:#f8fafc;border-color:#cbd5e1;box-shadow:0 3px 8px #2226301f}.dark-mode-example-card .de-brand{font-size:11px;font-weight:800}.dark-mode-example-card .de-chart{border-radius:3px;height:22px;display:block}.dark-mode-example-card.is-light .de-chart{background:linear-gradient(90deg,#425ee8 60%,#9db4ff 60%)}.dark-mode-example-card.is-dark .de-chart{background:linear-gradient(90deg,#9db4ff 60%,#c2d0ff 60%)}.dark-mode-example-card .de-code{font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:4px;padding:3px 6px;font-size:9px;display:block}.dark-mode-example-card.is-light .de-code{color:#3a4358;background:#eef2f7}.dark-mode-example-card.is-dark .de-code{color:#c9d4ee;background:#ffffff12}.dark-mode-example-card .de-cta{border-radius:5px;justify-content:center;align-items:center;padding:4px 10px;font-size:10px;font-weight:800;display:inline-flex}.dark-mode-example-card.is-light .de-cta{color:#fff;background:#2b2620}.dark-mode-example-card.is-dark .de-cta{color:#1b1d21;background:#f4f5f7}.dark-mode-examples p{color:var(--ink);margin:0;font-size:12px;line-height:1.55}.dark-mode-examples article>span{color:var(--muted);font-size:11px;font-weight:700}@media (max-width:560px){.dark-mode-lab-strategy,.dark-mode-card-pair{grid-template-columns:1fr}}
