@font-face{font-family:Manrope;src:url(/chat/Manrope-Variable.ttf)format("truetype");font-weight:200 800;font-style:normal;font-display:swap}:root{color:#1a211d;font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--field:#dce7dc;--paper:#f5f2ea;--surface:#fffdf8;--ink:#1a211d;--muted:#667169;--soft:#8a948d;--meta:#5f6c64;--line:#d8ded7;--line-strong:#c9d2ca;--rail:#17231d;--green:#2f6d53;--green-soft:#e1eee7;--green-pale:#edf5ef;--coral:#d85a50;--coral-soft:#f5dad5;--warm:#eee8dc;--danger:#a63846;--shadow:none;background:#dce7dc;font-family:Manrope,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer;border:0}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,[data-modal-panel]:focus-visible{outline:3px solid var(--ink);outline-offset:3px}img,svg{display:block}.ui-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-stage{background:var(--surface);justify-content:stretch;align-items:stretch;width:100%;height:100%;padding:0;display:flex}.app-shell{background:var(--surface);width:100%;max-width:none;height:100%;box-shadow:var(--shadow);border:0;border-radius:0;overflow:hidden}.messenger-shell{grid-template-columns:88px 364px minmax(0,1fr) 332px;display:grid}.appearance-shell{grid-template-columns:96px 272px minmax(0,1fr);display:grid}.rail{background:var(--rail);color:#f8fbf8;flex-direction:column;align-items:center;gap:12px;min-width:0;padding:24px 14px 18px;display:flex}.rail-mark{background:#fffdf9;border:2px solid #fff3;border-radius:17px;flex:0 0 50px;place-items:center;width:50px;height:50px;display:grid;overflow:hidden;box-shadow:0 8px 20px #0000002e}.rail-mark img{object-fit:contain;width:37px;height:31px}.rail-nav{flex-direction:column;align-items:center;gap:9px;width:100%;margin-top:19px;display:flex}.rail-item{color:#aeb8b1;background:0 0;border-radius:16px;flex:none;justify-content:center;align-items:center;width:48px;min-height:48px;padding:0;display:flex}.rail-item .ui-icon{width:21px;height:21px}.rail-item small{display:none}.rail-item:hover:not(:disabled):not(.active){color:#f7faf7;background:#252b28}.rail-item.active{color:#20392d;background:#f7faf7;box-shadow:0 8px 20px #00000029}.rail-item:disabled{opacity:.42}.rail-static{cursor:default}.rail-spacer{flex:1}.profile{color:#172019;background:linear-gradient(145deg,#71877a,#d9c9bc);border:2px solid #ffffffe0;border-radius:16px;flex:none;place-items:center;width:45px;height:45px;font-size:12px;font-weight:800;display:grid}.chat-list{border-right:1px solid var(--line);background:var(--paper);flex-direction:column;min-width:0;padding:27px 28px 20px;display:flex;overflow:hidden}.list-header{flex:none}.sidebar-brand{justify-content:space-between;align-items:center;height:48px;margin:0;display:flex}.sidebar-brand img{width:132px;height:auto}.list-heading{justify-content:space-between;align-items:center;margin:27px 0 20px;display:flex}.list-heading h1{color:var(--ink);letter-spacing:-.04em;align-items:center;gap:8px;margin:0;font-size:38px;font-weight:700;line-height:44px;display:flex}.list-heading h1 em{background:var(--green-soft);height:30px;color:var(--green);letter-spacing:0;white-space:nowrap;border-radius:999px;align-items:center;padding:0 10px;font-size:13px;font-style:normal;font-weight:750;line-height:18px;display:inline-flex}.compose-new{width:40px;height:40px;color:var(--ink);box-shadow:none;background:0 0;border-radius:13px;flex:0 0 40px;place-items:center;display:grid}.search{width:100%;height:48px;color:var(--muted);background:#fff;border:1px solid #e3e5df;border-radius:16px;align-items:center;gap:10px;margin-bottom:22px;padding:0 14px;display:flex}.search .ui-icon{flex:0 0 19px;width:19px;height:19px}.search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:13px}.search input::placeholder{color:var(--meta);opacity:1}.section-label{color:var(--meta);letter-spacing:.14em;text-transform:uppercase;margin:19px 0 6px;font-size:10px;font-weight:750;line-height:14px}.room-list{scrollbar-width:thin;flex-direction:column;flex:1;gap:2px;min-height:0;display:flex;overflow:auto}.room-row{text-align:left;background:0 0;border:1px solid #0000;border-radius:18px;grid-template-columns:48px minmax(0,1fr) 36px;align-items:center;gap:12px;width:100%;height:74px;min-height:74px;padding:0 10px;display:grid}.room-row:hover{background:#ffffff94}.room-row.selected{background:var(--green-soft);box-shadow:inset 4px 0 0 var(--ink);border-color:#0000}.avatar-fallback{color:#20372c;letter-spacing:-.03em;background:linear-gradient(145deg,#90a899,#d8c9bd);place-items:center;font-weight:800;display:grid;overflow:hidden;box-shadow:0 2px 7px #16241c1a}.avatar-photo{background:#d7ded8;padding:0}.avatar-photo>img{object-fit:cover;filter:saturate(.72)contrast(.98);width:100%;min-width:0;height:100%}.avatar-mosaic{grid-template-columns:repeat(3,1fr);display:grid}.avatar-mosaic>img{min-width:0}.room-avatar{border-radius:17px;width:48px;height:48px;font-size:12px}.room-copy{align-self:center;gap:3px;min-width:0;display:grid}.room-copy strong,.room-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-copy strong{color:var(--ink);letter-spacing:-.01em;font-size:15px;font-weight:700;line-height:20px}.room-copy small{color:var(--muted);font-size:12.5px;line-height:17px}.room-row.selected .room-copy small{color:#526d5f}.room-meta{font-variant-numeric:tabular-nums;flex-direction:column;justify-content:flex-start;align-items:flex-end;gap:8px;width:36px;height:49px;display:flex}.room-meta time{min-height:13px;color:var(--meta);white-space:nowrap;margin-top:2px;font-size:9.5px;line-height:13px}.unread{background:var(--green);color:#fff;text-align:center;border-radius:11px;min-width:24px;max-width:34px;height:22px;padding:0 7px;font-size:10px;font-weight:750;line-height:22px}.empty-list{color:var(--muted);margin:16px 4px;font-size:13px}.conversation{background:var(--surface);grid-template-rows:84px minmax(0,1fr) 73px;min-width:0;display:grid;position:relative;overflow:hidden}.conversation:before{content:"";pointer-events:none;opacity:.54;background-color:#f9f8f3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='180' viewBox='0 0 320 180'%3E%3Cg fill='none' stroke='%23afc3b5' stroke-opacity='.24' stroke-width='1.2'%3E%3Cpath d='M-20 41c41-28 64 24 105 1s64-10 94 6 72 10 113-20 66 9 73 27'/%3E%3Cpath d='M-28 86c42-25 69 21 108 2s61-9 93 8 76 8 113-18 62 1 78 23'/%3E%3Cpath d='M-18 133c34-21 67 19 106-1s66-9 99 7 70 4 110-21 54 0 72 18'/%3E%3C/g%3E%3C/svg%3E");background-size:320px 180px;position:absolute;inset:84px 0 73px}.conversation-header{z-index:1;border-bottom:1px solid var(--line);background:#fffdf8f5;align-items:center;gap:13px;min-width:0;padding:0 28px;display:flex}.room-head-avatar{border-radius:14px;flex:0 0 40px;width:40px;height:40px;font-size:11px}.room-head-copy{min-width:0}.room-head-copy h2{color:var(--ink);letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:22px;font-weight:720;line-height:28px;overflow:hidden}.room-head-copy small{color:var(--muted);margin-top:1px;font-size:12px;line-height:16px;display:block}.conversation-participants{justify-content:flex-end;align-items:center;margin-left:auto;padding-left:12px;display:flex}.header-participant-avatar{border:3px solid var(--surface);border-radius:12px;flex:0 0 34px;width:34px;height:34px;margin-left:-9px;font-size:8px;box-shadow:0 4px 11px #1d2f251a}.header-participant-avatar:first-child{margin-left:0}.conversation-actions{gap:8px;margin-left:10px;display:flex}.conversation-actions button{border:1px solid var(--line);width:42px;height:42px;color:var(--green);background:#fff;border-radius:14px;place-items:center;display:grid}.messages{z-index:1;scrollbar-width:thin;min-height:0;overflow:auto}.message-flow{flex-direction:column;justify-content:flex-start;gap:14px;min-height:100%;padding:25px 42px 28px;display:flex}.day-chip{justify-content:center;margin-bottom:1px;display:flex}.day-chip span{color:var(--meta);background:#edf2ee;border:0;border-radius:999px;padding:6px 13px;font-size:12px;font-weight:600;line-height:16px}.message-row{grid-template-columns:38px minmax(0,1fr);align-items:start;gap:12px;max-width:620px;display:grid}.message-row.own{justify-content:flex-end;align-self:flex-end;max-width:520px;display:flex}.msg-avatar{border-radius:13px;width:38px;height:38px;font-size:10px}.message-stack{flex-direction:column;align-items:flex-start;gap:5px;min-width:0;display:flex}.own .message-stack{align-items:flex-end}.bubble{background:#fff;border:1px solid #dfe5df;border-radius:6px 19px 19px;max-width:568px;padding:11px 15px;box-shadow:0 6px 16px #1d2f250e}.own .bubble{background:var(--green);color:#fff;border:0;border-radius:18px 6px 18px 18px;max-width:500px}.bubble.is-deleted{color:var(--muted);font-style:italic}.message-meta{align-items:center;gap:9px;margin:0 0 2px;padding-left:1px;display:flex}.sender{color:var(--green);font-size:12px;font-weight:760;line-height:16px}.message-meta time{color:var(--meta);font-variant-numeric:tabular-nums;font-size:10px;line-height:14px}.bubble p{color:var(--ink);letter-spacing:0;overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:16px;line-height:23px}.own .bubble p,.own .message-time{color:#fff}.message-time{float:right;color:var(--meta);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:9px;font-size:9px;line-height:11px;position:relative;top:4px}.bubble footer{min-height:11px;color:var(--meta);font-variant-numeric:tabular-nums;text-align:right;margin-top:3px;font-size:9px;line-height:11px}.attachment-card{background:var(--green-pale);width:100%;min-height:44px;color:var(--green);text-align:left;border-radius:12px;align-items:center;gap:9px;margin-top:8px;padding:8px 10px;display:flex}.attachment-card .ui-icon{flex:0 0 20px}.attachment-card span{gap:2px;min-width:0;display:grid}.attachment-card strong{max-width:260px;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.attachment-card small{color:var(--meta);font-size:10px}.media-card{background:#fff;border:1px solid #dfe5df;border-radius:25px 25px 25px 7px;width:min(552px,100%);padding:12px;overflow:visible;box-shadow:0 16px 38px #1d2f251f}.media-collage{background:#dfe6df;border-radius:15px;grid-template-rows:1fr 1fr;grid-template-columns:1.45fr 1fr;gap:8px;height:248px;display:grid;overflow:hidden}.media-collage.count-1{grid-template-rows:1fr;grid-template-columns:1fr}.media-collage.count-2{grid-template-rows:1fr;grid-template-columns:1fr 1fr}.media-collage.count-4{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.media-tile{background:#cfdbd2;min-width:0;min-height:0;padding:0;display:block;position:relative;overflow:hidden}.media-collage.count-3 .media-tile.lead{grid-row:span 2}.media-tile img{z-index:1;object-fit:cover;filter:saturate(.78)contrast(.97);width:100%;height:100%;position:relative}.media-tile img:not([src]){display:none}.media-placeholder{color:#60736a;place-items:center;display:grid;position:absolute;inset:0}.media-placeholder .ui-icon{width:28px;height:28px}.media-tile img[src]+.media-placeholder,.drawer-gallery img[src]+.media-placeholder{display:none}.media-caption{min-height:70px;color:var(--ink);align-items:center;gap:12px;padding:10px 5px 0;display:flex}.media-copy{gap:3px;min-width:0;margin-right:auto;display:grid}.media-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:720;line-height:20px;overflow:hidden}.media-copy small{color:var(--muted);font-size:12px;line-height:16px}.media-open{background:var(--ink);color:#fff;border-radius:13px;height:42px;padding:0 17px;font-size:13px;font-weight:700}.media-caption time{color:var(--meta);white-space:nowrap;font-size:10px}.reactions{gap:5px;margin-top:-1px;display:flex}.media-reactions{position:relative}.media-reactions>.reactions{margin:0;position:absolute;bottom:-13px;right:13px}.reaction{border:1px solid var(--line);height:26px;color:var(--ink);background:#fff;border-radius:13px;padding:0 8px;font-size:10px;font-weight:650;line-height:24px;box-shadow:0 5px 12px #1f2b2317}.reaction.mine{background:var(--green-pale);border-color:#b9d0c2}.conversation-empty,.empty-conversation{height:100%;color:var(--muted);text-align:center;align-content:center;place-items:center;display:grid}.conversation-empty{gap:4px}.conversation-empty strong,.empty-conversation h2{color:var(--ink)}.conversation-empty span,.empty-conversation p{font-size:13px}.brand-wordmark{height:auto;display:block}.empty-conversation h2{margin:0 0 5px}.empty-conversation p{margin:0}.composer{z-index:1;border:1px solid var(--line);background:#fff;border-radius:18px;align-items:center;gap:7px;height:56px;margin:0 24px 17px;padding:0 7px 0 12px;display:flex;box-shadow:0 9px 24px #1f2b2312}.composer textarea{resize:none;min-width:0;min-height:46px;max-height:58px;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:13px 8px 10px;font-size:13px;line-height:20px}.composer textarea::placeholder{color:var(--meta);opacity:1}.composer-button{color:#647168;background:0 0;border-radius:14px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.composer-button:disabled{opacity:.62}.send{background:var(--green-soft);width:42px;height:42px;color:var(--green);box-shadow:none;border-radius:14px;flex:0 0 42px;place-items:center;display:grid}.send[aria-disabled=true]{cursor:wait;opacity:.62;box-shadow:none}.context-panel{border-left:1px solid var(--line);background:var(--paper);scrollbar-width:thin;min-width:0;padding:24px 24px 20px;overflow:auto}.context-top{height:36px;color:var(--meta);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:0;font-size:10px;font-weight:750;display:flex}.context-status{border:1px solid var(--line);color:#647069;background:#fff;border-radius:12px;place-items:center;width:34px;height:34px;display:grid}.context-status .ui-icon{width:17px;height:17px}.context-close{border:1px solid var(--line);width:36px;height:36px;color:var(--ink);background:#fff;border-radius:12px;place-items:center;display:grid}.context-close .ui-icon{width:17px;height:17px}.context-profile{text-align:center;flex-direction:column;align-items:center;display:flex}.context-avatar{border-radius:30px;width:96px;height:96px;font-size:20px;box-shadow:0 12px 30px #1d2f2521}.context-profile h2{color:var(--ink);letter-spacing:-.025em;margin:14px 0 0;font-size:22px;font-weight:730;line-height:28px}.context-profile p{color:var(--muted);margin:5px 0 0;font-size:12px}.context-actions{grid-template-columns:1fr 1fr;gap:8px;margin:17px 0 19px;display:grid}.context-actions button{border:1px solid var(--line);color:#33463b;background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:7px;min-width:0;height:42px;font-size:11px;font-weight:650;display:flex}.context-actions .ui-icon{width:17px;height:17px;color:var(--green)}.context-tabs{border-bottom:1px solid var(--line);align-items:flex-end;gap:14px;height:47px;margin-top:25px;display:flex}.context-tabs span{height:46px;color:var(--muted);align-items:center;font-size:13px;font-weight:650;display:flex;position:relative}.context-tabs span.active{color:var(--ink)}.context-tabs span.active:after{content:"";background:var(--green);border-radius:3px;height:3px;position:absolute;bottom:-1px;left:0;right:0}.context-members{margin-bottom:12px}.context-member{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:61px;display:flex}.context-member-avatar{border-radius:13px;flex:0 0 38px;width:38px;height:38px;font-size:9px}.context-member>span{gap:2px;min-width:0;display:grid}.context-member strong,.context-member small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.context-member strong{color:var(--ink);font-size:13px}.context-member small{color:var(--muted);font-size:11px}.context-facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:18px 0 0;padding:7px 0}.context-facts div{color:#39463f;align-items:center;gap:10px;height:42px;font-size:11.5px;display:flex}.context-facts dt{align-items:center;gap:10px;display:flex}.context-facts dt .ui-icon{color:#78857d;width:17px;height:17px}.context-facts dd{color:var(--meta);margin-left:auto;font-size:10px}.context-facts .context-fact-disabled{color:var(--muted)}.media-head{justify-content:space-between;align-items:center;margin:12px 0 8px;display:flex}.media-head strong{color:var(--ink);font-size:14px}.media-head span{color:var(--green);font-size:12px;font-weight:700}.drawer-gallery{grid-template-columns:1.3fr 1fr 1fr;gap:7px;height:112px;display:grid;overflow:hidden}.drawer-gallery button{background:#dce5dd;border-radius:12px;min-width:0;padding:0;position:relative;overflow:hidden}.drawer-gallery img{z-index:1;object-fit:cover;filter:saturate(.74);width:100%;height:100%;position:relative}.drawer-gallery img:not([src]){display:none}.drawer-gallery .media-placeholder{border-radius:inherit}.drawer-gallery .media-placeholder .ui-icon{width:20px;height:20px}.media-failed .media-placeholder{color:#8b625f}.context-no-media{color:var(--muted);margin:12px 0;font-size:11px;line-height:16px}.context-empty{color:var(--muted);text-align:center;align-content:center;place-items:center;gap:10px;display:grid}.context-empty>span{border:1px solid var(--line);width:44px;height:44px;color:var(--green);background:#fff;border-radius:15px;place-items:center;display:grid}.context-empty p{max-width:210px;margin:0;font-size:12px;line-height:18px}.context-drawer-backdrop{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#111b1647;justify-content:flex-end;display:flex;position:fixed;inset:0}.context-panel.context-drawer{border-left:1px solid var(--line);flex:none;width:min(332px,100%);height:100%;animation:.18s ease-out context-drawer-in;display:block;box-shadow:-18px 0 50px #18271f2e}.context-panel.context-drawer:focus-visible{outline:3px solid var(--green);outline-offset:-3px}@keyframes context-drawer-in{0%{opacity:.4;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.settings-nav{border-right:1px solid var(--line);background:var(--paper);flex-direction:column;min-width:0;padding:28px 20px;display:flex;overflow:auto}.settings-nav h1{color:var(--ink);letter-spacing:-.035em;margin:0 3px 20px;font-size:27px;font-weight:730;line-height:33px}.settings-label{color:var(--meta);letter-spacing:.14em;text-transform:uppercase;margin:0 8px 9px;font-size:10px;font-weight:750}.settings-item{color:#536159;border-radius:16px;align-items:center;gap:11px;height:50px;padding:0 13px;font-size:13px;display:flex}.settings-item .ui-icon{width:19px;height:19px}.settings-item.active{color:var(--green);background:#fff;border:1px solid #d9dfd9;font-weight:700;box-shadow:0 6px 18px #1f2b230b}.settings-item[aria-disabled=true]{opacity:.78}.settings-account{border-top:1px solid var(--line);grid-template-columns:42px minmax(0,1fr) 44px;align-items:center;gap:9px;margin-top:auto;padding-top:17px;display:grid}.settings-account-avatar{color:#172019;background:linear-gradient(145deg,#71877a,#d9c9bc);border-radius:14px;place-items:center;width:42px;height:42px;font-size:11px;font-weight:800;display:grid}.settings-account-copy{gap:2px;min-width:0;display:grid}.settings-account-copy>strong,.settings-account-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-account-copy>strong{color:var(--ink);font-size:12px}.settings-account-copy small{color:var(--muted);font-size:9.5px}.settings-account-copy small strong{color:inherit;font-size:inherit}.settings-logout{border:1px solid var(--line);color:#7d3944;background:#fff;border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.settings-logout .ui-icon{width:18px;height:18px}.appearance-main{background:#fbfaf5;min-width:0;padding:34px 32px;position:relative;overflow:hidden}.appearance-main:before{content:"";pointer-events:none;opacity:.75;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='210' viewBox='0 0 420 210'%3E%3Cg fill='none' stroke='%23afc3b5' stroke-opacity='.22' stroke-width='1.2'%3E%3Cpath d='M-30 44c70-44 99 30 164-2s91-19 139 8 101 7 172-31'/%3E%3Cpath d='M-26 111c62-40 98 27 164-3s97-15 143 10 93 3 165-24'/%3E%3Cpath d='M-33 177c61-34 104 20 166-4s90-11 143 9 103 5 177-25'/%3E%3C/g%3E%3C/svg%3E");background-size:420px 210px;position:absolute;inset:0}.appearance-content{z-index:1;grid-template-rows:auto minmax(0,1fr);gap:25px;height:100%;display:grid;position:relative}.appearance-head{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.appearance-kicker{color:var(--green);letter-spacing:.16em;text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:800;line-height:14px}.appearance-head h2{color:var(--ink);letter-spacing:-.04em;margin:0;font-size:32px;font-weight:720;line-height:38px}.appearance-head p{max-width:590px;color:var(--muted);margin:5px 0 0;font-size:12px;line-height:18px}.active-chip{background:var(--rail);color:#fff;white-space:nowrap;border-radius:17px;flex:none;align-items:center;gap:7px;height:34px;padding:0 14px;font-size:10px;font-weight:750;display:flex}.active-chip .ui-icon{width:15px;height:15px}.preset-layout{grid-template-columns:minmax(0,2.25fr) minmax(260px,1fr);gap:24px;min-height:0;display:grid}.base-card{background:#fff;border:1px solid #cfd8d0;border-radius:27px;grid-template-rows:minmax(0,1fr) auto;min-height:0;padding:22px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 50px #21382a17}.base-card:after{content:"";pointer-events:none;border:2px solid var(--green);border-radius:27px;position:absolute;inset:0}.base-preview{background:#f4f2ec;border:1px solid #dfe4df;border-radius:19px;grid-template-columns:58px 162px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.mini-rail{background:var(--rail);flex-direction:column;align-items:center;gap:8px;padding:58px 9px 13px;display:flex}.mini-nav-dot{background:#303733;border-radius:9px;width:27px;height:27px}.mini-nav-dot.on{background:#fff}.mini-list{border-right:1px solid var(--line);background:var(--paper);padding:15px 11px}.mini-list-logo{width:82px;height:auto;margin:0 0 15px}.mini-room{border-radius:12px;align-items:center;gap:8px;height:42px;margin-bottom:7px;padding:5px;display:flex}.mini-room.on{background:var(--green-soft)}.mini-room img{object-fit:cover;filter:saturate(.76);border-radius:10px;width:29px;height:29px}.mini-lines{flex:1}.mini-lines i{background:#819087;border-radius:4px;height:5px;margin-bottom:5px;display:block}.mini-lines i:last-child{background:#b5bdb7;width:72%;margin:0}.mini-chat{background:#faf9f5;padding:18px;position:relative;overflow:hidden}.mini-chat:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='100'%3E%3Cpath d='M-20 35c38-24 59 20 99 0s67 3 116-20M-20 76c38-22 65 18 100-1s67 2 118-14' fill='none' stroke='%23afc3b5' stroke-opacity='.3'/%3E%3C/svg%3E");position:absolute;inset:0}.mini-media{border:5px solid #fff;border-radius:15px;grid-template-rows:1fr 1fr;grid-template-columns:1.3fr .8fr;gap:3px;width:76%;height:56%;margin:12% auto 0;display:grid;position:relative;overflow:hidden;box-shadow:0 9px 22px #1e302521}.mini-media img{object-fit:cover;filter:saturate(.75);width:100%;min-width:0;height:100%;min-height:0}.mini-media img:first-child{grid-row:span 2}.mini-bubble{background:var(--green-soft);border-radius:10px;width:42%;height:10%;margin:12px 5% 0 auto;position:relative}.base-copy{justify-content:space-between;align-items:flex-end;gap:18px;padding:18px 4px 2px;display:flex}.base-copy h3{color:var(--ink);letter-spacing:-.03em;margin:0 0 4px;font-size:24px;line-height:29px}.base-copy p{color:var(--muted);margin:0;font-size:11px;line-height:16px}.selected-mark{background:var(--green);color:#fff;border-radius:14px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.future-column{flex-direction:column;min-height:0;display:flex}.future-head{justify-content:space-between;align-items:center;margin:4px 2px 12px;display:flex}.future-head strong{color:var(--ink);font-size:13px}.soon-chip{background:var(--warm);color:#59645d;border-radius:14px;align-items:center;gap:6px;height:27px;padding:0 10px;font-size:9px;font-weight:750;display:flex}.soon-chip .ui-icon{width:13px;height:13px}.future-card{background:#ffffffe6;border:1px solid #d7ddd7;border-radius:22px;flex:0 0 260px;grid-template-columns:108px minmax(0,1fr);align-items:center;gap:14px;min-height:0;padding:15px;display:grid;overflow:hidden}.future-card+.future-card{margin-top:14px}.future-preview{border-radius:15px;height:100%;max-height:135px;position:relative;overflow:hidden}.future-preview.dark{background:#34453e}.future-preview.dark:before,.future-preview.dark:after{content:"";background:#61736a;border-radius:8px;height:18px;position:absolute;left:17px;right:17px}.future-preview.dark:before{top:25px;box-shadow:0 28px #53655d,0 56px #718078}.future-preview.dark:after{background:#d9a49e;width:42px;bottom:13px;left:auto;right:12px}.future-preview.expressive{background:#eeeadf}.future-preview.expressive:before{content:"";background:#b9cfae;border-radius:24px 8px;width:74px;height:74px;position:absolute;top:14px;left:15px;transform:rotate(-8deg)}.future-preview.expressive:after{content:"";background:#f4d1cc;border:2px solid #223b30;border-radius:50%;width:58px;height:58px;position:absolute;bottom:8px;right:7px}.future-copy h3{color:var(--ink);letter-spacing:-.025em;margin:0 0 6px;font-size:17px;line-height:22px}.future-copy p{color:var(--muted);margin:0 0 11px;font-size:10.5px;line-height:15px}.lock-line{color:var(--meta);align-items:center;gap:6px;font-size:9.5px;font-weight:700;display:flex}.lock-line .ui-icon{width:14px;height:14px}.brand-wordmark-login{width:220px;margin:0 auto 8px}.login-page,.fatal{background:radial-gradient(circle at 12% 12%,#245c451f,transparent 32%),var(--field);place-items:center;height:100%;padding:24px;display:grid}.login-card{border:1px solid var(--line);background:var(--surface);width:min(430px,100%);box-shadow:var(--shadow);border-radius:24px;padding:36px}.login-card p{color:var(--muted);line-height:1.5}.login-card .subtitle{text-align:center;margin-top:0}.login-transition{width:220px;box-shadow:none;text-align:center;background:0 0;border:0;padding:20px}.login-progress{border:2px solid #245c452e;border-top-color:var(--green);border-radius:50%;width:24px;height:24px;margin:14px auto 0;animation:.7s linear infinite login-spin;display:block}@keyframes login-spin{to{transform:rotate(360deg)}}.primary-button,.danger{color:#fff;border-radius:13px;min-height:44px;padding:0 18px;font-weight:750}.primary-button{background:var(--green);width:100%;margin-top:16px}.danger{background:var(--danger)}.error{color:var(--danger)!important}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#171b196b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:20px;width:min(520px,100%);max-height:75vh;padding:20px;box-shadow:0 30px 80px #171b1947}.modal header{align-items:center;display:flex}.modal h2{margin:0}.modal header button{background:0 0;border-radius:12px;place-items:center;width:44px;height:44px;margin-left:auto;display:grid}.modal .search{margin-top:14px}.contacts-backdrop{padding:28px}.contacts-modal{background:var(--surface);border:1px solid #324c3f24;border-radius:24px;grid-template-columns:minmax(320px,38%) minmax(0,1fr);width:min(980px,100%);height:min(680px,100vh - 56px);display:grid;position:relative;overflow:hidden;box-shadow:0 30px 90px #171b1952}.contacts-sidebar{border-right:1px solid var(--line);background:#fffdf9;flex-direction:column;min-width:0;padding:24px 20px 18px;display:flex}.contacts-sidebar>header,.contact-invite-dialog>header{align-items:flex-start;gap:14px;display:flex}.contacts-sidebar>header>div,.contact-invite-dialog>header>div{min-width:0}.contacts-sidebar>header span,.contact-invite-dialog>header span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.contacts-sidebar>header h2,.contact-invite-dialog>header h3{margin:3px 0 0;font-size:28px;font-weight:520;line-height:1.15}.contact-invite-dialog>header h3 .brand-name{color:inherit;font-size:inherit;letter-spacing:normal;text-transform:none}.contacts-sidebar>header button,.contact-invite-dialog>header button{width:40px;height:40px;color:var(--muted);background:0 0;border-radius:12px;flex:0 0 40px;place-items:center;margin-left:auto;display:grid}.contacts-sidebar>header button:hover,.contact-invite-dialog>header button:hover{background:var(--green-pale);color:var(--ink)}.contacts-search{margin:18px 0 10px}.contacts-source{border-bottom:1px solid var(--line);padding:0 2px 12px}.contacts-import{background:var(--green-pale);width:100%;color:var(--green);text-align:left;border-radius:15px;align-items:center;gap:12px;padding:11px 10px;display:flex}.contacts-import:hover{background:var(--green-soft)}.contacts-import>.ui-icon{flex:0 0 21px;width:21px;height:21px}.contacts-import>span{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.contacts-import strong{font-size:13px;font-weight:750;line-height:17px}.contacts-import small{color:var(--muted);font-size:10px;font-weight:500;line-height:14px}.contacts-notice{background:var(--green-pale);color:var(--green);text-align:center;border-radius:12px;margin:10px 2px 0;padding:9px 11px;font-size:11px;line-height:15px}.contact-list{flex:1;min-height:0;max-height:none;margin:8px -4px 0;padding:0 4px 8px;overflow:auto}.contact-section-label{color:var(--muted);letter-spacing:.045em;text-transform:uppercase;margin:14px 7px 5px;font-size:10px;font-weight:700}.contact-section-label .brand-name{color:inherit;font-size:inherit;text-transform:none}.contact-section-label .brand-name strong,.brand-name strong{font-weight:700}.contact-list>button{width:100%;min-height:62px;color:var(--ink);text-align:left;background:0 0;border-radius:15px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:8px 9px;display:grid}.contact-list>button:hover{background:var(--green-pale)}.contact-avatar{border-radius:14px;flex:0 0 42px;width:42px;height:42px;font-size:11px}.contact-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.contact-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;line-height:17px;overflow:hidden}.contact-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:14px;overflow:hidden}.contact-state{color:var(--green);white-space:nowrap;font-size:10px;font-style:normal;font-weight:700}.contact-invite-row .contact-state{color:var(--coral)}.contact-empty{color:var(--muted);margin:8px 7px 16px;font-size:11px;line-height:16px}.contact-detail{background:radial-gradient(circle at 50% 42%,#245c4517,transparent 34%),var(--field);place-items:center;min-width:0;padding:44px;display:grid;position:relative}.contact-detail-inner{text-align:center;max-width:380px}.contact-detail-avatar{background:var(--green-soft);width:72px;height:72px;color:var(--green);border-radius:24px;place-items:center;margin:0 auto 20px;display:grid}.contact-detail-avatar .ui-icon{width:34px;height:34px}.contact-detail h3{margin:0 0 8px;font-size:25px;font-weight:520;line-height:31px}.contact-detail p{color:var(--muted);margin:0;font-size:13px;line-height:20px}.contacts-synced{min-width:230px;color:var(--green);text-align:center;background:#fffdf9e6;border:1px solid #245c4529;border-radius:999px;padding:9px 14px;font-size:10px;font-weight:700;position:absolute;bottom:28px;right:50%;transform:translate(50%)}.contact-invite-overlay{z-index:2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#171b1952;place-items:center;padding:28px;display:grid;position:absolute;inset:0}.contact-invite-dialog{background:#fffdf9;border:1px solid #324c3f24;border-radius:22px;width:min(520px,100%);padding:26px;position:relative;box-shadow:0 25px 70px #171b194d}.contact-invite-dialog>p{color:var(--muted);margin:13px 0 18px;font-size:12px;line-height:18px}.invite-person{background:var(--green-pale);border-radius:16px;align-items:center;gap:12px;margin:0 0 14px;padding:12px;display:flex}.invite-person>span{flex-direction:column;gap:3px;display:flex}.invite-person strong{font-size:14px;line-height:18px}.invite-person small{color:var(--muted);font-size:11px;line-height:14px}.invite-copy{border:1px solid var(--line);background:var(--field);max-height:120px;color:var(--ink);border-radius:14px;padding:13px 14px;font-size:11px;line-height:17px;overflow:auto}.invite-actions{gap:8px;margin-top:16px;display:grid}.invite-actions button{border:1px solid var(--line);min-height:44px;color:var(--ink);background:#fff;border-radius:13px;padding:0 16px;font-weight:700}.invite-actions .primary-button{border-color:var(--green);background:var(--green);color:#fff;margin:0}.invite-qr{z-index:3;text-align:center;background:#fffdf9;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;padding:26px;display:flex;position:absolute;inset:0}.invite-qr img{border-radius:18px;width:min(240px,70vw);height:auto;margin-bottom:13px}.invite-qr strong{font-size:17px}.invite-qr small{color:var(--muted);margin:5px 0 15px}.invite-qr button{background:var(--green-pale);min-height:42px;color:var(--green);border-radius:12px;padding:0 16px;font-weight:700}.avatar.large{background:var(--green-soft);width:72px;height:72px;color:var(--green);border-radius:24px;place-items:center;margin:auto;font-size:22px;font-weight:800;display:grid}.call-invite,.call-launcher{background:var(--surface);text-align:center;border-radius:24px;width:min(420px,100%);padding:34px;position:relative}.call-invite>div:last-child{gap:10px;display:flex}.call-invite .primary-button{flex:1;margin:0}.call-invite .danger{flex:1}.call-launcher .modal-close{width:38px;height:38px;color:var(--muted);border-radius:12px;place-items:center;display:grid;position:absolute;top:14px;right:14px}.call-launcher .modal-close:hover{color:var(--ink);background:#edf2ed}.call-launcher .avatar{margin:0 auto 16px}.call-launcher h2{margin:0 0 5px;font-size:26px}.call-launcher>p{color:var(--muted);margin:0 0 24px}.call-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.call-options .primary-button{flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:76px;margin:0;display:flex}.call-options .ui-icon{width:22px;height:22px}.connection-status{z-index:19;background:var(--rail);color:#fff;border:1px solid #ffffff2e;border-radius:14px;align-items:center;gap:8px;min-height:36px;padding:0 13px;font-size:10px;font-weight:700;display:flex;position:fixed;top:34px;right:44px;box-shadow:0 9px 28px #171b1933}.connection-status>span{background:#dbc27c;border-radius:50%;flex:0 0 8px;width:8px;height:8px}.connection-status.disconnected>span,.connection-status.unavailable>span{background:var(--coral)}.toast{z-index:30;background:var(--rail);color:#fff;border-radius:14px;align-items:center;gap:15px;max-width:420px;padding:14px 16px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 40px #00000040}.toast button{color:#fff;background:0 0;border-radius:12px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.busy{z-index:40;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.busy span{border:4px solid #fff;border-top-color:var(--green);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite spin;box-shadow:0 0 0 10px #ffffffb3}@keyframes spin{to{transform:rotate(360deg)}}.call-page{color:#fff;background:#171b19;grid-template-rows:70px minmax(0,1fr) 86px;height:100%;display:grid}.call-page header{background:#202622;align-items:center;padding:12px 20px;display:flex}.call-page header>div{gap:4px;display:grid}.call-page header span{color:#b8c2bb;font-size:12px}.call-page header .brand-name{color:#fff;font-size:16px;font-weight:400}.call-page header .danger{margin-left:auto}.media-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:10px;min-height:0;padding:10px;display:grid;overflow:auto}.media-grid video{object-fit:cover;background:#29312c;border-radius:18px;width:100%;height:100%;min-height:240px}.media-grid audio{width:100%}.participant-placeholder{color:#b8c2bb;background:#29312c;border-radius:18px;align-content:center;place-items:center;display:grid}.participant-placeholder-avatar{color:#dcebe2;background:#34453e;border-radius:24px;place-items:center;width:72px;height:72px;display:grid}.participant-placeholder-avatar svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:38px;height:38px}.call-page footer{background:#202622;justify-content:center;align-items:center;gap:12px;display:flex}.call-page footer button{color:#fff;background:#303a34;border:1px solid #4c5a52;border-radius:14px;min-height:46px;padding:0 18px}.call-page footer button.off{background:#7e3040}.fatal{text-align:center}.fatal h1{font-weight:400}.fatal a{color:var(--green)}@media (max-width:1450px){.app-stage{padding:0}.app-shell{border-radius:0;max-width:none}.messenger-shell{grid-template-columns:76px 320px minmax(0,1fr)}.context-panel{display:none}.appearance-shell{grid-template-columns:88px 240px minmax(0,1fr)}.rail{gap:9px;padding:14px 10px 13px}.rail-mark{border-radius:15px;flex-basis:46px;width:46px;height:46px}.rail-mark img{width:34px;height:28px}.rail-nav{margin-top:40px}.rail-item{border-radius:14px;width:44px;min-height:44px}.profile{border-radius:14px;width:42px;height:42px}.chat-list{padding:21px 22px 15px}.sidebar-brand{height:42px;margin-bottom:0}.sidebar-brand img{width:116px}.list-heading{margin:14px 0 10px}.list-heading h1{font-size:31px;line-height:37px}.list-heading h1 em{height:27px;font-size:12px}.compose-new{border-radius:13px;flex-basis:38px;width:38px;height:38px}.search{border-radius:14px;height:44px;margin-bottom:8px}.section-label{margin-bottom:5px}.room-list{gap:2px}.room-row{border-radius:17px;grid-template-columns:44px minmax(0,1fr) 36px;gap:9px;height:64px;min-height:64px;padding-left:7px;padding-right:5px}.room-avatar{border-radius:15px;width:44px;height:44px}.room-copy strong{font-size:13.5px;line-height:18px}.room-copy small{font-size:10.5px;line-height:14px}.room-meta{gap:6px;height:44px}.conversation{grid-template-rows:84px minmax(0,1fr) 73px}.conversation:before{inset:84px 0 73px}.conversation-header{padding:0 28px}.room-head-avatar{border-radius:14px;flex-basis:40px;width:40px;height:40px}.room-head-copy h2{font-size:20px;line-height:26px}.room-head-copy small{font-size:11px;line-height:15px}.conversation-actions button{border-radius:13px;width:38px;height:38px}.message-flow{gap:5px;padding:8px 54px 12px}.day-chip span{padding:4px 10px;font-size:10px}.message-row{grid-template-columns:34px minmax(0,1fr);gap:10px;max-width:600px}.message-row.own{max-width:500px}.msg-avatar{border-radius:11px;width:34px;height:34px}.message-stack{gap:3px}.bubble{border-radius:5px 16px 16px;max-width:540px;padding:8px 12px}.own .bubble{border-radius:16px 5px 16px 16px;max-width:470px}.sender{margin:0;font-size:10.5px;line-height:14px}.bubble p{font-size:16px;line-height:23px}.message-time{font-size:8.5px;top:3px}.media-card{border-radius:20px 20px 20px 6px;width:min(552px,100%);padding:8px}.media-collage{border-radius:12px;height:122px}.media-caption{min-height:68px;padding:6px 4px 0}.media-title{font-size:12px}.media-copy small{font-size:10px}.media-open{height:38px;padding-inline:14px;font-size:11px}.media-caption time{font-size:8.5px}.reaction{height:22px;font-size:8.5px;line-height:20px}.media-reactions>.reactions{bottom:-10px;right:10px}.composer{border-radius:18px;height:56px;margin:0 36px 10px;padding:0 7px 0 9px}.composer-button{flex-basis:38px;width:38px;height:38px}.send{border-radius:14px;flex-basis:40px;width:40px;height:40px}.settings-nav{padding:22px 16px}.settings-nav h1{margin-bottom:15px;font-size:24px}.settings-account{grid-template-columns:38px minmax(0,1fr) 40px}.settings-account-avatar{width:38px;height:38px}.settings-logout{width:40px;height:40px}.appearance-main{padding:25px 26px}.appearance-content{gap:18px}.appearance-head h2{font-size:28px;line-height:34px}.appearance-head p{font-size:10.5px;line-height:16px}.preset-layout{grid-template-columns:minmax(0,2.15fr) minmax(250px,1fr);gap:20px}.base-card{border-radius:23px;padding:17px}.base-preview{grid-template-columns:52px 142px minmax(0,1fr)}.base-copy{padding:13px 3px 0}.future-card{flex-basis:210px;grid-template-columns:92px minmax(0,1fr);padding:12px}}@media (max-width:1180px){.app-stage{padding:0}.messenger-shell{grid-template-columns:72px 300px minmax(0,1fr)}.context-panel{display:none}.appearance-shell{grid-template-columns:72px 230px minmax(0,1fr)}.appearance-main{overflow:auto}.preset-layout{grid-template-columns:1fr}.future-column{grid-template-columns:1fr 1fr;gap:12px;display:grid}.future-head{grid-column:1/-1;margin-bottom:0}.future-card,.future-card+.future-card{height:190px;margin:0}}@media (max-width:760px){html,body,#app{overflow:auto}.app-stage{min-height:100%;padding:0}.app-shell{border:0;border-radius:0;min-height:100%}.messenger-shell{display:block}.messenger-shell .rail{z-index:10;border-top:1px solid #303733;flex-direction:row;height:68px;padding:6px 12px;position:fixed;bottom:0;left:0;right:0}.messenger-shell .rail-mark{display:none}.messenger-shell .rail-nav{flex-direction:row;flex:1;margin:0}.messenger-shell .rail-spacer,.messenger-shell .profile{display:none}.messenger-shell .rail-item{flex:1;min-width:48px}.chat-list{border:0;min-height:100vh;padding:18px 14px 82px}.conversation{z-index:8;position:fixed;inset:0 0 68px}.conversation:has(.empty-conversation){display:none}.conversation-header{padding:0 14px}.conversation-participants{display:none}.message-flow{padding-inline:12px}.message-row{max-width:94%}.bubble{max-width:84vw}.media-card{max-width:82vw}.composer{margin-inline:10px}.contacts-backdrop{padding:0}.contacts-modal{border:0;border-radius:0;grid-template-columns:1fr;width:100%;height:100%}.contacts-sidebar{border-right:0;padding:18px 14px 76px}.contact-detail{display:none}.contact-invite-overlay{padding:14px}.contact-invite-dialog{padding:21px}.contacts-sidebar>header h2,.contact-invite-dialog>header h3{font-size:24px}.appearance-shell{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;display:grid}.appearance-shell .rail{display:none}.settings-nav{min-height:auto;padding:14px 16px;overflow:visible}.settings-nav h1{margin-bottom:8px}.settings-item,.settings-label{display:none}.settings-account{margin-top:8px;padding-top:8px}.appearance-main{padding:22px 16px 30px;overflow:auto}.appearance-head{display:block}.active-chip{width:max-content;margin-top:12px}.base-preview{grid-template-columns:44px 112px minmax(0,1fr);min-height:300px}.future-column{display:flex}.future-card{flex-basis:auto;width:100%;height:auto;min-height:180px}.future-card+.future-card{margin-top:12px}}