:root{font-family:Manrope,Arial,sans-serif;color:#e8edf0;background:#101923;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #75e2dc;outline-offset:3px}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.app{display:grid;grid-template-columns:80px 360px minmax(0,1fr);height:100dvh;min-height:580px;overflow:hidden}.rail{background:#101923;border-inline-end:1px solid #26333d;display:flex;flex-direction:column;align-items:center;padding:29px 10px 26px;gap:48px}.brand-mark{width:48px;height:48px;border:1px solid #568987;display:flex;align-items:center;justify-content:center;gap:2px;border-radius:14px;font:700 16px 'DM Sans',sans-serif;letter-spacing:-2px;color:#e4ffff;position:relative;box-shadow:0 0 24px #48b7ad13}.brand-mark i{width:1px;height:21px;background:#54cdc4;transform:rotate(28deg);margin:0 3px}.brand-mark span:last-child{color:#55d5cb}.rail-links{display:flex;flex-direction:column;gap:10px;width:100%;align-items:center}.rail-button{border:0;background:none;color:#84949e;width:54px;height:54px;display:flex;align-items:center;justify-content:center;border-radius:15px;transition:background .2s,color .2s}.rail-button:hover,.rail-button.is-active{background:#20343d;color:#7de5da}.rail-button span{display:none}.rail-settings{margin-top:auto}.sidebar{background:#18232d;border-inline-end:1px solid #34414a;display:flex;flex-direction:column;min-width:0}.sidebar-header{padding:39px 28px 28px}.eyebrow{font:700 11px 'DM Sans',sans-serif;letter-spacing:.36em;color:#76d8ce;margin:0 0 8px}.sidebar h1{font-size:30px;line-height:1.13;letter-spacing:-.06em;margin:0;color:#fff;font-weight:800}.title-dot{color:#6cd9ce}.sidebar-subtitle{color:#9eacb5;margin:10px 0 0;font-size:12px}.sidebar-controls{padding:4px 20px 0}.search{height:45px;border:1px solid #3b4a53;border-radius:13px;background:#202d37;display:flex;align-items:center;gap:10px;padding:0 13px;color:#91a2ac}.search svg{width:17px;height:17px;flex:none}.search input{border:0;background:transparent;color:#f4f7f8;min-width:0;width:100%;outline:0;font-size:13px}.search input::placeholder{color:#81919a}.filters{display:flex;gap:6px;padding:18px 0 20px}.filter{border:0;border-radius:9px;background:transparent;color:#9babb4;padding:9px 12px;font-size:12px;font-weight:700}.filter:hover,.filter.is-active{background:#304349;color:#c9f7ef}.list-title{display:flex;align-items:center;justify-content:space-between;padding:0 28px 15px;color:#e8f0f1;font-size:12px;font-weight:800;letter-spacing:.01em}.list-count{color:#78929a;font-size:11px}.sidebar-list{overflow:auto;flex:1}.list-empty{margin:20px 22px;padding:22px;border:1px solid #34434d;border-radius:15px;background:#1e2b35;color:#8fa4ad;font-size:13px;line-height:1.6}.list-empty svg{display:block;color:#79cfc7;margin-bottom:15px}.list-empty strong{display:block;color:#e8f1f1;font-size:14px;margin-bottom:6px}.list-empty p{margin:0}.conversation-row{width:100%;border:0;border-bottom:1px solid #303f48;background:transparent;color:#eff7f8;text-align:start;padding:16px 20px;display:flex;gap:12px;align-items:center}.conversation-row:hover,.conversation-row.is-selected{background:#243741}.avatar{height:43px;width:43px;border-radius:14px;display:grid;place-items:center;background:#35524f;color:#d8faf6;flex:none;font-size:15px;font-weight:800}.row-copy{min-width:0;flex:1}.row-copy strong,.row-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-copy strong{font-size:13px}.row-copy small{font-size:11px;color:#a3b3b9;margin-top:4px}.row-meta{font-size:10px;color:#9badb5;align-self:flex-start}.sidebar-foot{padding:19px 26px 28px;font-size:11px;color:#82949e;line-height:1.5;display:flex;gap:11px;align-items:flex-start}.foot-line{width:3px;height:26px;background:#64c9c1;border-radius:3px;flex:none}.stage{position:relative;min-width:0;background:radial-gradient(circle at 52% 48%,#203039 0,#1b2933 39%,#17232d 100%);display:flex;flex-direction:column;overflow:hidden}.stage:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.24;background-image:radial-gradient(#95b5b7 0.55px,transparent 0.55px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent,#000 50%,transparent)}.stage-topbar{height:81px;padding:0 38px;border-bottom:1px solid #34424b;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3;background:#18263099;backdrop-filter:blur(8px)}.stage-title{font-size:14px;font-weight:800;color:#eaf1f3}.top-actions{display:flex;align-items:center;gap:14px}.language-button{background:#25353e;border:1px solid #43545e;border-radius:11px;color:#dbe8e9;padding:9px 12px;display:flex;align-items:center;gap:9px;font-size:12px}.language-button svg{width:16px;height:16px;color:#8ddbd3}.chevron{font-size:17px;color:#97aeb2;line-height:0}.locale-control{position:relative}.language-menu{position:absolute;z-index:10;right:0;top:45px;width:262px;max-height:min(460px,70vh);overflow:auto;padding:7px;background:#25343d;border:1px solid #53636b;border-radius:13px;box-shadow:0 20px 50px #0007}.language-menu[hidden]{display:none}.language-option{display:flex;justify-content:space-between;width:100%;padding:10px 12px;border:0;border-radius:7px;background:none;color:#e2edf0;text-align:start;font-size:13px}.language-option:hover,.language-option[aria-selected=true]{background:#365057}.language-option small{color:#a6bbc0}.stage-body{position:relative;z-index:1;flex:1;display:grid;place-items:center;padding:30px;overflow:auto}.welcome-panel{text-align:center;max-width:550px;width:100%;margin:auto}.welcome-art{width:206px;height:206px;margin:0 auto 26px;position:relative;display:grid;place-items:center}.welcome-art:before,.welcome-art:after{content:"";position:absolute;border:1px solid #568680;border-radius:50%;inset:14px;transform:rotate(-23deg) scaleX(.83)}.welcome-art:after{inset:31px;transform:rotate(56deg) scaleX(.76);border-color:#56716e}.orbit-point{position:absolute;width:9px;height:9px;background:#74dbcf;border-radius:50%;box-shadow:0 0 20px #69e6d3}.orbit-point.one{top:36px;right:40px}.orbit-point.two{bottom:42px;left:30px;width:6px;height:6px;background:#a3bfc1}.welcome-symbol{width:112px;height:112px;border-radius:34px;background:linear-gradient(140deg,#2b4c50,#213740);border:1px solid #72958c;display:grid;place-items:center;transform:rotate(-8deg);box-shadow:0 18px 50px #050c1440,inset 0 1px #a2c6ba40}.welcome-symbol svg{width:52px;height:52px;transform:rotate(8deg);color:#92f4df;stroke-width:1.25}.welcome-kicker{font-size:10px;letter-spacing:.29em;text-transform:uppercase;color:#89cfc7;font-weight:800;margin-bottom:13px}.welcome-panel h2{font-size:clamp(29px,3.1vw,44px);line-height:1.12;letter-spacing:-.055em;margin:0;color:#f5f7f6;font-weight:800}.welcome-panel p{color:#aabcc1;font-size:15px;line-height:1.7;max-width:460px;margin:18px auto 0}.welcome-action{margin-top:30px;border:1px solid #7edfd4;background:#71d8cb;color:#142b2c;border-radius:12px;font-weight:800;padding:14px 25px;box-shadow:0 10px 25px #64d3c52b}.welcome-action:hover{background:#9cf0e5}.welcome-subline{display:flex;align-items:center;justify-content:center;gap:9px;color:#91a8ae;font-size:11px;margin-top:32px}.welcome-subline svg{width:15px;height:15px;color:#8acdc4}.stage-footer{height:51px;padding:0 40px;display:flex;align-items:center;gap:15px;color:#7f929a;font-size:11px;border-top:1px solid #34424b;position:relative;z-index:2}.footer-brand{font-weight:800;letter-spacing:.24em;color:#7bd8cf}.mobile-back{display:none}.settings-panel{max-width:620px;width:100%;margin:auto}.settings-panel h2{font-size:30px;margin:0 0 8px;letter-spacing:-.04em}.settings-panel p{color:#aebdc1;line-height:1.6;margin:0 0 22px}.settings-block{background:#24353e;border:1px solid #42535b;border-radius:17px;padding:24px}.settings-block h3{margin:0 0 12px;font-size:15px}.settings-block button{background:#334c51;border:1px solid #6a9993;border-radius:10px;color:#e6ffff;padding:10px 14px}.conversation{width:min(780px,100%);height:100%;display:flex;flex-direction:column;justify-content:flex-end}.message{padding:12px 16px;border-radius:15px;background:#294249;color:#effafb;max-width:72%;margin:8px 0;align-self:flex-start;overflow-wrap:anywhere}.message.mine{align-self:flex-end;background:#d1ede5;color:#19302e}.message-meta{font-size:10px;opacity:.72;margin-top:5px}.message-context{font-size:11px;color:#9cb8bb;align-self:center;margin-bottom:auto;padding:14px}.conversation-empty{align-self:center;margin:auto;text-align:center;color:#b3c5c8}.conversation-empty svg{width:46px;height:46px;color:#94dcd1;display:block;margin:0 auto 14px}.conversation-empty strong{color:#f0f7f7;display:block;font-size:21px}.conversation-empty p{font-size:13px}.conversation-composer{border-top:1px solid #455760;padding:15px;display:flex;gap:10px}.conversation-composer input{flex:1;background:#263940;border:1px solid #536b6b;border-radius:10px;padding:12px;color:#eaf6f6;min-width:0}.conversation-composer button{background:#6cd7c9;border:0;border-radius:10px;padding:0 20px;color:#102b2b;font-weight:800}.conversation-composer button:disabled{opacity:.5;cursor:not-allowed}html[dir=rtl] .language-menu{right:auto;left:0}html[dir=rtl] .chevron{transform:scaleX(-1)}html[dir=rtl] .conversation-row{text-align:right}
@media(max-width:1000px){.app{grid-template-columns:68px 318px minmax(0,1fr)}.rail{padding-inline:6px}.sidebar-header{padding-inline:22px}.stage-topbar{padding-inline:24px}.stage-footer{padding-inline:24px}}
@media(max-width:700px){.app{display:flex;flex-direction:column;min-height:0}.rail{order:3;height:66px;padding:5px 24px calc(4px + env(safe-area-inset-bottom));border-inline-end:0;border-top:1px solid #394750;flex-direction:row;justify-content:space-around;gap:0}.brand-mark{display:none}.rail-links{display:contents}.rail-button{width:78px;height:56px;flex-direction:column;gap:3px;border-radius:9px}.rail-button svg{width:20px;height:20px}.rail-button span{display:block;font-size:10px}.rail-settings{margin:0}.sidebar{order:1;flex:1;border:0;min-height:0}.sidebar-header{padding:24px 21px 18px}.sidebar h1{font-size:27px}.sidebar-controls{padding-inline:18px}.sidebar-foot{padding:14px 21px}.stage{order:2;display:none;flex:1}.app.mobile-stage .sidebar{display:none}.app.mobile-stage .stage{display:flex}.stage-topbar{height:65px;padding:0 17px}.stage-title{font-size:13px;max-width:47%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-back{display:block;background:transparent;border:0;color:#a9dfd6;font-size:24px;padding:7px}.language-button{padding:8px}.language-button span#language-name{max-width:75px;overflow:hidden;text-overflow:ellipsis}.stage-body{padding:22px 16px}.welcome-art{width:148px;height:148px;margin-bottom:16px}.welcome-symbol{width:84px;height:84px;border-radius:24px}.welcome-symbol svg{width:39px;height:39px}.welcome-panel h2{font-size:28px}.welcome-panel p{font-size:13px}.stage-footer{height:43px;padding-inline:18px}.locale-control{position:static}.language-menu{top:56px;right:12px;left:12px;width:auto;max-height:50vh}html[dir=rtl] .language-menu{left:12px;right:12px}}
@media(max-width:370px){.rail{padding-inline:5px}.rail-button{width:70px}.stage-title{max-width:38%}.sidebar-controls{padding-inline:13px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.filters{overflow-x:auto;scrollbar-width:none;white-space:nowrap}.filter{flex:none}.filters::-webkit-scrollbar{display:none}
.stage-empty{text-align:center;max-width:400px;margin:auto;color:#aabdc0}.stage-empty svg{width:48px;height:48px;color:#78cfc5}.stage-empty h2{font-size:26px;color:#f1f6f7;margin:18px 0 8px}.stage-empty p{font-size:14px;line-height:1.65}
.conversation{min-height:0;position:relative;justify-content:stretch}.conversation-heading{padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #40525b;color:#afc3c4;font-size:12px}.context-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.details-button,.details-close,.versions-button{border:0;background:transparent;color:#9ee0d4;padding:5px;font-size:11px}.message-stream{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;padding:20px 0}.message-meta{display:flex;align-items:center;gap:9px}.message-quote{border-inline-start:3px solid #76d3ca;padding-inline-start:9px;color:#b5ccc9;font-size:12px;margin-bottom:8px}.message.mine .message-quote{color:#37645e}.message-attachment{margin-top:8px;border:1px solid currentColor;border-radius:8px;padding:9px;opacity:.8;font-size:12px}.version-history{border-top:1px solid #7ca8a55c;margin-top:9px;padding-top:7px;font-size:12px}.version-history p{margin:7px 0}.conversation-details{position:absolute;inset-block:0;inset-inline-end:0;width:min(320px,95%);background:#22343d;border-inline-start:1px solid #52646b;z-index:2;padding:20px;box-shadow:0 10px 30px #0008;overflow:auto}.conversation-details strong{font-size:16px}.details-close{float:inline-end}.detail-member{margin-top:15px;padding:12px;border-bottom:1px solid #41515a}.settings-block+.settings-block{margin-top:14px}.settings-block .identity-value{overflow-wrap:anywhere;font-size:13px;margin:0}
@media(max-width:700px){.rail{padding-inline:4px;min-height:70px;height:calc(70px + env(safe-area-inset-bottom));justify-content:space-between}.rail-button{width:calc((100vw - 8px)/6);max-width:75px;min-width:0;padding:4px 0}.rail-button span{font-size:9px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-empty h2{font-size:23px}.message{max-width:88%}}

[hidden]{display:none!important}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}a{color:inherit}.stage-footer{display:none}.stage-body.has-conversation{padding:0 30px}.device-bar{margin:0 20px 18px;min-width:0}.own-id{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#80aaa8;font-size:11px;padding:10px 2px}.connect-device{width:100%;padding:12px;border:1px solid #5a9d96;background:#24413f;color:#c7f5ec;border-radius:12px;font-size:12px;font-weight:700}.connection-state{font-size:11px;color:#9cafb6;white-space:nowrap;display:flex;align-items:center;gap:7px}.connection-state:before{content:"";width:6px;height:6px;border-radius:50%;background:#89949b}.connection-state:empty{display:none}.connection-state[data-state=online]:before{background:#79dcbd;box-shadow:0 0 9px #79dcbd40}.connection-state[data-state=connecting]:before{background:#d9bc7c}.empty-icon svg{width:40px;height:40px}.list-empty h2{font-size:14px;margin:12px 0 7px;color:#e8f1f1}.list-empty p{margin:0;font-size:12px}.conversation-composer{padding:18px 0 23px;align-items:flex-end;flex-shrink:0}.conversation-composer textarea{resize:none;min-height:48px;max-height:160px;line-height:1.6;border:1px solid #425862;border-radius:14px;padding:12px 15px;outline:0;background:#22333e;color:#edf4f5;flex:1;min-width:0;font:inherit;font-size:14px}.conversation-composer .send-button{min-height:48px;min-width:100px;border-radius:14px}.conversation-heading{min-height:54px;padding-inline:0;flex-shrink:0}.message-text{white-space:pre-wrap;line-height:1.55;font-size:14px}.message{border:0;box-shadow:0 3px 12px #0000000d}.message-menu{border:0;background:none;color:inherit;font-size:20px;line-height:16px;padding:2px 5px;opacity:.7;margin-inline-start:auto}.delivery-mark{letter-spacing:-3px;padding-inline-end:3px}.message-meta{justify-content:flex-end;font-size:10px}.composer-reference{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#b5d4cf;font-size:12px;min-height:38px;border-inline-start:3px solid #69cdbf;padding-inline-start:12px;margin-top:8px}.composer-reference button{background:none;border:0;color:#b5d4cf;font-size:22px}.toast{position:fixed;bottom:max(30px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#30494f;color:#f1faf8;box-shadow:0 9px 40px #0005;border:1px solid #5b7b7c;border-radius:12px;padding:14px 20px;max-width:min(90vw,530px);width:max-content;z-index:50;font-size:13px;line-height:1.5}dialog{width:min(460px,calc(100vw - 32px));max-height:85dvh;overflow:auto;background:#1c2c36;color:#e5eeef;border:1px solid #4c646c;border-radius:20px;padding:26px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#071018b8;backdrop-filter:blur(6px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.dialog-heading h2{margin:0;font-size:20px;letter-spacing:-.03em}.dialog-close{color:#c5d7d8;font-size:29px;line-height:1;border:0;background:none;padding:4px 8px}.archive-form,.contact-details,.action-list{display:flex;flex-direction:column;gap:14px}.archive-form p{font-size:14px;color:#b1c2c7;line-height:1.6;margin:0 0 6px}.archive-form input,.contact-details input{width:100%;min-width:0;background:#15252f;color:#e5f3f2;border:1px solid #536c72;border-radius:10px;padding:13px;font:inherit;font-size:14px}.archive-form button,.contact-details button,.action-list button{border:1px solid #4e6a70;border-radius:11px;background:#294047;color:#d6f4ee;padding:13px 16px;font-size:14px;text-align:start}.archive-form .welcome-action{background:#7ddccf;color:#142c2c;text-align:center;font-weight:700;text-decoration:none;border-radius:11px;padding:13px 16px}.version-entry{border-inline-start:2px solid #76cbbf;padding:0 0 8px 16px;margin:0 0 20px;overflow-wrap:anywhere}.version-entry small{color:#8aa5ad;font-size:11px}.version-entry p{white-space:pre-wrap;font-size:14px;line-height:1.6}.identity-value{display:block;font-size:13px;overflow-wrap:anywhere;line-height:1.7}.settings-block button{margin:6px 8px 0 0}.contact-details .identity-value{color:#9ab8bc}.send-button{flex-shrink:0}textarea:focus-visible{outline:2px solid #75e2dc;outline-offset:2px}
@media(max-width:1000px){.stage-body.has-conversation{padding-inline:20px}.connection-state{font-size:10px}.stage-topbar{gap:10px}.top-actions{gap:12px}}
@media(max-width:700px){.stage-body.has-conversation{padding-inline:15px}.stage-body{min-height:0}.stage-topbar{flex-shrink:0;gap:8px}.stage-title{flex:1;max-width:none;min-width:0;font-size:13px}.top-actions{gap:8px}.connection-state{font-size:0;gap:0}.connection-state:before{width:7px;height:7px}.language-button span#language-name{max-width:57px;font-size:11px}.language-button{gap:5px}.conversation-composer{padding-bottom:12px;padding-top:11px;gap:9px}.conversation-composer textarea{font-size:16px;min-height:46px;padding:10px 12px}.conversation-composer .send-button{font-size:12px;min-width:78px;min-height:46px;padding-inline:10px}.conversation-heading{min-height:44px;font-size:10px}.message-stream{padding-block:12px}.message-text{font-size:15px}.message{padding:11px 13px;max-width:90%}.device-bar{margin-inline:18px;margin-bottom:14px}.device-bar .connect-device{font-size:13px}.sidebar-foot{font-size:10px}.toast{bottom:calc(82px + env(safe-area-inset-bottom));font-size:12px;padding:12px 16px}.settings-panel{align-self:start;margin-block:12px}.archive-form input,.contact-details input{font-size:16px}dialog{padding:22px}.rail{flex-shrink:0}.sidebar-header{padding-top:max(22px,env(safe-area-inset-top))}.filters{padding-top:14px;padding-bottom:14px}.sidebar-controls{padding-top:0}}