/* NewsEntertAI — tokens from Stitch DESIGN.md 'Vivid Pulse'; dark variant is ours */
:root {
  --c-on-primary-container: 255 251 255;
  --c-on-secondary-fixed: 39 25 0;
  --c-surface-container: 234 237 255;
  --c-on-tertiary-fixed-variant: 0 79 83;
  --c-on-tertiary: 255 255 255;
  --c-surface-container-lowest: 255 255 255;
  --c-primary-container: 225 36 68;
  --c-on-error-container: 147 0 10;
  --c-surface-dim: 210 217 244;
  --c-surface-container-low: 242 243 255;
  --c-outline-variant: 229 189 189;
  --c-surface-variant: 218 226 253;
  --c-tertiary-fixed: 107 246 255;
  --c-inverse-surface: 40 48 68;
  --c-surface-container-high: 226 231 255;
  --c-on-surface: 19 27 46;
  --c-secondary-container: 254 183 0;
  --c-surface: 250 248 255;
  --c-tertiary: 0 102 107;
  --c-error-container: 255 218 214;
  --c-on-error: 255 255 255;
  --c-inverse-on-surface: 238 240 255;
  --c-primary-fixed: 255 218 217;
  --c-error: 186 26 26;
  --c-outline: 144 111 111;
  --c-surface-bright: 250 248 255;
  --c-on-secondary-container: 107 75 0;
  --c-tertiary-fixed-dim: 62 218 227;
  --c-primary: 186 0 48;
  --c-surface-tint: 191 0 49;
  --c-on-secondary-fixed-variant: 94 66 0;
  --c-on-background: 19 27 46;
  --c-tertiary-container: 0 129 136;
  --c-on-primary-fixed-variant: 146 0 36;
  --c-surface-container-highest: 218 226 253;
  --c-background: 250 248 255;
  --c-secondary-fixed-dim: 255 186 32;
  --c-primary-fixed-dim: 255 179 180;
  --c-on-secondary: 255 255 255;
  --c-on-tertiary-fixed: 0 32 34;
  --c-on-primary: 255 255 255;
  --c-on-surface-variant: 92 63 64;
  --c-on-primary-fixed: 64 0 10;
  --c-inverse-primary: 255 179 180;
  --c-secondary-fixed: 255 222 168;
  --c-secondary: 124 88 0;
  --c-on-tertiary-container: 244 255 255;
  --c-ink: 19 27 46;
  --c-white-fixed: 255 255 255;
  --c-coral: 255 61 87;
  --c-violet: 142 68 236;
}
html { color-scheme: light; }
html.dark {
  --c-surface: 14 18 32; --c-background: 14 18 32; --c-surface-bright: 14 18 32; --c-surface-dim: 9 12 22;
  --c-surface-container-lowest: 22 27 44; --c-surface-container-low: 27 33 52; --c-surface-container: 34 41 63;
  --c-surface-container-high: 42 50 74; --c-surface-container-highest: 51 60 86; --c-surface-variant: 51 60 86;
  --c-on-surface: 236 239 252; --c-on-background: 236 239 252; --c-on-surface-variant: 214 196 198;
  --c-outline: 160 140 142; --c-outline-variant: 78 60 63;
  --c-primary: 255 110 128; --c-on-primary: 40 0 10; --c-primary-container: 225 36 68; --c-on-primary-container: 255 251 255;
  --c-primary-fixed: 82 18 32; --c-on-primary-fixed: 255 218 217; --c-primary-fixed-dim: 120 30 48;
  --c-secondary: 255 196 80; --c-secondary-fixed: 74 52 8; --c-on-secondary-fixed: 255 222 168; --c-on-secondary-fixed-variant: 255 210 130; --c-secondary-fixed-dim: 120 86 10;
  --c-tertiary: 92 222 230; --c-tertiary-fixed: 0 64 68; --c-on-tertiary-fixed: 160 248 255; --c-tertiary-fixed-dim: 0 90 96; --c-on-tertiary-fixed-variant: 150 240 245;
  --c-inverse-surface: 226 231 255; --c-inverse-on-surface: 19 27 46;
  color-scheme: dark;
}
body { background: rgb(var(--c-surface)); }
.material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 24; vertical-align: middle; line-height: 1; }
.icon-fill { font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 24; }
.no-scrollbar::-webkit-scrollbar { display: none; } .no-scrollbar { scrollbar-width: none; }
.stretched::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.above-stretch { position: relative; z-index: 2; }
.lift { transition: transform .25s ease, box-shadow .25s ease; box-shadow: 0 4px 16px rgba(15,23,42,.05); }
.lift:hover { transform: translateY(-3px); box-shadow: 0 14px 28px -8px rgba(186,0,48,.16); }
.prose-article p { margin: 0 0 1.15em; font-size: 18px; line-height: 30px; }
.prose-article h2 { font-family: Outfit, sans-serif; font-weight: 700; font-size: 26px; line-height: 34px; letter-spacing: -.015em; margin: 1.6em 0 .6em; scroll-margin-top: 140px; }
.prose-article h3 { font-family: Outfit, sans-serif; font-weight: 600; font-size: 20px; line-height: 28px; margin: 1.3em 0 .5em; }
.prose-article ul, .prose-article ol { margin: 0 0 1.2em 1.3em; font-size: 17px; line-height: 28px; }
.prose-article ul { list-style: disc; } .prose-article ol { list-style: decimal; }
.prose-article li { margin: .35em 0; } .prose-article strong { font-weight: 700; }
.prose-article blockquote { border-left: 4px solid rgb(var(--c-primary)); background: rgb(var(--c-surface-container-low)); padding: 1rem 1.25rem; border-radius: 0 1rem 1rem 0; margin: 1.5em 0; font-family: Outfit, sans-serif; font-size: 20px; line-height: 30px; font-weight: 600; }
.ticker { display: inline-block; padding-left: 100%; animation: tick 40s linear infinite; } @keyframes tick { to { transform: translateX(-100%); } }
@media (prefers-reduced-motion: reduce) { .ticker { animation: none; padding-left: 0; } }
.pb-safe { padding-bottom: env(safe-area-inset-bottom); }
@media print { header, footer, nav, #to-top, #toast { display: none !important; } }