:root{--bg: #eef0ec;--surface: #ffffff;--surface-2: #f6f7f4;--surface-3: #eceee9;--text: #16181d;--muted: #646a73;--line: #d9ddd5;--accent: #0f766e;--accent-ink: #ffffff;--accent-soft: #e3f1ee;--mine: var(--mine-light, #dcefe9);--ok: #15803d;--warn: #b45309;--err: #b91c1c;--err-soft: #fbeaea;--shadow: 0 1px 2px rgba(16, 24, 32, .06), 0 12px 32px rgba(16, 24, 32, .14);--radius: 10px;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #121416;--surface: #1c1f23;--surface-2: #23272c;--surface-3: #2a2f35;--text: #eceef0;--muted: #9aa1a9;--line: #2f343a;--accent: #2dd4bf;--accent-ink: #062b28;--accent-soft: #163331;--mine: var(--mine-dark, #17322f);--err-soft: #3a1c1c;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 16px 40px rgba(0, 0, 0, .5);color-scheme:dark}}:root[data-theme=dark]{--bg: #121416;--surface: #1c1f23;--surface-2: #23272c;--surface-3: #2a2f35;--text: #eceef0;--muted: #9aa1a9;--line: #2f343a;--accent: #2dd4bf;--accent-ink: #062b28;--accent-soft: #163331;--mine: var(--mine-dark, #17322f);--err-soft: #3a1c1c;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 16px 40px rgba(0, 0, 0, .5);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{--base-size: 14px;font-family:Poppins,Arial,Arial Unicode MS,sans-serif;font-size:var(--base-size);line-height:1.45;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}h1,h2,h3{font-weight:600;margin:0}h1{font-size:18px}h2{font-size:16px}h3{font-size:14px}p{margin:0}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;gap:8px;align-items:center}.row.wrap{flex-wrap:wrap}.row.end{align-items:flex-end}.pad{padding:16px}.ok-text{color:var(--ok);display:flex;gap:6px;align-items:center}.err{color:var(--err)}label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:500;color:var(--muted)}label.check{flex-direction:row;align-items:center;color:var(--text);font-size:13px;font-weight:400}.label{display:block;font-size:12px;font-weight:500;color:var(--muted);margin-bottom:6px}input,textarea,select{width:100%;font-size:max(14px,var(--base-size, 14px));padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text)}input[type=checkbox]{width:auto}textarea{resize:vertical}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)}fieldset{border:0;margin:0;padding:0}legend{font-size:12px;font-weight:500;color:var(--muted);margin-bottom:6px;padding:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:8px;border:1px solid var(--line);background:var(--surface);font-weight:500}.btn:hover:not(:disabled){background:var(--surface-2)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn.primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.08)}.btn.danger{background:var(--err);color:#fff;border-color:var(--err)}.btn.ghost{border-color:transparent;background:transparent;color:var(--muted)}.btn.small{padding:5px 10px;font-size:12px}.btn.wide{width:100%}.link{border:0;background:none;padding:0;color:var(--accent);font-weight:500;text-decoration:underline;text-underline-offset:2px}.icon-btn{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:8px;border:0;background:transparent;color:var(--muted);flex:none}.icon-btn:hover:not(:disabled),.icon-btn.on{background:var(--surface-3);color:var(--text)}.alert{padding:9px 12px;border-radius:8px;background:var(--err-soft);color:var(--err);font-size:13px}.avatar{display:inline-grid;place-items:center;flex:none;color:#fff;font-weight:600;letter-spacing:.02em;user-select:none;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.splash{height:100%;display:grid;place-content:center;justify-items:center;gap:14px}.login{min-height:100%;display:grid;place-content:center;justify-items:center;gap:16px;padding:24px 16px}.login-card{width:min(400px,100%);background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:14px}.brand{display:flex;gap:14px;align-items:center;margin-bottom:6px}.brand h1{font-size:22px}.divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.server-row{border-top:1px solid var(--line);padding-top:12px}.footer-note{text-align:center}.app{height:100%;display:flex;overflow:hidden}.rail{width:64px;flex:none;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 0;background:var(--surface-2);border-right:1px solid var(--line);overflow-y:auto}.rail-btn,.rail-ws,.rail-me{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;border:0;background:transparent;color:var(--muted);flex:none;position:relative}.rail-btn:hover,.rail-ws:hover{background:var(--surface-3);color:var(--text)}.rail-btn.on{background:var(--accent-soft);color:var(--accent)}.rail-ws.on:before{content:"";position:absolute;left:-11px;width:4px;height:22px;border-radius:0 3px 3px 0;background:var(--accent)}.rail-sep{width:28px;height:1px;background:var(--line);margin:4px 0;flex:none}.rail-fill{flex:1}.rail-me{border-radius:50%}.sidebar{width:320px;flex:none;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--line);min-height:0}.side-head{display:flex;align-items:center;justify-content:space-between;padding:16px 14px 8px 18px}.search{flex-direction:row;align-items:center;gap:8px;margin:6px 14px 8px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--muted)}.search input{border:0;background:transparent;padding:8px 0}.chat-list{flex:1;overflow-y:auto;padding:4px 8px 16px}.list-label{font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--muted);padding:10px 10px 4px}.chat-row{width:100%;display:flex;gap:12px;align-items:center;padding:9px 10px;border:0;border-radius:10px;background:transparent;text-align:left}.chat-row:hover{background:var(--surface-2)}.chat-row.on{background:var(--accent-soft)}.chat-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.chat-row-top,.chat-row-bottom{display:flex;align-items:center;gap:6px;min-width:0}.chat-row-top{justify-content:space-between}.chat-row-name{font-weight:500}.chat-row.unread .chat-row-name{font-weight:600}.chat-row-bottom .ellipsis{flex:1}.badge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--accent);color:var(--accent-ink);font-size:11px;font-weight:600;display:grid;place-items:center;flex:none}.net{font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px;background:var(--surface-3);color:var(--muted);flex:none}.net-whatsapp{background:#dcf3e4;color:#166534}.net-instagram{background:#fbe4ef;color:#9d174d}.net-telegram{background:#e0eefb;color:#1e40af}:root[data-theme=dark] .net-whatsapp{background:#16301f;color:#86efac}:root[data-theme=dark] .net-instagram{background:#3a1a2a;color:#f9a8d4}:root[data-theme=dark] .net-telegram{background:#172a40;color:#93c5fd}.banner{display:flex;gap:10px;align-items:flex-start;margin:4px 14px 6px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);color:var(--warn);text-align:left}.banner span{display:flex;flex-direction:column;color:var(--text);font-size:13px}.banner strong{font-weight:600}.main{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--surface-2)}.crm-col{width:360px;flex:none;border-left:1px solid var(--line);background:var(--surface);display:flex;min-height:0}.crm-overlay{position:fixed;inset:0;z-index:20;background:var(--surface);display:flex}.chat,.contacts{flex:1;display:flex;flex-direction:column;min-height:0}.chat-head{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--surface);min-height:62px}.chat-title{flex:1;min-width:0}.chat-title h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-title p{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.enc{display:inline-flex;gap:4px;align-items:center;color:var(--ok)}.head-actions{display:flex;gap:4px}.timeline{flex:1;overflow-y:auto;padding:16px 20px 8px;display:flex;flex-direction:column}.load-older{align-self:center;margin-bottom:12px}.day{display:flex;justify-content:center;margin:14px 0 8px}.day span{font-size:11px;font-weight:500;color:var(--muted);background:var(--surface-3);padding:2px 10px;border-radius:10px}.notice{text-align:center;margin:4px 0}.msg{display:flex;flex-direction:column;align-items:flex-start;margin-top:10px;max-width:min(640px,82%)}.msg.grouped{margin-top:3px}.msg.mine{align-self:flex-end;align-items:flex-end}.msg.pending{opacity:.6}.msg-meta{display:flex;gap:8px;align-items:center;margin:0 4px 3px}.sender{font-size:12px;font-weight:600}.bubble{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:8px 12px;white-space:pre-wrap;overflow-wrap:anywhere}.msg.mine .bubble{background:var(--mine);border-color:transparent}.bubble.notice-msg{color:var(--muted)}.locked{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap;color:var(--muted)}.typing{min-height:18px;padding:0 20px}.composer{display:flex;gap:8px;align-items:flex-end;padding:8px 16px 16px}.composer textarea{flex:1;resize:none;max-height:180px;min-height:42px;border-radius:12px;padding:10px 14px;field-sizing:content}.icon-btn.send{width:42px;height:42px;border-radius:12px;background:var(--accent);color:var(--accent-ink)}.icon-btn.send:hover:not(:disabled){background:var(--accent);filter:brightness(1.08);color:var(--accent-ink)}.empty{margin:auto;padding:32px 24px;max-width:420px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.small-empty{padding:24px 12px}.welcome h2{font-size:20px}.crm{flex:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto}.crm-head{display:flex;justify-content:space-between;align-items:center;padding:14px 12px 6px 16px}.crm-form textarea{min-height:120px}.lock-title{display:flex;gap:8px;align-items:center;font-weight:600}.chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:14px;border:1px solid var(--line);background:var(--surface);font-size:12px;font-weight:500}.chip.on{background:var(--accent-soft);border-color:transparent;color:var(--accent)}.chip-x{border:0;background:none;padding:0 0 0 2px;color:inherit;font-size:14px;line-height:1}.tag-input{width:110px;padding:4px 8px;font-size:12px;border-radius:14px}.save-state{display:flex;gap:6px;align-items:center}.contacts-body{flex:1;overflow-y:auto;padding:14px 20px;display:flex;flex-direction:column;gap:12px}.contacts-body .search{margin:0;flex:1;min-width:220px}.contacts-locked{max-width:420px;margin:40px auto;background:var(--surface);border:1px solid var(--line);border-radius:14px}.contact-list,.pick-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.contact-row{width:100%;display:flex;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);text-align:left}.pick-list .contact-row{border-color:transparent}.contact-row:hover{border-color:var(--accent)}.contact-main{flex:1;min-width:0;display:flex;flex-direction:column}.contact-name{font-weight:500}.contact-side{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:none}.stage{font-size:11px;font-weight:600;color:var(--accent)}.due{color:var(--warn);font-weight:600}.scrim{position:fixed;inset:0;z-index:50;background:#0a0e126b;display:grid;place-items:center;padding:16px}.modal{width:min(440px,100%);max-height:calc(100% - 32px);overflow-y:auto;background:var(--surface);border-radius:14px;box-shadow:var(--shadow);padding:18px 20px 20px;display:flex;flex-direction:column;gap:14px}.modal.wide{width:min(560px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:center}.tabs{display:flex;gap:4px;background:var(--surface-2);padding:3px;border-radius:9px}.tab{flex:1;border:0;background:transparent;padding:7px 8px;border-radius:7px;font-size:13px;font-weight:500;color:var(--muted)}.tab.on{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #00000014}.recovery-key{display:block;padding:14px;border-radius:10px;background:var(--surface-2);border:1px dashed var(--line);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:15px;letter-spacing:.03em;line-height:1.7;word-spacing:.25em;user-select:all}.settings{display:flex;flex-direction:column;gap:20px}.settings section{display:flex;flex-direction:column;gap:8px}.settings section+section{border-top:1px solid var(--line);padding-top:16px}.switch-row{flex-direction:row;align-items:center;justify-content:space-between;gap:16px;color:var(--text);font-size:14px;font-weight:400}.switch-row>span{display:flex;flex-direction:column;gap:2px}.phone-box{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.grow{flex:1;min-width:180px}.ok-text.inline{display:inline}input[type=checkbox][role=switch]{appearance:none;flex:none;width:40px;height:24px;padding:0;border-radius:12px;border:0;background:var(--line);position:relative;cursor:pointer;transition:background .15s}input[type=checkbox][role=switch]:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform .15s}input[type=checkbox][role=switch]:checked{background:var(--accent)}input[type=checkbox][role=switch]:checked:after{transform:translate(16px)}@media (prefers-reduced-motion: reduce){input[type=checkbox][role=switch],input[type=checkbox][role=switch]:after{transition:none}}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:60;background:var(--text);color:var(--surface);padding:10px 16px;border-radius:10px;font-size:13px;cursor:pointer}.app.narrow .sidebar{width:auto;flex:1;border-right:0}.app.narrow .rail{width:56px}.app.narrow .timeline{padding:12px 12px 6px}.app.narrow .msg{max-width:88%}.app.narrow .composer{padding:6px 10px 12px}:root[data-embedded=kuartalos] .rail{padding-top:8px}.chat{position:relative}.chat-head-main{flex:1;min-width:0;display:flex;align-items:center;gap:12px;border:0;background:transparent;padding:0;text-align:left}.chat-title-name{display:flex;align-items:center;gap:6px;min-width:0}.chat-sub{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.verified{color:var(--ok);display:inline-flex;flex:none}.warn-text{color:var(--warn);display:inline-flex;gap:6px;align-items:center}.row.between{justify-content:space-between}.icon-btn.sm{width:28px;height:28px;border-radius:7px}.trust-banner{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap;padding:10px 16px;background:color-mix(in srgb,var(--warn) 12%,var(--surface));border-bottom:1px solid var(--line);color:var(--text);font-size:13px}.trust-banner>svg{color:var(--warn);flex:none;margin-top:2px}.trust-banner>span:first-of-type{flex:1;min-width:220px}.bubble-wrap{position:relative;display:flex;flex-direction:column;align-items:inherit;max-width:100%}.msg-actions{position:absolute;top:-18px;right:0;display:none;align-items:center;gap:2px;padding:3px;background:var(--surface);border:1px solid var(--line);border-radius:9px;box-shadow:0 2px 8px #00000014;z-index:2;white-space:nowrap}.msg:not(.mine) .msg-actions{left:auto;right:-8px;transform:translate(100%);top:0}.msg.mine .msg-actions{right:auto;left:-8px;transform:translate(-100%);top:0}.msg.active .msg-actions{display:flex}@media (hover: hover){.msg:hover .msg-actions{display:flex}}.app.narrow .msg .msg-actions{position:static;transform:none;margin-top:4px}.react-pick{border:0;background:transparent;font-size:18px;padding:2px 4px;border-radius:6px}.react-pick:hover{background:var(--surface-3)}.reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reaction{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;border:1px solid var(--line);background:var(--surface);font-size:13px}.reaction.on{border-color:var(--accent);background:var(--accent-soft)}.reply-quote{display:flex;flex-direction:column;border-left:3px solid var(--accent);padding:2px 8px;margin-bottom:6px;background:color-mix(in srgb,var(--accent) 6%,transparent);border-radius:4px;font-size:12px;max-width:100%}.reply-quote-name{font-weight:600}.reply-quote-text{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edited{margin-left:4px}.bubble.file-bubble{padding:6px}.image-wrap{display:block;position:relative;width:min(320px,70vw);max-height:360px;overflow:hidden;border-radius:10px;background:var(--surface-3);padding:0;border:0;color:inherit;font:inherit;cursor:zoom-in}.image-wrap img{display:block;width:100%;height:100%;object-fit:cover}.video-wrap{cursor:default;background:#000}.video-wrap video{display:block;width:100%;height:100%;max-height:360px;background:#000}.video-cover{position:absolute;inset:0;display:grid;place-items:center;padding:0;border:0;background:#111;color:#fff;cursor:pointer}.video-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.play-badge{position:relative;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#0000008c;backdrop-filter:blur(4px)}.play-badge svg{margin-left:3px}.video-meta{position:absolute;left:8px;bottom:8px;padding:2px 8px;border-radius:999px;background:#0009;color:#fff}.media-expand{position:absolute;top:6px;right:6px;background:#0000008c;color:#fff}.spinner{width:22px;height:22px;border-radius:50%;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.viewer{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;background:#0b0d0f;color:#fff;outline:none;touch-action:none}.viewer-bar{display:flex;align-items:center;gap:6px;padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top))}.viewer-bar .icon-btn{color:#fff}.viewer-bar .icon-btn:hover{background:#ffffff1f}.viewer-title{flex:1;min-width:0;display:flex;flex-direction:column}.viewer-title .small{opacity:.7}.viewer-stage{position:relative;flex:1;min-height:0;overflow:hidden}.viewer-media{position:absolute;inset:0;margin:auto;max-width:calc(100% - 24px);max-height:calc(100% - 16px);object-fit:contain;user-select:none;transition:transform .12s ease-out;cursor:zoom-in}.viewer-media.zoomed{cursor:grab;transition:none}video.viewer-media{width:calc(100% - 24px);height:calc(100% - 16px);background:#000;cursor:default}.viewer-media.dim{opacity:.4;filter:blur(2px)}.viewer-loading{position:absolute;inset:0;display:grid;place-items:center}.viewer-loading>span{position:relative;padding:6px 12px;border-radius:999px;background:#0009}.viewer-nav{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:0;background:#ffffff1f;color:#fff;cursor:pointer}.viewer-nav:hover{background:#ffffff38}.viewer-nav.prev{left:12px}.viewer-nav.next{right:12px}@media (max-width: 640px){.viewer-nav{display:none}}.image-loading{display:grid;place-items:center;min-height:120px;padding:12px}.file-card{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 8px;min-width:220px;max-width:320px}.file-card>svg{color:var(--accent);flex:none}.file-meta{flex:1;min-width:0;display:flex;flex-direction:column}.file-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-wrap{display:flex;flex-direction:column;position:relative}.composer-context{display:flex;align-items:center;gap:8px;margin:0 16px;padding:6px 8px 6px 12px;border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;background:var(--surface);font-size:13px}.composer-context-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn.attach{width:42px;height:42px;border-radius:12px}.composer-alert{margin:0 16px 6px;cursor:pointer}.drop-hint{position:absolute;inset:62px 12px 12px;display:grid;place-items:center;border:2px dashed var(--accent);border-radius:14px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent);font-weight:600;pointer-events:none;z-index:5}.info-head{flex-direction:row!important;align-items:center;gap:14px!important}.info-name{font-size:18px}.member-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.member-row{display:flex;align-items:center;gap:10px;padding:6px 4px}.sas-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px}.sas-grid li{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);text-align:center}.sas-emoji{font-size:30px;line-height:1}.onboarding-find section{border:0!important;padding:0!important}.picture-editor{display:flex;align-items:center;gap:14px}.stack.tight{gap:4px}.with-caption{display:flex;flex-direction:column;gap:6px}.caption{padding:0 6px 2px;white-space:pre-wrap;overflow-wrap:anywhere}.viewer-caption{margin:0;padding:10px 16px calc(14px + env(safe-area-inset-bottom));text-align:center;white-space:pre-wrap}.composer .icon-btn{width:40px;height:42px}.composer .icon-btn.send{width:42px}.emoji-panel{position:absolute;bottom:calc(100% - 8px);left:16px;z-index:20;width:min(360px,calc(100vw - 24px));height:380px;display:flex;flex-direction:column;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:0 12px 32px #0000002e}.emoji-panel.compact{position:absolute;bottom:auto;top:calc(100% + 6px);left:0;height:320px;width:min(320px,calc(100vw - 24px));white-space:normal}.msg.mine .emoji-panel.compact{left:auto;right:0}.emoji-search{width:100%;padding:7px 10px;border-radius:9px}.emoji-cats{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:4px}.emoji-cat{border:0;background:transparent;font-size:17px;padding:3px 5px;border-radius:7px;opacity:.65}.emoji-cat.on,.emoji-cat:hover{opacity:1;background:var(--surface-2)}.emoji-grid{flex:1;overflow-y:auto;display:flex;flex-wrap:wrap;align-content:flex-start}.emoji-grid.sections{display:block}.emoji-section-name{font-size:11px;font-weight:600;color:var(--muted);margin:8px 4px 2px;text-transform:uppercase;letter-spacing:.04em}.emoji-section-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr))}.emoji-btn{border:0;background:transparent;font-size:24px;line-height:1;padding:6px 0;border-radius:8px;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.emoji-grid:not(.sections) .emoji-btn{width:38px}.emoji-btn:hover{background:var(--surface-2)}.sticker-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px}.sticker-btn{border:0;background:transparent;border-radius:10px;padding:4px;aspect-ratio:1;display:grid;place-items:center}.sticker-btn:hover{background:var(--surface-2)}.sticker-btn img{width:100%;height:100%;object-fit:contain}.pad{padding:12px}.attach-menu{position:absolute;bottom:calc(100% - 8px);left:56px;z-index:20;min-width:220px;display:flex;flex-direction:column;padding:6px;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px #0000002e}.attach-item{display:flex;align-items:center;gap:12px;border:0;background:transparent;padding:8px 10px;border-radius:10px;font-size:14px;text-align:left;color:var(--text)}.attach-item:hover,.attach-item:focus-visible{background:var(--surface-2);outline:none}.attach-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;flex:none}.a-media .attach-icon{background:#2563eb}.a-camera .attach-icon{background:#db2777}.a-doc .attach-icon{background:#7c3aed}.a-location .attach-icon{background:#059669}.a-contact .attach-icon{background:#0284c7}.a-poll .attach-icon{background:#d97706}.a-event .attach-icon{background:#dc2626}.recorder{align-items:center}.rec-dot{width:10px;height:10px;border-radius:50%;background:var(--err);animation:blink 1.2s infinite;flex:none}@keyframes blink{50%{opacity:.25}}.rec-time{font-variant-numeric:tabular-nums;min-width:42px}.rec-wave{flex:1;height:32px;display:flex;align-items:center;gap:2px;overflow:hidden}.rec-wave span{flex:1;min-width:2px;max-width:4px;background:var(--accent);border-radius:2px}.rec-review{height:40px;min-width:0}.send-preview{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;background:var(--bg)}.send-head{display:flex;align-items:center;gap:10px;padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top));border-bottom:1px solid var(--line);background:var(--surface)}.send-head .grow{display:flex;flex-direction:column;min-width:0}.send-stage{position:relative;flex:1;min-height:0;display:grid;place-items:center;padding:16px}.send-stage>img,.send-stage>video{position:absolute;inset:0;margin:auto;max-width:calc(100% - 32px);max-height:calc(100% - 32px);object-fit:contain;border-radius:10px;box-shadow:0 4px 24px #0000001f;background:#000}.send-file{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px;background:var(--surface);border-radius:16px;border:1px solid var(--line);max-width:90%;text-align:center;overflow-wrap:anywhere}.send-file>svg{color:var(--accent)}.send-warn{position:absolute;bottom:10px}.send-bottom{padding:10px 14px calc(12px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.send-strip{display:flex;gap:8px;overflow-x:auto;padding:4px 2px}.send-thumb{position:relative;flex:none;width:56px;height:56px;border-radius:10px;border:2px solid transparent;background:var(--surface-2)}.send-thumb.on{border-color:var(--accent)}.send-thumb.add{display:grid;place-items:center;border:2px dashed var(--line);color:var(--muted)}.send-thumb-pick{width:100%;height:100%;border:0;padding:0;background:transparent;border-radius:8px;overflow:hidden;display:grid;place-items:center;color:var(--muted)}.send-thumb-pick img,.send-thumb-pick video{width:100%;height:100%;object-fit:cover}.send-thumb-remove{position:absolute;top:-7px;right:-7px;width:20px;height:20px;border-radius:50%;border:0;display:grid;place-items:center;background:var(--text);color:var(--surface);padding:0}.send-caption{display:flex;gap:8px;align-items:flex-end}.send-caption textarea{flex:1;resize:none;min-height:44px;max-height:140px;border-radius:12px;padding:11px 14px;field-sizing:content}.send-go{position:relative;width:48px;height:48px;border-radius:50%;border:0;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;flex:none}.send-go:disabled{opacity:.5}.send-count{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;border-radius:10px;background:var(--text);color:var(--surface);font-size:11px;font-weight:600;display:grid;place-items:center;padding:0 5px}.camera{display:flex;flex-direction:column;gap:12px;align-items:stretch}.camera video{width:100%;max-height:60vh;background:#000;border-radius:12px;object-fit:contain}.camera video.mirror{transform:scaleX(-1)}.row.center{justify-content:center}fieldset.plain{border:0;padding:0;margin:0}fieldset.plain legend{font-size:13px;font-weight:500;margin-bottom:4px;padding:0}.bubble.sticker-bubble{background:transparent!important;border-color:transparent!important;padding:0}.sticker img{display:block;width:150px;height:150px;object-fit:contain}.location-card{display:flex;gap:10px;align-items:flex-start;min-width:220px;white-space:normal}.location-card.big{padding:12px;border-radius:12px;background:var(--surface-2);align-items:center}.location-pin{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,#059669 16%,var(--surface));color:#059669;flex:none}.location-main{display:flex;flex-direction:column;gap:2px;min-width:0}.location-main .row{gap:12px}.contact-card{display:flex;flex-direction:column;gap:10px;min-width:220px;white-space:normal}.contact-card .contact-main{display:flex;flex-direction:column}.k-card{display:flex;gap:12px;min-width:240px;max-width:360px;white-space:normal;color:inherit;text-decoration:none;padding:10px;border-radius:12px;background:var(--surface-2)}a.k-card:hover{background:var(--surface-3)}.k-card-icon{flex:none;width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:var(--surface)}.k-card-icon img{border-radius:8px}.k-card-main{display:flex;flex-direction:column;gap:3px;min-width:0}.k-card-host{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-amount{font-size:1.15rem}.k-paid{font-weight:600;color:#b26a00}.k-paid.on{color:#1f9d4c}.app-pick{display:flex;flex-wrap:wrap;gap:6px}.app-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:transparent;color:inherit;font:inherit;font-size:.85rem;cursor:pointer}.app-chip img{border-radius:5px}.app-chip.on{border-color:#36cc64;background:color-mix(in srgb,#36cc64 14%,transparent)}.event-card{display:flex;gap:12px;min-width:240px;max-width:360px;white-space:normal}.event-date{display:flex;flex-direction:column;align-items:center;justify-content:center;width:52px;height:56px;border-radius:12px;background:color-mix(in srgb,#dc2626 12%,var(--surface));color:#dc2626;flex:none;font-size:12px;text-transform:uppercase}.event-date strong{font-size:22px;line-height:1;color:var(--text)}.event-main{display:flex;flex-direction:column;gap:3px;min-width:0}.event-desc{white-space:pre-wrap}.rsvp{gap:6px;margin-top:4px}.link{border:0;background:none;padding:0;color:var(--accent);font:inherit;cursor:pointer;text-align:left;display:inline-flex;gap:4px;align-items:center}.poll{display:flex;flex-direction:column;gap:6px;min-width:240px;max-width:380px;white-space:normal}.poll-q{display:flex;gap:6px;align-items:flex-start}.poll-q svg{flex:none;margin-top:2px;color:#d97706}.poll-answers{display:flex;flex-direction:column;gap:6px}.poll-answer{position:relative;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--text);text-align:left;overflow:hidden;font:inherit}.poll-answer:disabled{cursor:default}.poll-answer.on{border-color:var(--accent)}.poll-bar{position:absolute;inset:0 auto 0 0;background:var(--accent-soft);transition:width .3s}.poll-answer.winner .poll-bar{background:color-mix(in srgb,var(--accent) 28%,var(--surface))}.poll-check{position:relative;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--muted);display:grid;place-items:center;flex:none}.poll-answer.on .poll-check{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.poll-text{position:relative;flex:1}.poll-count{position:relative;font-weight:600}.audio-bubble{display:flex;align-items:center;gap:10px;min-width:240px;max-width:320px}.audio-play{width:40px;height:40px;border-radius:50%;border:0;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;flex:none}.audio-play svg{margin-left:2px}.audio-main{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.audio-wave{height:28px;display:flex;align-items:center;gap:2px;cursor:pointer}.audio-wave span{flex:1;background:color-mix(in srgb,var(--muted) 45%,transparent);border-radius:2px;min-height:3px}.audio-wave span.on{background:var(--accent)}.spinner.dark{border-color:#ffffff59;border-top-color:currentColor;width:18px;height:18px;border-width:2px}.app.narrow .attach-menu{left:8px}.app.narrow .emoji-panel:not(.compact){left:8px}.info-panel{flex:1;display:flex;flex-direction:column;height:100%;min-height:0;background:var(--surface)}.info-panel-head{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line)}.info-panel-head .tabs{flex:1}.info-panel-body{flex:1;overflow-y:auto;min-height:0}.info-panel-body>.crm.embedded{border:0;height:auto}.details{display:flex;flex-direction:column;gap:4px;padding-bottom:24px}.details-hero{display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px 16px 12px;text-align:center}.details-hero h3{font-size:18px;margin-top:8px;overflow-wrap:anywhere}.details-hero .picture-editor{flex-direction:column;text-align:center}.details-hero .picture-editor .row{justify-content:center}.hero-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;justify-content:center}.hero-btn{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:84px;padding:10px 8px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:12px}.hero-btn:hover{background:var(--surface-2)}.hero-btn.on{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.presence{display:inline-flex;align-items:center;gap:6px;margin:0}.presence-dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.presence-online .presence-dot{background:#22c55e}.presence-busy .presence-dot{background:#f59e0b}.presence-dnd .presence-dot{background:#ef4444}.details-topic{padding:4px 16px 10px;white-space:pre-wrap}.details-topic p{margin:0 0 4px}.details-section{padding:12px 16px;border-top:8px solid var(--surface-2);display:flex;flex-direction:column;gap:8px}.details-section h4{font-size:13px;font-weight:600;margin:0}.details-list{border-top:8px solid var(--surface-2);display:flex;flex-direction:column}.detail-row{display:flex;align-items:center;gap:12px;padding:12px 16px}.detail-row+.detail-row{border-top:1px solid var(--line)}.detail-icon{color:var(--muted);flex:none;display:grid;place-items:center;width:24px}.detail-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.detail-text strong{font-weight:500}.detail-control{flex:none;max-width:48%}.detail-control select{max-width:100%}.trust-line{padding:0 16px 10px 52px;margin:0}.danger-list{padding:8px 0}.danger-list>.stack,.danger-list>p{padding:8px 16px}.danger-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border:0;background:transparent;color:var(--err);font:inherit;text-align:left}.danger-row:hover{background:var(--surface-2)}.small-tabs .tab{font-size:12px;padding:5px 6px}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.media-thumb{position:relative;aspect-ratio:1;border:0;padding:0;border-radius:6px;overflow:hidden;background:var(--surface-3);color:var(--muted);display:grid;place-items:center}.media-thumb img{width:100%;height:100%;object-fit:cover}.media-thumb-badge{position:absolute;left:4px;bottom:4px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#0009;color:#fff}.link-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.link-list li{display:flex;align-items:center;gap:8px;justify-content:space-between;min-width:0}.link-list a,.link-list .link{display:inline-flex;align-items:center;gap:6px;min-width:0;color:var(--accent)}.link-list .ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-badge{margin-left:6px;font-size:10px;font-weight:600;padding:1px 6px;border-radius:999px;background:var(--accent-soft);color:var(--accent);vertical-align:middle}.member-menu{position:relative}.menu-pop{position:absolute;right:0;top:100%;z-index:10;display:flex;flex-direction:column;min-width:170px;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px #00000024}.menu-pop button{border:0;background:transparent;text-align:left;padding:8px 10px;border-radius:7px;font:inherit;color:var(--text)}.menu-pop button:hover{background:var(--surface-2)}.danger-text{color:var(--err)!important}.chips{display:flex;gap:6px;padding:0 12px 6px;overflow-x:auto;scrollbar-width:none}.chip{flex:none;display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:4px 11px;font-size:12px;font-weight:500}.chip.on{background:var(--accent-soft);color:var(--accent);border-color:transparent}.row-icon{display:inline-flex;flex:none}.row-icon.fav{color:#d97706}.badge.muted-badge{background:var(--muted)}.translated{display:flex;flex-direction:column;gap:4px}.translated-note{opacity:.8}.pin-input{font-size:22px;letter-spacing:.4em;text-align:center}.pin-form{width:min(320px,100%)}.lock-screen{position:fixed;inset:0;z-index:200;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px}:root[data-font-size=small] body{--base-size: 13px}:root[data-font-size=large] body{--base-size: 16px}:root[data-font-size=xlarge] body{--base-size: 18px}:root[data-font-size=large] .composer textarea,:root[data-font-size=xlarge] .composer textarea{font-size:var(--base-size)}:root[data-reduce-motion=true] *,:root[data-reduce-motion=true] *:before,:root[data-reduce-motion=true] *:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}:root[data-contrast=high]{--muted: var(--text);--line: color-mix(in srgb, var(--text) 45%, transparent)}:root[data-contrast=high] .bubble{border-color:var(--line)}:root[data-wallpaper=dots] .timeline{background-image:radial-gradient(color-mix(in srgb,var(--text) 9%,transparent) 1px,transparent 1px);background-size:18px 18px}:root[data-wallpaper=mist] .timeline{background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 10%,var(--bg)),var(--bg) 60%)}:root[data-wallpaper=sand] .timeline{background:linear-gradient(200deg,color-mix(in srgb,#d97706 10%,var(--bg)),var(--bg) 65%)}:root[data-wallpaper=rinjani-day] .timeline,:root[data-wallpaper=rinjani-night] .timeline{background-size:cover;background-position:center;background-attachment:local}:root[data-wallpaper=rinjani-day] .timeline{background-image:linear-gradient(color-mix(in srgb,var(--bg) 55%,transparent),color-mix(in srgb,var(--bg) 55%,transparent)),url(/wallpapers/rinjani-day.webp)}:root[data-wallpaper=rinjani-night] .timeline{background-image:linear-gradient(color-mix(in srgb,var(--bg) 45%,transparent),color-mix(in srgb,var(--bg) 45%,transparent)),url(/wallpapers/rinjani-night.webp)}.settings-view{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;background:var(--bg)}.settings-head{display:flex;align-items:center;gap:8px;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));border-bottom:1px solid var(--line);background:var(--surface)}.settings-head h2{flex:1;font-size:17px}.settings-back{display:none}.settings-body{flex:1;min-height:0;display:flex;max-width:1100px;width:100%;margin:0 auto}.settings-nav{width:340px;flex:none;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:2px;border-right:1px solid var(--line)}.settings-me{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;border:0;background:var(--surface);text-align:left;color:var(--text);margin-bottom:8px}.settings-me-text{flex:1;min-width:0;display:flex;flex-direction:column}.settings-me.on,.settings-link.on{background:var(--accent-soft)}.settings-link{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:10px;border:0;background:transparent;text-align:left;color:var(--text)}.settings-link:hover{background:var(--surface-2)}.settings-link-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--surface);color:var(--accent);flex:none;border:1px solid var(--line)}.settings-link-text{display:flex;flex-direction:column;min-width:0}.settings-page{flex:1;min-width:0;overflow-y:auto;padding:20px 24px 40px}.settings-page>.settings{max-width:620px}.settings-pick{margin-top:40px;text-align:center}.settings-view.at-page .settings-back{display:none}@media (max-width: 760px){.settings-nav{width:100%;border-right:0}.settings-view.at-home .settings-page,.settings-view.at-page .settings-nav{display:none}.settings-view.at-page .settings-back{display:grid}.settings-page{padding:16px}}.choice-list{display:flex;flex-direction:column;gap:6px}.choice{flex-direction:row;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);color:var(--text);font-size:inherit;font-weight:400;cursor:pointer}.choice.on{border-color:var(--accent);background:var(--accent-soft)}.choice.disabled{opacity:.6;cursor:default}.choice input{width:auto}.choice-text{display:flex;flex-direction:column}.dot-available{background:#22c55e!important}.dot-busy{background:#f59e0b!important}.dot-dnd{background:#ef4444!important}.dot-invisible{background:transparent!important;border:2px solid var(--muted);width:9px!important;height:9px!important}.link-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.link-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--text);text-decoration:none}.link-row>span{display:flex;flex-direction:column}.link-row:hover{border-color:var(--accent)}.swatches{display:flex;gap:10px;flex-wrap:wrap}.swatch{width:40px;height:40px;border-radius:50%;border:2px solid var(--line);padding:0}.swatch.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.wallpapers{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.wallpaper-pick{height:76px;border-radius:12px;border:2px solid var(--line);display:flex;align-items:flex-end;padding:6px 8px;font-size:12px;font-weight:500;color:var(--text);background:var(--bg);background-size:cover;background-position:center}.wallpaper-pick span{background:color-mix(in srgb,var(--surface) 85%,transparent);padding:1px 6px;border-radius:6px}.wallpaper-pick.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.wp-dots{background-image:radial-gradient(color-mix(in srgb,var(--text) 14%,transparent) 1px,transparent 1px);background-size:10px 10px}.wp-mist{background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 22%,var(--bg)),var(--bg))}.wp-sand{background:linear-gradient(200deg,color-mix(in srgb,#d97706 22%,var(--bg)),var(--bg))}.wp-rinjani-day{background-image:url(/wallpapers/rinjani-day.webp)}.wp-rinjani-night{background-image:url(/wallpapers/rinjani-night.webp)}.app-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.app-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--text);text-decoration:none;height:100%}.app-card>span{display:flex;flex-direction:column;min-width:0}.app-card img{border-radius:12px;flex:none}a.app-card:hover{border-color:var(--accent)}.app-card.soon{opacity:.75}.warn-banner{border-color:color-mix(in srgb,var(--warn) 50%,var(--line))}.warn-banner>svg{color:var(--warn)}.requests summary{cursor:pointer}.pad-x{padding:0 8px;margin:0 0 6px}.rail-btn{position:relative}.rail-dot{position:absolute;top:7px;right:7px;width:8px;height:8px;border-radius:50%;background:#22c55e;border:2px solid var(--surface-2)}.list-head{padding:0 4px;align-items:center}.list-head .list-label{margin:10px 4px 4px}.channels-head{margin-top:12px;border-top:1px solid var(--line);padding-top:4px}.status-row{display:flex;align-items:center;gap:4px}.status-row .contact-row{flex:1}.status-ring{padding:2px;border-radius:50%;display:inline-grid;flex:none}.status-ring.unseen{background:conic-gradient(#22c55e,#0f766e,#22c55e)}.status-ring.seen{background:color-mix(in srgb,var(--muted) 45%,transparent)}.status-ring.none{background:transparent}.status-ring>.avatar{border:2px solid var(--surface);box-sizing:content-box}.status-text-input{color:#fff;font-size:20px;font-weight:600;text-align:center;border:0;border-radius:14px;padding:28px 18px;min-height:180px;resize:none}.status-text-input::placeholder{color:#ffffffb3}.swatch.small{width:28px;height:28px}.status-media-preview{display:grid;place-items:center;background:#000;border-radius:12px;overflow:hidden;max-height:320px}.status-media-preview img,.status-media-preview video{max-width:100%;max-height:320px;object-fit:contain}.pick-people{max-height:300px;overflow-y:auto}.pick-people .check{gap:10px;padding:4px 0}.file-btn{cursor:pointer}.story{position:fixed;inset:0;z-index:95;background:#0b0d0f;color:#fff;display:flex;flex-direction:column}.story-bars{display:flex;gap:4px;padding:10px 12px 0;padding-top:max(10px,env(safe-area-inset-top))}.story-bar{flex:1;height:3px;border-radius:2px;background:#ffffff4d;overflow:hidden}.story-bar>span{display:block;height:100%;background:#fff}.story-head{display:flex;align-items:center;gap:10px;padding:10px 12px}.story-head .icon-btn{color:#fff}.story-who{flex:1;display:flex;flex-direction:column;min-width:0}.story-who .small{opacity:.7}.story-stage{position:relative;flex:1;min-height:0;overflow:hidden}.story-text{position:absolute;inset:0;margin:auto;height:calc(100% - 8px);width:auto;max-width:calc(100% - 24px);aspect-ratio:9 / 14;border-radius:16px;display:grid;place-items:center;padding:28px;overflow:hidden}.story-text p{font-size:clamp(20px,3.4vw,30px);font-weight:600;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.story-media{position:absolute;inset:0 12px;display:grid;place-items:center}.story-media img,.story-media video{position:absolute;inset:0;margin:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:10px}.story-caption{position:absolute;bottom:12px;left:50%;transform:translate(-50%);max-width:90%;background:#0000008c;padding:6px 12px;border-radius:10px;text-align:center;white-space:pre-wrap}.story-tap{position:absolute;top:0;bottom:0;width:30%;border:0;background:transparent;cursor:pointer}.story-tap.left{left:0}.story-tap.right{right:0}.story-foot{padding:10px 12px calc(14px + env(safe-area-inset-bottom))}.story-reply{display:flex;gap:8px;max-width:560px;margin:0 auto}.story-reply input{background:#ffffff1f;border-color:#fff3;color:#fff;border-radius:999px;padding:10px 16px}.story-viewers{display:flex;align-items:center;justify-content:space-between;gap:10px;max-width:560px;margin:0 auto;flex-wrap:wrap}.story-viewers .link{color:#fff}.story-viewers ul{list-style:none;margin:0;padding:8px 0;width:100%;display:flex;flex-direction:column;gap:6px}.story-viewers li{display:flex;align-items:center;gap:8px}.story-empty{margin:auto;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center}.channel-foot{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 16px 18px;color:var(--muted);font-size:13px;text-align:center;border-top:1px solid var(--line)}.org-head{display:flex;gap:12px;align-items:center;margin-bottom:12px}.org-head p{margin:0}.add-member{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--line);border-radius:12px}.btn.danger-outline{color:var(--err);border-color:color-mix(in srgb,var(--err) 40%,var(--line))}.updates .contact-row{border:0;background:transparent}.updates .contact-row:hover{background:var(--surface-2)}.net-messenger{background:#e0e7ff;color:#3730a3}:root[data-theme=dark] .net-messenger{background:#1e2448;color:#a5b4fc}.inbox-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px 16px;border-bottom:1px solid var(--line);background:var(--surface-2)}.inbox-bar.closed{background:color-mix(in srgb,var(--warn) 10%,var(--surface))}.inbox-window{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.inbox-controls{display:flex;gap:6px}.inbox-controls select{width:auto;padding:4px 8px;font-size:12px}.inbox-modes{display:flex;gap:6px;padding:6px 16px 0}.note-chip.on{background:#fef3c7;color:#92400e}:root[data-theme=dark] .note-chip.on{background:#3f321a;color:#fcd34d}.composer.note-mode textarea{background:#fffbeb;border-color:#f59e0b}:root[data-theme=dark] .composer.note-mode textarea{background:#2a2414}.bubble.note-msg{background:#fef3c7!important;border-color:#fcd34d!important;color:#78350f}:root[data-theme=dark] .bubble.note-msg{background:#3f321a!important;border-color:#a16207!important;color:#fde68a}.note-label{color:#b45309;font-weight:600}.quick-replies{display:flex;flex-direction:column;margin:0 16px;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 6px 20px #0000001a}.quick-reply{display:flex;gap:8px;border:0;background:transparent;text-align:left;padding:6px 8px;border-radius:7px;min-width:0}.quick-reply:hover{background:var(--surface-2)}.quick-short{width:130px;flex:none}.conv-status{font-size:10px;text-transform:uppercase;letter-spacing:.04em;padding:1px 6px;border-radius:999px;background:var(--surface-3);color:var(--muted);flex:none}.conv-status.pending{background:#fef3c7;color:#92400e}.template-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:50vh;overflow-y:auto}.template-row{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text)}.template-row:hover{border-color:var(--accent)}.template-preview{padding:10px 12px;border-radius:10px;background:var(--mine);white-space:pre-wrap}.notice-box{padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);display:flex;flex-direction:column;gap:6px}.copyable{user-select:all;padding:6px 8px;background:var(--surface);border-radius:6px;overflow-wrap:anywhere}.connect-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.connect-card{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.connect-card.off{opacity:.6}.connect-card .net{align-self:flex-start}.account-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.account-row{border:1px solid var(--line);border-radius:12px;background:var(--surface)}.account-head{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;padding:10px 12px;text-align:left;color:var(--text)}.account-body{padding:0 12px 12px}.manual-wa{padding:10px;border:1px dashed var(--line);border-radius:12px}