/* deldown design. Fonts and license are bundled; no font provider receives requests. */
@font-face { font-family: Figtree; font-weight: 400; font-display: swap; src: url("fonts/figtree-400.woff2") format("woff2"); }
@font-face { font-family: Figtree; font-weight: 600; font-display: swap; src: url("fonts/figtree-600.woff2") format("woff2"); }
:root, :root[data-theme="dark"] {
  --bg: #0e1015; --bg-2: #0e1015; --bg-3: #171a21; --bg-4: #232833; --bg-5: #2c3240;
  --line: rgba(255,255,255,.12); --text: #f1f4f8; --text-2: #c2c8d2; --muted: #9aa3b2; --hover: #232833;
  --brand: #b7a4ff; --brand-hover: #cabbff; --accent: #b7a4ff; --accent-fg: #b7a4ff; --star: #b7a4ff; --on-accent: #0e1015;
  --ok: #3ecf8e; --danger: #ff5a4f; --warn: #f0b44c;
  --font: Figtree, system-ui, sans-serif;
  --r-sm: 12px; --r-md: 12px; --r-lg: 22px;
  color-scheme: dark;
}
:root[data-theme="oled"] { --bg: #000; --bg-2: #000; --bg-3: #000; }
:root[data-theme="gray"] { --bg: #171a21; --bg-2: #171a21; --bg-3: #171a21; }
:root[data-theme="light"] {
  --bg: #f3f5f8; --bg-2: #f3f5f8; --bg-3: #fff; --bg-4: #e7ebf0; --bg-5: #dde2e9;
  --line: rgba(20,24,31,.1); --text: #14181f; --text-2: #5d6673; --muted: #5d6673; --hover: #e7ebf0;
  --brand: #7150d5; --brand-hover: #6343bf; --accent: #7150d5; --accent-fg: #7150d5; --star: #7150d5; --on-accent: #fff;
  --ok: #1f9d55; --danger: #d4302a; --warn: #c27c0e;
  color-scheme: light;
}
body { font-family: var(--font); letter-spacing: -.01em; }
h1,h2,h3 { font-weight: 600; letter-spacing: -.02em; }
.btn { border-radius: 980px; min-height: 44px; }
.settings-body { font-size: 17px; line-height: 1.5; }
.settings-body .input, .settings-body select { min-height: 44px; border-radius: 12px; }
.settings-nav button { min-height: 44px; }
.theme-opt.on { border-color: var(--accent-fg); }
@media (max-width:820px) { .modal { border-radius: 18px; } }
@media (prefers-reduced-motion:reduce) { *, *::before, *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }