*{box-sizing:border-box}body{margin:0;background:#07110d;color:#ecfff5;font-family:Inter,system-ui,Arial,sans-serif;display:flex;height:100vh;overflow:hidden}.sidebar{width:260px;background:#0a1712;border-right:1px solid #173226;padding:18px;display:flex;flex-direction:column}.brand{font-weight:800;font-size:20px;margin:4px 4px 22px}.brand span,.logo{color:#35e38b}.new-chat{border:1px solid #24533d;background:#10241a;color:#eafff2;border-radius:12px;padding:12px;text-align:left;font-size:14px;cursor:pointer}.new-chat:hover{background:#143022}.side-title{font-size:12px;color:#799187;margin:25px 5px 10px}.recent{display:flex;flex-direction:column;gap:5px;overflow:auto}.recent button{background:transparent;border:0;color:#b7c9c0;text-align:left;padding:9px;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.recent button:hover{background:#10241a}.side-bottom{margin-top:auto;color:#5e756a;font-size:11px}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:58px;border-bottom:1px solid #173226;display:flex;align-items:center;padding:0 22px}.status{margin-left:auto;font-size:12px;color:#91aa9e}.status span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#35e38b;margin-right:6px}.menu,.mobile-brand{display:none}.chat{flex:1;overflow:auto;padding:34px 18px 150px}.welcome{max-width:760px;margin:11vh auto 0;text-align:center}.logo{font-size:38px}.welcome h1{font-size:40px;margin:14px 0 5px}.welcome p{color:#8ea59a;margin:0 0 28px}.suggestions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.suggestions button{padding:14px;background:#0c1b15;border:1px solid #1b3a2c;color:#cfe3d9;border-radius:12px;cursor:pointer;text-align:left}.suggestions button:hover{border-color:#35e38b}.message{max-width:820px;margin:0 auto 22px;display:flex;gap:12px}.avatar{width:32px;height:32px;border-radius:9px;background:#123021;display:grid;place-items:center;flex:none;color:#35e38b;font-weight:800}.bubble{line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.user .avatar{background:#1c2a24;color:#fff}.composer-wrap{position:fixed;bottom:0;left:260px;right:0;padding:16px 20px 18px;background:linear-gradient(transparent,#07110d 25%)}.composer{max-width:820px;margin:auto;background:#0c1b15;border:1px solid #24533d;border-radius:16px;display:flex;padding:8px}.composer textarea{flex:1;resize:none;background:transparent;border:0;outline:0;color:#fff;padding:10px;font:inherit;max-height:140px}.composer button{width:42px;height:42px;border:0;border-radius:11px;background:#35e38b;color:#062013;font-size:18px;cursor:pointer}.hint{text-align:center;color:#52675d;font-size:10px;margin-top:7px}@media(max-width:700px){.sidebar{position:fixed;z-index:5;left:-280px;top:0;bottom:0;transition:.2s}.sidebar.open{left:0}.menu{display:block;background:none;border:0;color:#fff;font-size:20px}.mobile-brand{display:block;font-weight:800;margin-left:12px}.chat{padding-left:12px;padding-right:12px}.welcome h1{font-size:30px}.suggestions{grid-template-columns:1fr}.composer-wrap{left:0;padding:10px 10px 14px}.topbar{padding:0 12px}}