:root{--ink:#0B0B0C;--forest:#08170F;--raised:#0F2419;--line:#15301F;--line-2:#24452F;--text:#FAFAFA;--muted:#98AE9F;
  --lime:#9BF26B;--teal:#2EE59D;--high:#E6FF6E;--grad:linear-gradient(90deg,#2EE59D,#9BF26B 55%,#E6FF6E);
  --body:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color-scheme:dark}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--ink);color:var(--text);font:17px/1.55 var(--body);padding-inline:16px;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding-block:28px 64px;display:flex;flex-direction:column;gap:22px}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.brand img{display:block;height:30px;width:auto}
.brand{color:var(--text);text-decoration:none;font:700 22px var(--body);letter-spacing:-.01em}
.tag{font:700 11px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line-2);border-radius:999px;padding:5px 10px}
.hero{display:grid;grid-template-columns:auto 1fr;gap:6px 20px;align-items:center}
.sadie{grid-row:span 2;width:88px;height:88px;border-radius:50%;border:2px solid var(--lime);background:var(--forest)}
h1{font:800 clamp(30px,5vw,46px)/1.04 var(--body);margin:0;letter-spacing:-.02em;text-wrap:balance}
.g{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{color:var(--muted);margin:0;max-width:60ch}
@media (max-width:560px){.hero{grid-template-columns:1fr}.sadie{grid-row:auto;width:64px;height:64px}}
.fetch{display:flex;gap:10px;align-items:stretch;background:#F6F7F4;border-radius:18px;padding:8px;
  box-shadow:-8px 0 17px -6px rgba(46,229,157,.8),8px 0 17px -6px rgba(230,255,110,.7),0 0 12px -4px rgba(155,242,107,.6)}
.fetch textarea{flex:1;min-width:0;resize:none;border:0;background:transparent;color:var(--ink);font:500 17px/1.4 var(--body);padding:10px 12px;outline:none}
.fetch button{border:0;border-radius:12px;background:var(--ink);color:var(--lime);font:800 16px var(--body);padding:0 22px;cursor:pointer;letter-spacing:.02em}
.fetch button:disabled{opacity:.5;cursor:wait}
.fetch button:focus-visible,.chip:focus-visible{outline:3px solid var(--lime);outline-offset:2px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{font:600 14px var(--body);padding:7px 13px;border-radius:999px;border:1px solid var(--line-2);background:transparent;color:var(--text);cursor:pointer}
.chip:hover{border-color:var(--lime)}
.thread{display:flex;flex-direction:column;gap:16px}
.turn{display:flex;flex-direction:column;gap:10px}
.q{align-self:flex-end;max-width:85%;background:var(--raised);border:1px solid var(--line-2);border-radius:16px 16px 4px 16px;padding:10px 14px}
.a{background:var(--forest);border:1px solid var(--line);border-radius:16px;padding:16px 18px;min-width:0;overflow-wrap:anywhere}
.a p{margin:0 0 10px}.a p:last-child{margin:0}
.a ul,.a ol{margin:0 0 10px;padding-left:20px}.a li{margin:3px 0}
.a strong{color:var(--high)}
.who{display:flex;align-items:center;gap:8px;font:700 12px var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--lime);margin-bottom:8px}
.who img{width:22px;height:22px;border-radius:50%}
.used{margin-top:10px;font-size:13px;color:var(--muted)}
.err{color:#FFB4A2}
.dots{display:inline-flex;gap:5px}.dots i{width:7px;height:7px;border-radius:50%;background:var(--teal);animation:b 1s infinite}
.dots i:nth-child(2){animation-delay:.15s;background:var(--lime)}.dots i:nth-child(3){animation-delay:.3s;background:var(--high)}
@keyframes b{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@media (prefers-reduced-motion:reduce){.dots i{animation:none;opacity:.8}}
.fine{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px}
.fine a{color:var(--lime)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.viewas{display:flex;align-items:center;gap:10px;font:700 12px var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.viewas select{font:600 14px var(--body);letter-spacing:0;text-transform:none;color:var(--text);background:var(--forest);border:1px solid var(--line-2);border-radius:10px;padding:7px 10px}
.fine a{color:var(--lime)} .back{color:var(--lime);text-decoration:none;font-weight:600;font-size:14px}
.human:empty{display:none}
.status{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:15px;margin:0}