:root{font-family:DM Sans,Trebuchet MS,sans-serif;color:#111a27;background:#dff4fc;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #101925;--muted: #89939d;--line: #e8edf0;--sky: #dff4fc;--blue: #9dddf3;--green: #55bf8b}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #278eac;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.welcome-screen{display:grid;place-items:center;min-height:100vh;padding:28px;background-color:#dff4fc;background-image:radial-gradient(ellipse at 18% 82%,rgba(255,255,255,.6),transparent 35%),radial-gradient(ellipse at 91% 14%,rgba(181,230,247,.6),transparent 32%)}.welcome-card{width:min(100%,440px);min-height:610px;padding:32px 36px 30px;border:1px solid rgba(16,25,37,.08);border-radius:9px;background:#ffffffc7;box-shadow:0 20px 70px #42788f1f;animation:rise-in .55s both}.wordmark{display:inline-flex;align-items:center;width:48px;height:37px;color:var(--ink);text-decoration:none}.up-mark{display:block;width:100%;height:100%;overflow:visible}.welcome-art{display:flex;align-items:center;justify-content:center;height:195px;margin:10px 0 18px;color:#0c1521}.welcome-art .up-mark{width:min(100%,240px)}.eyebrow{margin:0;color:#5d9bb1;font-size:10px;font-weight:800;letter-spacing:1.4px}.welcome-card h1{margin:10px 0 8px;font-size:28px;line-height:1.18;letter-spacing:-.8px}.welcome-copy{margin:0;color:#717c86;font-size:13px;line-height:1.65}.name-form{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:9px;margin-top:22px}.name-form>input{grid-column:1 / -1;min-width:0;height:48px;padding:0 15px;border:1px solid #e0e8eb;border-radius:5px;outline:none;background:#fff;font-size:14px;transition:border-color .2s,box-shadow .2s}.name-form>input:focus,.tag-input:focus-within{border-color:#75c9e4;box-shadow:0 0 0 3px #75c9e429}.tag-input{display:flex;align-items:center;gap:8px;min-width:0;height:48px;padding:0 13px;border:1px solid #e0e8eb;border-radius:5px;background:#fff;color:#74aabe;transition:border-color .2s,box-shadow .2s}.tag-input input{width:100%;min-width:0;height:100%;padding:0;border:0;outline:none;background:transparent;color:var(--ink);font-size:14px}.tag-input input:focus{outline:none}.name-form.editing-name{grid-template-columns:minmax(0,1fr) 48px}.name-form.editing-name>input{grid-column:1;grid-row:1}.name-form.editing-name .primary-button{grid-column:2;grid-row:1}.primary-button{display:grid;width:48px;height:48px;place-items:center;border:0;border-radius:5px;background:var(--ink);color:#fff;cursor:pointer;transition:background .2s,transform .2s}.primary-button:hover{background:#263a4b;transform:translateY(-1px)}.privacy-note{display:flex;align-items:center;gap:8px;margin:17px 0 0;color:#99a2aa;font-size:10px}.privacy-note svg{color:#70c89c}.form-error{margin:9px 0 0;color:#b34f4f;font-size:11px;line-height:1.5}.text-button{margin-top:12px;padding:0;border:0;background:none;color:#538da2;cursor:pointer;font-size:12px}.auth-card{min-height:0}.auth-card .welcome-art{height:145px;margin-top:5px;font-size:126px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin:19px 0 14px;padding:3px;border:1px solid #e9eff1;border-radius:5px;background:#f7fafb}.auth-tabs button{min-height:34px;border:0;border-radius:3px;background:transparent;color:#88969d;cursor:pointer;font-size:11px}.auth-tabs button.active{background:#fff;color:#263945;box-shadow:0 1px 4px #213d491a}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-field{display:flex;flex-direction:column;gap:5px;color:#53636d;font-size:10px;font-weight:700}.auth-field>input,.auth-tag-input{width:100%;height:42px;padding:0 12px;border:1px solid #e0e8eb;border-radius:4px;outline:none;background:#fff;color:#26343f;font-size:12px;font-weight:400}.auth-field>input:focus,.auth-tag-input:focus-within{border-color:#75c9e4;box-shadow:0 0 0 3px #75c9e421}.auth-tag-input{display:flex;align-items:center;gap:8px;color:#70abc0}.auth-tag-input input{min-width:0;width:100%;height:100%;border:0;outline:none;background:transparent;color:#26343f;font-size:12px}.auth-submit{display:flex;align-items:center;justify-content:center;gap:8px;min-height:43px;margin-top:3px;border:0;border-radius:4px;background:var(--ink);color:#fff;cursor:pointer;font-size:12px;font-weight:700}.auth-submit:disabled{opacity:.55;cursor:wait}.form-message{margin:0;color:#327d5a;font-size:11px;line-height:1.5}.auth-card .privacy-note{margin-top:13px;line-height:1.5}.welcome-card.auth-card{width:min(100%,580px);min-height:760px;padding:44px 52px 40px}.auth-card .welcome-art{height:190px;font-size:160px}.auth-card .welcome-card h1,.auth-card h1{font-size:34px}.auth-card .auth-form{gap:14px}.auth-card .auth-field{font-size:12px}.auth-card .auth-field>input,.auth-card .auth-tag-input{height:52px;font-size:15px}.auth-card .auth-tag-input input{font-size:15px}.auth-card .auth-submit{min-height:54px;font-size:14px}.auth-card .auth-tabs button{min-height:42px;font-size:13px}.app-shell{position:relative;display:grid;grid-template-columns:clamp(306px,24vw,420px) minmax(0,1fr);width:100%;height:100vh;min-height:600px;margin:0 auto;overflow:hidden;background:#fff;box-shadow:0 16px 70px #31708b24;animation:rise-in .45s both}.sidebar{z-index:2;display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--line);background:#fff}.logout-card{min-height:0;text-align:center}.logout-card .welcome-art{margin-right:auto;margin-left:auto}.logout-card .auth-submit{width:100%;margin-top:18px}.logout-back{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:40px;margin-top:10px;border:1px solid #dce9ed;border-radius:4px;background:#fff;color:#397d93;cursor:pointer;font-size:12px;font-weight:700}.logout-back:hover{background:#eef8fa}.theme-toggle{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:40px;margin-top:10px;border:1px solid #dce9ed;border-radius:4px;background:#fff;color:#397d93;cursor:pointer;font-size:12px;font-weight:700}.theme-toggle:hover{background:#eef8fa}.delete-account{width:100%;margin-top:22px;padding-top:16px;border-top:1px solid #dce9ed;text-align:left}.delete-account h2{margin:0 0 6px;color:#b3261e;font-size:14px}.delete-account p{margin:0 0 10px;color:#5f7480;font-size:12px;line-height:1.4}.delete-account input{width:100%;min-height:38px;padding:0 10px;border:1px solid #dce9ed;border-radius:4px;box-sizing:border-box}.delete-button{width:100%;min-height:40px;margin-top:10px;border:0;border-radius:4px;background:#b3261e;color:#fff;cursor:pointer;font-size:12px;font-weight:700}.delete-button:disabled{opacity:.4;cursor:not-allowed}.sidebar-top{display:flex;align-items:center;justify-content:space-between;height:77px;padding:0 23px;border-bottom:1px solid #f0f2f3}.theme-switch{display:flex;align-items:center;gap:8px}.theme-dot{width:22px;height:22px;padding:0;border:2px solid #c9d8dd;border-radius:50%;cursor:pointer;transition:transform .15s,box-shadow .15s}.theme-dot:hover{transform:scale(1.12)}.theme-dot.theme-light{background:#fff}.theme-dot.theme-dark{background:#0a0d10}.theme-dot.theme-emerald{background:#10b981}.theme-dot.active{border-color:#278eac;box-shadow:0 0 0 3px #278eac4d}[data-theme=dark] .theme-dot{border-color:#3a4651}[data-theme=dark] .theme-dot.active{border-color:#1f6feb;box-shadow:0 0 0 3px #1f6feb59}[data-theme=emerald] .theme-dot{border-color:#3a4651}[data-theme=emerald] .theme-dot.active{border-color:#10b981;box-shadow:0 0 0 3px #10b98159}.sidebar-top .wordmark{width:48px;height:37px}.logout-button{display:flex;align-items:center;gap:7px;width:auto;height:34px;padding:0 9px;border:0;border-radius:4px;background:transparent;color:#84919a;cursor:pointer;font-size:10px}.logout-button:hover{background:#f0f6f8;color:var(--ink)}.icon-button{display:inline-grid;flex:0 0 auto;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:5px;background:transparent;color:#68737d;cursor:pointer;transition:background .18s,color .18s}.icon-button:hover{background:#f0f6f8;color:var(--ink)}.subtle-button{color:#98a3ab}.profile-strip{display:flex;align-items:center;gap:11px;min-height:83px;padding:0 21px;border-bottom:1px solid #f0f2f3}.avatar{position:relative;display:grid;flex:0 0 auto;place-items:center;width:40px;height:40px;border-radius:50%;background:#dff4fc;color:#244859;font-size:12px;font-weight:800}.my-avatar{background:#c8eddb;color:#266247}.profile-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}.profile-copy strong{overflow:hidden;font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.profile-copy span,.chat-person>span{display:flex;align-items:center;gap:6px;color:#8b969e;font-size:11px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green)}.edit-button{width:30px;height:30px}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding:24px 22px 12px;color:#949da4;font-size:9px;font-weight:800;letter-spacing:1.2px}.people-count{display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:#f1f7f9;color:#7896a1;font-size:10px;letter-spacing:0}.sidebar-actions{display:flex;align-items:center;gap:5px}.add-friend-button{width:28px;height:28px;color:#6cabbf}.search-box{display:flex;align-items:center;gap:8px;height:37px;margin:0 16px 13px;padding:0 10px;border:1px solid #edf0f1;border-radius:5px;color:#a2abb1}.search-box:focus-within{border-color:#a7dced}.search-box input{min-width:0;flex:1;border:0;outline:none;background:transparent;color:var(--ink);font-size:11px}.search-box input::placeholder{color:#a4adb3}.search-box kbd{color:#aeb6bb;font-family:inherit;font-size:9px}.people-list{flex:1;overflow-y:auto}.person-row{display:flex;align-items:center;gap:10px;width:calc(100% - 20px);min-height:64px;margin:2px 10px;padding:8px 10px;border:0;border-radius:5px;background:transparent;text-align:left;cursor:pointer;transition:background .18s}.person-row:hover{background:#f7fafb}.person-row.selected{background:#eaf7fb}.person-row .avatar{width:39px;height:39px;font-size:11px}.avatar-0{background:#e6def9;color:#51426c}.avatar-1{background:#fce3d3;color:#86553c}.avatar-2{background:#d8eee3;color:#36634b}.avatar-3{background:#f8e9b9;color:#78632d}.avatar-4{background:#d9e7fa;color:#375379}.online-dot{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:#57c58e}.person-details{display:flex;min-width:0;flex:1;flex-direction:column;gap:5px}.person-details strong{overflow:hidden;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.person-details>span{overflow:hidden;color:#97a0a6;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.person-meta{display:flex;align-items:center;align-self:flex-start;padding-top:2px}.online-label{color:#acb5ba;font-size:9px;font-style:normal}.unread-count{display:grid;width:17px;height:17px;place-items:center;border-radius:50%;background:#151e2a;color:#fff;font-size:9px}.empty-people{display:flex;align-items:center;flex-direction:column;padding:37px 30px;text-align:center;animation:fade-in .4s both}.empty-icon{display:grid;width:43px;height:43px;place-items:center;border-radius:50%;background:#eaf7fb;color:#67b8d2}.empty-people strong{margin-top:13px;font-size:12px}.empty-people p{margin:6px 0 0;color:#99a2a9;font-size:10px;line-height:1.6}.sidebar-footer{display:flex;flex-direction:column;gap:12px;padding:15px 21px 17px;border-top:1px solid #f0f2f3}.connection-status{display:flex;align-items:center;gap:7px;color:#9ba4aa;font-size:10px}.connection-status i{width:7px;height:7px;border-radius:50%;background:#eeb368}.connection-status.is-connected i{background:#63c390}.sidebar-footer>span{color:#a8b1b6;font-size:8px;font-weight:700;letter-spacing:1.1px}.conversation-panel{position:relative;display:flex;min-width:0;flex-direction:column;overflow:hidden;background-color:#fbfdfe;background-image:radial-gradient(ellipse at 70% 5%,rgba(221,244,252,.48),transparent 32%),radial-gradient(ellipse at 0% 100%,rgba(234,248,252,.42),transparent 40%)}.conversation-topbar{display:flex;align-items:center;justify-content:space-between;height:77px;padding:0 33px;border-bottom:1px solid rgba(231,237,240,.78)}.secure-note{display:flex;align-items:center;gap:9px;color:#8b979f;font-size:11px}.secure-spark{display:grid;width:23px;height:23px;place-items:center;border-radius:50%;background:#e8f6fa;color:#67b9d5}.empty-chat{position:relative;display:flex;flex:1;align-items:center;flex-direction:column;justify-content:center;padding:15px 28px 70px;text-align:center;animation:fade-in .6s both}.empty-chat-art{position:relative;display:flex;align-items:center;justify-content:center;width:220px;height:171px;margin:0 0 25px;color:#111a27}.empty-chat-art .up-mark{width:100%;height:100%}.empty-chat-art i{position:absolute;top:2px;right:24px;display:grid;width:37px;height:37px;place-items:center;border:4px solid #fbfdfe;border-radius:50%;background:#70c7e2;color:#fff;font-style:normal;animation:float 3.5s ease-in-out infinite}.empty-chat .eyebrow{font-size:9px;letter-spacing:1.7px}.empty-chat h1{margin:11px 0 10px;font-size:clamp(31px,4vw,45px);line-height:1.08;letter-spacing:-1.8px;font-weight:700}.empty-chat-copy{max-width:330px;margin:0;color:#8e9aa2;font-size:12px;line-height:1.8}.hint-chip{display:flex;align-items:center;gap:8px;margin-top:22px;padding:9px 12px;border:1px solid #e9f1f3;border-radius:4px;background:#ffffffb3;color:#86949b;font-size:10px}.hint-chip svg{color:#73bcd2}.floating-plus{position:absolute;right:46px;bottom:43px;display:grid;width:64px;height:64px;place-items:center;padding:0;border:0;border-radius:50%;background:#0f7fa3;color:#fff;box-shadow:0 10px 26px #0f7fa38c;cursor:pointer;animation:float 4.5s ease-in-out infinite}.floating-plus:hover{background:#1f7b96;box-shadow:0 10px 28px #278eac8c}.chat-header{display:flex;align-items:center;min-height:77px;padding:0 31px;border-bottom:1px solid rgba(231,237,240,.82);background:#ffffff6b}.active-avatar{width:41px;height:41px;margin-right:12px;background:#dff1e6}.chat-person h2{margin:0 0 4px;font-size:13px;font-weight:700}.chat-header-right{display:flex;align-items:center;gap:15px;margin-left:auto}.direct-label{display:flex;align-items:center;gap:7px;color:#a1aaaf;font-size:8px;font-weight:700;letter-spacing:.9px}.direct-label svg{color:#80cfa1}.mobile-back,.mobile-close{display:none}.messages-area{display:flex;width:100%;min-width:0;min-height:0;flex:1;flex-direction:column;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:28px max(32px,calc((100% - 1000px)/2))}.message-stack{display:flex;width:100%;min-width:0;flex-direction:column;gap:15px;margin-top:auto}.day-divider{display:flex;align-items:center;gap:12px;margin:10px 0 5px;color:#abb4b8;font-size:8px;font-weight:700;letter-spacing:1px}.day-divider:before,.day-divider:after{height:1px;flex:1;background:#eaf0f1;content:""}.message-line{display:flex;width:fit-content;min-width:0;align-items:flex-end;gap:8px;max-width:min(83%,760px);animation:message-in .22s both}.message-line.mine{align-self:flex-end;flex-direction:row-reverse}.message-line.theirs{align-self:flex-start}.message-avatar{width:25px;height:25px;font-size:8px}.avatar-spacer{width:25px;flex:0 0 25px}.message-content{display:flex;min-width:0;max-width:calc(100% - 33px);flex-direction:column;align-items:flex-start}.mine .message-content{align-items:flex-end}.mine.message-line .message-content{max-width:100%}.message-author{margin:0 0 5px 2px;color:#919ca3;font-size:9px}.bubble{min-width:0;max-width:100%;padding:11px 14px;border:1px solid #e8eef0;border-radius:3px 11px 11px;background:#fff;color:#303e49;font-size:14px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 2px 7px #284a5706}.mine .bubble{border-color:#d1edf6;border-radius:11px 3px 11px 11px;background:#dff4fc;color:#182d39}.message-time{display:flex;align-items:center;gap:3px;margin:4px 3px 0;color:#77858d;font-size:10px}.mine .message-time svg{color:#70bbd3}.typing-indicator{display:flex;align-items:center;gap:4px;align-self:flex-start;margin:2px 0 4px 33px;color:#9aa5ab;font-size:9px}.typing-indicator span{width:4px;height:4px;border-radius:50%;background:#75bad0;animation:typing .9s infinite}.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){margin-right:4px;animation-delay:.3s}.first-message{display:flex;align-items:center;flex-direction:column;justify-content:center;height:100%;min-height:220px;margin:auto;color:#8b989f;text-align:center;animation:fade-in .4s both}.first-message-icon{display:grid;width:50px;height:50px;place-items:center;border:1px solid #e4eff2;border-radius:50%;background:#f1fafc;color:#6bbbd3}.first-message p{margin:13px 0 10px;font-size:11px}.first-message p strong{color:#53636d}.first-message button{display:flex;align-items:center;gap:6px;padding:7px 10px;border:0;border-radius:3px;background:transparent;color:#61a9c0;font-size:10px;cursor:pointer}.first-message button:hover{background:#eff8fa}.composer-wrap{width:min(1000px,calc(100% - 64px));margin:0 auto 21px}.composer{display:flex;align-items:center;gap:12px;padding:10px 12px 10px 16px;border:1px solid #e4eaed;border-radius:5px;background:#fff;box-shadow:0 4px 20px #2d515e0b;transition:border-color .2s,box-shadow .2s}.composer:focus-within{border-color:#b6e0ec;box-shadow:0 4px 20px #2d91ad14}.message-input{display:block;flex:1 1 auto;width:auto;min-width:0;min-height:40px;resize:none;border:0;outline:none;background:transparent;color:#24333e;font-size:14px}.message-input::placeholder{color:#a5afb5}.composer-bottom{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:12px}.composer-bottom>span{display:flex;align-items:center;gap:6px;color:#a2abb1;font-size:9px}.composer-bottom>span svg{color:#83cba1}.send-button{display:grid;width:42px;height:42px;place-items:center;border:0;border-radius:50%;background:#278eac;color:#fff;cursor:pointer;transition:background .2s,transform .2s}.send-button:disabled{background:#278eac;opacity:.4;cursor:not-allowed}.send-button:not(:disabled):hover{background:#1f7b96;transform:translateY(-1px)}.composer-footnote{margin:9px 0 0;color:#aab3b8;font-size:9px;text-align:center}.offline-note{margin:0 0 8px;color:#b47c44;font-size:10px;text-align:center}.scroll-down{position:absolute;right:24px;bottom:120px;display:none;width:32px;height:32px;place-items:center;border:1px solid #e5ecee;border-radius:50%;background:#fff;color:#74858d;cursor:pointer}.modal-backdrop{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:18px;background:#0f192457;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in .16s both}.friend-modal{display:flex;width:min(100%,430px);max-height:min(620px,calc(100vh - 36px));flex-direction:column;overflow:hidden;border:1px solid #e5ecef;border-radius:7px;background:#fff;box-shadow:0 20px 70px #132b3733;animation:rise-in .2s both}.friend-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 15px}.friend-modal-header h2{margin:5px 0 0;font-size:21px;line-height:1.2}.friend-modal-header .eyebrow{font-size:8px}.friend-search{display:flex;align-items:center;gap:9px;min-height:43px;margin:0 18px 12px;padding:0 11px;border:1px solid #e3eaed;border-radius:4px;color:#8c9ba2}.friend-search:focus-within{border-color:#8fcfe1;box-shadow:0 0 0 3px #75c9e421}.friend-search input{min-width:0;flex:1;border:0;outline:none;background:transparent;color:var(--ink);font-size:12px}.friend-search input::placeholder{color:#a4afb5}.friend-search-submit{flex:0 0 auto;height:31px;padding:0 12px;border:0;border-radius:4px;background:#278eac;color:#fff;cursor:pointer;font-size:12px;font-weight:700}.friend-search-submit:disabled{opacity:.45;cursor:default}[data-theme=dark] .friend-search-submit{background:#1f6feb}.friend-search kbd{color:#aeb6bb;font-family:inherit;font-size:8px}.friend-results{min-height:95px;flex:1;overflow-y:auto;padding:0 10px 8px}.friend-result{display:flex;align-items:center;gap:11px;width:100%;min-height:62px;padding:8px 10px;border:0;border-radius:4px;background:transparent;text-align:left;cursor:pointer}.friend-result:hover{background:#f0f8fa}.friend-result:focus-visible{outline:3px solid #278eac;outline-offset:-2px;background:#f0f8fa}.friend-result .avatar{width:38px;height:38px;font-size:10px}.friend-result-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}.friend-result-copy strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.friend-result-copy span{color:#83939a;font-size:10px}.online-now{display:flex;align-items:center;gap:5px;color:#77ae8c;font-size:9px}.online-now:before{width:6px;height:6px;border-radius:50%;background:#62bf8c;content:""}.friend-search-empty{display:flex;align-items:center;flex-direction:column;padding:23px 18px 27px;text-align:center}.friend-search-empty .empty-icon{width:38px;height:38px}.friend-search-empty strong{margin-top:10px;font-size:12px}.friend-search-empty p{max-width:230px;margin:5px 0 0;color:#8e9aa2;font-size:10px;line-height:1.6}.friend-loading{padding:20px;color:#87969d;font-size:11px;text-align:center}.add-contact-button{min-width:58px;height:31px;padding:0 9px;border:1px solid #dce9ed;border-radius:4px;background:#fff;color:#397d93;cursor:pointer;font-size:10px;font-weight:700}.add-contact-button:hover:not(:disabled){border-color:#a8d9e6;background:#eef8fa}.add-contact-button:disabled{border-color:#edf1f2;background:#f7f9fa;color:#87959b;cursor:default}.add-contact-button.accept{border-color:#278eac;background:#278eac;color:#fff}.add-contact-button.accept:hover:not(:disabled){background:#1f7b96}.friend-requests{border-bottom:1px solid #f0f2f3;padding-bottom:8px}.friend-request{display:flex;align-items:center;gap:8px;padding:6px 16px}.friend-request .avatar{width:34px;height:34px;font-size:10px}.friend-requests .form-error{margin:4px 16px}.friend-modal-footer{padding:12px 20px;border-top:1px solid #edf1f2;color:#9aa4aa;font-size:9px;text-align:center}.conversation-error{margin:0 auto 10px;text-align:center}html[data-theme=dark]{color-scheme:dark;background:#000;color:#e6edf3;--ink: #e6edf3;--muted: #8b949e;--line: #1d242c}[data-theme=dark] body,[data-theme=dark] .welcome-screen{background:#000;background-image:none;color:#e6edf3}[data-theme=dark] .welcome-card,[data-theme=dark] .app-shell,[data-theme=dark] .sidebar,[data-theme=dark] .friend-modal{border-color:#1d242c;background:#0a0d10;box-shadow:none}[data-theme=dark] .conversation-panel{background:#000;background-image:none}[data-theme=dark] .chat-header,[data-theme=dark] .hint-chip{background:#0a0d10;border-color:#1d242c}[data-theme=dark] .sidebar-top,[data-theme=dark] .profile-strip,[data-theme=dark] .sidebar-footer,[data-theme=dark] .conversation-topbar,[data-theme=dark] .friend-requests,[data-theme=dark] .friend-modal-footer,[data-theme=dark] .delete-account{border-color:#1d242c}[data-theme=dark] .welcome-art,[data-theme=dark] .empty-chat-art,[data-theme=dark] .wordmark{color:#2d8cff}[data-theme=dark] .welcome-copy,[data-theme=dark] .empty-chat-copy,[data-theme=dark] .empty-people p,[data-theme=dark] .friend-search-empty p,[data-theme=dark] .delete-account p,[data-theme=dark] .auth-field,[data-theme=dark] .profile-copy span,[data-theme=dark] .chat-person>span,[data-theme=dark] .person-details>span,[data-theme=dark] .message-author,[data-theme=dark] .message-time,[data-theme=dark] .secure-note,[data-theme=dark] .privacy-note,[data-theme=dark] .friend-result-copy span{color:#8b949e}[data-theme=dark] .eyebrow,[data-theme=dark] .text-button{color:#58a6ff}[data-theme=dark] .name-form>input,[data-theme=dark] .tag-input,[data-theme=dark] .auth-field>input,[data-theme=dark] .auth-tag-input,[data-theme=dark] .delete-account input,[data-theme=dark] .composer,[data-theme=dark] .search-box,[data-theme=dark] .friend-search,[data-theme=dark] .scroll-down{border-color:#222b34;background:#0f141a;color:#e6edf3}[data-theme=dark] .auth-field>input,[data-theme=dark] .auth-tag-input input,[data-theme=dark] .delete-account input{color:#e6edf3}[data-theme=dark] .auth-tabs{border-color:#222b34;background:#0f141a}[data-theme=dark] .auth-tabs button{color:#8b949e}[data-theme=dark] .auth-tabs button.active{background:#1a222b;color:#fff;box-shadow:none}[data-theme=dark] .primary-button,[data-theme=dark] .auth-submit,[data-theme=dark] .send-button,[data-theme=dark] .unread-count{background:#1f6feb;color:#fff}[data-theme=dark] .primary-button:hover,[data-theme=dark] .send-button:not(:disabled):hover{background:#388bfd}[data-theme=dark] .send-button:disabled{background:#1f6feb;opacity:.4}[data-theme=dark] .logout-back,[data-theme=dark] .add-contact-button{border-color:#222b34;background:#0f141a;color:#58a6ff}[data-theme=dark] .logout-back:hover,[data-theme=dark] .add-contact-button:hover:not(:disabled),[data-theme=dark] .icon-button:hover,[data-theme=dark] .logout-button:hover,[data-theme=dark] .person-row:hover,[data-theme=dark] .friend-result:hover,[data-theme=dark] .first-message button:hover{background:#151b22;color:#fff}[data-theme=dark] .add-contact-button:disabled{border-color:#1d242c;background:#0a0d10;color:#6e7781}[data-theme=dark] .add-contact-button.accept{border-color:#1f6feb;background:#1f6feb;color:#fff}[data-theme=dark] .icon-button{color:#9aa4ad}[data-theme=dark] .person-row.selected{background:#101c2e}[data-theme=dark] .avatar,[data-theme=dark] .my-avatar,[data-theme=dark] .active-avatar{background:#12263f;color:#8ec1ff}[data-theme=dark] .online-dot{border-color:#0a0d10}[data-theme=dark] .people-count,[data-theme=dark] .empty-icon,[data-theme=dark] .secure-spark,[data-theme=dark] .first-message-icon{border-color:#1d242c;background:#12263f;color:#58a6ff}[data-theme=dark] .bubble{border-color:#222b34;background:#151b22;color:#e6edf3;box-shadow:none}[data-theme=dark] .mine .bubble{border-color:#1f6feb;background:#1f6feb;color:#fff}[data-theme=dark] .mine .message-time svg{color:#58a6ff}[data-theme=dark] .day-divider:before,[data-theme=dark] .day-divider:after{background:#1d242c}[data-theme=dark] .message-input,[data-theme=dark] .search-box input,[data-theme=dark] .friend-search input,[data-theme=dark] .tag-input input{color:#e6edf3}[data-theme=dark] .modal-backdrop{background:#000000a6}[data-theme=dark] .delete-account h2{color:#ff7b72}[data-theme=dark] .floating-plus{background:#1f6feb;box-shadow:0 8px 22px #1f6feb73}[data-theme=dark] .theme-toggle{border-color:#222b34;background:#0f141a;color:#58a6ff}[data-theme=dark] .theme-toggle:hover{background:#151b22}.balance-chip{padding:5px 9px;border-radius:999px;background:#e8f6fa;color:#0f7fa3;font-size:11px;font-weight:800;white-space:nowrap}.pay-button{min-width:64px;height:34px;padding:0 16px;border:0;border-radius:999px;background:var(--ink);color:#fff;cursor:pointer;font-size:12px;font-weight:800}.pay-button:hover{opacity:.85}.payment-card{display:flex;flex-direction:column;gap:3px;min-width:190px;padding:14px 18px;border-radius:14px;background:linear-gradient(160deg,#bfe8f8,#dff4fc);color:#0c1521}.payment-card strong{font-size:26px;letter-spacing:-.5px}.payment-label,.payment-note{font-size:11px;font-weight:700;opacity:.75}.pay-screen{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#cfeefb,#dff4fc);animation:fade-in .2s both}.pay-body{position:relative;display:flex;align-items:center;flex-direction:column;width:min(100%,420px);height:min(100%,760px);padding:56px 28px 28px;justify-content:center;text-align:center}.pay-body h2{margin:0 0 22px;font-size:18px;color:#0c1521}.pay-close{position:absolute;top:16px;left:16px;color:#0c1521}.pay-amount{display:flex;align-items:baseline;justify-content:center;gap:4px;color:#0c1521;font-size:56px;font-weight:800;letter-spacing:-2px}.pay-amount input{min-width:0;max-width:8ch;border:0;outline:none;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-align:center}.pay-note{width:100%;max-width:280px;margin-top:14px;padding:12px 16px;border:0;border-radius:999px;outline:none;background:#ffffffbf;color:#0c1521;font-size:14px;text-align:center}.pay-balance{margin:12px 0 0;color:#4d6a77;font-size:11px}.swipe-zone{display:flex;align-items:center;flex-direction:column;justify-content:center;width:100%;margin-top:28px}.swipe-track{position:relative;display:flex;align-items:flex-end;justify-content:center;width:78px;border-radius:999px;background:#ffffff73;touch-action:none}.swipe-knob{display:grid;width:70px;height:70px;margin-bottom:4px;place-items:center;border:0;border-radius:50%;background:#fff;color:#0c1521;box-shadow:0 8px 22px #0f3c5038;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.swipe-knob:active{cursor:grabbing}.swipe-knob.settling{transition:transform .25s ease}.swipe-label{margin-top:12px;color:#0c1521;font-size:13px;font-weight:700}.swipe-zone{align-items:center}.pay-done{justify-content:center}.pay-check{display:grid;width:96px;height:96px;margin-bottom:20px;place-items:center;border-radius:50%;background:#fff;color:#0f7fa3}.pay-amount-final{color:#0c1521;font-size:44px;letter-spacing:-1.5px}.pay-done p{margin:10px 0 28px;color:#4d6a77;font-size:13px}.pay-secondary{min-width:160px;padding:12px 24px;border:2px solid #0c1521;border-radius:999px;background:transparent;color:#0c1521;cursor:pointer;font-size:14px;font-weight:800}[data-theme=dark] .balance-chip{background:#12263f;color:#58a6ff}[data-theme=dark] .pay-button{background:#1f6feb}[data-theme=dark] .payment-card{background:linear-gradient(160deg,#123a66,#0d2744);color:#e6edf3}[data-theme=dark] .pay-screen{background:#000}[data-theme=dark] .pay-body h2,[data-theme=dark] .pay-close,[data-theme=dark] .pay-amount,[data-theme=dark] .swipe-label,[data-theme=dark] .pay-amount-final{color:#e6edf3}[data-theme=dark] .pay-note{background:#151b22;color:#e6edf3}[data-theme=dark] .pay-balance,[data-theme=dark] .pay-done p{color:#8b949e}[data-theme=dark] .swipe-track{background:#151b22}[data-theme=dark] .swipe-knob{background:#1f6feb;color:#fff;box-shadow:0 8px 22px #1f6feb66}[data-theme=dark] .pay-check{background:#12263f;color:#58a6ff}[data-theme=dark] .pay-secondary{border-color:#58a6ff;color:#58a6ff}[data-theme=emerald] .friend-search-submit{background:#059669}html[data-theme=emerald]{color-scheme:dark;background:#000;color:#e6edf3;--ink: #e6edf3;--muted: #8b949e;--line: #1d242c}[data-theme=emerald] body,[data-theme=emerald] .welcome-screen{background:#000;background-image:none;color:#e6edf3}[data-theme=emerald] .welcome-card,[data-theme=emerald] .app-shell,[data-theme=emerald] .sidebar,[data-theme=emerald] .friend-modal{border-color:#1d242c;background:#0a0d10;box-shadow:none}[data-theme=emerald] .conversation-panel{background:#000;background-image:none}[data-theme=emerald] .chat-header,[data-theme=emerald] .hint-chip{background:#0a0d10;border-color:#1d242c}[data-theme=emerald] .sidebar-top,[data-theme=emerald] .profile-strip,[data-theme=emerald] .sidebar-footer,[data-theme=emerald] .conversation-topbar,[data-theme=emerald] .friend-requests,[data-theme=emerald] .friend-modal-footer,[data-theme=emerald] .delete-account{border-color:#1d242c}[data-theme=emerald] .welcome-art,[data-theme=emerald] .empty-chat-art,[data-theme=emerald] .wordmark{color:#10b981}[data-theme=emerald] .welcome-copy,[data-theme=emerald] .empty-chat-copy,[data-theme=emerald] .empty-people p,[data-theme=emerald] .friend-search-empty p,[data-theme=emerald] .delete-account p,[data-theme=emerald] .auth-field,[data-theme=emerald] .profile-copy span,[data-theme=emerald] .chat-person>span,[data-theme=emerald] .person-details>span,[data-theme=emerald] .message-author,[data-theme=emerald] .message-time,[data-theme=emerald] .secure-note,[data-theme=emerald] .privacy-note,[data-theme=emerald] .friend-result-copy span{color:#8b949e}[data-theme=emerald] .eyebrow,[data-theme=emerald] .text-button{color:#34d399}[data-theme=emerald] .name-form>input,[data-theme=emerald] .tag-input,[data-theme=emerald] .auth-field>input,[data-theme=emerald] .auth-tag-input,[data-theme=emerald] .delete-account input,[data-theme=emerald] .composer,[data-theme=emerald] .search-box,[data-theme=emerald] .friend-search,[data-theme=emerald] .scroll-down{border-color:#222b34;background:#0f141a;color:#e6edf3}[data-theme=emerald] .auth-field>input,[data-theme=emerald] .auth-tag-input input,[data-theme=emerald] .delete-account input{color:#e6edf3}[data-theme=emerald] .auth-tabs{border-color:#222b34;background:#0f141a}[data-theme=emerald] .auth-tabs button{color:#8b949e}[data-theme=emerald] .auth-tabs button.active{background:#1a222b;color:#fff;box-shadow:none}[data-theme=emerald] .primary-button,[data-theme=emerald] .auth-submit,[data-theme=emerald] .send-button,[data-theme=emerald] .unread-count{background:#059669;color:#fff}[data-theme=emerald] .primary-button:hover,[data-theme=emerald] .send-button:not(:disabled):hover{background:#10b981}[data-theme=emerald] .send-button:disabled{background:#059669;opacity:.4}[data-theme=emerald] .logout-back,[data-theme=emerald] .add-contact-button{border-color:#222b34;background:#0f141a;color:#34d399}[data-theme=emerald] .logout-back:hover,[data-theme=emerald] .add-contact-button:hover:not(:disabled),[data-theme=emerald] .icon-button:hover,[data-theme=emerald] .logout-button:hover,[data-theme=emerald] .person-row:hover,[data-theme=emerald] .friend-result:hover,[data-theme=emerald] .first-message button:hover{background:#151b22;color:#fff}[data-theme=emerald] .add-contact-button:disabled{border-color:#1d242c;background:#0a0d10;color:#6e7781}[data-theme=emerald] .add-contact-button.accept{border-color:#059669;background:#059669;color:#fff}[data-theme=emerald] .icon-button{color:#9aa4ad}[data-theme=emerald] .person-row.selected{background:#0c2a20}[data-theme=emerald] .avatar,[data-theme=emerald] .my-avatar,[data-theme=emerald] .active-avatar{background:#0c2a20;color:#6ee7b7}[data-theme=emerald] .online-dot{border-color:#0a0d10}[data-theme=emerald] .people-count,[data-theme=emerald] .empty-icon,[data-theme=emerald] .secure-spark,[data-theme=emerald] .first-message-icon{border-color:#1d242c;background:#0c2a20;color:#34d399}[data-theme=emerald] .bubble{border-color:#222b34;background:#151b22;color:#e6edf3;box-shadow:none}[data-theme=emerald] .mine .bubble{border-color:#059669;background:#059669;color:#fff}[data-theme=emerald] .mine .message-time svg{color:#34d399}[data-theme=emerald] .day-divider:before,[data-theme=emerald] .day-divider:after{background:#1d242c}[data-theme=emerald] .message-input,[data-theme=emerald] .search-box input,[data-theme=emerald] .friend-search input,[data-theme=emerald] .tag-input input{color:#e6edf3}[data-theme=emerald] .modal-backdrop{background:#000000a6}[data-theme=emerald] .delete-account h2{color:#ff7b72}[data-theme=emerald] .floating-plus{background:#059669;box-shadow:0 8px 22px #10b98173}[data-theme=emerald] .theme-toggle{border-color:#222b34;background:#0f141a;color:#34d399}[data-theme=emerald] .theme-toggle:hover{background:#151b22}[data-theme=emerald] .balance-chip{background:#0c2a20;color:#34d399}[data-theme=emerald] .pay-button{background:#059669}[data-theme=emerald] .payment-card{background:linear-gradient(160deg,#065f46,#053b2c);color:#e6edf3}[data-theme=emerald] .pay-screen{background:#000}[data-theme=emerald] .pay-body h2,[data-theme=emerald] .pay-close,[data-theme=emerald] .pay-amount,[data-theme=emerald] .swipe-label,[data-theme=emerald] .pay-amount-final{color:#e6edf3}[data-theme=emerald] .pay-note{background:#151b22;color:#e6edf3}[data-theme=emerald] .pay-balance,[data-theme=emerald] .pay-done p{color:#8b949e}[data-theme=emerald] .swipe-track{background:#151b22}[data-theme=emerald] .swipe-knob{background:#059669;color:#fff;box-shadow:0 8px 22px #10b98166}[data-theme=emerald] .pay-check{background:#0c2a20;color:#34d399}[data-theme=emerald] .pay-secondary{border-color:#34d399;color:#34d399}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes message-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-3px);opacity:1}}@media(min-width:1441px){.app-shell{zoom:1.15;height:calc(100vh / 1.15)}}@media(min-width:1900px){.app-shell{zoom:1.3;height:calc(100vh / 1.3)}}@media(min-width:2500px){.app-shell{zoom:1.6;height:62.5vh}}@media(min-width:3200px){.app-shell{zoom:2;height:50vh}}@media(min-width:3800px){.app-shell{zoom:2.4;height:calc(100vh / 2.4)}}@media(max-width:760px){.app-shell{grid-template-columns:270px minmax(0,1fr)}.sidebar-top,.conversation-topbar,.chat-header,.messages-area{padding-right:20px;padding-left:20px}.composer-wrap{width:calc(100% - 40px)}}@media(max-width:580px){body{min-width:0}.welcome-card.auth-card{min-height:0;padding:28px 22px 24px}.composer-bottom>span{display:none}.send-button{width:46px;height:46px}input,textarea{font-size:16px!important}.friend-search-submit{height:36px}.welcome-screen{padding:14px}.welcome-card{min-height:0;padding:26px 24px 24px}.welcome-art{height:155px}.welcome-art .up-mark{width:min(100%,205px)}.auth-card .welcome-art{height:120px;font-size:108px}.friend-modal{max-height:calc(100dvh - 28px)}.friend-modal-header{padding:17px 17px 13px}.friend-search{margin-right:14px;margin-left:14px}.app-shell{display:block;min-height:100dvh;height:100dvh}.sidebar,.conversation-panel{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition:transform .28s ease}.sidebar{transform:translate(0)}.conversation-panel{transform:translate(100%)}.app-shell.show-chat .sidebar{transform:translate(-100%)}.app-shell.show-chat .conversation-panel{transform:translate(0)}.sidebar-top{height:70px}.conversation-topbar{height:61px}.empty-chat{padding-bottom:65px}.empty-chat-art{height:135px;width:185px}.chat-header{min-height:69px;padding-right:14px;padding-left:10px}.mobile-back{display:inline-grid;margin-right:2px}.active-avatar{width:37px;height:37px}.messages-area{padding:18px 12px}.message-stack{gap:12px}.message-line{max-width:100%}.message-line.theirs .message-content{max-width:calc(100% - 33px)}.bubble{padding:10px 12px;font-size:14px}.composer-wrap{width:calc(100% - 26px);margin-bottom:12px}.composer-footnote{display:none}.direct-label{font-size:7px}.scroll-down{display:grid;right:13px;bottom:108px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}