:root{--bg:#0b0e12;--panel:#12171d;--line:#25303b;--text:#eef3f7;--muted:#8f9ba8;--cyan:#42c7c7;--blue:#2a90ff;--warn:#ffbd59}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}.shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}aside{background:#0e1318;border-right:1px solid var(--line);padding:20px 14px}.brand{display:flex;gap:11px;align-items:center;padding:3px 8px 22px}.mark,.round{display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#061016;font-weight:900}.mark{width:38px;height:38px;border-radius:11px;font-size:22px}.brand b,.brand small{display:block}.brand small{color:var(--muted)}button,textarea{font:inherit}.new{width:100%;border:1px solid #33414f;background:#19212a;color:white;border-radius:10px;padding:11px;cursor:pointer}.history-title{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin:25px 8px 9px}.history button{display:block;width:100%;border:0;background:transparent;color:#cbd4dc;text-align:left;padding:10px;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.history button:hover,.history button.active{background:#1a232c;color:white}main{display:grid;grid-template-rows:64px 1fr auto 29px;min-width:0;height:100vh}header{border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 22px;gap:12px;background:rgba(11,14,18,.88);backdrop-filter:blur(12px)}header b,header span{display:block}header span{font-size:12px;color:var(--muted)}header i{margin-left:auto;color:#78dca6;font-size:12px;font-style:normal}#menu{display:none;background:none;border:0;color:white;font-size:22px}.chat{overflow:auto;padding:38px max(24px,calc((100% - 880px)/2));scroll-behavior:smooth}.welcome{text-align:center;max-width:690px;margin:8vh auto}.round{width:55px;height:55px;border-radius:18px;margin:auto;font-size:27px}.welcome h1{font-size:29px;margin:18px 0 7px}.welcome p{color:var(--muted)}.examples{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.examples button{color:#bdc8d2;background:#111820;border:1px solid var(--line);padding:13px;border-radius:11px;text-align:left;cursor:pointer}.bubble{max-width:790px;margin:0 auto 18px}.bubble.user{display:flex;justify-content:flex-end}.bubble.user>div{background:#213244;padding:11px 15px;border-radius:15px 15px 3px;max-width:80%}.answer{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:17px}.answer h3{margin:0 0 7px;font-size:17px}.answer p{margin:8px 0;color:#d4dce3}.safety{border-left:3px solid var(--warn);background:#2a2115;padding:10px 12px!important;color:#ffe2af!important}.card{background:#0d1217;border:1px solid #263442;border-radius:10px;padding:12px;margin-top:12px}.card b{color:var(--cyan)}.causes{margin:8px 0;padding-left:20px}.choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.choices button{border:1px solid #335269;background:#122535;color:#dcedf7;border-radius:999px;padding:8px 12px;cursor:pointer}.refs{font-size:12px;color:var(--muted);margin-top:13px}#composer{margin:0 auto;width:min(880px,calc(100% - 36px));border:1px solid #33414f;background:#141b22;border-radius:15px;padding:8px 9px 8px 15px;display:flex;align-items:flex-end}textarea{flex:1;resize:none;max-height:160px;background:transparent;border:0;outline:0;color:white;padding:6px 0}#send{width:38px;height:38px;border:0;border-radius:10px;background:var(--cyan);color:#051111;font-size:20px;cursor:pointer}#send:disabled{opacity:.4}.footer{text-align:center;color:#697582;font-size:11px;padding-top:7px}.typing{color:var(--muted);padding:12px}.error{color:#ff9b9b;border-color:#69383d} @media(max-width:760px){.shell{grid-template-columns:1fr}aside{position:fixed;z-index:5;inset:0 auto 0 0;width:280px;transform:translateX(-100%);transition:.2s}aside.open{transform:none}main{height:100dvh}#menu{display:block}.chat{padding:24px 14px}.examples{grid-template-columns:1fr}.welcome{margin:2vh auto}header{padding:0 13px}header i{font-size:10px}.bubble.user>div{max-width:90%}}
