@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700&display=swap";:root{font-family:Manrope,Arial,sans-serif;color:#26323c;background:#eef2f6}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #b9a8fb;outline-offset:2px}.auth-shell{display:grid;grid-template-columns:1.12fr .88fr;min-height:100vh;background:#fff}.auth-side{display:flex;flex-direction:column;justify-content:space-between;padding:42px 9vw;color:#fff;overflow:hidden;background:radial-gradient(circle at 83% 18%,#ffc7a1 0 3%,transparent 3.2%),radial-gradient(circle at 90% 10%,#f5847c 0 18%,transparent 18.2%),radial-gradient(circle at 25% 84%,#536dcf 0 20%,transparent 20.3%),linear-gradient(145deg,#1b234b,#182b67 58%,#244c82)}.logo{display:flex;align-items:center;gap:9px;font-size:1.25rem;font-weight:800;letter-spacing:-.05em}.logo svg{color:#ffc99e}.auth-copy{max-width:510px;margin:auto 0}.eyebrow{margin:0;color:#8a76db;font:500 .69rem DM Mono,monospace;letter-spacing:.12em;text-transform:uppercase}.auth-copy .eyebrow{color:#f8c39f}.auth-copy h1,.verify-card h1{margin:15px 0;font-family:Playfair Display,serif;font-size:clamp(3rem,5vw,5.4rem);line-height:.98;letter-spacing:-.07em}.auth-copy p{max-width:400px;color:#d7defb;font-size:1rem;line-height:1.75}.auth-side footer{color:#aebde6;font-size:.68rem}.orb-stack{position:relative;height:110px;margin-top:40px}.orb-stack i{position:absolute;display:block;border-radius:50%;background:#ffbb91}.orb-stack i:first-child{width:56px;height:56px;left:0;top:18px}.orb-stack i:nth-child(2){width:95px;height:95px;left:45px;top:0;background:#94b2ee}.orb-stack i:nth-child(3){width:66px;height:66px;left:125px;top:32px;background:#eb7e86}.auth-card{align-self:center;width:min(470px,100%);margin:auto;padding:50px}.stepper{display:flex;align-items:center;gap:8px;margin-bottom:46px}.stepper span{display:grid;width:25px;height:25px;place-items:center;color:#a5adbb;border:1px solid #dce1ea;border-radius:50%;font-size:.65rem}.stepper span.active{color:#fff;border-color:#7966d8;background:#7966d8}.stepper i{width:32px;height:1px;background:#e2e5ed}.auth-card h2{margin:10px 0;color:#24303c;font-size:1.75rem;letter-spacing:-.06em}.muted{color:#778395;font-size:.78rem;line-height:1.7}.auth-card form{display:grid;gap:17px;margin-top:27px}label{display:grid;gap:7px;color:#465367;font-size:.72rem;font-weight:800}label small{margin-left:4px;color:#99a2b1;font-weight:500}input{width:100%;padding:12px 13px;color:#273546;border:1px solid #dfe4ec;border-radius:10px;background:#fff;font-size:.8rem}input:focus{border-color:#9581e7}.phone-input{display:flex;align-items:center;border:1px solid #dfe4ec;border-radius:10px}.phone-input:focus-within{border-color:#9581e7}.phone-input button{display:flex;align-items:center;gap:3px;padding:0 10px;border:0;background:transparent}.phone-input span{padding-right:9px;color:#48566b;border-right:1px solid #e5e8ef;font-size:.74rem}.phone-input input{border:0}.checkline{display:flex;grid-template-columns:none;align-items:flex-start;gap:8px;color:#6d798b;font-size:.67rem;font-weight:500}.checkline input{width:15px;height:15px;margin:0;accent-color:#7966d8}.primary{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:3px;padding:13px;color:#fff;border:0;border-radius:10px;background:#735ed4;font-size:.78rem;font-weight:800;box-shadow:0 10px 20px #725ed42c}.login-line{text-align:center;color:#7f8998;font-size:.7rem}.login-line button,.subtle{padding:0;color:#725ed4;border:0;background:transparent;font-weight:800}.verify-shell{display:grid;min-height:100vh;place-items:center;padding:24px;background:radial-gradient(circle at 80% 0,#d8d0ff,transparent 28%),#f5f6fb}.verify-card{width:min(440px,100%);padding:48px;text-align:center;border:1px solid #e3e7f0;border-radius:22px;background:#fff;box-shadow:0 24px 60px #3f4b6c17}.mail-icon{display:grid;width:54px;height:54px;margin:auto;place-items:center;color:#fff;border-radius:17px;background:linear-gradient(145deg,#826ce5,#f68c81);font-size:1.4rem}.verify-card h1{margin:10px 0;font-size:2.45rem}.verify-card>p:not(.eyebrow){color:#718096;font-size:.78rem;line-height:1.65}.verify-card strong{color:#455368}.otp{display:flex;justify-content:center;gap:8px;margin:28px 0}.otp input{width:42px;height:50px;padding:0;text-align:center;font-size:1.1rem;font-weight:800}.verify-card .subtle{margin:17px auto;font-size:.7rem}.verify-card small{display:block;color:#99a2b1;font-size:.61rem;line-height:1.5}.app{display:grid;grid-template-columns:76px 330px minmax(400px,1fr) 0;min-height:100vh;background:#fff}.rail{display:flex;flex-direction:column;align-items:center;gap:18px;padding:18px 0;border-right:1px solid #e8ebf0;background:#f8f9fb}.rail-logo{display:grid;width:38px;height:38px;margin-bottom:23px;place-items:center;color:#fff;border-radius:13px;background:linear-gradient(145deg,#7a65d8,#536dca)}.rail-button,.icon-button{display:grid;place-items:center;width:39px;height:39px;color:#8490a1;border:0;border-radius:12px;background:transparent}.rail-button.active{color:#6f59d1;background:#ece9ff}.rail span{flex:1}.rail-avatar{width:37px;height:37px;color:#fff;border:3px solid #fff;border-radius:50%;background:#e38c77;font-size:.67rem;font-weight:800;box-shadow:0 0 0 1px #e2e6ef}.chat-list{display:flex;flex-direction:column;padding:25px 15px 15px;border-right:1px solid #e8ebf0}.chat-list header,.conversation__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 8px}.chat-list h2,.conversation h2,.profile h2{margin:4px 0 0;color:#263443;font-size:1.05rem;letter-spacing:-.05em}.chat-list h2 span{color:#ef9b70}.chat-list header .icon-button{color:#fff;background:#7965d8}.search{display:flex;align-items:center;gap:7px;margin:23px 7px 16px;padding:0 10px;color:#99a3b2;border-radius:9px;background:#f4f6f9}.search input{padding:10px 0;border:0;background:transparent;font-size:.7rem}.filter-row{display:flex;gap:5px;margin:0 7px 16px}.filter-row button{padding:6px 8px;color:#8691a2;border:0;border-radius:7px;background:transparent;font-size:.61rem;font-weight:700}.filter-row button.selected{color:#6954c6;background:#f0edff}.filter-row i{display:inline-grid;width:14px;height:14px;place-items:center;color:#fff;border-radius:50%;background:#ed7f71;font-style:normal;font-size:.52rem}.chat-items{display:grid;gap:3px}.chat-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:10px 7px;text-align:left;border:0;border-radius:11px;background:transparent}.chat-item:hover,.chat-item--active{background:#f4f5f9}.chat-item strong{display:block;color:#354153;font-size:.7rem}.chat-item p{overflow:hidden;margin:3px 0 0;color:#929cab;font-size:.61rem;text-overflow:ellipsis;white-space:nowrap}.chat-item aside{display:grid;gap:6px;justify-items:end}.chat-item aside small{color:#9ba4b2;font-size:.53rem}.chat-item aside b{display:grid;width:16px;height:16px;place-items:center;color:#fff;border-radius:50%;background:#ea8278;font-size:.52rem}.avatar{position:relative;display:grid;width:39px;height:39px;place-items:center;color:#fff;border-radius:14px;font-size:.62rem;font-weight:800}.avatar i{position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#63bd89}.avatar--rose{background:#df8a80}.avatar--violet{background:#7965d8}.avatar--blue{background:#6396d2}.avatar--mint{background:#5bad9e}.new-chat{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:auto;padding:11px;color:#705bd0;border:1px solid #ddd8fa;border-radius:10px;background:#fbfaff;font-size:.65rem;font-weight:800}.conversation{display:flex;min-width:0;flex-direction:column;min-height:100vh;background:linear-gradient(100deg,#fff,#fcfcfe)}.conversation__header{min-height:82px;padding:0 30px;border-bottom:1px solid #ebedf2}.conversation__header>div:nth-child(2){flex:1}.conversation__header p{margin:4px 0 0;color:#7fa88f;font-size:.61rem;font-weight:700}.header-actions{display:flex;gap:5px}.header-actions .icon-button{color:#66748b}.header-actions .icon-button:hover{color:#715ed0;background:#f1effc}.message-area{display:flex;flex:1;flex-direction:column;gap:11px;overflow:auto;padding:28px max(30px,7vw);background-image:radial-gradient(#ececf2 1px,transparent 1px);background-size:18px 18px}.date-label{align-self:center;margin-bottom:10px;padding:5px 10px;color:#9aa3b1;border-radius:20px;background:#f2f3f6;font-size:.55rem;font-weight:800}.bubble-row{display:flex}.bubble-row--mine{justify-content:flex-end}.bubble{max-width:min(480px,76%);padding:11px 13px 7px;color:#3c4859;border:1px solid #e9ebf0;border-radius:4px 15px 15px;background:#fff;font-size:.74rem;line-height:1.55;box-shadow:0 4px 10px #29345308}.bubble--mine{color:#fff;border-color:#7360d2;border-radius:15px 4px 15px 15px;background:#7461d3}.bubble small{display:flex;justify-content:flex-end;align-items:center;gap:3px;margin-top:4px;color:#a0a7b2;font-size:.5rem}.bubble--mine small{color:#d8d1fa}.image-message{position:relative;align-self:flex-start;max-width:325px;padding:7px 7px 10px;border:1px solid #e8e9ee;border-radius:14px;background:#fff;box-shadow:0 4px 10px #29345308}.mock-photo{display:flex;align-items:flex-end;min-height:150px;padding:15px;color:#fff;border-radius:9px;background:radial-gradient(circle at 18% 32%,#fde0a4 0 11%,transparent 11.2%),radial-gradient(circle at 76% 42%,#e9847a 0 24%,transparent 24.2%),linear-gradient(130deg,#c6b6ee,#627ebf);font:500 .63rem DM Mono,monospace;letter-spacing:.08em}.image-message p{margin:9px 4px 3px;color:#556075;font-size:.64rem;line-height:1.45}.image-message small{margin-left:4px;color:#a1a8b3;font-size:.5rem}.composer{display:flex;align-items:center;gap:6px;margin:0 26px 19px;padding:7px 9px;border:1px solid #e4e7ee;border-radius:15px;background:#fff;box-shadow:0 10px 30px #2b355012}.composer input{min-width:0;flex:1;padding:8px 4px;border:0}.composer .icon-button{width:32px;height:32px}.voice{display:grid;width:34px;height:34px;place-items:center;color:#705dd0;border:0;border-radius:10px;background:#f0edff}.send{display:grid;width:36px;height:36px;place-items:center;color:#fff;border:0;border-radius:11px;background:#7561d4}.profile{display:none;flex-direction:column;padding:28px 22px;border-left:1px solid #e8ebf0;background:#fcfcfe}.profile--open{display:flex}.profile-close{align-self:flex-end;color:#8b96a5;border:0;background:transparent}.profile-photo{position:relative;display:grid;width:82px;height:82px;margin:12px auto 14px;place-items:center;color:#fff;border:4px solid #fff;border-radius:27px;background:#e48d78;font-size:1rem;font-weight:800;box-shadow:0 0 0 1px #e2e6ed}.profile-photo button{position:absolute;right:-6px;bottom:-6px;display:grid;width:27px;height:27px;place-items:center;color:#fff;border:2px solid #fff;border-radius:9px;background:#7762d5}.profile>h2,.profile>p{text-align:center}.profile>p{margin:4px 0 16px;color:#929baa;font-size:.64rem}.edit-profile{padding:9px;color:#6b57c9;border:1px solid #ddd8fa;border-radius:9px;background:#fbfaff;font-size:.65rem;font-weight:800}.profile section{margin-top:25px}.profile section h3{margin:0 0 11px;color:#a0a7b2;font:500 .55rem DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.profile section div,.profile section button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 0;color:#798595;border:0;border-bottom:1px solid #eef0f4;background:transparent;font-size:.62rem}.profile section strong{display:flex;align-items:center;gap:4px;color:#475367;font-size:.6rem}.profile section strong svg{color:#63b183}@media(max-width:1000px){.app{grid-template-columns:70px 285px minmax(0,1fr)}.profile{position:fixed;z-index:4;right:0;top:0;bottom:0;width:290px;box-shadow:-12px 0 40px #20284a22}.auth-card{padding:36px}.auth-side{padding:36px 7vw}}@media(max-width:740px){.auth-shell{grid-template-columns:1fr}.auth-side{min-height:300px;padding:30px}.auth-copy h1{font-size:3rem}.orb-stack,.auth-side footer{display:none}.auth-card{padding:36px 25px}.app{grid-template-columns:60px minmax(0,1fr)}.chat-list{display:none}.rail{padding:15px 0}.conversation__header{padding:0 15px}.message-area{padding:22px 16px}.composer{margin-inline:12px}.header-actions .icon-button:nth-child(2){display:none}.bubble{max-width:86%}}