:root{--wine:#7b1e3a;--wine2:#551226;--cream:#f7f4ef;--ink:#252329;--muted:#716d75;--line:#e6e0dc;--green:#16835c;--white:#fff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,#f3dfe5,transparent 35%),#ece8e3;color:var(--ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;display:grid;place-items:center;padding:20px}.shell{width:min(860px,100%);height:min(820px,calc(100vh - 40px));background:var(--white);border:1px solid #ddd4d0;border-radius:22px;box-shadow:0 24px 70px #4b273326;overflow:hidden;display:grid;grid-template-rows:auto auto 1fr auto auto}.topbar{display:flex;align-items:center;gap:13px;padding:18px 22px;border-bottom:1px solid var(--line)}.topbar div:nth-child(2){display:flex;flex-direction:column}.topbar span{font-size:.82rem;color:var(--muted)}.brand-mark,.avatar{display:grid;place-items:center;background:linear-gradient(145deg,var(--wine),var(--wine2));color:#fff;font-weight:800}.brand-mark{width:48px;height:48px;border-radius:15px}.avatar{flex:0 0 35px;height:35px;border-radius:11px;font-size:.72rem}.status{margin-left:auto!important;display:flex;align-items:center;gap:7px}.status i{width:8px;height:8px;border-radius:50%;background:var(--green)}.notice{padding:10px 20px;background:#fff7df;border-bottom:1px solid #f1dfab;color:#67511d;font-size:.88rem}.messages{padding:24px;overflow-y:auto;background:var(--cream)}.bubble{display:flex;gap:10px;margin-bottom:16px}.bubble>div{max-width:74%;padding:13px 16px;background:#fff;border:1px solid var(--line);border-radius:7px 17px 17px 17px;box-shadow:0 4px 14px #42202a0a}.bubble p{margin:0 0 7px}.bubble p:last-child{margin:0}.bubble.user{justify-content:flex-end}.bubble.user>div{background:var(--wine);color:#fff;border:0;border-radius:17px 7px 17px 17px}.bubble.danger>div{border-color:#dc8383;background:#fff2f2}.bubble a{display:inline-block;margin-top:10px;color:var(--wine);font-weight:700}.bubble small,.answer-title{display:block}.bubble small{color:var(--muted);margin:2px 0 8px}.categories{display:flex;gap:8px;flex-wrap:wrap;margin:5px 0 20px 45px}.categories button,.result-list button{border:1px solid #d7c9cd;background:#fff;color:var(--wine2);border-radius:999px;padding:9px 13px;cursor:pointer;font-weight:650}.categories button:hover,.result-list button:hover{border-color:var(--wine);background:#fff7fa}.result-list{display:grid;gap:7px;margin:8px 0}.result-list button{text-align:left;border-radius:10px}.composer{display:flex;gap:10px;padding:14px 18px;border-top:1px solid var(--line)}.composer input{flex:1;min-width:0;border:1px solid #cfc7c4;border-radius:13px;padding:13px 15px;font:inherit}.composer input:focus{outline:3px solid #7b1e3a24;border-color:var(--wine)}.composer button{border:0;background:var(--wine);color:#fff;border-radius:13px;padding:0 20px;font-weight:750;cursor:pointer}.composer button:hover{background:var(--wine2)}footer{text-align:center;color:var(--muted);font-size:.75rem;padding:0 15px 12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:600px){body{padding:0}.shell{height:100vh;border:0;border-radius:0}.topbar{padding:13px}.notice{padding:9px 13px}.messages{padding:16px 12px}.bubble>div{max-width:84%}.categories{margin-left:0}.composer{padding:10px}.composer button{padding:0 14px}}