:root{--bg:#f5f6f8;--card:#fff;--ink:#1a1f29;--muted:#6b7280;--line:#e2e5ea;--brand:#1f6feb;--brand-ink:#fff;--warn-bg:#fff7ed;--warn-line:#fdba74;--warn-ink:#9a3412;--ok:#166534;--ok-bg:#ecfdf5;--radius:10px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.45}h1{font-size:22px;margin:0}h2{font-size:17px;margin:0 0 8px}h3{font-size:14px;margin:0 0 6px}a{color:var(--brand)}.center{min-height:100vh;display:grid;place-items:center;padding:24px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;width:100%;max-width:360px;box-shadow:0 1px 3px rgba(0,0,0,.05)}label{display:block;font-size:13px;color:var(--muted);margin:10px 0 4px}input,select,textarea{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:8px;font-size:15px;background:#fff;color:var(--ink);font-family:inherit}textarea{resize:vertical;min-height:64px}.row{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}button{background:var(--brand);color:var(--brand-ink);border:none;border-radius:8px;padding:9px 16px;font-size:15px;font-weight:600;cursor:pointer}button.secondary{background:#eef1f5;color:var(--ink)}button.danger{background:#fef2f2;color:#991b1b}button:disabled{opacity:.5;cursor:default}.err-banner{margin-top:12px;padding:9px 11px;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:8px;font-size:13px}.ver{font-size:11px;color:var(--muted)}.wrap{max-width:960px;margin:0 auto;padding:20px 18px 80px}.appbar{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px;gap:12px;flex-wrap:wrap}.appbar .sub{color:var(--muted);font-size:13px}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:16px}.panel .hint{color:var(--muted);font-size:13px;margin:0 0 10px}.advisory-banner{background:var(--ok-bg);border:1px solid #a7f3d0;color:var(--ok);font-size:12px;padding:7px 11px;border-radius:8px;margin-bottom:14px}.examples{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 0}.chip{font-size:12px;padding:5px 10px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--muted);cursor:pointer}.chip:hover{border-color:var(--brand);color:var(--brand)}.chat{display:flex;flex-direction:column;gap:12px}.bubble{max-width:82%;padding:10px 13px;border-radius:14px;font-size:14px;white-space:pre-wrap;word-wrap:break-word}.bubble.user{align-self:flex-end;background:var(--brand);color:var(--brand-ink);border-bottom-right-radius:4px}.bubble.bot{align-self:flex-start;background:#f1f3f6;color:var(--ink);border:1px solid var(--line);border-bottom-left-radius:4px}.bubble .src{margin-top:8px;font-size:11px;color:var(--muted)}.bubble.thinking{color:var(--muted);font-style:italic}.bubble.thinking .dots{display:inline-flex;gap:3px;margin-left:6px;vertical-align:middle}.bubble.thinking .dots span{width:5px;height:5px;border-radius:50%;background:var(--muted);display:inline-block;animation:thinking-bounce 1.2s ease-in-out infinite both}.bubble.thinking .dots span:first-child{animation-delay:-.24s}.bubble.thinking .dots span:nth-child(2){animation-delay:-.12s}@keyframes thinking-bounce{0%,80%,to{transform:scale(.5);opacity:.4}40%{transform:scale(1);opacity:1}}