:root {
  color-scheme: dark;
  --color-rail: #18131f;
  --color-base: #241e2e;
  --color-panel: #2c2538;
  --color-raised: #352c43;
  --color-card: #31283f;
  --color-control: #40364f;
  --color-control-hover: #4d4160;
  --color-edge: #493d58;
  --color-pager: #584967;
  --color-track: #4b3e5c;
  --color-text: #faf7ff;
  --color-soft: #e6dcef;
  --color-dim: #d1c5df;
  --color-muted: #afa0c1;
  --color-faint: #9382a9;
  --color-accent: #bb9af7;
  --color-accent-deep: #aa83eb;
  --color-accent-soft: #d8c4fc;
  --color-on-accent: #211331;
  --color-on-accent-soft: #3e2858;
  --color-up: #94e2bd;
  --color-up-hover: #80d1aa;
  --color-on-up: #10291e;
  --color-down: #f0a5b4;
  --color-down-hover: #de90a1;
  --color-on-down: #30131d;
  --color-draft: #edc98e;
  --color-on-draft: #2c210c;
  --color-on-tile: #241a30;
  --color-tile-amber: #ead095;
  --color-tile-rose: #8ee0c2;
  --color-tile-blue: #b49aec;
  --color-tile-lilac: #e0b1f8;
  --color-tile-sky: #90dedf;
  --color-tile-coral: #e6afc8;
  --color-tile-grey: #d6cddd;
}
html { scroll-behavior: smooth; scroll-padding-top: 24px; }
body { background: var(--color-rail); }
a, button, input, textarea { -webkit-tap-highlight-color: transparent; }
button, a, input, textarea { touch-action: manipulation; }
button:focus-visible, a:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 5px; }
.neet-toast { position: fixed; bottom: 28px; left: 50%; transform: translateX(-50%); z-index: 100; padding: 12px 20px; max-width: calc(100vw - 32px); border: 1px solid var(--color-edge); border-radius: 16px; background: var(--color-panel); color: var(--color-text); font-size: 14px; box-shadow: 0 12px 36px #0005; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .fp-marq { animation: none; } }