:root{--bg:#fff;--bg-soft:#f3f4f6;--chat-bg:#eef1f5;--text:#111827;--muted:#6b7280;--line:#e5e7eb;--accent:#2563eb;--accent-text:#fff;--accent-soft:#dbeafe;--mine:#d9f2c7;--theirs:#fff;--danger:#dc2626;--read:#16a34a;--shadow:0 1px 2px #00000014;--radius:14px;--header-h:56px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#111827;--bg-soft:#1f2937;--chat-bg:#0b1220;--text:#f3f4f6;--muted:#9ca3af;--line:#273244;--accent:#3b82f6;--accent-soft:#1e3a5f;--mine:#23452e;--theirs:#1f2937;--danger:#f87171;--read:#4ade80;--shadow:0 1px 2px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;font:16px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.layout{height:100dvh;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--line);width:100%;display:flex}.content{flex:1;min-width:0;display:flex}.layout.at-root .content,.layout.in-detail .sidebar{display:none}@media (width>=768px){.sidebar{flex-shrink:0;width:360px;display:flex!important}.content{display:flex!important}.pane.chat>.header .back-btn{display:none}}.pane{background:var(--bg);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.placeholder{color:var(--muted);background:var(--chat-bg);text-align:center;flex:1;place-items:center;padding:24px;display:grid}.header{min-height:var(--header-h);padding:8px 12px;padding-top:max(8px, env(safe-area-inset-top));border-bottom:1px solid var(--line);background:var(--bg);flex-shrink:0;align-items:center;gap:8px;display:flex}.header-title{flex:1;min-width:0}.header-main{white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:600;overflow:hidden}.header-sub{color:var(--muted);font-size:13px}.header-link{text-overflow:ellipsis;display:block;overflow:hidden}.typing{color:var(--accent)}.icon-btn{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--bg-soft)}.icon-btn:focus-visible,.btn:focus-visible,.list-row:focus-visible,.chat-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon-btn:disabled{opacity:.4;cursor:default}.btn{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:10px 18px;font-weight:500;display:inline-flex}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn.danger{color:var(--danger)}.btn.primary.danger{background:var(--danger);color:#fff}.btn.link{color:var(--accent);background:0 0;border-color:#0000}.btn.link.danger{color:var(--danger)}.btn.small{min-height:36px;padding:6px 12px;font-size:14px}.btn:disabled{opacity:.5;cursor:default}.field{text-align:left;flex-direction:column;gap:6px;margin:0 0 16px;display:flex}.field span{color:var(--muted);font-size:14px}.field input,.field select,.invite-link{border:1px solid var(--line);background:var(--bg);border-radius:12px;width:100%;padding:12px 14px;font-size:16px}.field input:focus,.field select:focus{outline:2px solid var(--accent);border-color:#0000}.error{color:var(--danger);margin:8px 0}.muted{color:var(--muted)}.small{font-size:13px}.accent{color:var(--accent)}.hint{color:var(--muted);margin:4px 16px 16px;font-size:13px}.row{flex-wrap:wrap;gap:8px;display:flex}.badge{background:var(--accent);color:#fff;border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 7px;font-size:13px;font-weight:600;display:inline-flex}.badge.grey{background:var(--muted)}.inline-icon{vertical-align:-3px}.auth{width:100%;max-width:400px;padding:48px 16px;padding-top:max(48px, env(safe-area-inset-top));text-align:center;flex-direction:column;gap:12px;margin:0 auto;display:flex}.auth h1{margin:0 0 4px;font-size:26px}.auth p{margin:0}.call-number{background:var(--accent-soft);color:var(--accent);letter-spacing:.5px;border-radius:16px;justify-content:center;align-items:center;gap:10px;margin:12px 0;padding:16px;font-size:24px;font-weight:600;display:inline-flex}.waiting{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.4}}@media (prefers-reduced-motion:reduce){.waiting{animation:none}}.chat-row{cursor:pointer;align-items:center;gap:12px;padding:8px 12px;display:flex}.chat-row:hover{background:var(--bg-soft)}.chat-row.active{background:var(--accent-soft)}.chat-row-body{border-bottom:1px solid var(--line);flex:1;min-width:0;padding:4px 0 10px}.chat-row-top,.chat-row-bottom{align-items:center;gap:6px;display:flex}.chat-row-title{white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}.chat-row-time{color:var(--muted);flex-shrink:0;font-size:13px}.chat-row-preview{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:15px;overflow:hidden}.muted-icon,.tick{color:var(--muted);flex-shrink:0}.tick.read{color:var(--read)}.tick.fail{color:var(--danger)}.requests-row{border:0;border-bottom:1px solid var(--line);background:var(--bg-soft);cursor:pointer;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;font-weight:500;display:flex}.empty{text-align:center;color:var(--muted);padding:48px 16px}.empty.small{padding:8px 16px}.install-hint{border-radius:var(--radius);background:var(--accent-soft);align-items:flex-start;gap:8px;margin:8px;padding:12px;font-size:14px;display:flex}.install-hint p{margin:4px 0 8px}.avatar{color:#fff;background:var(--bg-soft);-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.messages{background:var(--chat-bg);flex-direction:column;padding:8px 8px 12px;display:flex}.messages>:first-child{margin-top:auto}.day,.history-start{color:var(--muted);background:#00000014;border-radius:10px;align-self:center;width:fit-content;margin:10px auto;padding:3px 10px;font-size:13px}.system{text-align:center;max-width:80%;color:var(--muted);margin:6px auto;font-size:14px}.bubble-row{margin:2px 0;display:flex}.bubble-row.mine{justify-content:flex-end}.bubble{border-radius:var(--radius);background:var(--theirs);max-width:min(78%,520px);box-shadow:var(--shadow);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;-webkit-touch-callout:none;padding:6px 10px;position:relative}.mine .bubble{background:var(--mine)}.bubble.deleted{color:var(--muted)}.bubble.pending{opacity:.85}.bubble.failed{outline:1px solid var(--danger)}.bubble.media-only{padding:3px}.bubble.media-only .meta{color:#fff;background:#00000073;border-radius:8px;padding:1px 6px;position:absolute;bottom:6px;right:8px}.bubble.media-only .meta .tick{color:#fff}.bubble-name{color:var(--accent);margin-bottom:2px;font-size:14px;font-weight:600}.bubble-reply{border-left:3px solid var(--accent);background:#0000000a;border-radius:4px;flex-direction:column;margin:2px 0 4px;padding:2px 8px;font-size:14px;display:flex}.bubble-reply span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.text{white-space:pre-wrap}.meta{color:var(--muted);justify-content:flex-end;align-items:center;gap:4px;margin-top:2px;font-size:12px;display:flex}.images{border-radius:11px;gap:2px;margin-bottom:2px;display:grid;overflow:hidden}.images.n2,.images.n4{grid-template-columns:1fr 1fr}.images.n3{grid-template-columns:1fr 1fr 1fr}.image{background:var(--bg-soft);cursor:zoom-in;border:0;padding:0;display:block}.image img,img.image{object-fit:cover;width:100%;max-height:360px;display:block}.images:not(.n1) .image img,.images:not(.n1) img.image{aspect-ratio:1;height:100%}.file{align-items:center;gap:10px;min-width:200px;padding:4px 2px;display:flex}.file-icon{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.file-meta{flex-direction:column;min-width:0;display:flex}.file-name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.file-size{color:var(--muted);font-size:13px}.failed-bar{color:var(--danger);flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;font-size:13px;display:flex}.failed-bar span{flex-basis:100%}.composer-wrap{border-top:1px solid var(--line);background:var(--bg);padding-bottom:env(safe-area-inset-bottom);flex-shrink:0}.composer{align-items:flex-end;gap:4px;padding:6px;display:flex}.composer textarea{resize:none;border:1px solid var(--line);background:var(--bg-soft);border-radius:20px;flex:1;max-height:160px;margin:2px 0;padding:10px 14px;font-size:16px;line-height:1.35}.composer textarea:focus{outline:2px solid var(--accent);border-color:#0000}.icon-btn.send:not(:disabled){color:var(--accent)}.composer-context{color:var(--accent);align-items:center;gap:10px;padding:6px 8px 0 14px;display:flex}.composer-context div{border-left:2px solid var(--accent);flex-direction:column;flex:1;min-width:0;padding-left:8px;font-size:14px;display:flex}.composer-context span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.composer-files{flex-wrap:wrap;gap:6px;padding:8px 12px 0;display:flex}.chip{background:var(--bg-soft);text-overflow:ellipsis;white-space:nowrap;border-radius:14px;align-items:center;gap:4px;max-width:100%;padding:4px 4px 4px 10px;font-size:14px;display:inline-flex;overflow:hidden}.chip button{cursor:pointer;width:28px;height:28px;color:var(--muted);background:0 0;border:0;font-size:18px}.composer-error{color:var(--danger);padding:6px 14px 0;font-size:14px}.request-bar{padding:12px 16px;padding-bottom:max(12px, env(safe-area-inset-bottom));border-top:1px solid var(--line);text-align:center}.request-bar p{margin:0 0 10px}.request-bar .row{justify-content:center}.menu-backdrop{z-index:50;position:fixed;inset:0}.menu{background:var(--bg);border:1px solid var(--line);border-radius:12px;flex-direction:column;min-width:190px;padding:6px;display:flex;position:fixed;box-shadow:0 8px 30px #0003}.menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px 12px}.menu button:hover{background:var(--bg-soft)}.menu .danger{color:var(--danger)}.modal-backdrop{z-index:40;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--bg);border-radius:16px;width:100%;max-width:440px;max-height:85dvh;padding:16px;overflow-y:auto}.modal-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.modal-head h2{margin:0;font-size:19px}.modal form .btn.primary,.modal>div>.btn.primary{width:100%;margin-top:8px}.viewer{z-index:60;background:#000000eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.viewer img{object-fit:contain;max-width:100%;max-height:100%}.viewer-bar{top:max(8px, env(safe-area-inset-top));gap:4px;display:flex;position:absolute;right:8px}.viewer-bar .icon-btn{color:#fff;background:#ffffff1f}.info{background:var(--bg-soft);padding-bottom:max(24px, env(safe-area-inset-bottom))}.info-head{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:24px 16px 16px;display:flex}.info-head h2{margin:8px 0 0;font-size:22px}.info-head p{margin:0 0 8px}.avatar-edit{cursor:pointer;flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.avatar-edit-label{color:var(--accent);font-size:14px}.section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:20px 16px 6px;font-size:13px;font-weight:600}.list{border-radius:var(--radius);background:var(--bg);margin:8px;overflow:hidden}.list-row{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;flex-wrap:wrap;align-items:center;gap:12px;width:100%;min-height:52px;padding:10px 14px;display:flex}.list-row:last-child{border-bottom:0}.list-row:hover{background:var(--bg-soft)}.list-row.column{cursor:default;flex-direction:column;align-items:flex-start}.list-row.column:hover,.list-row.member:hover{background:0 0}.list-row.danger{color:var(--danger)}.list-row.accent{color:var(--accent)}.list-row .grow{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.list-row.member .grow{min-width:140px}.row-actions{flex-wrap:wrap;gap:6px;width:100%;padding-left:48px;display:flex}.picker{border:1px solid var(--line);max-height:50dvh;margin:0 0 8px;overflow-y:auto}.picker input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.switch{width:22px;height:22px;accent-color:var(--accent);margin-left:auto}.search{background:var(--bg-soft);border-radius:14px;align-items:center;gap:8px;margin:12px 12px 0;padding:4px 4px 4px 12px;display:flex}.search input{background:0 0;border:0;outline:none;flex:1;min-width:0;padding:8px 0;font-size:16px}.search-icon{color:var(--muted);flex-shrink:0}.form-page{padding:16px}.form-page .list{margin:0 0 12px}.form-page .btn.primary{width:100%}.invite-link{margin:8px 0;font-size:14px}