:root{--mono: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--rail-w: 320px;--detail-w: 320px;--radius: 16px}:root,:root[data-theme=dark]{--acc: #ffffff;--acc-hover: #d7dbdc;--on-acc: #000000;--on-acc-dim: rgba(0, 0, 0, .55);--acc-dim: rgba(255, 255, 255, .1);--hover: rgba(255, 255, 255, .06);--bg: #000000;--panel: #000000;--panel-2: #16181c;--line: #2f3336;--text: #e7e9ea;--muted: #71767b;--dim: #565a5e;--red: #f4212e;--red-dim: rgba(244, 33, 46, .14);--blue: #1d9bf0;--amber: #ffd400;color-scheme:dark}:root[data-theme=light]{--acc: #0f1419;--acc-hover: #272c30;--on-acc: #ffffff;--on-acc-dim: rgba(255, 255, 255, .6);--acc-dim: rgba(15, 20, 25, .08);--hover: rgba(15, 20, 25, .05);--bg: #ffffff;--panel: #ffffff;--panel-2: #f0f3f4;--line: #e1e8ed;--text: #0f1419;--muted: #536471;--dim: #8b98a5;--red: #f4212e;--red-dim: rgba(244, 33, 46, .1);--blue: #1d9bf0;--amber: #ffad1f;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overflow:hidden}.pane-scroll,.thread-body,.filter-block{-webkit-overflow-scrolling:touch}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;color:var(--text)}.mono{font-family:var(--mono)}:focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.btn{background:transparent;color:var(--text);border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700;transition:border-color .15s,background .15s,color .15s}.btn:hover{background:var(--hover);border-color:var(--dim)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--acc);color:var(--on-acc);border-color:var(--acc);font-weight:700}.btn-primary:hover{background:var(--acc-hover);border-color:var(--acc-hover)}.lang-switch{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--line);border-radius:999px;background:var(--panel-2)}.lang-switch .seg{border:none;background:transparent;color:var(--muted);font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px;white-space:nowrap;transition:background .15s,color .15s}.lang-switch .seg:hover{color:var(--text)}.lang-switch .seg.active{background:var(--acc);color:var(--on-acc)}.btn-danger{background:var(--red);color:#fff;border-color:var(--red)}.btn-danger:hover{background:#d81b27;border-color:#d81b27}.btn-ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn-ghost:hover{color:var(--text);border-color:var(--line)}.btn-sm{padding:5px 9px;font-size:12px}.input{width:100%;background:var(--panel-2);border:1px solid transparent;border-radius:999px;padding:10px 14px;font-size:14px}.input:focus{background:var(--bg);border-color:var(--text);outline:none}textarea.input{resize:none;line-height:1.5;border-radius:18px}.app{display:grid;grid-template-columns:var(--rail-w) 1fr var(--detail-w);height:100vh;height:100dvh;overflow:hidden}.pane{min-width:0;height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column}.rail{background:var(--panel);border-right:1px solid var(--line)}.center{background:var(--bg)}.detail{background:var(--panel);border-left:1px solid var(--line)}.pane-head{padding:14px 16px;padding-top:calc(14px + env(safe-area-inset-top));border-bottom:1px solid var(--line);flex:0 0 auto}.pane-scroll{overflow-y:auto;flex:1 1 auto}.brand{display:flex;align-items:center;gap:10px;margin-bottom:12px}.brand-dot{width:10px;height:10px;border-radius:50%;background:var(--acc)}.brand-name{font-weight:700;letter-spacing:.02em}.brand-sub{color:var(--dim);font-size:11px;font-family:var(--mono)}.search{position:relative}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:var(--panel-2);color:var(--muted);font-size:12px;font-weight:500}.chip:hover{color:var(--text)}.chip.active{border-color:var(--acc);color:var(--acc);background:var(--acc-dim)}.chip .dot{width:8px;height:8px;border-radius:50%}.chip .count{font-family:var(--mono);font-size:11px;color:var(--dim)}.chip.active .count{color:var(--acc)}.filter-block{margin-top:12px;max-height:min(240px,38vh);overflow-y:auto;scrollbar-width:thin}.filter-row+.filter-row{margin-top:10px}.filter-row .chips{margin-top:0}.filter-caption{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.filter-caption .ico{font-family:var(--mono);font-size:12px;color:var(--muted)}.chip{min-height:28px;max-width:100%}.chip-text{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-account .chip-text{font-family:var(--mono);font-size:11.5px}.contact-row{display:flex;gap:11px;padding:12px 16px;border-bottom:1px solid var(--line);cursor:pointer;position:relative}.contact-row:hover,.contact-row.selected{background:var(--panel-2)}.contact-row.selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--acc)}.avatar{flex:0 0 auto;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:14px;color:var(--text);border:1px solid rgba(255,255,255,.06);overflow:hidden}.avatar-img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.thread-avatar{flex:0 0 auto;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:13px;color:var(--text);border:1px solid rgba(255,255,255,.06);overflow:hidden}.contact-main{min-width:0;flex:1}.contact-top{display:flex;align-items:baseline;gap:8px}.contact-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-handle{font-family:var(--mono);font-size:12px;color:var(--dim);white-space:nowrap}.contact-preview{color:var(--muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.contact-meta{display:flex;align-items:center;gap:6px;margin-top:6px;flex-wrap:wrap}.lang-pill{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.04em;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:1px 5px}.tag{font-size:10.5px;font-weight:500;border-radius:4px;padding:1px 6px;color:var(--bg);white-space:nowrap}.acct-pill{font-size:10.5px;font-weight:600;letter-spacing:.01em;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:1px 6px;white-space:nowrap}.row-label-add{font-size:10.5px;font-weight:600;color:var(--muted);background:transparent;border:1px dashed var(--line);border-radius:4px;padding:1px 6px;white-space:nowrap}.row-label-add:hover{color:var(--text);border-color:var(--dim)}.row-label-menu{position:absolute;z-index:40;top:100%;left:0;margin-top:4px;width:210px;padding:8px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px #00000059}.unread-dot{position:absolute;top:16px;right:14px;width:9px;height:9px;border-radius:50%;background:var(--blue)}.thread-head{display:flex;align-items:center;gap:12px;padding:12px 18px;padding-top:calc(12px + env(safe-area-inset-top));border-bottom:1px solid var(--line);flex:0 0 auto;flex-wrap:wrap}.thread-head .spacer{flex:1}.thread-title{display:flex;flex-direction:column}.thread-title .name{font-weight:600}.thread-title .sub{font-family:var(--mono);font-size:11px;color:var(--dim)}.thread-body{flex:1 1 auto;overflow-y:auto;padding:20px 18px;display:flex;flex-direction:column;gap:4px}.msg-row{display:flex;margin:6px 0}.msg-row.out{justify-content:flex-end}.bubble{max-width:68%;padding:10px 15px;border-radius:22px;position:relative;border:1px solid transparent}.msg-row.in .bubble{background:var(--panel-2);color:var(--text);border-bottom-left-radius:6px}.msg-row.out .bubble{background:var(--acc);color:var(--on-acc);border-bottom-right-radius:6px}.msg-row.out .bubble-foot{color:var(--on-acc-dim)}.msg-row.out .bubble-foot .status.sent{color:var(--on-acc)}.bubble-text{white-space:pre-wrap;word-break:break-word}.bubble-text.rtl{direction:rtl;text-align:right}.bubble-foot{display:flex;align-items:center;gap:8px;margin-top:5px;font-size:10.5px;font-family:var(--mono);color:var(--dim)}.bubble-foot .status{text-transform:uppercase;letter-spacing:.04em}.status.sent{color:var(--acc)}.status.draft{color:var(--muted)}.status.queued{color:var(--blue)}.status.failed{color:var(--red)}.status.received{color:var(--dim)}.orig-pop{position:absolute;bottom:calc(100% + 8px);left:0;min-width:220px;max-width:340px;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:10px 12px;box-shadow:0 12px 30px #0009;z-index:20}.msg-row.out .orig-pop{left:auto;right:0}.orig-pop .label{font-family:var(--mono);font-size:10px;color:var(--acc);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}.orig-pop .native{white-space:pre-wrap;word-break:break-word}.orig-pop .native.rtl{direction:rtl;text-align:right}.retry-line{display:flex;align-items:center;gap:8px;color:var(--red);font-size:12px;margin-top:6px}.composer{flex:0 0 auto;border-top:1px solid var(--line);padding:12px 16px 14px;padding-bottom:calc(14px + env(safe-area-inset-bottom));background:var(--panel)}.send-btn{flex:0 0 auto;width:40px;height:40px;padding:0;border-radius:50%;display:grid;place-items:center}.send-btn svg{width:18px;height:18px;display:block}.preview-line{font-size:12px;color:var(--muted);margin-bottom:8px;padding:8px 11px;border:1px dashed var(--line);border-radius:8px;background:var(--bg);min-height:34px}.preview-line .plabel{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--acc);margin-right:8px}.preview-line .ptext.rtl{direction:rtl;text-align:right;display:block;margin-top:4px}.preview-line .ptext.stale{opacity:.45}.preview-line .preview-btn{margin-left:8px;float:right}.composer-row{display:flex;gap:10px;align-items:flex-end}.composer-row textarea{flex:1}.detail-section{padding:16px;border-bottom:1px solid var(--line)}.detail-avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:700;margin:0 auto 10px;overflow:hidden}.detail-name{text-align:center;font-weight:700;font-size:16px}.detail-handle{text-align:center;font-family:var(--mono);font-size:12px;color:var(--dim)}.detail-stats{display:flex;justify-content:center;gap:18px;margin-top:12px}.stat{text-align:center}.stat .v{font-family:var(--mono);font-weight:600;color:var(--text)}.stat .k{font-size:10.5px;color:var(--dim);text-transform:uppercase;letter-spacing:.04em}.field-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--dim);margin-bottom:7px;font-weight:600}.label-list{display:flex;flex-wrap:wrap;gap:6px}.label-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:6px;font-size:12px;border:1px solid var(--line)}.label-chip .x{color:var(--dim);font-size:13px;line-height:1}.label-chip .x:hover{color:var(--red)}.label-add{display:inline-flex;align-items:center;gap:4px;border:1px dashed var(--line);color:var(--muted);border-radius:6px;padding:3px 8px;font-size:12px;background:transparent}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stack>*+*{margin-top:12px}.muted{color:var(--muted)}.dim{color:var(--dim)}.hint{font-size:11.5px;color:var(--dim)}.badge{font-family:var(--mono);font-size:10.5px;padding:3px 8px;border-radius:6px;border:1px solid var(--line);color:var(--muted);display:inline-flex;align-items:center;gap:6px}.badge.live{color:var(--acc);border-color:var(--acc);background:var(--acc-dim)}.badge .pulse{width:7px;height:7px;border-radius:50%;background:currentColor}.empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);text-align:center;padding:40px}.empty .big{font-size:15px;color:var(--text);font-weight:600}.error-banner{background:var(--red-dim);border:1px solid var(--red);color:var(--red);border-radius:8px;padding:10px 12px;font-size:13px;display:flex;align-items:center;gap:10px}.login-wrap{height:100vh;display:grid;place-items:center;background:radial-gradient(1000px 500px at 50% -10%,rgba(255,255,255,.05),transparent),var(--bg)}.login-card{width:360px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px}.login-card h1{font-size:18px;margin:4px 0 2px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;z-index:100}.modal{width:380px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px}.modal h2{font-size:15px;margin:0 0 14px}.color-grid{display:flex;gap:8px;flex-wrap:wrap}.swatch{width:26px;height:26px;border-radius:6px;border:2px solid transparent}.swatch.sel{border-color:var(--text)}.spacer{flex:1}.flex{display:flex;align-items:center;gap:8px}.between{display:flex;align-items:center;justify-content:space-between}.mobile-only{display:none}@media (max-width: 1080px){.app{grid-template-columns:var(--rail-w) 1fr}.detail{position:fixed;top:0;right:0;width:min(360px,88vw);z-index:60;transform:translate(100%);transition:transform .2s ease;box-shadow:-20px 0 40px #00000080}.detail.open{transform:translate(0)}.mobile-only{display:inline-flex}}@media (max-width: 720px){.app{grid-template-columns:1fr}.rail{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;width:100vw;transform:translate(0);transition:transform .2s ease}.rail.hide-mobile{transform:translate(-100%)}.input,textarea.input{font-size:16px}}@media (max-width: 1080px){.detail{padding-right:env(safe-area-inset-right)}}.theme-toggle{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;width:52px;height:28px;padding:3px;border-radius:999px;border:1px solid var(--line);background:var(--panel-2);color:var(--muted);position:relative;transition:background .15s,border-color .15s}.theme-toggle:hover{border-color:var(--dim);color:var(--text)}.theme-toggle svg{width:14px;height:14px;z-index:1}.theme-toggle .knob{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:var(--acc);transition:transform .2s ease}:root[data-theme=light] .theme-toggle .knob{transform:translate(0)}:root[data-theme=dark] .theme-toggle .knob,:root:not([data-theme=light]) .theme-toggle .knob{transform:translate(24px)}.theme-toggle .ti{flex:1;display:grid;place-items:center}:root[data-theme=light] .theme-toggle .ti-sun{color:var(--on-acc)}:root:not([data-theme=light]) .theme-toggle .ti-moon{color:var(--on-acc)}.thread-head .synced{color:var(--muted);font-size:12px;white-space:nowrap}.usage-days{display:flex;flex-direction:column;gap:4px}.usage-day{display:flex;align-items:center;gap:8px;font-size:12px}.usage-date{color:var(--muted);width:84px;flex:0 0 auto}.usage-bar-track{flex:1;height:8px;background:var(--panel-2);border-radius:999px;overflow:hidden}.usage-bar{display:block;height:100%;background:var(--acc);border-radius:999px;min-width:2px}.usage-num{width:40px;text-align:right;flex:0 0 auto}.ar-nav-btn{position:relative}.ar-nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;border-radius:9px;background:var(--blue);color:#fff;font-size:11px;font-weight:700;line-height:1}.ar-page{display:flex;flex-direction:column;height:100vh;background:var(--bg);color:var(--text)}.ar-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.ar-header-left{display:flex;align-items:center;gap:14px}.ar-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ar-interval{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.ar-interval .input{width:64px;padding:6px 8px;text-align:center}.ar-banners{padding:10px 20px 0;display:flex;flex-direction:column;gap:8px}.ar-body{display:flex;flex:1;min-height:0}.ar-side{width:360px;flex:0 0 360px;border-right:1px solid var(--line);overflow-y:auto;padding:16px}.ar-main{flex:1;min-width:0;display:flex;flex-direction:column}.ar-accounts{display:flex;flex-direction:column;gap:8px;margin-top:6px}.ar-account{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer;display:flex;flex-direction:column;gap:4px;color:var(--text)}.ar-account:hover{background:var(--panel-2)}.ar-account.active{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc)}.ar-account-top{display:flex;align-items:center;gap:8px}.ar-account-name{font-weight:700}.ar-account-sub{display:flex;align-items:center;justify-content:space-between;font-size:12px}.ar-badge{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--blue);color:#fff;font-size:11px;font-weight:700}.ar-targets{margin-top:4px}.ar-add{display:flex;gap:8px;margin-bottom:8px}.ar-add .input{flex:1}.ar-target-list{display:flex;flex-direction:column;gap:2px}.ar-target{display:flex;align-items:center;gap:8px;padding:6px 4px;border-bottom:1px solid var(--line)}.ar-target-handle{color:var(--blue);text-decoration:none;font-weight:600}.ar-target-handle:hover{text-decoration:underline}.ar-tabs{display:flex;align-items:center;gap:8px;padding:12px 20px;border-bottom:1px solid var(--line)}.ar-queue{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.ar-card{border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;background:var(--panel);display:flex;flex-direction:column;gap:10px;max-width:720px}.ar-card.sensitive{border-color:var(--red);background:var(--red-dim)}.ar-card-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ar-lf{font-size:10px;font-weight:800;letter-spacing:.04em;color:var(--on-acc);background:var(--acc);padding:1px 6px;border-radius:6px}.ar-block{display:flex;flex-direction:column;gap:4px}.ar-block-label{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.ar-block-label a{margin-left:6px;text-decoration:none}.ar-bitext{position:relative}.ar-text{white-space:pre-wrap;word-break:break-word;line-height:1.45}.ar-text.rtl{direction:rtl;text-align:right}.ar-sensitive-note .hint{color:var(--text)}.ar-error{color:var(--red);font-size:13px;background:var(--red-dim);border-radius:8px;padding:6px 10px;word-break:break-word}.ar-posted{color:var(--acc);font-weight:600;text-decoration:none;font-size:13px}.ar-posted:hover{text-decoration:underline}.ar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ar-edit{display:flex;flex-direction:column;gap:8px}.ar-textarea{min-height:80px;resize:vertical;width:100%;line-height:1.45}@media (max-width: 900px){.ar-body{flex-direction:column}.ar-side{width:auto;flex:none;border-right:none;border-bottom:1px solid var(--line)}}