/* Money You're Owed brand layer: tokens copied from us-moneyyoureowed/website/tokens.css (light only, as on the site). */
:root,:root{color-scheme:light;
--paper:oklch(97% 0.018 86);--surface:oklch(97% 0.018 86);--ink:oklch(27% 0.055 183);--muted:oklch(43% 0.025 183);--line:oklch(76% 0.032 86);
--accent:oklch(43% 0.102 165);--accent-hover:oklch(36% 0.098 165);--accent-ink:oklch(98% 0.012 86);--bubble:oklch(99% 0.008 86);--bubble-ink:oklch(27% 0.055 183);
--focus:oklch(48% 0.17 35);--err:oklch(45% 0.16 25);
--font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--display:Georgia,"Times New Roman",serif;--mono:ui-monospace,"Cascadia Mono","Segoe UI Mono",monospace;
--paper-2:oklch(93% 0.024 86);--rule-2:oklch(65% 0.035 183)}
@media(prefers-color-scheme:dark){:root{color-scheme:light;
--paper:oklch(97% 0.018 86);--surface:oklch(97% 0.018 86);--ink:oklch(27% 0.055 183);--muted:oklch(43% 0.025 183);--line:oklch(76% 0.032 86);
--accent:oklch(43% 0.102 165);--accent-hover:oklch(36% 0.098 165);--accent-ink:oklch(98% 0.012 86);--bubble:oklch(99% 0.008 86);--bubble-ink:oklch(27% 0.055 183);--focus:oklch(48% 0.17 35);--err:oklch(45% 0.16 25)}}
body{font-family:var(--font);line-height:1.65}
/* masthead, as the site's .site-header / .brand */
.brand-bar{border-bottom:1px solid var(--line);background:var(--paper);flex:none}
.brand-bar .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4rem}
.brand{display:inline-flex;min-height:2.75rem;align-items:center;gap:.75rem;color:var(--ink);text-decoration:none;font-family:var(--display);font-size:1.2rem;font-weight:700;white-space:nowrap}
.brand-mark{inline-size:2rem;block-size:2rem;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;font-family:var(--mono);font-size:.9rem}
.brand-back{color:var(--ink);font-weight:700;font-size:.9rem;text-decoration:underline;text-underline-offset:.18em;white-space:nowrap}
@media(max-width:26rem){.brand-back{display:none}.brand{font-size:1.1rem}}
/* chat title band */
header{background:var(--paper-2);padding:1rem 0}
h1.t{font-family:var(--display);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.1}
.sub{font-size:.9rem}
.wrap{max-width:46rem;padding:0 1rem}
@media(min-width:40rem){.wrap{padding:0 1.5rem}}
/* controls: square-ish like the site */
.btn,.chip,button.send,textarea{border-radius:.25rem}
.chip{border-radius:.25rem;border-color:var(--rule-2);background:var(--paper)}
.chip:hover{border-color:var(--accent);background:var(--paper-2)}
.bubble{border-radius:.75rem}
.user .bubble{border-radius:.75rem .75rem .125rem .75rem}
.bot .bubble{border-radius:.75rem .75rem .75rem .125rem;box-shadow:0 .5rem 1.5rem oklch(27% 0.055 183 / .09)}
.bot .bubble{box-shadow:0 .25rem 1rem oklch(27% 0.055 183 / .07)}
textarea{background:#fff;border-color:var(--rule-2);min-height:3rem}
button.send{border-radius:.25rem;min-height:3rem;font-weight:800;transition:background-color 120ms}
button.send:hover:not(:disabled){background:var(--accent-hover)}
.meta a.src{border-radius:.25rem}
.tag{border-radius:.25rem}
.prod{border-radius:.25rem;background:var(--paper-2)}
.prod-kind{font-family:var(--mono);letter-spacing:.09em;font-size:.72rem}
.bubble a.inl{color:var(--accent)}
/* footer: the site's dark statement footer */
footer{background:var(--ink);color:var(--paper);border-top:0;padding:1rem 0 1.1rem}
footer .chips{margin-bottom:.8rem}
footer .chip{background:var(--paper);color:var(--ink)}
footer .chip:hover{background:#fff}
footer .think,footer .label{color:oklch(88% 0.02 86)}
footer .label a{color:oklch(88% 0.02 86)}
footer textarea:focus-visible,footer button:focus-visible,footer a:focus-visible{outline-color:oklch(80% 0.13 72)}
footer button.send{background:var(--accent);border:1px solid oklch(88% 0.02 86)}
@media(min-width:1600px){html{font-size:112.5%}}