/* Shared lab page base. Used by lab/index.html and lab/<slug>/index.html pages. */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
:root{
  --bg:#06060e;--bg-accent:#0a0a14;
  --text:#e0e0e8;--text-dim:#7a7a8e;--text-muted:#4a4a5e;
  --accent:#00e5a0;--accent2:#00b4d8;--accent3:#7b61ff;
  --accent-green:#00e5a0;--accent-blue:#00b4d8;--accent-purple:#7b61ff;
  --accent-orange:#ff9f5a;--accent-coral:#ff6b6b;
  --panel-bg:rgba(8,8,20,0.85);--panel-border:rgba(255,255,255,0.06);
  --panel-border-hover:rgba(0,229,160,0.2);
  --glow:rgba(0,229,160,0.15);--glow-color:rgba(0,229,160,0.15);
  --glow-blue:rgba(0,180,216,0.15);--glow-purple:rgba(123,97,255,0.15);
  --error:#ff6b6b;--warning:#ffd93d;
  --mono:'JetBrains Mono',monospace;--sans:'Space Grotesk',sans-serif;
}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.6;min-height:100vh;}

/* Skip link */
.skip-link{position:absolute;top:-40px;left:0;background:var(--accent,#64ffda);color:var(--bg,#0a0a0f);padding:10px 18px;z-index:1000;font-size:13px;font-weight:600;text-decoration:none;border-radius:0 0 6px 0;transition:top .2s}
.skip-link:focus{top:0;outline:2px solid var(--accent,#64ffda);outline-offset:2px}