/* Same bundled faces and colour pairs as the native Shout app. */
@font-face{font-family:Figtree;src:url('/assets/fonts/Figtree-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Figtree;src:url('/assets/fonts/Figtree-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Figtree;src:url('/assets/fonts/Figtree-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Figtree;src:url('/assets/fonts/Figtree-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/Manrope-ExtraLight.ttf') format('truetype');font-weight:200;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/Manrope-Light.ttf') format('truetype');font-weight:300;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/Manrope-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/Manrope-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/Manrope-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/Manrope-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{color-scheme:dark;--page:#09101f;--card:#1e2d43;--ink:#f4f7fb;--muted:#b4c0d2;--faint:#8d99ac;--line:#2d3c52;--teal:#4ecdc4;--blue:#60a5fa;--violet:#a78bfa;--deep:#8c6bf7;--out:#ff8fae;--in:#4fdccb;--amber:#fbbf4a;--orange:#f98a5c;--soft:#142136;--display:Manrope,system-ui,sans-serif;--body:Figtree,system-ui,sans-serif}
:root[data-appearance=light]{color-scheme:light;--page:#eef2f7;--card:#fff;--ink:#0b111c;--muted:#42506a;--faint:#68758c;--line:#d5deeb;--teal:#1fb5ac;--blue:#3b82f6;--violet:#7c5cf0;--deep:#5a32c4;--out:#d01a50;--in:#0a8e82;--amber:#f5a524;--orange:#ef6c3b;--soft:#e5ecf6}
.appearance-button,.motion-button{font:500 12px var(--body);border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--muted);padding:9px 13px;min-height:40px;cursor:pointer}
:focus-visible{outline:2px solid var(--violet);outline-offset:4px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}