@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0a0910;--panel:#14121e;--panel2:#191724;--muted:#8c879e;--text:#f5f3ff;--purple:#9e7bff;--purple2:#6955ef;--border:rgba(255,255,255,.075);--radius:20px;--shadow:0 20px 70px rgba(0,0,0,.22)}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);font:14px/1.5 Manrope,system-ui,sans-serif;color:var(--text);overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--purple);outline-offset:2px}::selection{background:#785be6;color:white}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#403b55;border-radius:8px}.sprite{position:absolute;width:0;height:0;overflow:hidden}.ambient{position:fixed;z-index:-1;pointer-events:none;filter:blur(68px);border-radius:50%}.ambient-one{height:410px;width:410px;left:-140px;top:-140px;background:#322068a3}.ambient-two{height:600px;width:480px;right:-170px;bottom:-220px;background:#18184b88}.app-shell{position:relative;display:flex;max-width:1720px;width:calc(100vw - 44px);height:calc(100dvh - 44px);margin:22px auto;background:rgba(16,14,25,.95);border:1px solid rgba(255,255,255,.09);border-radius:26px;box-shadow:0 30px 110px rgba(0,0,0,.6);overflow:hidden;backdrop-filter:blur(22px)}.boot{margin:auto;text-align:center;color:var(--muted)}.boot-mark,.wordmark{font-family:'Space Grotesk',sans-serif;font-size:27px;font-weight:700;letter-spacing:-1.7px;color:white}.boot-mark{font-size:54px}.boot-mark span,.wordmark span{color:var(--purple)}.boot-dot{color:#b692ff}.icon{display:inline-block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.icon.sm{width:16px;height:16px}.icon.lg{width:24px;height:24px}.rail{width:82px;flex-shrink:0;background:#0f0d18;border-right:1px solid var(--border);display:flex;align-items:center;flex-direction:column;gap:8px;padding:25px 12px 20px;z-index:2}.logo-icon{display:grid;place-items:center;font-family:'Space Grotesk';font-weight:700;font-size:30px;letter-spacing:-3px;width:49px;height:49px;border-radius:17px;transform:rotate(-7deg);color:white;background:linear-gradient(140deg,#b693ff,#6748eb);box-shadow:0 9px 36px #7e53fa65;margin-bottom:34px}.logo-icon span{transform:rotate(7deg);padding-right:4px}.rail-item{height:49px;width:49px;border-radius:15px;background:transparent;border:1px solid transparent;color:#817b96;display:grid;place-items:center;transition:.2s;position:relative}.rail-item:hover,.rail-item.active{color:#fff;background:#2a203f}.rail-item.active:before{content:'';position:absolute;left:-17px;height:24px;width:4px;background:#ae85ff;border-radius:0 4px 4px 0;box-shadow:0 0 15px #a67aff}.rail-bottom{margin-top:auto;display:grid;gap:16px;place-items:center}.rail-avatar{padding:0;border:0;border-radius:50%;background:none}.side{width:346px;min-width:285px;display:flex;flex-direction:column;background:#15121f;border-right:1px solid var(--border)}.side-header{padding:31px 23px 17px}.side-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:23px}.side-heading{font-weight:800;font-size:24px;letter-spacing:-.75px}.side-kicker{font-size:10px;font-weight:800;letter-spacing:1.6px;color:#b398ff;text-transform:uppercase}.round-btn{height:37px;width:37px;border-radius:12px;background:#242032;color:#d4c8f5;border:1px solid #3a304d;display:inline-grid;place-items:center;transition:.2s}.round-btn:hover{background:#3e2b64;color:white;transform:translateY(-1px)}.search-box{height:46px;border-radius:13px;display:flex;align-items:center;padding:0 13px;gap:10px;background:#211d2c;border:1px solid #302a3e;color:#827993}.search-box input{border:0;outline:0!important;color:#ede8fa;background:transparent;min-width:0;width:100%;font-size:12px}.search-box input::placeholder{color:#746e83}.section-label{margin:20px 23px 12px;font-size:10px;letter-spacing:1.3px;font-weight:800;text-transform:uppercase;color:#77708d}.chat-list,.search-results{flex:1;overflow-y:auto;padding:0 10px 14px}.chat-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:transparent;border:1px solid transparent;border-radius:15px;padding:13px 11px;color:inherit;transition:.18s;position:relative}.chat-row:hover{background:#272234}.chat-row.selected{background:#302743;border-color:#4b3c66}.chat-row.selected:before{content:'';position:absolute;left:0;top:14px;bottom:14px;width:3px;background:#b18aff;border-radius:4px}.avatar{width:44px;height:44px;flex-shrink:0;border-radius:16px;background:linear-gradient(145deg,var(--av1,#5d4ad8),var(--av2,#b184ff));display:grid;place-items:center;font:800 16px 'Space Grotesk';color:white;position:relative;overflow:hidden}.avatar:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 25% 18%,rgba(255,255,255,.25),transparent 60%)}.avatar img{height:100%;width:100%;object-fit:cover;position:relative}.avatar.round{border-radius:50%}.avatar.medium{width:53px;height:53px;border-radius:17px}.avatar.large{width:100px;height:100px;border-radius:29px;font-size:30px}.avatar.status:after{content:'';position:absolute;right:0;bottom:1px;width:9px;height:9px;background:#51e3aa;border:3px solid #181521;border-radius:50%}.chat-meta{flex:1;min-width:0}.chat-top{display:flex;justify-content:space-between;gap:7px;align-items:center}.chat-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:800;font-size:13px}.chat-time{font-size:10px;color:#77718a;white-space:nowrap}.chat-snippet{display:block;color:#878096;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:4px}.demo-strip{margin:auto 15px 16px;padding:10px 13px;color:#baaff0;border:1px solid #54427a;background:#3928596b;border-radius:12px;font-size:10px;line-height:1.5}.demo-strip strong{color:white}.main{min-width:0;display:flex;flex:1;flex-direction:column;position:relative;background:radial-gradient(ellipse at 65% 75%,#20182f 0%,transparent 48%),#13111c}.chat-head{padding:21px 31px;min-height:88px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px;background:rgba(21,18,31,.5)}.chat-person{display:flex;align-items:center;gap:12px;min-width:0}.chat-person .avatar{width:43px;height:43px}.person-name{font-weight:800;font-size:14px}.person-sub{color:#8d84a3;font-size:11px;margin-top:3px}.chat-head-actions{display:flex;gap:10px}.head-mini{border:1px solid #3a3049;background:#252032;border-radius:12px;width:38px;height:38px;color:#a79cb9;display:grid;place-items:center}.head-mini:hover{color:white;border-color:#7f5cbd}.messages-area{flex:1;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;padding:26px clamp(22px,4vw,64px) 15px;gap:12px}.date-divider{display:flex;align-items:center;gap:15px;justify-content:center;color:#746d84;font-size:11px;margin:12px 0 10px}.date-divider:before,.date-divider:after{content:'';flex:1;height:1px;background:#40384d67}.msg-row{display:flex;align-items:flex-end;gap:10px;max-width:83%;animation:rise .25s ease both}.msg-row.mine{align-self:flex-end;flex-direction:row-reverse}.msg-row.theirs{align-self:flex-start}.msg-bubble{border:1px solid rgba(255,255,255,.055);background:#282334;padding:12px 15px;border-radius:16px 16px 16px 4px;font-size:12.5px;line-height:1.75;overflow-wrap:anywhere;max-width:min(550px,100%);white-space:pre-wrap}.mine .msg-bubble{background:linear-gradient(135deg,#7958d9,#6248c2);border-color:#9476ea59;border-radius:16px 16px 4px 16px;box-shadow:0 8px 28px #50389f26}.msg-clock{font-size:10px;color:#726b86;white-space:nowrap;align-self:flex-end;margin-bottom:3px}.msg-row.mine .msg-clock{color:#8c77c1}.composer-wrap{padding:14px clamp(22px,4vw,45px) 24px}.composer{display:flex;align-items:center;gap:12px;background:#272132;border:1px solid #423551;border-radius:17px;padding:9px 10px 9px 19px;box-shadow:0 8px 30px #0002}.composer:focus-within{border-color:#8767b3}.composer textarea{resize:none;max-height:130px;height:25px;flex:1;min-width:0;outline:0!important;color:white;background:transparent;border:0;line-height:25px;font-size:12px}.composer textarea::placeholder{color:#81758e}.send-btn{width:39px;height:39px;border:none;border-radius:12px;display:grid;place-items:center;color:white;background:linear-gradient(135deg,#ab80ff,#6e4ee5);box-shadow:0 5px 20px #8559e64a}.send-btn:hover{filter:brightness(1.1)}.composer-hint{text-align:center;color:#686074;font-size:10px;margin-top:12px}.detail{width:261px;background:#181522;border-left:1px solid var(--border);padding:31px 22px;display:flex;align-items:center;flex-direction:column;overflow-y:auto}.detail-title{font-weight:800;align-self:flex-start;letter-spacing:.5px;font-size:11px;color:#b8aed0}.profile-banner{height:90px;width:100%;border-radius:18px;background:radial-gradient(circle at 70% 10%,#b089ff9c,transparent 40%),linear-gradient(125deg,#302550,#4c327d,#21182f);margin-top:22px;position:relative;overflow:hidden}.profile-banner:after{content:'';height:90px;width:170px;position:absolute;left:20px;top:20px;border:1px solid #ffffff24;transform:rotate(25deg);border-radius:26px}.detail .avatar.large{margin-top:-45px;border:5px solid #181522;box-sizing:content-box;z-index:1}.detail-name{font-size:17px;font-weight:800;margin-top:11px;text-align:center}.tag{color:#958aa8;font-size:11px;margin-top:2px}.status-pill{padding:6px 12px;margin-top:14px;background:#29372f;border:1px solid #3a5a48;color:#73dab0;border-radius:30px;font-size:10px;font-weight:800}.detail-divider{height:1px;background:var(--border);width:100%;margin:25px 0}.detail-label{font-size:10px;color:#746e86;letter-spacing:1.2px;text-transform:uppercase;font-weight:800;align-self:flex-start}.detail-bio{font-size:12px;line-height:1.8;color:#b9b1c8;align-self:flex-start;margin:10px 0 4px}.detail-capsule{align-self:flex-start;border:1px solid #473e5e;border-radius:10px;color:#b29edc;padding:7px 12px;font-size:10px;margin-top:13px}.content{height:100%;overflow-y:auto;padding:43px clamp(22px,5vw,70px);max-width:980px;width:100%;margin:0 auto}.page-eyebrow{text-transform:uppercase;letter-spacing:2px;color:#b394ff;font-size:11px;font-weight:800}.page-title{font:700 clamp(28px,4vw,42px) 'Space Grotesk';letter-spacing:-1.7px;line-height:1.2;margin:13px 0 12px}.page-sub{font-size:13px;color:#8b839c;line-height:1.8;max-width:480px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:28px}.user-card,.setting-card{background:#211c2d;border:1px solid #3e3251;border-radius:18px;padding:20px;min-width:0}.user-card{display:flex;flex-direction:column;gap:10px}.user-card h3{margin:0;font-size:14px}.user-card p{margin:0;color:#8f869d;font-size:11px;min-height:32px}.primary,.ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:11px 17px;font-weight:800;font-size:12px;transition:.18s}.primary{border:1px solid #9977ea;color:white;background:linear-gradient(135deg,#a078f6,#6850db)}.primary:hover{filter:brightness(1.13);transform:translateY(-1px)}.ghost{color:#c7bbe3;border:1px solid #4f4169;background:#292239}.ghost:hover{background:#382950}.primary.full,.ghost.full{width:100%}.input-row{display:flex;gap:12px;align-items:center}.field{width:100%;color:white;background:#1e1a2a;border:1px solid #3a314f;border-radius:12px;padding:13px 15px;font-size:12px;outline:0}.field:focus{border-color:#9f7cf4}.field::placeholder{color:#81778d}.field-label{display:block;color:#a69cb6;font-size:11px;margin:16px 0 7px;font-weight:700}.profile-hero{background:radial-gradient(circle at 90% 30%,#6440a963,transparent 40%),#231c33;border:1px solid #4b3868;border-radius:24px;padding:30px;margin:30px 0;display:flex;align-items:center;gap:23px}.profile-hero h2{font-size:24px;margin:0 0 5px}.profile-hero p{color:#a89fb6;margin:0;font-size:12px}.profile-actions{margin-left:auto}.empty{text-align:center;display:grid;place-content:center;align-items:center;justify-items:center;flex:1;padding:28px;color:#8e859f}.empty-orb{display:grid;place-items:center;height:100px;width:100px;border-radius:32px;margin:0 auto 25px;background:linear-gradient(135deg,#403063,#21192e);border:1px solid #6d52965c;box-shadow:0 13px 65px #664bb62d;transform:rotate(-8deg)}.empty-orb .icon{height:44px;width:44px;color:#bd9dff}.empty h2{font:700 28px 'Space Grotesk';color:white;margin:0 0 11px}.empty p{max-width:340px;font-size:12px;line-height:1.8}.eyebrow{color:#ad92ed;font-size:10px;text-transform:uppercase;letter-spacing:2px;font-weight:800}.welcome-mark{font-size:66px;font-weight:700;font-family:'Space Grotesk';letter-spacing:-5px;color:white}.welcome-mark span{color:#ad8afb}.small-note{font-size:11px;color:#7b718b;line-height:1.7}.linkish{background:transparent;border:0;color:#c6a7ff;padding:3px;text-decoration:none}.linkish:hover{text-decoration:underline}.divider-line{height:1px;background:#ffffff12;margin:25px 0}.modal-overlay{position:fixed;inset:0;z-index:30;background:#04030ac9;display:grid;place-items:center;padding:18px;backdrop-filter:blur(12px);overflow:auto}.modal{width:min(470px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;background:linear-gradient(165deg,#252034,#16131e);border:1px solid #6d54893b;border-radius:25px;padding:32px;box-shadow:0 30px 120px #000a}.modal.wide{max-width:520px}.modal-top{display:flex;align-items:center;justify-content:space-between}.modal h2{font:700 28px 'Space Grotesk';margin:14px 0 7px;letter-spacing:-.9px}.modal p{font-size:12px;color:#978ca8;line-height:1.7}.modal-form{margin-top:24px}.avatar-upload{display:flex;gap:17px;align-items:center;padding:16px;background:#251e35;border-radius:15px}.avatar-upload input{display:none}.avatar-upload .avatar{width:64px;height:64px}.auth-cover{position:absolute;inset:0;z-index:15;display:grid;place-items:center;background:radial-gradient(circle at 20% 40%,#46298d55,transparent 35%),radial-gradient(circle at 86% 68%,#41338377,transparent 35%),#100d19;padding:24px;overflow:auto}.auth-layout{display:grid;grid-template-columns:1fr 420px;max-width:1100px;width:100%;align-items:center;gap:40px}.auth-brand{padding:25px}.auth-brand h1{font:700 clamp(46px,7vw,82px)/1.05 'Space Grotesk';letter-spacing:-4px;margin:30px 0}.auth-brand h1 span{color:#b494ff}.auth-brand p{max-width:440px;color:#b8aeca;font-size:15px;line-height:1.9}.auth-features{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.auth-features span{padding:10px 14px;border:1px solid #6551836c;background:#2b203a88;border-radius:11px;color:#baa6d9;font-size:11px}.auth-card{border:1px solid #6f5c8955;background:#211a30d9;border-radius:24px;padding:32px;backdrop-filter:blur(30px)}.auth-card h2{font-size:25px;margin:0 0 6px;letter-spacing:-.7px}.auth-card p{font-size:12px;color:#978caa;margin:0 0 23px}.auth-card .field-label{margin-top:14px}.auth-meta{display:flex;justify-content:space-between;align-items:center;margin-top:17px;font-size:12px;color:#8b7f9e}.toast{color:#f8f6ff;background:#2a213c;border:1px solid #6e568f;padding:14px 20px;border-radius:13px;box-shadow:var(--shadow);font-size:12px;max-width:360px;animation:rise .25s ease}#toast-root{position:fixed;bottom:22px;right:22px;z-index:100;display:grid;gap:8px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:19px}.setting-row b{font-size:13px}.setting-row p{font-size:11px;color:#837990;margin:4px 0 0}.switch{border:1px solid #7761a2;background:#4d3b70;color:white;border-radius:30px;padding:8px 14px;font-size:11px}.switch.off{background:#292334;color:#8d829b;border-color:#453a5c}.badge{font-size:10px;font-weight:800;color:#c3aaff;background:#47335d;border:1px solid #75519c;padding:5px 8px;border-radius:8px;white-space:nowrap}.mobile-back{display:none}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1240px){.detail{display:none}.side{width:315px}}
@media(max-width:780px){.app-shell{height:100dvh;width:100vw;margin:0;border-radius:0;border:0}.rail{width:63px;padding:16px 6px}.logo-icon{width:43px;height:43px;margin-bottom:18px}.rail-item{width:44px;height:44px}.rail-item.active:before{left:-11px}.side{width:calc(100% - 63px);min-width:0}.main{display:none}.app-shell.chat-open .rail,.app-shell.chat-open .side{display:none}.app-shell.chat-open .main{display:flex}.chat-head{min-height:76px;padding:14px 17px}.messages-area{padding:20px 16px}.composer-wrap{padding:12px 13px 16px}.mobile-back{display:grid}.auth-layout{display:flex;flex-direction:column;gap:8px;max-width:440px}.auth-brand{padding:12px}.auth-brand h1{font-size:40px;margin:10px 0}.auth-brand p{font-size:12px}.auth-features{display:none}.auth-card{padding:24px;width:100%}.auth-cover{display:block}.content{padding:28px 23px}.profile-hero{flex-wrap:wrap}.profile-actions{margin-left:0}.chat-row{padding:13px 15px}}
@media(min-width:781px) and (max-width:960px){.rail{width:70px}.side{width:278px;min-width:278px}.chat-head{padding:15px}.detail{display:none}}
@media(max-width:420px){.modal{padding:23px}.side-header{padding:27px 17px 13px}.avatar{width:42px;height:42px}.chat-row{gap:10px}.auth-brand{padding:0}.auth-brand h1{font-size:35px}.auth-card{padding:20px}.auth-cover{padding:16px}.msg-row{max-width:94%}}
body.compact .chat-row{padding-top:7px;padding-bottom:7px}body.compact .chat-row .avatar{width:38px;height:38px;border-radius:13px}

@media(max-width:780px){.app-shell.page-open .side{display:none}.app-shell.page-open .main{display:flex}.app-shell.page-open .rail{display:flex}}