/* shared base for /design concepts */
:root { --bg: #0b0910; --fg: #f6f3ff; --muted: #b3abc9; --faint: #7d7593; --line: #ffffff1a;
  --serif: "Instrument Serif", ui-serif, Georgia, serif; --sans: Geist, ui-sans-serif, system-ui, sans-serif; --mono: "JetBrains Mono", ui-monospace, Menlo, monospace; color-scheme: dark; }
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; background: var(--bg); color: var(--fg); font: 16px/1.5 var(--sans); -webkit-font-smoothing: antialiased; }
button { font: inherit; color: inherit; }
a { color: inherit; }
.lab-back { position: fixed; z-index: 100; top: max(.8rem, env(safe-area-inset-top)); left: .8rem; display: inline-flex; align-items: center; gap: .4rem;
  padding: .5rem .85rem; border-radius: 99px; background: #0b0910cc; border: 1px solid var(--line); color: var(--fg); text-decoration: none; font: 500 .8rem var(--sans); backdrop-filter: blur(10px); }
.lab-back:hover { border-color: #ffffff44; }
.lab-cap { position: fixed; z-index: 100; left: .8rem; bottom: max(.8rem, env(safe-area-inset-bottom)); max-width: min(24rem, calc(100vw - 1.6rem)); padding: .55rem .85rem; border-radius: 14px;
  background: #0b0910cc; border: 1px solid var(--line); backdrop-filter: blur(10px); font: .78rem/1.4 var(--sans); color: var(--muted); pointer-events: none; }
.lab-cap b { color: var(--fg); font-weight: 600; }
@media (max-width: 600px) { .lab-cap { display: none; } }