/* Compatibility-first styles for older Android WebView and desktop browsers. */
*{box-sizing:border-box}body{margin:0;background:#10131c;color:#f1f3f8;font-family:Arial,Helvetica,sans-serif;min-height:100%;direction:rtl}.app-shell{min-height:100vh}.sidebar{float:right;width:255px;min-height:100vh;background:#0d1017;border-left:1px solid #202433;padding:22px 16px}.brand{padding:0 5px}.brand-mark{display:inline-block;width:36px;height:36px;line-height:36px;text-align:center;border-radius:12px;background:#b6f09c;color:#172019;font-size:25px;font-weight:bold}.brand strong{display:inline-block;margin-right:8px}.brand small{display:block;color:#9aa3b7;font-size:10px;margin:5px 0}.new-chat{display:block;width:100%;margin:25px 0;border:1px solid #363d4f;border-radius:10px;background:#191e2a;color:#f3f5fa;padding:12px;font:inherit;text-align:right}.side-note{font-size:12px;color:#a4aec1}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#9ee786;margin-left:6px}.side-bottom{margin-top:35px;border:1px solid #282e3c;background:#151923;border-radius:12px;padding:14px;color:#a6aec0;font-size:12px;line-height:1.7}.side-bottom a{color:#b6f09c}.main{min-height:100vh;margin-right:255px}.topbar{height:65px;padding:15px 4%;border-bottom:1px solid #242938}.model-chip{display:inline-block;border:1px solid #303648;background:#191e2a;border-radius:18px;padding:8px 12px;font-size:12px}.chip-muted{color:#9aa3b7}.icon-button{float:left;background:transparent;border:1px solid #33394a;color:#c8cedb;border-radius:9px;width:36px;height:36px;font-size:17px}.mobile-brand{display:none}.settings{width:90%;max-width:720px;margin:18px auto;background:#171b27;border:1px solid #2b3040;border-radius:12px;padding:16px}.settings label{display:block;font-size:13px;font-weight:bold;margin-bottom:9px}.key-row input{width:70%;padding:10px;background:#0e1119;border:1px solid #33394a;color:#fff;border-radius:8px}.key-row button{padding:10px;background:#b6f09c;color:#182019;border:0;border-radius:8px}.settings small{display:block;color:#9aa3b7;margin-top:8px;line-height:1.6}.welcome{width:90%;max-width:780px;margin:6% auto 25px;text-align:center}.hero-symbol{margin:0 auto 20px;width:58px;height:58px;line-height:58px;border:1px solid #3a424f;background:#222b30;border-radius:18px;color:#b6f09c;font-size:34px}.eyebrow{font-size:10px;letter-spacing:2px;color:#b6f09c;font-weight:bold}.welcome h1{font-size:36px;margin:8px}.subtitle{color:#9ca5b8;font-size:14px;margin:12px 0 28px}.suggestions{text-align:right;overflow:hidden}.suggestion{float:right;width:31%;margin:0 1% 10px;min-height:110px;background:#171b26;border:1px solid #2a3040;border-radius:12px;padding:14px;color:#f1f3f8;font:inherit;text-align:right}.suggestion span,.suggestion strong,.suggestion small{display:block}.suggestion span{color:#b6f09c;font-size:21px}.suggestion strong{font-size:13px}.suggestion small{color:#9099ad;font-size:11px;margin-top:5px}.messages{width:90%;max-width:780px;margin:0 auto;padding:25px 0}.message{overflow:hidden;margin-bottom:25px}.avatar{float:right;width:32px;height:32px;line-height:32px;text-align:center;border-radius:9px;background:#262d3b;color:#b6f09c}.message-body{margin-right:44px}.message-label{font-size:11px;color:#929caf;margin-bottom:7px}.message-text{font-size:14px;line-height:1.8;white-space:pre-wrap;word-wrap:break-word}.progress{width:90%;max-width:780px;margin:0 auto 14px;border:1px solid #343b4d;background:#171c28;border-radius:12px;padding:14px;overflow:hidden}.progress>span{float:right;margin-left:10px}.progress>div{float:right;max-width:75%}.progress strong,.progress small{display:block}.progress small{font-size:11px;color:#9aa3b7}.elapsed{float:left!important}.spinner{width:19px;height:19px;border:2px solid #3b4650;border-top-color:#b6f09c;border-radius:50%}.composer-wrap{width:90%;max-width:780px;margin:0 auto;padding-bottom:16px}.composer{border:1px solid #3b4253;background:#191e2a;border-radius:15px;padding:12px}.composer textarea{width:100%;min-height:45px;max-height:180px;resize:vertical;border:0;background:transparent;color:#f1f3f8;font:inherit;font-size:14px;line-height:1.6}.composer-bottom{overflow:hidden;margin-top:8px}.composer-hint{float:right;color:#788297;font-size:10px;padding-top:10px}.composer-actions{float:left}.composer-actions select{background:#242a38;color:#bfc6d5;border:1px solid #363d4d;border-radius:7px;padding:6px}.send-button{width:35px;height:35px;margin-right:7px;border:0;border-radius:10px;background:#b6f09c;color:#172019;font-size:22px}.footnote{font-size:10px;line-height:1.6;color:#9aa3b7;text-align:center;margin:10px}.error{margin-top:12px;padding:11px;border:1px solid #74454b;background:#2c1b22;color:#ffc2c7;border-radius:9px;font-size:12px;line-height:1.6}.hidden{display:none!important}
@media(max-width:760px){.sidebar{display:none}.main{margin-right:0}.topbar{height:60px;padding:12px}.mobile-brand{display:inline-block;float:right}.mobile-brand .brand-mark{width:30px;height:30px;line-height:30px;font-size:20px}.mobile-brand strong{margin-right:5px}.model-chip{float:left;margin-top:1px}.icon-button{margin-right:8px}.welcome{margin-top:32px}.welcome h1{font-size:29px}.suggestion{float:none;display:block;width:100%;min-height:0;margin:0 0 8px}.suggestion span{float:right;width:30px}.suggestion strong,.suggestion small{margin-right:32px}.messages,.composer-wrap,.progress{width:94%}.composer-hint{max-width:55%}}