:root{color-scheme:dark;--ink:#eef2ff;--muted:#9eaccb;--muted2:#7283a5;--bg:#080f20;--card:#121e33;--card2:#192944;--line:#2a3956;--accent:#7688ff;--accent2:#a27bff;--mint:#47d8ba;--shadow:0 28px 80px #0005}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:#a3b2ff}code{direction:ltr;unicode-bidi:isolate;color:#bbc5ff}h1,h2,p{margin-top:0}.hidden{display:none!important}
.background-orb{position:fixed;border-radius:100%;pointer-events:none;filter:blur(75px);opacity:.34;z-index:-1}.orb-a{width:550px;height:550px;background:#465cff;top:-280px;right:-170px}.orb-b{width:450px;height:450px;background:#248e9e;left:-200px;bottom:-260px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 17px;min-height:42px;border-radius:13px;text-decoration:none;border:1px solid transparent;transition:filter .2s,transform .2s;font-weight:700;font-size:13px;white-space:nowrap}.btn:hover{filter:brightness(1.09)}.btn:active{transform:scale(.98)}.primary{background:linear-gradient(135deg,#6579fa,#9870ff);color:white;box-shadow:0 7px 22px #7885fb33}.secondary{background:#ffffff0b;border-color:#ffffff17;color:#e8edff}.wide{width:100%}.compact{font-size:11px;min-height:36px;padding:8px 12px}.icon-button{display:grid;place-items:center;flex-shrink:0;height:42px;width:42px;background:#ffffff0c;color:#edf2ff;border:1px solid #ffffff12;border-radius:14px;font-size:21px;transition:background .15s}.icon-button:hover{background:#ffffff1c}.text-button{border:0;background:transparent;color:#adbbff;font-size:12px;display:block;margin:16px auto 0}.muted{color:var(--muted);line-height:1.9;font-size:13px}.footnote{margin:20px 0 0;text-align:center;color:var(--muted2);font-size:11px}
.logo{height:48px;width:48px;flex:none;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#31d5c4,#6d82fc,#ac72fb);box-shadow:0 10px 30px #7388ff66;color:#061228;font-weight:900;letter-spacing:-1px;font-size:16px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand strong{display:block;font-size:17px;font-weight:850;letter-spacing:1.2px;line-height:1.4}.brand small{display:block;margin-top:3px;color:var(--muted);font-size:11px}.brand-centered{justify-content:center;text-align:right}
.center-screen{height:100dvh;display:grid;place-items:center;padding:20px;overflow:auto}.auth-card,.onboard-card{width:min(445px,100%);background:linear-gradient(155deg,#17243c,#0e192d);border:1px solid #344261;padding:33px 35px;border-radius:27px;box-shadow:var(--shadow)}.auth-card .brand,.onboard-card .brand{margin-bottom:25px}.auth-card h1,.onboard-card h1{margin:0 0 8px;text-align:center;font-size:24px;font-weight:850}.auth-card>p.muted,.onboard-card>p{max-width:370px;text-align:center;margin-left:auto;margin-right:auto}.hero-mark,.setup-icon{display:grid;place-items:center;margin:0 auto 15px;width:58px;height:58px;border-radius:18px;background:linear-gradient(140deg,#7184ff20,#49d5c020);border:1px solid #8b9cff26;color:#91d7ff;font-size:33px}.auth-tabs{display:flex;gap:5px;padding:5px;border-radius:13px;background:#091328;border:1px solid var(--line);margin:23px 0 19px}.auth-tabs button{flex:1;border:0;background:transparent;color:var(--muted);padding:11px;border-radius:10px;font-weight:700;font-size:13px}.auth-tabs button.active{background:#293959;color:white;box-shadow:0 3px 10px #0004}.field{font-size:12px;color:#bdc8e5;display:block;margin-bottom:15px;font-weight:700}.field input{margin-top:8px;width:100%;padding:13px 14px;outline:none;border-radius:12px;background:#091428;border:1px solid #344360;color:white;text-align:right}.field input[dir=ltr]{text-align:left}.field input:focus,#chatFilter:focus,.composer textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7688ff18}.auth-notice{border-radius:13px;background:#4bd8ba15;border:1px solid #4bd8ba35;padding:12px;color:#aaf4d9;font-size:12px;line-height:1.8;margin-top:16px}.onboard-card p{font-size:13px;line-height:2;color:#c5cde3}
.app-layout{height:100dvh;max-width:1520px;padding:14px;margin:auto;display:grid;grid-template-columns:360px minmax(0,1fr);gap:14px}.sidebar,.conversation-pane{min-height:0;min-width:0;border:1px solid #273550;background:linear-gradient(152deg,#142037fa,#101a2ef8);box-shadow:0 22px 70px #0003;border-radius:23px;overflow:hidden}.sidebar{display:flex;flex-direction:column}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 20px 18px;border-bottom:1px solid var(--line)}.sidebar-heading .logo{height:45px;width:45px;font-size:15px}.sidebar-heading .brand strong{font-size:15px}
.account-tile{margin:15px 13px;padding:13px;border-radius:16px;background:#1e2e4a;border:1px solid #ffffff09;display:flex;align-items:center;gap:11px}.avatar{width:46px;height:46px;flex:none;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#47d8ba,#8b98fa);color:#081b2c;font-weight:900;font-size:18px;user-select:none}.account-data{min-width:0;flex:1}.account-data strong{font-size:13px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-data small{direction:ltr;text-align:right;display:block;color:#a2b4da;font-size:11px;margin-top:5px;overflow:hidden;text-overflow:ellipsis}.active-dot{height:9px;width:9px;border-radius:50%;background:#47d8ba;box-shadow:0 0 0 4px #47d8ba13}.side-controls{padding:0 13px 14px}#chatFilter{background:#0c1629;border:1px solid var(--line);border-radius:13px;outline:0;width:100%;padding:13px 15px;color:var(--ink);font-size:12px}.create-actions{display:flex;gap:8px;margin-top:11px}.create-actions .btn{flex:1;min-width:0;padding:11px 8px;font-size:11px}.list-label{padding:3px 19px 8px;display:flex;justify-content:space-between;align-items:center;color:#8fa0c2;font-weight:700;font-size:11px}.list-label button{background:transparent;color:#9aacee;border:0;font-size:18px}.chat-list{padding:0 8px 12px;overflow:auto;flex:1}.chat-item{display:flex;gap:12px;align-items:center;min-height:75px;padding:11px 13px;margin-bottom:4px;border:1px solid transparent;border-radius:15px;cursor:pointer;transition:background .2s}.chat-item:hover{background:#ffffff09}.chat-item.active{background:linear-gradient(115deg,#7389ff20,#4fd4c30c);border-color:#7389ff4b}.chat-item .avatar{width:44px;height:44px;border-radius:14px}.chat-data{min-width:0;flex:1}.chat-data-head{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.chat-data-head strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-data-head time{font-size:10px;color:var(--muted2);white-space:nowrap;direction:ltr}.chat-preview{color:var(--muted);font-size:11px;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-empty{padding:45px 20px;text-align:center;color:var(--muted);font-size:12px;line-height:1.8}.side-footer{padding:14px 20px;color:var(--muted2);border-top:1px solid var(--line);display:flex;gap:8px;align-items:center;font-size:11px}.mini-shield{color:var(--mint);font-size:17px}
.conversation-pane{display:flex;flex-direction:column}.empty-state{margin:auto;text-align:center;max-width:430px;padding:25px}.empty-emblem{height:100px;width:100px;border-radius:33px;background:linear-gradient(140deg,#7087ff35,#45d7b822);border:1px solid #8993ff3b;color:#b4c2ff;display:grid;place-items:center;font-size:61px;margin:0 auto 25px}.empty-state h2{font-size:23px;margin-bottom:10px}.empty-state p{color:var(--muted);font-size:13px;line-height:2;margin-bottom:23px}.conversation-content{display:flex;flex-direction:column;min-height:0;height:100%}.conversation-header{display:flex;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid var(--line);background:#ffffff02}.chat-avatar{height:47px;width:47px}.conversation-title{flex:1;min-width:0}.conversation-title strong{display:block;font-size:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.conversation-title small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.mobile-back{display:none}.conversation-notice{margin:12px 22px 0;border:1px solid #748aff2a;background:#778bff0c;border-radius:12px;color:#adbbe1;font-size:11px;line-height:1.8;padding:9px 12px}.messages-list{flex:1;min-height:0;overflow-y:auto;padding:23px 25px 16px;display:flex;flex-direction:column;gap:12px;background-image:radial-gradient(#ffffff07 1px,transparent 1px);background-size:21px 21px}.date-chip{align-self:center;font-size:11px;border:1px solid #ffffff14;border-radius:50px;background:#1b2b45;color:#a6b5d2;padding:7px 15px;margin:0 0 8px}.message-row{align-self:flex-start;max-width:min(73%,640px);display:flex;flex-direction:column;gap:4px}.message-row.mine{align-self:flex-end}.message-sender{font-size:11px;color:#9dc3ff;padding:0 6px}.bubble{background:#24334f;border:1px solid #ffffff09;color:#f3f5ff;padding:10px 14px;border-radius:17px 17px 17px 5px;line-height:1.85;font-size:13px;white-space:pre-wrap;word-break:break-word}.mine .bubble{background:linear-gradient(135deg,#4b60c7,#6855bb);border-color:#ffffff11;border-radius:17px 17px 5px 17px}.message-meta{display:flex;align-items:center;gap:8px;justify-content:flex-end;color:#8ea0c3;font-size:10px;padding:0 5px;direction:rtl}.read-icon{color:#62e8d1}.message-file{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;max-width:310px;word-break:break-word;white-space:normal}.message-file:hover{text-decoration:underline}.file-glyph{height:42px;width:42px;display:grid;place-items:center;background:#ffffff18;border-radius:11px;font-size:23px;flex:none}.message-file small{display:block;font-size:10px;color:#d0d9fc;margin-top:4px}.load-more{align-self:center;border:1px solid #ffffff28;background:#182740;color:#b5c5ef;border-radius:20px;padding:8px 15px;margin-bottom:10px;font-size:11px}.messages-placeholder{text-align:center;margin:auto;color:var(--muted);font-size:13px;line-height:2;padding:30px}.attachment-preview{margin:9px 20px 0;padding:12px 14px;background:#253854;border:1px solid #546287;border-radius:12px;display:flex;gap:9px;align-items:center;justify-content:space-between;color:#ecf4ff;font-size:12px;min-width:0}.attachment-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-preview button{background:transparent;border:0;color:#f3a1ae;font-size:18px}.composer{border-top:1px solid var(--line);display:flex;align-items:flex-end;gap:10px;padding:14px 20px;background:#101c30}.composer textarea{background:#0b1629;border:1px solid var(--line);border-radius:15px;outline:0;min-height:45px;max-height:135px;padding:12px 15px;resize:none;color:var(--ink);flex:1;line-height:1.6;font-size:13px;min-width:0}.attach-button,.voice-button{height:46px;width:46px;font-size:24px}.send-button{min-height:46px;padding:11px 19px}.send-button span{font-size:17px;transform:rotate(180deg)}.recording-status{font-size:12px;color:#ffc5ce;background:#6c223326;padding:0 25px 11px}
.modal-backdrop{position:fixed;inset:0;z-index:30;background:#020715c7;display:flex;justify-content:center;align-items:center;padding:16px;backdrop-filter:blur(7px)}.modal{background:linear-gradient(153deg,#1a2945,#121d31);width:min(465px,100%);max-height:90dvh;overflow:auto;border:1px solid #3a4b6a;border-radius:22px;padding:22px;box-shadow:var(--shadow)}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.modal-heading h2{margin:0;font-size:18px}.modal-heading .icon-button{height:34px;width:34px;font-size:17px}.modal .field input,.modal .field textarea{display:block;width:100%;margin-top:8px;background:#0c162c;border:1px solid #354562;border-radius:11px;padding:12px;color:#fff;outline:none}.modal .field textarea{min-height:85px;resize:vertical}.modal-actions{display:flex;gap:10px;margin-top:20px}.modal-actions .btn{flex:1}.modal-help{font-size:11px;color:#92a4c6;line-height:1.9;margin:8px 0}.toast{position:fixed;z-index:40;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;visibility:hidden;pointer-events:none;border:1px solid #4b5e88;background:#1b2d4b;color:#eff3ff;border-radius:13px;padding:13px 18px;box-shadow:0 18px 40px #0007;font-size:12px;line-height:1.7;transition:all .2s;max-width:min(92vw,490px);text-align:center}.toast.show{transform:translate(-50%,0);opacity:1;visibility:visible}.toast.error{border-color:#bd6678;color:#ffd8de}
@media(max-width:850px){.app-layout{grid-template-columns:300px minmax(0,1fr);padding:8px;gap:8px}.sidebar-heading{padding:18px 14px}.sidebar-heading .brand strong{font-size:13px}.conversation-header{padding:12px}.messages-list{padding:15px 13px}.composer{padding:10px 12px}.conversation-notice{margin:9px 11px 0}.message-row{max-width:85%}}
@media(max-width:680px){body{overflow:hidden}.app-layout{display:block;padding:0;height:100dvh}.sidebar,.conversation-pane{border:0;border-radius:0;height:100dvh}.conversation-pane{display:none}.app-layout.show-chat .sidebar{display:none}.app-layout.show-chat .conversation-pane{display:flex}.sidebar-heading{padding:16px}.mobile-back{display:grid;height:36px;width:36px}.conversation-header{gap:9px;padding:11px}.chat-avatar{height:42px;width:42px}.conversation-title strong{font-size:13px}.conversation-notice{font-size:10px;padding:7px 10px}.messages-list{padding:12px 11px}.message-row{max-width:88%}.composer{gap:6px;padding:9px 9px calc(9px + env(safe-area-inset-bottom,0px))}.attach-button,.voice-button{height:42px;width:38px;border-radius:11px;font-size:20px}.composer textarea{min-height:42px;padding:10px;font-size:12px}.send-button{min-height:42px;padding:9px 11px;font-size:11px}.send-button span{display:none}.account-tile{margin:11px 12px}.auth-card,.onboard-card{padding:28px 23px}.empty-state{max-width:290px}}