@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap";:root{--blue: #1769e0;--blue-deep: #0d4eb7;--ink: #142b49;--muted: #7a8da5;--line: #e6edf5;--paper: #ffffff;--soft: #f5f8fc;--mint: #37b884;--shadow: 0 24px 70px rgba(38, 76, 123, .11);font-family:Tajawal,IBM Plex Sans Arabic,Arial,sans-serif;color:var(--ink);background:#f6f9fd;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;overflow-x:hidden;background:#f6f9fd}button,input{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed}.eyebrow{margin:0 0 5px;color:#8a9bb0;font-size:10px;font-weight:800;letter-spacing:.12em}.center{text-align:center}.primary-wide{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;padding:0 18px;border-radius:14px;color:#fff;background:var(--blue);box-shadow:0 10px 20px #1769e033;font-size:12px;font-weight:800;transition:.2s ease}.primary-wide:hover{transform:translateY(-2px);background:var(--blue-deep);box-shadow:0 14px 27px #1769e03d}.primary-wide:disabled{opacity:.55;transform:none}.icon-button{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:12px;color:#7c8da3;background:transparent;transition:.18s ease}.icon-button:hover,.icon-button.selected{color:var(--blue);background:#edf5ff}.icon-button.soft{background:#f5f8fc}.avatar{position:relative;display:inline-grid;flex:0 0 auto;place-items:center;color:#fff;border-radius:50%;font-weight:800;box-shadow:inset 0 0 0 2px #ffffffad}.avatar-sm{width:34px;height:34px;font-size:12px}.avatar-md{width:43px;height:43px;font-size:15px}.avatar-lg{width:50px;height:50px;font-size:17px}.avatar-status{position:absolute;right:-1px;bottom:0;width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:#36c684}.wave-dot{color:#60c891}.auth-page{position:relative;display:flex;flex-direction:column;min-height:100vh;overflow:hidden;padding:28px 6.2vw 22px;direction:ltr;background:radial-gradient(circle at 78% 18%,#e1efff 0 18%,transparent 45%),linear-gradient(135deg,#f5f9ff,#eef6ff 52%,#e4f1ff)}.auth-orb{position:absolute;border-radius:50%;pointer-events:none}.orb-one{top:-290px;right:-140px;width:660px;height:660px;background:radial-gradient(circle,#75b4ff66,#75b4ff00 68%)}.orb-two{bottom:-360px;left:-210px;width:760px;height:760px;background:radial-gradient(circle,#a0d3ff47,#a0d3ff00 67%)}.auth-grid{position:absolute;inset:0;opacity:.24;background-image:linear-gradient(rgba(61,122,191,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(61,122,191,.045) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 74%);mask-image:linear-gradient(to bottom,black,transparent 74%)}.auth-topbar,.auth-footer,.auth-layout{position:relative;z-index:1}.auth-topbar,.auth-footer{direction:rtl}.auth-topbar,.auth-footer{display:flex;align-items:center;justify-content:space-between;color:#7890ac;font-size:11px}.auth-topbar>span{display:inline-flex;align-items:center;gap:6px;color:#5b83af}.auth-topbar>span svg{color:var(--mint)}.auth-brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:15px}.brand-mark{position:relative;display:grid;place-items:center;width:62px;height:62px;border-radius:21px;background:#fff;box-shadow:0 18px 34px #1769e029}.brand-mark.compact{width:36px;height:36px;border-radius:12px;box-shadow:0 9px 20px #1769e026}.brand-mark-orbit{position:absolute;width:40px;height:40px;border:2px solid rgba(23,105,224,.13);border-radius:50%}.compact .brand-mark-orbit{width:24px;height:24px}.brand-mark-bubble{position:relative;display:grid;place-items:center;width:39px;height:31px;color:#fff;border-radius:14px;background:var(--blue)}.brand-mark-bubble:after{position:absolute;bottom:-4px;right:7px;width:9px;height:9px;content:"";background:var(--blue);clip-path:polygon(0 0,100% 0,100% 100%)}.compact .brand-mark-bubble{width:24px;height:20px;border-radius:8px}.auth-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,410px);align-items:center;gap:clamp(28px,6vw,82px);width:min(1120px,calc(100% - 28px));margin-inline:auto;direction:ltr}.auth-story,.auth-card{direction:rtl}.auth-story{max-width:590px;padding:35px 0}.story-kicker{display:inline-flex;align-items:center;gap:8px;color:#5c83ad;font-size:11px;font-weight:800;letter-spacing:.06em}.live-dot{width:7px;height:7px;border-radius:50%;background:#41bf83;box-shadow:0 0 0 5px #41bf831f}.auth-story h1{margin:21px 0 17px;color:#143156;font-size:clamp(39px,5vw,67px);line-height:1.09;letter-spacing:-.075em}.auth-story h1 em,.no-chat-selected h2 em{color:var(--blue);font-style:normal}.auth-story>p{max-width:390px;margin:0;color:#7187a0;font-size:15px;line-height:1.9}.story-proof{display:flex;align-items:center;gap:12px;margin-top:36px}.proof-avatars{display:flex;direction:ltr}.proof-avatars span{display:grid;place-items:center;width:33px;height:33px;margin-left:-8px;border:3px solid #eef6ff;border-radius:50%;color:#fff;background:#7aaae4;font-size:11px;font-weight:800}.proof-avatars span:nth-child(2){background:#7ac6a9}.proof-avatars span:nth-child(3){background:#e8ae6f}.proof-avatars span:nth-child(4){background:#fff;color:var(--blue)}.story-proof strong,.story-proof small{display:block}.story-proof strong{color:#416485;font-size:12px}.story-proof small{margin-top:3px;color:#94a6b9;font-size:10px}.auth-card{width:100%;padding:32px 31px 25px;border:1px solid rgba(255,255,255,.85);border-radius:28px;background:#ffffffdb;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(19px);backdrop-filter:blur(19px)}.auth-card-head{display:flex;align-items:center;gap:15px}.auth-logo{display:grid;place-items:center;width:67px;height:67px;padding:4px;border-radius:21px;background:#fff;box-shadow:0 12px 25px #1769e026}.auth-logo img{width:100%;height:100%;border-radius:16px;object-fit:cover}.auth-logo>.brand-mark{width:100%;height:100%;border-radius:16px;box-shadow:none}.auth-card h2{margin:0;color:var(--ink);font-size:23px;letter-spacing:-.06em}.auth-lede{margin:20px 0 21px;color:#8091a7;font-size:12px;line-height:1.7}.auth-switch{display:flex;gap:4px;margin-bottom:19px;padding:4px;border-radius:13px;background:#f1f6fb}.auth-switch button{flex:1;padding:10px 4px;color:#9aaabd;border-radius:9px;background:transparent;font-size:11px;font-weight:800}.auth-switch button.active{color:var(--blue);background:#fff;box-shadow:0 4px 13px #39649517}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-form label{display:flex;flex-direction:column;gap:7px;color:#63748b;font-size:11px;font-weight:800}.auth-form input{width:100%;height:47px;padding:0 13px;color:#30435e;border:1px solid #dce7f2;border-radius:12px;outline:0;background:#fbfdff;font-size:12px}.auth-form input:focus{border-color:#91b9ed;background:#fff;box-shadow:0 0 0 3px #1769e014}.auth-footnote{display:flex;align-items:center;justify-content:center;gap:6px;margin:20px 0 0;color:#91a294;text-align:center;font-size:10px}.auth-footnote svg{color:#53b588}.auth-footer{width:min(1120px,100%);margin:0 auto;opacity:.75}.auth-footer span:last-child{direction:ltr}.app-shell{display:grid;grid-template-columns:86px 348px minmax(0,1fr);min-height:100vh;direction:rtl;background:#f5f8fc}.app-rail{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:23px 0 18px;border-left:1px solid #e8eff7;background:#fff}.rail-logo{margin-bottom:48px}.rail-menu{display:flex;flex-direction:column;align-items:center;gap:14px}.rail-button{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:62px;padding:10px 5px;border-radius:15px;color:#a0afc0;background:transparent;font-size:9px;font-weight:800;transition:.2s ease}.rail-button:hover,.rail-button.active,.rail-button.is-current{color:var(--blue);background:#eef5ff}.rail-button b{position:absolute;top:3px;right:7px;display:grid;place-items:center;width:16px;height:16px;border:2px solid #fff;border-radius:50%;color:#fff;background:#eb7878;font-size:8px}.rail-bottom{margin-top:auto}.user-rail{padding:0;border-radius:50%;background:transparent}.sidebar-panel{position:relative;display:flex;flex-direction:column;min-height:100vh;padding:29px 22px 17px;border-left:1px solid #e8eff7;background:#fbfdff}.sidebar-topline{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:19px}.sidebar-topline h1{margin:0;color:var(--ink);font-size:22px;letter-spacing:-.075em}.quick-menu{position:absolute;z-index:5;top:70px;left:20px;display:flex;flex-direction:column;width:170px;padding:6px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 17px 35px #2f527c26}.quick-menu button{display:flex;align-items:center;gap:8px;padding:9px;border-radius:9px;color:#637890;background:transparent;text-align:right;font-size:11px}.quick-menu button:hover{color:var(--blue);background:#f3f7fc}.user-strip{display:flex;align-items:center;gap:10px;width:100%;margin-bottom:19px;padding:9px 10px;border:1px solid #edf2f7;border-radius:15px;color:inherit;background:#fff;text-align:right}.user-strip:hover{border-color:#d6e6fb}.user-strip-copy{display:flex;flex:1;flex-direction:column;gap:2px}.user-strip-copy strong{color:#324c6c;font-size:12px}.user-strip-copy span{color:#a0aec0;direction:ltr;text-align:right;font-size:10px}.muted-icon{color:#a9b8c7}.search-box{display:flex;align-items:center;gap:8px;height:41px;margin-bottom:22px;padding:0 12px;border:1px solid #e7eef5;border-radius:13px;color:#a0b0c2;background:#f5f8fc}.search-box:focus-within{border-color:#b6d2f7;background:#fff;box-shadow:0 0 0 3px #1769e00f}.search-box input{min-width:0;flex:1;border:0;outline:0;color:#3c5573;background:transparent;font-size:11px}.search-box input::placeholder{color:#a3b0bf}.search-box kbd{padding:2px 6px;border:1px solid #dde7f1;border-radius:5px;color:#a6b4c4;background:#fff;font-size:10px}.sidebar-tabs{display:flex;gap:19px;border-bottom:1px solid #edf1f5}.sidebar-tabs button{position:relative;padding:0 0 12px;color:#a2afbe;background:transparent;font-size:11px;font-weight:800}.sidebar-tabs button.selected{color:#3f5b78}.sidebar-tabs button.selected:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;content:"";border-radius:2px;background:var(--blue)}.sidebar-tabs b{display:inline-grid;place-items:center;min-width:17px;height:17px;margin-right:3px;border-radius:6px;color:#fff;background:#ef8787;font-size:9px}.chat-list,.requests-list,.discover-list{min-height:0;flex:1;overflow:auto;padding-top:18px}.list-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:#8496aa;font-size:11px;font-weight:800}.list-heading small{display:inline-grid;place-items:center;min-width:19px;height:19px;margin-right:4px;border-radius:6px;color:var(--blue);background:#eaf3ff;font-size:9px}.tiny-action{display:inline-flex;align-items:center;gap:4px;padding:4px 0;color:var(--blue);background:transparent;font-size:10px;font-weight:800}.chat-list-item{display:flex;align-items:center;gap:10px;width:100%;margin-bottom:5px;padding:10px 9px;border-radius:14px;color:inherit;background:transparent;text-align:right;transition:.18s ease}.chat-list-item:hover{background:#f3f7fc}.chat-list-item.active{background:#eaf3ff}.chat-list-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}.chat-name-row{display:flex;align-items:center;gap:5px}.chat-name-row strong{overflow:hidden;color:#38516e;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.chat-name-row svg{color:var(--blue)}.chat-preview{overflow:hidden;color:#9aaaba;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.chat-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;color:#a6b3c1;direction:ltr;font-size:9px}.online-mini{width:6px;height:6px;border-radius:50%;background:#40bf83}.empty-mini{display:flex;flex-direction:column;align-items:center;padding:50px 16px 25px;color:#9bacbe;text-align:center}.empty-icon{display:grid;place-items:center;width:47px;height:47px;margin-bottom:12px;border-radius:15px;color:#8fb2dd;background:#edf5ff}.empty-mini p{margin:0 0 5px;color:#71859c;font-size:12px;font-weight:800}.empty-mini small{max-width:190px;color:#a4b2c0;font-size:10px;line-height:1.6}.empty-mini button{display:inline-flex;align-items:center;gap:5px;margin-top:15px;color:var(--blue);background:transparent;font-size:10px;font-weight:800}.subtle-count{color:#b0bcc8;font-size:10px;font-weight:500}.request-card{display:flex;gap:10px;margin-bottom:10px;padding:12px 9px;border:1px solid #edf2f7;border-radius:14px;background:#fff}.request-copy{display:flex;min-width:0;flex:1;flex-direction:column}.request-copy strong{color:#38516e;font-size:12px}.request-copy>span{color:#9caaba;direction:ltr;text-align:right;font-size:10px}.request-copy small{margin:6px 0 9px;color:#8fa0b2;font-size:10px}.request-actions{display:flex;gap:6px}.accept-button,.decline-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:27px;padding:0 10px;border-radius:8px;font-size:10px;font-weight:800}.accept-button{color:#fff;background:var(--blue)}.decline-button{color:#8495a8;background:#f3f6f9}.discover-intro{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding:12px 10px;border-radius:13px;background:#eef6ff}.discover-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;color:var(--blue);background:#fff}.discover-intro strong{display:block;color:#46627e;font-size:11px}.discover-intro p{margin:3px 0 0;color:#8aa1b7;font-size:9px}.person-row{display:flex;align-items:center;gap:9px;padding:10px 4px;border-bottom:1px solid #edf2f6}.person-copy{min-width:0;flex:1}.person-copy strong,.person-copy span{display:block}.person-copy strong{overflow:hidden;color:#3c5572;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.person-copy span{margin-top:3px;color:#a1afbd;direction:ltr;text-align:right;font-size:10px}.add-person{display:inline-flex;align-items:center;gap:4px;padding:7px 8px;border-radius:8px;color:var(--blue);background:#edf5ff;font-size:9px;font-weight:800}.add-person:disabled{opacity:.55}.sidebar-footer{display:flex;align-items:center;gap:6px;margin-top:15px;padding-top:13px;border-top:1px solid #edf1f5;color:#9baab9;font-size:9px}.sidebar-footer svg{color:#5ac18d}.sidebar-footer span{flex:1}.sidebar-footer button{display:grid;place-items:center;padding:0;color:#a4b2c1;background:transparent}.chat-panel{position:relative;display:flex;min-width:0;min-height:100vh;flex-direction:column;background:#fff}.chat-header{display:flex;align-items:center;justify-content:space-between;min-height:94px;padding:18px 35px;border-bottom:1px solid #edf2f7;background:#ffffffe0}.chat-header-person{display:flex;align-items:center;gap:12px}.chat-heading-line{display:flex;align-items:center;gap:8px}.chat-header h2{margin:0;color:#263e5b;font-size:16px;letter-spacing:-.04em}.chat-header p{margin:4px 0 0;color:#9baaba;direction:ltr;text-align:right;font-size:10px}.trusted-badge{display:inline-flex;align-items:center;gap:3px;padding:4px 6px;border-radius:6px;color:#3ba879;background:#eefaf4;font-size:9px;font-weight:800}.chat-header-actions{display:flex;gap:5px}.mobile-back{display:none;place-items:center;width:34px;height:34px;border-radius:10px;color:#7d90a6;background:#f5f8fc}.conversation-topline{display:flex;align-items:center;justify-content:space-between;padding:11px 35px;border-bottom:1px solid #f0f4f8;color:#9baabc;font-size:10px}.conversation-topline>span:first-child{display:inline-flex;align-items:center;gap:6px}.topline-lock{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:7px;color:#44b781;background:#eefaf4}.date-pill{padding:5px 9px;border-radius:7px;color:#a0afbe;background:#f6f8fb;font-size:9px}.messages-area{display:flex;min-height:0;flex:1;flex-direction:column;overflow:auto;padding:22px clamp(20px,5vw,88px);background:radial-gradient(circle at 50% 0%,#fbfdff,#fff 63%)}.day-divider{display:flex;align-items:center;gap:12px;margin:4px 0 28px;color:#b3bfca;font-size:9px}.day-divider:before,.day-divider:after{height:1px;flex:1;content:"";background:#eef2f6}.message-row{display:flex;margin-bottom:12px}.message-row.mine{justify-content:flex-start}.message-row.theirs{justify-content:flex-end}.message-bubble{display:flex;max-width:min(440px,74%);flex-direction:column;gap:7px;padding:12px 14px 8px;border-radius:17px 17px 4px;color:#fff;background:var(--blue);box-shadow:0 6px 15px #1769e01f;font-size:12px;line-height:1.7}.theirs .message-bubble{border-radius:17px 17px 17px 4px;color:#4d637b;background:#f1f5f9;box-shadow:none}.message-time{display:inline-flex;align-items:center;justify-content:flex-end;gap:3px;opacity:.72;font-size:9px}.attachment-chip{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:7px 9px;border-radius:9px;color:inherit;background:#ffffff26;font-size:10px}.theirs .attachment-chip{background:#e1e9f2}.new-chat-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.new-chat-bubble{display:grid;place-items:center;width:62px;height:62px;margin-bottom:15px;border-radius:22px;color:var(--blue);background:#edf5ff;box-shadow:0 12px 25px #1769e01a}.new-chat-empty h3{margin:0 0 6px;color:#526c88;font-size:15px}.new-chat-empty p{margin:0;color:#a0afbd;font-size:11px;line-height:1.8}.composer-wrap{padding:15px 35px 18px;border-top:1px solid #edf2f7;background:#fff}.composer{display:flex;align-items:center;gap:7px;min-height:52px;padding:6px 8px;border:1px solid #dfe8f1;border-radius:17px;background:#fbfdff;box-shadow:0 8px 19px #3a5d830d}.composer:focus-within{border-color:#a9cdf6;box-shadow:0 0 0 3px #1769e00d}.composer input[type=text],.composer>input:not([type]){min-width:0;flex:1;padding:0 8px;border:0;outline:0;color:#47617e;background:transparent;font-size:12px}.composer>input[aria-label]{min-width:0;flex:1;padding:0 8px;border:0;outline:0;color:#47617e;background:transparent;font-size:12px}.composer input::placeholder{color:#a7b4c1}.composer-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#9eafc1;background:transparent}.composer-icon:hover{color:var(--blue);background:#eef5ff}.send-button{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#fff;background:var(--blue);box-shadow:0 6px 12px #1769e033;transition:.18s ease}.send-button:hover{transform:translateY(-1px);background:var(--blue-deep)}.send-button:disabled{opacity:.4;transform:none}.attachment-preview{min-height:0}.attachment-preview:empty{display:none}.attachment-preview>span{display:inline-flex;align-items:center;gap:5px;margin-bottom:7px;padding:5px 8px;border-radius:7px;color:#66819e;background:#edf5ff;font-size:10px}.attachment-preview button{display:grid;place-items:center;padding:0;color:#9aacbf;background:transparent}.composer-note{display:flex;align-items:center;gap:4px;margin:8px 2px 0;color:#a7b4c0;font-size:9px}.composer-note svg{color:#5bbf8d}.no-chat-selected{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;background:radial-gradient(circle at 50% 34%,#eff6ff 0,#fff 35%)}.welcome-mark{margin-bottom:20px}.no-chat-selected .story-kicker{margin-bottom:12px}.no-chat-selected h2{margin:0 0 11px;color:#294666;font-size:33px;line-height:1.25;letter-spacing:-.07em}.no-chat-selected p{max-width:290px;margin:0 0 20px;color:#98a8b9;font-size:11px;line-height:1.8}.start-discover{width:auto;min-width:164px}.no-chat-tip{display:flex;align-items:center;gap:5px;margin-top:15px;color:#9aacbb;font-size:9px}.no-chat-tip svg{color:#55bd8a}.modal-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:20px;background:#132b4840;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.profile-modal{position:relative;width:min(100%,350px);overflow:hidden;border:1px solid rgba(255,255,255,.8);border-radius:24px;background:#fff;box-shadow:0 28px 80px #18365938}.modal-close{position:absolute;z-index:2;top:12px;left:12px;display:grid;place-items:center;width:31px;height:31px;border-radius:10px;color:#fff;background:#123c702e}.profile-cover{position:relative;height:92px;overflow:hidden;background:linear-gradient(135deg,#1771e6,#72b9ff)}.profile-cover:after{position:absolute;inset:0;content:"";opacity:.3;background-image:radial-gradient(circle at 20% 20%,#fff 0 2px,transparent 3px),radial-gradient(circle at 75% 40%,#fff 0 1px,transparent 2px);background-size:65px 55px,46px 41px}.profile-spark{position:absolute;border:1px solid rgba(255,255,255,.4);border-radius:50%}.spark-a{top:-46px;right:30px;width:170px;height:170px}.spark-b{bottom:-60px;left:20px;width:150px;height:150px}.profile-body{display:flex;flex-direction:column;align-items:center;padding:0 25px 25px;text-align:center}.profile-body>.avatar{margin-top:-25px;border:4px solid #fff;box-shadow:0 7px 18px #234f802e}.profile-body .eyebrow{margin-top:14px}.profile-body h2{margin:0;color:#304b68;font-size:20px}.profile-handle{margin-top:3px;color:#9babba;direction:ltr;font-size:11px}.field-hint{display:flex;align-items:center;gap:5px;margin:17px 0 0;color:#8c9dad;font-size:10px}.field-hint svg{color:#53bb89}.modal-divider{width:100%;height:1px;margin:20px 0 15px;background:#edf2f6}.logout-button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;height:40px;border-radius:11px;color:#de6e72;background:#fff3f3;font-size:11px;font-weight:800}@media (max-width: 1050px){.app-shell{grid-template-columns:74px 300px minmax(0,1fr)}.sidebar-panel{padding-right:17px;padding-left:17px}.chat-header,.conversation-topline,.composer-wrap{padding-right:22px;padding-left:22px}.messages-area{padding-right:30px;padding-left:30px}}@media (max-width: 820px){.auth-layout{gap:4vw}.auth-story h1{font-size:45px}.auth-card{padding:25px 22px}.app-shell{grid-template-columns:68px minmax(0,1fr)}.sidebar-panel{grid-column:1 / -1;grid-row:1;min-height:100vh;padding-right:24px;padding-left:24px}.app-rail{position:fixed;z-index:10;right:0;bottom:0;left:0;display:flex;flex-direction:row;justify-content:space-around;width:100%;min-height:68px;height:68px;padding:7px 18px;border-top:1px solid #e7eef5;border-left:0;box-shadow:0 -9px 25px #24476d12}.rail-logo{display:none}.rail-menu{flex:1;flex-direction:row;justify-content:center;gap:20px}.rail-button{min-width:65px;padding:7px}.rail-bottom{margin:0}.chat-panel{grid-column:1 / -1;grid-row:1;min-height:calc(100vh - 68px);padding-bottom:68px}.app-shell.has-chat .sidebar-panel{display:none}.app-shell.has-chat .chat-panel{display:flex}.mobile-back{display:grid}.chat-header{min-height:78px}.auth-page{padding-right:5vw;padding-left:5vw}.auth-layout{width:min(680px,100%);grid-template-columns:1fr}.auth-story{display:none}.auth-card{width:min(100%,410px);margin:auto}.auth-footer{width:min(410px,100%)}}@media (max-width: 520px){.auth-page{padding:19px 16px 16px}.auth-topbar>span{display:none}.auth-brand{font-size:13px}.auth-layout{margin:auto}.auth-card{padding:25px 20px 22px;border-radius:23px}.auth-card-head{gap:12px}.auth-logo{width:58px;height:58px}.auth-card h2{font-size:21px}.auth-footer{font-size:9px}.sidebar-panel{padding:22px 16px 86px}.sidebar-topline h1{font-size:20px}.sidebar-tabs{gap:15px}.app-rail{padding-right:7px;padding-left:7px}.rail-menu{gap:4px}.rail-button{min-width:59px;font-size:8px}.chat-header{padding:14px 15px}.chat-header h2{font-size:14px}.chat-header-actions .icon-button{width:32px;height:32px}.trusted-badge{display:none}.conversation-topline{padding:9px 15px;font-size:9px}.date-pill{display:none}.messages-area{padding:17px 15px}.message-bubble{max-width:82%;font-size:11px}.composer-wrap{padding:10px 12px 13px}.composer{min-height:48px}.desktop-only{display:none}.no-chat-selected h2{font-size:28px}.welcome-mark .brand-mark{width:56px;height:56px}.modal-backdrop{padding:15px}}@media (max-width: 820px){html,body,#root,.auth-page,.auth-topbar,.auth-footer{width:100%;min-width:0}.auth-layout{display:block;width:100%;max-width:410px;min-width:0;margin-right:auto;margin-left:auto}.auth-card{width:100%;min-width:0;margin:0}.app-shell{display:flex;width:100%;min-width:0;min-height:100svh;flex-direction:column;padding-bottom:68px;overflow:hidden}.app-rail{position:fixed;z-index:10;right:0;bottom:0;left:0;display:flex;flex-direction:row;width:100%;min-height:68px;height:68px;padding:7px 18px;border-top:1px solid #e7eef5;border-left:0;box-shadow:0 -9px 25px #24476d12}.rail-logo{display:none}.rail-menu{flex:1;flex-direction:row;justify-content:center;gap:20px}.rail-button{min-width:65px;padding:7px}.rail-bottom{margin:0}.sidebar-panel{display:flex;width:100%;min-width:0;min-height:calc(100svh - 68px);height:auto;padding:22px 24px 18px}.chat-panel{display:none;width:100%;min-width:0;min-height:calc(100svh - 68px);height:auto;padding:0}.app-shell.has-chat .sidebar-panel{display:none}.app-shell.has-chat .chat-panel{display:flex}.chat-header,.conversation-topline,.composer-wrap{flex-shrink:0}}@media (max-width: 520px){.auth-layout{max-width:100%}.auth-card{padding:25px 20px 22px}.sidebar-panel{padding:22px 16px 18px}.app-rail{padding-right:7px;padding-left:7px}.rail-menu{gap:4px}.rail-button{min-width:59px;font-size:8px}.chat-header{padding:14px 15px}.chat-header h2{font-size:14px}.chat-header-actions .icon-button{width:32px;height:32px}.trusted-badge{display:none}.conversation-topline{padding:9px 15px;font-size:9px}.date-pill{display:none}.messages-area{padding:17px 15px}.message-bubble{max-width:82%;font-size:11px}.composer-wrap{padding:10px 12px 13px}.composer{min-height:48px}.desktop-only{display:none}.no-chat-selected h2{font-size:28px}.welcome-mark .brand-mark{width:56px;height:56px}.modal-backdrop{padding:15px}}.attachment-image-link{display:block;overflow:hidden;max-width:250px;border-radius:12px;background:#ffffff1f}.attachment-image-link img{display:block;width:100%;max-height:220px;object-fit:cover}.attachment-audio{width:min(260px,100%);height:34px}.attachment-download{display:inline-flex;align-items:center;gap:7px;width:fit-content;padding:8px 10px;border-radius:9px;color:inherit;background:#ffffff24;font-size:10px;text-decoration:none}.theirs .attachment-download{background:#e1e9f2}