:root{--bg: #f3f1ec;--panel: #ffffff;--panel-2: #f8f7f4;--line: #e4e1da;--ink: #1d2320;--muted: #6b726e;--accent: #0b6b4f;--accent-ink: #ffffff;--accent-soft: #e2f1ea;--bubble-in: #ffffff;--bubble-out: #dcf3e7;--bubble-tpl: #fff6df;--tpl-line: #e9c66b;--failed: #b4372d;--failed-soft: #fbe7e4;--cart: #9a6a00;--cart-soft: #fff1cf;--read: #1f7ae0;--chat-bg: #ece8df;--radius: 14px;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #0f1412;--panel: #161c19;--panel-2: #1b2320;--line: #26302c;--ink: #e8ece9;--muted: #93a09a;--accent: #2fb486;--accent-ink: #06130e;--accent-soft: #163428;--bubble-in: #1f2824;--bubble-out: #144233;--bubble-tpl: #3a3018;--tpl-line: #a8862e;--failed: #f08a80;--failed-soft: #3a1d1a;--cart: #e7b84a;--cart-soft: #3a2f12;--read: #5aa8ff;--chat-bg: #0c110f;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.4;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}input,textarea{font:inherit;color:inherit}code{background:var(--panel-2);padding:1px 6px;border-radius:6px;font-size:.9em}.muted{color:var(--muted)}.small{font-size:12.5px}.center-screen{min-height:100%;display:grid;place-items:center;padding:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:28px;width:min(420px,100%);box-shadow:0 10px 30px #0000000f}.card h1{font-size:22px;margin:0 0 6px;letter-spacing:-.01em}.login{display:flex;flex-direction:column;gap:10px;text-align:left}.login label{font-size:13px;font-weight:600;margin-top:8px}.login input{padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:var(--panel-2)}.login input:focus{outline:2px solid var(--accent);outline-offset:1px}.logo-mark{width:48px;height:48px;border-radius:14px;background:var(--accent);display:grid;place-items:center;margin-bottom:6px}.logo-mark svg{width:30px;fill:var(--accent-ink)}.btn{border:1px solid var(--line);background:var(--panel-2);padding:11px 16px;border-radius:10px;font-weight:600}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent}.btn:disabled{opacity:.6;cursor:default}.notice{padding:10px 12px;border-radius:10px;font-size:14px;margin:6px 0 0}.notice.ok{background:var(--accent-soft)}.notice.err{background:var(--failed-soft);color:var(--failed)}.spinner{width:22px;height:22px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin .8s linear infinite;margin:24px auto}.spinner.small{width:16px;height:16px;border-width:2px;margin:0;border-color:#fff6;border-top-color:var(--accent-ink)}@keyframes spin{to{transform:rotate(360deg)}}.layout{display:grid;grid-template-columns:360px minmax(0,1fr);height:100%;height:100dvh}.sidebar{min-width:0;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.main{min-width:0;min-height:0;display:flex}.placeholder{flex:1;display:grid;place-items:center;color:var(--muted);background:var(--chat-bg)}.side-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 16px 8px}.side-head h1{font-size:19px;margin:0;letter-spacing:-.01em}.side-head>div{display:flex;flex-direction:column;min-width:0}.side-head .small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn{border:0;background:transparent;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex:none}.icon-btn:hover{background:var(--panel-2)}.icon-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.search{padding:4px 16px 8px}.search input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--panel-2)}.search input:focus{outline:2px solid var(--accent);outline-offset:1px}.filters{display:flex;gap:6px;padding:0 16px 10px;overflow-x:auto}.chip{border:1px solid var(--line);background:transparent;padding:6px 12px;border-radius:999px;font-size:13px;white-space:nowrap}.chip.active{background:var(--accent);color:var(--accent-ink);border-color:transparent}.contact-list{list-style:none;margin:0;padding:0 8px 16px;overflow-y:auto;flex:1}.contact-list .empty{text-align:center;padding:32px 16px;color:var(--ink)}.contact{width:100%;display:flex;gap:12px;align-items:flex-start;text-align:left;border:0;background:transparent;padding:10px;border-radius:12px}.contact:hover{background:var(--panel-2)}.contact.selected{background:var(--accent-soft)}.contact-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.row{display:flex;align-items:center;justify-content:space-between;gap:8px}.name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time{font-size:12px;color:var(--muted);flex:none}.preview{color:var(--muted);font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact.unread .name,.contact.unread .preview{color:var(--ink);font-weight:700}.contact.unread .time{color:var(--accent);font-weight:600}.badge{background:var(--accent);color:var(--accent-ink);font-size:11.5px;font-weight:700;min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:grid;place-items:center;flex:none}.tag{align-self:flex-start;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--panel-2);color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag.failed{background:var(--failed-soft);color:var(--failed)}.tag.cart{background:var(--cart-soft);color:var(--cart)}.avatar{width:44px;height:44px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:700;font-size:15px;background:var(--accent-soft);color:var(--accent)}.avatar.failed{background:var(--failed-soft);color:var(--failed)}.avatar.cart{background:var(--cart-soft);color:var(--cart)}.conversation{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--chat-bg)}.conv-head{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--line)}.conv-head .avatar{width:40px;height:40px}.conv-title{display:flex;flex-direction:column;min-width:0}.conv-title strong,.conv-title .small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back{display:none}.messages{flex:1;overflow-y:auto;padding:16px clamp(12px,4vw,48px)}.day{text-align:center;margin:14px 0 10px}.day span{background:var(--panel);color:var(--muted);font-size:12px;padding:4px 10px;border-radius:8px;box-shadow:0 1px 1px #0000000d}.bubble-row{display:flex;margin:3px 0}.bubble-row.out{justify-content:flex-end}.bubble{max-width:min(560px,82%);padding:7px 10px 6px;border-radius:12px;box-shadow:0 1px 1px #0000000f;position:relative}.bubble.in{background:var(--bubble-in);border-top-left-radius:4px}.bubble.out{background:var(--bubble-out);border-top-right-radius:4px}.bubble.template{background:var(--bubble-tpl);border-left:3px solid var(--tpl-line)}.bubble.is-failed{outline:1px solid var(--failed)}.bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.bubble-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--cart);margin-bottom:3px}.bubble-error{display:block;font-size:12px;color:var(--failed);margin-top:4px}.meta{display:block;text-align:right;font-size:11px;color:var(--muted);margin-top:2px}.ticks{margin-left:3px;letter-spacing:-2px}.ticks.read{color:var(--read)}.ticks.failed{color:var(--failed);letter-spacing:0}.composer{background:var(--panel);border-top:1px solid var(--line);padding:8px 12px calc(10px + env(safe-area-inset-bottom))}.window{font-size:12.5px;padding:2px 4px 8px}.window.open{color:var(--accent)}.window.closed{color:var(--muted)}.compose-row{display:flex;gap:8px;align-items:flex-end}.compose-row textarea{flex:1;resize:none;border:1px solid var(--line);background:var(--panel-2);border-radius:22px;padding:11px 16px;max-height:160px;line-height:1.35}.compose-row textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.compose-row textarea:disabled{opacity:.6}.send{width:46px;height:46px;border-radius:50%;border:0;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;flex:none}.send:disabled{opacity:.45;cursor:default}.send svg{width:20px;height:20px;fill:currentColor}@media (max-width: 760px){.layout{grid-template-columns:minmax(0,1fr)}.layout.has-selection .sidebar{display:none}.layout:not(.has-selection) .main{display:none}.back{display:grid;margin-left:-8px}.side-head{padding-top:calc(14px + env(safe-area-inset-top))}.conv-head{padding-top:calc(10px + env(safe-area-inset-top))}.bubble{max-width:88%}}