:root{
  --bg:#f6f3ef; --card:#ffffff; --text:#2b2a28; --muted:#7a766e; --accent:#5b8a72; --accent2:#e8b86d;
  --warn1:#e0b94b; --warn2:#e08a3c; --warn3:#d1495b; --radius:16px; --maxw:720px;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:'Inter',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
#app{display:flex;flex-direction:column;height:100vh;max-width:var(--maxw);margin:0 auto;background:var(--bg)}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--card);border-bottom:1px solid #eee;position:sticky;top:0;z-index:5}
.brand{display:flex;align-items:center;gap:8px;font-size:17px}
.brand .sub{font-size:12px;color:var(--muted);font-weight:400;margin-left:4px}
.topbar-actions{display:flex;gap:6px}
.icon-btn{background:none;border:none;font-size:18px;padding:6px 8px;border-radius:10px;cursor:pointer}
.icon-btn:hover{background:#f0ede7}
.chat{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;-webkit-overflow-scrolling:touch}
.msg{max-width:88%;padding:12px 14px;border-radius:var(--radius);line-height:1.5;font-size:15px;white-space:pre-wrap}
.msg.me{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px}
.msg.bot{align-self:flex-start;background:var(--card);box-shadow:0 1px 3px rgba(0,0,0,.06);border-bottom-left-radius:4px}
.msg.bot .block{margin-top:8px}
.msg.bot .block b{display:block;font-size:12px;color:var(--muted);margin-bottom:3px;text-transform:uppercase;letter-spacing:.03em}
.msg.bot ul{margin:4px 0 0 18px;padding:0}
.msg.bot li{margin-bottom:3px}
.sources{margin-top:8px;font-size:12px;color:var(--muted)}
.sources a{color:var(--accent);text-decoration:none}
.warn{margin-top:10px;padding:10px 12px;border-radius:12px;font-size:13.5px}
.warn.lv1{background:#fdf6e3;border:1px solid var(--warn1)}
.warn.lv2{background:#fdeee0;border:1px solid var(--warn2)}
.warn.lv3{background:#fbe4e7;border:1px solid var(--warn3)}
.warn b{display:block;margin-bottom:4px}
.emergency{margin-top:8px;padding:10px 12px;background:#fff;border-radius:10px;border:1.5px solid var(--warn3)}
.emergency ol{margin:6px 0 0 18px;padding:0}
.emergency li{margin-bottom:4px}
.fb-row{display:flex;gap:8px;margin-top:8px}
.fb-row button{background:none;border:1px solid #e3ded6;border-radius:20px;padding:4px 10px;font-size:13px;cursor:pointer}
.fb-row button.active{background:var(--accent);color:#fff;border-color:var(--accent)}
.disclaimer{font-size:11px;color:var(--muted);margin-top:8px;border-top:1px dashed #e3ded6;padding-top:6px}
.typing{align-self:flex-start;color:var(--muted);font-size:14px;padding:4px 14px}
.quick-row{display:flex;gap:8px;overflow-x:auto;padding:0 16px 8px;scrollbar-width:none}
.quick-row::-webkit-scrollbar{display:none}
.quick-row button{flex:none;background:var(--card);border:1px solid #e9e4dc;border-radius:16px;padding:7px 12px;font-size:13px;color:var(--text);white-space:nowrap;cursor:pointer}
.composer{display:flex;gap:8px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid #eee}
.composer textarea{flex:1;resize:none;border:1px solid #e3ded6;border-radius:18px;padding:10px 14px;font-size:15px;font-family:inherit;max-height:120px;line-height:1.4}
.composer button{background:var(--accent);color:#fff;border:none;border-radius:18px;padding:0 18px;font-size:15px;cursor:pointer}
.composer button:disabled{opacity:.5}
.modal-wrap{position:fixed;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}
.modal{background:#fff;border-radius:18px;padding:22px;max-width:420px;width:100%;max-height:88vh;overflow-y:auto}
.modal h2{margin:0 0 10px;font-size:19px}
.modal .muted{color:var(--muted);font-size:13.5px;line-height:1.5}
.chk{display:flex;gap:8px;align-items:flex-start;margin:10px 0;font-size:13.5px;cursor:pointer}
.chk input{margin-top:3px}
.primary-btn{width:100%;background:var(--accent);color:#fff;border:none;border-radius:14px;padding:12px;font-size:15px;margin-top:10px;cursor:pointer}
.primary-btn:disabled{opacity:.4;cursor:not-allowed}
.ghost-btn{background:none;border:1px solid #e3ded6;border-radius:12px;padding:8px 14px;cursor:pointer}
.modal-actions{display:flex;justify-content:flex-end;margin-top:14px}
.note-item{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid #f0ede7;font-size:13.5px}
.note-item button{background:none;border:none;color:var(--warn3);cursor:pointer;font-size:13px}
.mem-toggle{display:flex;justify-content:space-between;align-items:center;margin:10px 0;padding:10px;background:#f6f3ef;border-radius:12px}
@media (max-width:480px){ .msg{max-width:92%} }