:root{--board:#e6efe4;--ink:#1c2b23;--ink-soft:#4d5f55;--card:#fff;--line:#c3d3c3;--rules:#1f4e9c;--web:#1e7b4a;--direct:#d9a520;--error:#b3261e;--error-bg:#fbe9e7;--question-bg:#1c2b23;--question-ink:#f3f7f2;--focus:#1f4e9c;--font-display:"Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--font-body:"Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--board:#0f261c;--ink:#e4efe6;--ink-soft:#a5bcae;--card:#173a2b;--line:#2b5541;--rules:#7fa8f0;--web:#5cc98f;--direct:#f0c34e;--error:#ffb4ab;--error-bg:#4a1d19;--question-bg:#e4efe6;--question-ink:#0f261c;--focus:#7fa8f0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--board);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:1.0625rem;line-height:1.55}#root{height:100%}button,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation:none!important}}.app{grid-template-rows:auto 1fr auto;max-width:46rem;height:100%;margin:0 auto;padding:0 1rem;display:grid}.topbar{justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.brand{font-family:var(--font-display);align-items:center;gap:.6rem;font-size:1.25rem;font-weight:800;display:flex}.brand .die{width:1.75rem;height:1.75rem}.restart{border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:999px;padding:.35rem .9rem;font-size:.9rem}.restart:hover:not(:disabled){color:var(--ink);border-color:var(--ink-soft)}.die rect{fill:var(--rules)}.die circle{fill:var(--card)}.conversation{scrollbar-gutter:stable;padding-bottom:1.5rem;overflow-y:auto}.welcome{padding:12vh 0 2rem}.welcome h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(2.5rem,8vw,4rem);font-weight:800;line-height:1}.welcome p{max-width:36rem;color:var(--ink-soft);margin:0 0 2rem}.examples{flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.examples button{border:1px solid var(--line);background:var(--card);cursor:pointer;text-align:left;border-radius:.6rem;padding:.55rem .9rem}.examples button:hover{border-color:var(--rules)}.messages{flex-direction:column;gap:1.25rem;padding-top:1rem;display:flex}.question{background:var(--question-bg);max-width:85%;color:var(--question-ink);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:1rem 1rem .25rem;align-self:flex-end;margin:0;padding:.65rem 1rem}.answer{background:var(--card);border:1px solid var(--line);border-radius:.5rem;overflow:hidden}.answer-stripes{height:.6rem;display:flex}.stripe{flex:1}.stripe-rules{background:var(--rules)}.stripe-web{background:var(--web)}.stripe-direct{background:var(--direct)}.answer-source{font-family:var(--font-display);color:var(--ink-soft);margin:0;padding:.7rem 1.25rem 0;font-size:.9rem;font-weight:600}.answer-body{overflow-wrap:anywhere;padding:.25rem 1.25rem 1rem}.answer-body>:first-child{margin-top:.4rem}.answer-body>:last-child{margin-bottom:0}.answer-body ul,.answer-body ol{padding-left:1.4rem}.answer-body li+li{margin-top:.3rem}.answer-body a{color:var(--rules)}.answer-body h1,.answer-body h2,.answer-body h3{font-family:var(--font-display);font-size:1.1rem;line-height:1.3}.table-scroll{margin:1rem 0;overflow-x:auto}.answer-body table{border-collapse:collapse;min-width:100%;font-size:.95rem}.answer-body th,.answer-body td{border:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:normal;min-width:8rem;padding:.45rem .6rem}.answer-body th{background:var(--board)}.error{border-left:4px solid var(--error);background:var(--error-bg);color:var(--ink);border-radius:.5rem;margin:0;padding:.8rem 1rem}.thinking{color:var(--ink-soft);align-items:center;gap:.6rem;margin:0;display:flex}.thinking .die{width:1.5rem;height:1.5rem;animation:1.2s cubic-bezier(.5,0,.5,1) infinite roll}@keyframes roll{0%{transform:rotate(0)}60%,to{transform:rotate(360deg)}}.composer{align-items:flex-end;gap:.6rem;padding:.75rem 0 1.25rem;display:flex}.composer textarea{resize:none;field-sizing:content;border:1px solid var(--line);background:var(--card);border-radius:.75rem;flex:1;min-height:3rem;max-height:10rem;padding:.7rem .9rem;line-height:1.45}.composer textarea::placeholder{color:var(--ink-soft)}.composer button{background:var(--rules);color:#fff;min-height:3rem;font-family:var(--font-display);cursor:pointer;border:none;border-radius:.75rem;padding:0 1.2rem;font-weight:600}@media (prefers-color-scheme:dark){.composer button{color:var(--board)}}.composer button:disabled{opacity:.45;cursor:not-allowed}@media (width<=30rem){.welcome{padding-top:6vh}.question{max-width:92%}}
