:root{font-family:Inter,"Segoe UI",system-ui,sans-serif;color:#eaf4ee;background:#07110c}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% 0%,#123622 0,#07110c 45%,#040806 100%);min-height:100vh}.app{display:flex;min-height:100vh}.sidebar{width:280px;padding:22px;display:flex;flex-direction:column;background:rgba(8,20,14,.62);backdrop-filter:blur(24px);border-right:1px solid rgba(255,255,255,.08)}.brand{font-size:20px;font-weight:750;margin-bottom:24px}.newchat,.ghost,#send{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:#fff;border-radius:14px;padding:12px 16px;cursor:pointer}.newchat:hover,.ghost:hover,#send:hover{background:rgba(255,255,255,.13)}.label{font-size:12px;color:#8ea99a;margin:24px 0 8px}select{width:100%;padding:12px;border-radius:12px;border:1px solid #294638;background:#102319;color:#e9fff1}.history{flex:1}.sidefoot{font-size:11px;color:#6f8879}.main{flex:1;display:flex;flex-direction:column;max-width:1100px;margin:auto;width:100%;padding:0 24px}header{height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07)}header span{font-size:12px;color:#83a390;margin-left:10px}.messages{flex:1;overflow:auto;padding:42px 4px}.welcome{text-align:center;margin:12vh auto}.orb{margin:auto;width:64px;height:64px;border-radius:22px;display:grid;place-items:center;background:rgba(75,190,117,.16);box-shadow:0 0 60px rgba(66,190,110,.18);font-size:28px}.welcome h1{font-size:38px;margin:20px 0 8px}.welcome p{color:#91a89a}.msg{display:flex;gap:14px;margin:24px auto;max-width:850px}.avatar{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.08);flex:none}.bubble{white-space:pre-wrap;line-height:1.7;padding:12px 16px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);max-width:calc(100% - 50px)}.user .bubble{background:rgba(50,150,88,.16)}.composer{margin:0 auto 25px;width:min(850px,100%);padding:14px;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:rgba(255,255,255,.06);backdrop-filter:blur(24px);box-shadow:0 20px 60px rgba(0,0,0,.25)}textarea{width:100%;height:82px;resize:none;border:0;outline:0;background:transparent;color:#fff;font:inherit;padding:4px}.tools{display:flex;align-items:center;justify-content:space-between;color:#789184;font-size:12px}#send{background:#1d8a4e;border-color:#3cae6d;padding:10px 20px}@media(max-width:760px){.sidebar{display:none}.main{padding:0 12px}.welcome h1{font-size:28px}.messages{padding-top:20px}.composer{margin-bottom:12px}}