*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:system-ui;background:#080b10;color:#f5f7fa}button,input,textarea{font:inherit}button{cursor:pointer}input,textarea{background:#11161e;color:inherit;border:1px solid #29313d;border-radius:10px;padding:12px}.hidden{display:none!important}.box{width:min(420px,92%);background:#10151c;border:1px solid #29313d;border-radius:22px;padding:30px;text-align:center}.box input,.box button{width:100%;margin:6px 0}.box button{padding:12px;border:0;border-radius:10px}.box .primary,#auth{background:#4f7cff;color:#fff}.signup{display:none}#login,#otp{height:100%;display:grid;place-items:center}#app{height:100%;display:flex}aside{width:270px;background:#10151c;border-right:1px solid #29313d;padding:15px;display:flex;flex-direction:column;gap:10px}aside button{padding:11px;background:#181e27;color:#fff;border:1px solid #29313d;border-radius:10px;text-align:left}#history{flex:1;overflow:auto}main{flex:1;display:flex;flex-direction:column;min-width:0;position:relative}header{height:62px;border-bottom:1px solid #29313d;display:flex;align-items:center;padding:0 18px;gap:15px}header span{flex:1}header button{background:none;border:0;color:inherit;font-size:18px}#chat{flex:1;overflow:auto;padding:35px 15px 130px}.welcome{max-width:850px;margin:10vh auto;text-align:center}.cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cards button{background:#10151c;color:#fff;border:1px solid #29313d;border-radius:13px;padding:15px;text-align:left}.user,.assistant{max-width:850px;margin:20px auto;white-space:pre-wrap;line-height:1.65}.user{background:#181e27;padding:12px 14px;border-radius:15px}footer{position:absolute;bottom:0;left:0;right:0;padding:12px 15px;background:linear-gradient(transparent,#080b10 30%)}footer>div{max-width:850px;margin:auto;display:flex;gap:6px}.composer textarea{flex:1}#send{width:45px;background:#4f7cff;color:#fff;border:0;border-radius:10px}.panel{width:min(430px,100%);height:100%;background:#10151c;padding:25px}.panel input,.panel button{width:100%;margin:7px 0}.panel button{padding:11px;border:0;border-radius:10px}.avatar{margin:10px 0}#drawer{position:fixed;inset:0;background:#0009;display:flex;justify-content:flex-end;z-index:5}.light{background:#f7f8fa;color:#111}.light aside,.light .box,.light .panel,.light .cards button{background:#fff;color:#111}.light input,.light textarea{background:#f0f2f5;color:#111}@media(max-width:700px){aside{display:none}.cards{grid-template-columns:1fr}}