*{box-sizing:border-box}body{color:#172d3b;background:#f3f6f5;margin:0;font-family:system-ui,sans-serif}main{max-width:720px;margin:12vh auto;padding:36px}h1{letter-spacing:-.04em;font-size:clamp(2rem,6vw,3.3rem);line-height:1.1}p{font-size:1.1rem;line-height:1.6}.eyebrow{color:#326b60;font-weight:600}.note{color:#53656e}.auth-card{background:#fff;border:1px solid #dce5e1;border-radius:20px;max-width:480px;margin:6vh auto}.auth-card h1{font-size:2rem}.auth-form{gap:18px;margin-top:28px;display:grid}label{gap:8px;font-weight:600;display:grid}input{width:100%;font:inherit;border:1px solid #aabbb3;border-radius:8px;padding:12px}input:focus-visible,button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #71b3a5}button,.button{color:#fff;font:inherit;cursor:pointer;background:#235b4e;border:1px solid #235b4e;border-radius:8px;padding:12px 18px;font-weight:600;text-decoration:none}button:disabled{opacity:.6;cursor:wait}.secondary{color:#235b4e;background:#fff}a{color:#235b4e}.field-note{color:#53656e;margin:0;font-size:.9rem}.error{color:#992d2d;margin:0;font-size:.95rem}.success{background:#e8f4ef;border-radius:8px;padding:12px;font-size:1rem}.actions,.workspace header{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.workspace{max-width:960px;margin:4vh auto}.workspace header{justify-content:space-between}.badge{background:#e0ebe6;border-radius:20px;padding:6px 12px;font-size:.9rem;display:inline-block}.empty-state{background:#fff;border:1px solid #dce5e1;border-radius:16px;margin-top:28px;padding:32px}@media (max-width:520px){main,.auth-card{margin:16px;padding:24px}}.inbox-workspace{max-width:1440px;margin:20px auto;padding:24px}.inbox-workspace h1{margin:8px 0 24px;font-size:2.4rem}.inbox-workspace .eyebrow{margin:0}.inbox-grid{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:20px;display:grid}.inbox-grid aside,.conversation-panel{background:#fff;border:1px solid #dce5e1;border-radius:14px;min-width:0;padding:20px}.inbox-grid h2{margin-top:0;font-size:1.2rem}.conversation-list{gap:8px;display:grid}.conversation{text-align:left;color:#172d3b;background:#fff;border-color:#dce5e1;gap:6px;width:100%;font-weight:400;display:grid}.conversation.selected{background:#e8f4ef;border-color:#235b4e}.conversation span{font-size:.85rem}.preview{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conversation-panel.empty-state{margin-top:0}.conversation-panel header{border-bottom:1px solid #dce5e1;padding-bottom:16px}.message-history{flex-direction:column;gap:14px;height:min(50vh,600px);padding:20px 4px;display:flex;overflow-y:auto}.message{overflow-wrap:anywhere;background:#f3f6f5;border-radius:12px;align-self:flex-start;min-width:180px;max-width:88%;padding:14px 16px}.message.outbound{background:#e8f4ef;align-self:flex-end}.message p{white-space:pre-wrap;margin:0 0 8px;font-size:1rem}.message small,.send-status{color:#53656e;font-size:.8rem}.send-status{margin-top:8px;font-weight:600}.send-status.accepted{color:#235b4e}.send-status.failed,.send-status.unknown{color:#992d2d}.text-button{color:#235b4e;background:0 0;border:0;margin-right:14px;padding:8px 0;font-size:.8rem;text-decoration:underline}.reply-composer{border-top:1px solid #dce5e1;padding-top:20px}textarea,select{font:inherit;color:inherit;resize:vertical;border:1px solid #aabbb3;border-radius:8px;width:100%;padding:12px}textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #71b3a5}.composer-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.draft-conflict,.attempt-history{background:#fff8e8;border:1px solid #c89439;border-radius:10px;margin:12px 0;padding:16px}.draft-conflict blockquote{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 16px}.connection-card{background:#fff;border:1px solid #dce5e1;border-radius:12px;margin:16px 0;padding:20px}@media (max-width:900px){.inbox-grid{grid-template-columns:1fr}.conversation-list{max-height:220px;overflow:auto}.message-history{height:45vh}}.channels-workspace{max-width:1280px;margin:24px auto;padding:32px}.channels-workspace h1{letter-spacing:-.025em;margin:12px 0;font-size:2rem}.channels-workspace h2{margin:0 0 20px;font-size:1.25rem}.channels-intro{color:#53656e;margin-bottom:32px;font-size:1rem}.channel-list{background:#fff;border:1px solid #dce5e1;border-radius:16px;padding:24px}.channels-empty{text-align:center;color:#53656e;padding:24px}.channels-empty>span{color:#235b4e;background:#eef4f1;border-radius:50%;place-items:center;width:48px;height:48px;font-size:1.5rem;display:inline-grid}.channels-empty h3{color:#172d3b;margin-bottom:4px;font-size:1rem}.channels-empty p{margin-top:4px;font-size:.95rem}.channel-columns,.channel-row{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:20px;display:grid}.channel-columns{color:#53656e;padding-bottom:12px;font-size:.8rem}.channel-columns span:last-child{text-align:right}.channel-row.connection-card{border:0;border-top:1px solid #e6ece9;border-radius:0;margin:0;padding:20px 0}.channel-identity{align-items:center;gap:14px;min-width:0;display:flex}.channel-identity h3{overflow-wrap:anywhere;margin:0 0 4px;font-size:.95rem}.vk-mark,.test-channel-mark{color:#fff;background:#07f;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;display:inline-grid}.vk-mark svg{width:30px;height:30px}.test-channel-mark{background:#53656e}.channel-status{color:#53656e;background:#eef1f3;border-radius:20px;padding:6px 12px;font-size:.85rem;display:inline-block}.channel-status.connected{color:#235b4e;background:#e8f4ef}.channel-status.configuring{color:#805916;background:#fff5df}.channel-state p{overflow-wrap:anywhere;margin-top:10px}.channel-actions{justify-content:flex-end;gap:8px}.channel-actions button{padding:8px 12px;font-size:.85rem}.channel-catalog{margin-top:36px}.channel-tiles{grid-template-columns:repeat(auto-fill,minmax(240px,280px));gap:16px;display:grid}.channel-tile{color:#172d3b;background:#fff;border:1px solid #dce5e1;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:28px 24px 20px;transition:border-color .15s,box-shadow .15s;display:flex}.channel-tile:hover{border-color:#07f;box-shadow:0 6px 20px #0077ff12}.channel-tile .vk-mark{width:48px;height:48px;margin-bottom:6px}.channel-tile-name{font-size:1rem}.channel-tile-description{color:#53656e;font-size:.85rem;font-weight:400}.channel-tile-action{color:#07f;margin-top:8px;font-size:.85rem}.channels-history-note{margin-top:24px}.development-channels{margin-top:32px}summary{cursor:pointer}.vk-dialog{color:#172d3b;border:1px solid #dce5e1;border-radius:18px;width:min(640px,100% - 32px);max-height:calc(100dvh - 32px);padding:0;box-shadow:0 24px 80px #172d3b30}.vk-dialog::backdrop{background:#172d3b88}body:has(.vk-dialog[open]){overflow:hidden}.vk-dialog-header{border-bottom:1px solid #e6ece9;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.vk-dialog-header h2{margin:0;font-size:1.15rem}.dialog-close{padding:4px 10px;font-size:1.5rem;line-height:1.2}.vk-dialog-body{padding:24px}.vk-onboarding{gap:16px;display:grid}.vk-onboarding h3,.vk-onboarding p{margin:0}.vk-onboarding h3{font-size:1rem}.vk-onboarding p{font-size:.95rem}.manual-vk{border-top:1px solid #e6ece9;margin-top:28px;padding-top:20px;font-size:.9rem}.manual-vk .connection-card{padding:16px}.manual-vk code{overflow-wrap:anywhere}@media (max-width:700px){.channels-workspace{margin:0;padding:20px 16px}.channel-list{padding:20px 16px}.channel-columns{display:none}.channel-row{grid-template-columns:minmax(0,1fr);gap:14px}.channel-actions{justify-content:flex-start}.channel-tiles{grid-template-columns:minmax(0,1fr)}.vk-dialog-header,.vk-dialog-body{padding:20px 16px}.vk-dialog-header h2{font-size:1rem}}