:root{--bg:#f6f7f9;--ink:#182b39;--muted:#7d8993;--line:#e6e9ec;--green:#3b7566;--orange:#d78058;--side:#192c39;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-size:14px;line-height:1.5}button,input,textarea{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d7805899;outline-offset:3px}[hidden]{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:222px;background:var(--side);color:#e8eff2;padding:35px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font-weight:650;font-size:24px;letter-spacing:-.7px}.logo{display:inline-block;font-size:38px;font-weight:800;letter-spacing:-6px;line-height:1}.logo span{color:var(--orange);font-size:45px}.brand small{display:block;font-size:8px;font-weight:500;letter-spacing:2px;color:#99aab4;margin-top:2px}.nav-label{font-size:8px;letter-spacing:1.4px;color:#92a2ac;margin-top:64px;margin-left:14px}nav{display:grid;gap:7px;margin-top:14px}nav a{padding:12px 14px;border-radius:7px;font-size:12px;color:#b6c1c8;display:flex;align-items:center;gap:12px}nav a.active,nav a:hover{background:#2b414d;color:#fff}nav a span{font-size:19px;line-height:1;color:#aabdbd}.sidebar-foot{margin-top:auto;border-top:1px solid #344752;padding-top:23px;display:flex;align-items:center;gap:11px;font-size:12px}.avatar{background:#43574f;color:#ecf2d7;width:33px;height:33px;border-radius:50%;display:grid;place-items:center}.sidebar-foot small{display:block;font-size:10px;color:#92a2ac}.icon-btn{margin-left:auto;background:none;border:0;color:#aabcc6;font-size:20px}main{margin-left:222px;padding:0 46px;max-width:1580px}header{height:83px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:11px}.breadcrumb{color:#78848d}.breadcrumb span{padding:0 12px;color:#b6bec4}.private{color:#6f7e87;font-size:10px;background:#edf0f3;padding:6px 10px;border-radius:5px}.intro{display:flex;align-items:center;justify-content:space-between;margin:35px 0 28px;gap:20px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.6px;color:#8b979f}h1{font-size:36px;line-height:1.2;letter-spacing:-1.4px;margin:9px 0 10px;font-weight:600}h1 span{color:var(--orange)}.intro p{color:#7c8992;margin:0;font-size:12px}.button{border:1px solid transparent;border-radius:6px;padding:11px 17px;font-size:11px;font-weight:600;white-space:nowrap;transition:background .18s}.secondary{background:#fff;border-color:#dce1e5;color:#455762}.secondary:hover{background:#edf1f3}.primary{background:var(--ink);color:white}.primary:hover{background:#2e4656}.primary span{margin-left:18px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:28px}.metric{border:1px solid var(--line);border-radius:9px;background:#fff;padding:19px 22px}.metric>span{font-size:11px;color:#77858f}.metric strong{font-size:23px;font-weight:550;display:flex;align-items:center;gap:9px;letter-spacing:-.5px;margin:9px 0 6px}.metric:first-child strong{font-size:18px;min-height:35px}.metric em{font-size:10px;color:#87939b;font-style:normal;font-weight:400;letter-spacing:0;margin-left:3px}.metric small{font-size:10px;color:#94a0a8}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5c9e89;flex-shrink:0}.dot.gray{background:#a7b0b6}.dot.orange{background:#d39a56}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:22px}.editor,.destination,.journal{background:#fff;border:1px solid var(--line);border-radius:10px}.editor{padding:24px 27px 0;min-width:0}.section-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}h2{font-size:19px;font-weight:600;letter-spacing:-.4px;margin:4px 0 0}.saved{font-size:9px;color:var(--green);background:#edf5f0;padding:5px 9px;border-radius:4px}.saved.unsaved{background:#fff4e7;color:#a36c32}.field-head{display:flex;align-items:center;gap:8px}label{font-size:11px;font-weight:600}.count{display:inline-grid;place-items:center;padding:1px 6px;min-width:20px;background:#f0f3f5;font-size:9px;border-radius:4px;color:#7c8a94}.hint{font-size:10px;color:#8b969e;margin:6px 0 12px}textarea,input{width:100%;border:1px solid #e0e6e9;border-radius:6px;background:#fbfcfd;padding:12px 14px;color:#415662;font-size:12px;outline:none}textarea{resize:vertical;line-height:1.95}textarea:focus,input:focus{border-color:#8ca99c;box-shadow:0 0 0 3px #edf5ef}#sources{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;min-height:159px}.tags-head{margin-top:25px}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{padding:4px 9px;background:#f1f4f5;border:1px solid #e8edef;border-radius:4px;font-size:10px;color:#5d707b}.tag:last-child{color:#73816a}details{margin-top:13px}summary{font-size:10px;color:#647b73;cursor:pointer;list-style:none;width:fit-content;padding:4px 0}summary::-webkit-details-marker{display:none}summary span{margin-left:6px}details textarea{margin-top:10px}details[open]+.editor-footer{margin-top:20px}.editor-footer{border-top:1px solid var(--line);margin-top:24px;min-height:77px;display:flex;align-items:center;justify-content:space-between;gap:12px}.editor-footer>span{font-size:9px;color:#98a2a9}.right-column{display:grid;align-content:start;gap:19px}.destination{padding:24px}.telegram-icon{width:41px;height:41px;border:1px solid #dee8ed;background:#f0f5f7;color:#638795;display:grid;place-items:center;border-radius:11px;font-size:24px;margin:23px 0 17px}.destination h2{font-size:18px}.destination label{display:block;font-size:10px;margin:25px 0 7px}.destination input{font-size:10px;padding:11px 10px}.note{display:flex;align-items:center;gap:6px;font-size:8px;color:#91a09d;margin-top:12px}.note .dot{width:5px;height:5px;background:#98b6a7}.how{background:#eaf0ec;border:1px solid #e0e8e1;border-radius:10px;padding:23px}.how .eyebrow{color:#7c9486}.how h3{font-size:17px;letter-spacing:-.3px;font-weight:550;margin:11px 0}.how p{font-size:10px;line-height:1.8;color:#819088;margin:9px 0}.flow{display:flex;justify-content:space-between;align-items:center;font-size:9px;gap:4px;margin:18px 0}.flow span{background:#f7faf7;border:1px solid #dce6dd;padding:7px 6px;border-radius:4px;color:#607c6a}.flow b{font-weight:400;color:#9bae9f}.journal{margin-top:25px;padding:25px 27px}.journal .section-top{margin-bottom:17px}.live-label{font-size:9px;color:#8b979e;display:flex;gap:6px;align-items:center}.empty{text-align:center;padding:23px 10px 27px}.empty>span{display:inline-grid;place-items:center;width:34px;height:34px;background:#f3f5f6;color:#a7b4b9;border-radius:9px;font-size:23px}.empty h3{font-size:12px;font-weight:500;margin:10px 0 5px}.empty p{font-size:10px;color:#9aa4ab;margin:0}.event{display:grid;grid-template-columns:65px 80px minmax(0,1fr);gap:15px;padding:12px 0;border-top:1px solid #f0f2f4;font-size:10px;align-items:start}.event time{color:#94a0a7}.event .kind{color:#718878}.event.error-row .kind{color:#b86850}.event .message{overflow-wrap:anywhere;color:#5b6c77}footer{display:flex;align-items:center;gap:15px;font-size:11px;padding:25px 0 30px;color:#8b98a0}footer>span{font-size:9px;color:#aab3ba}footer>span:last-child{margin-left:auto}#preview-banner{margin-top:17px;padding:9px 13px;border:1px solid #eadac6;border-radius:6px;background:#fcf7ed;color:#a57e4d;font-size:8px;font-weight:650;letter-spacing:.7px}#preview-banner span{font-size:10px;font-weight:400;letter-spacing:0;margin-left:12px}.error{padding:12px 15px;background:#fff0ec;color:#a45340;border:1px solid #efdbd4;border-radius:6px;font-size:12px;margin-bottom:16px}.login{position:fixed;inset:0;z-index:10;background:#f1f4f5ed;backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.login-card{width:min(400px,100%);padding:40px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 20px 70px #192c3910}.login-card .eyebrow{margin-top:24px}.login-card h2{font-size:25px;margin:10px 0}.login-card p{font-size:12px;color:var(--muted)}.login-card label{display:block;margin:23px 0 8px}.login-card button{width:100%}.login-card #login-error{color:#a45340;min-height:18px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#192c39;color:white;padding:14px 22px;border-radius:8px;box-shadow:0 8px 35px #192c3930;font-size:12px;z-index:20;max-width:90vw}
@media(min-width:1500px){main{padding-left:65px;padding-right:65px}.workspace{grid-template-columns:minmax(0,1fr) 330px}}@media(max-width:1150px){.sidebar{width:185px;padding:28px 16px}main{margin-left:185px;padding:0 26px}.workspace{grid-template-columns:minmax(0,1fr) 255px}h1{font-size:30px}.editor{padding:22px 20px 0}.destination,.how{padding:20px}.editor-footer{flex-wrap:wrap;padding:16px 0}.metric{padding:16px}.metric em{display:none}}@media(max-width:850px){.sidebar{position:static;width:auto;height:auto;padding:15px 22px;flex-direction:row;justify-content:space-between;align-items:center}.brand{font-size:21px}.logo{font-size:30px}.brand small,.nav-label,.sidebar-foot{display:none}nav{display:flex;margin:0;gap:0}nav a{font-size:11px;padding:9px}nav a span{display:none}main{margin-left:0;padding:0 22px}header{height:57px}.intro{margin:26px 0}.workspace{grid-template-columns:minmax(0,1fr) 250px}.metric:first-child strong{font-size:15px}.metric strong{font-size:22px}.metric small{font-size:9px}}@media(max-width:650px){main{padding:0 16px}header .private{display:none}h1{font-size:29px}.intro{align-items:flex-start;flex-direction:column;gap:15px}.intro .button{padding:9px 13px}.intro p{font-size:11px}.metrics{grid-template-columns:1fr;gap:9px;margin-bottom:18px}.metric{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:13px 16px}.metric strong,.metric:first-child strong{margin:0;font-size:17px;min-height:26px;justify-self:end}.metric small{grid-column:1/-1;font-size:9px}.workspace{grid-template-columns:1fr;gap:17px}.right-column{grid-template-columns:1fr}.destination .telegram-icon{display:none}.destination label{margin-top:18px}.how{padding:20px}.flow{max-width:320px}.editor-footer .button{margin-left:auto}.editor-footer>span{font-size:8px}.journal{padding:20px;margin-top:18px}.live-label{font-size:8px}.event{grid-template-columns:55px 1fr;gap:5px 12px}.event .message{grid-column:1/-1}.section-top{gap:7px}.section-top h2{font-size:17px}footer>span:first-child{display:none}#preview-banner span{display:block;margin:4px 0 0;font-size:9px}}
/* Forwarded message feed */
.forward-panel{min-width:0;background:#fff;border:1px solid var(--line);border-radius:10px;padding:21px 0 0;overflow:hidden}.forward-panel>.section-top{padding:0 20px;margin-bottom:0;align-items:center}.forward-panel h2{font-size:17px;line-height:1.4}.forward-panel>.hint{padding:0 20px;margin:7px 0 16px;font-size:9px}.forward-feed{height:420px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c8d5ce #f7f9f8;background:#f7f9f8;border-top:1px solid var(--line);padding:12px;overflow-anchor:none}.forward-feed:focus-visible{outline:2px solid #8ca99c;outline-offset:-2px}.forward-card{background:#fff;border:1px solid #e1e9e4;border-radius:8px;padding:14px;margin-bottom:10px;min-width:0}.forward-card:last-child{margin-bottom:0}.forward-card h3{margin:0;color:var(--green);font-size:12px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forward-meta{display:flex;gap:4px 10px;flex-wrap:wrap;color:#8b969e;font-size:9px;margin-top:4px}.forward-meta span{overflow-wrap:anywhere}.forward-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.7;color:#334b57;margin:12px 0}.forward-foot{display:flex;align-items:center;gap:8px;justify-content:space-between;font-size:9px;border-top:1px solid #eef2ef;padding-top:9px}.forward-tag{color:#8b969e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.forward-foot a{color:var(--green);flex-shrink:0}.forward-foot a:hover{text-decoration:underline}.forward-media{display:block;color:#8b969e;font-size:9px;margin-bottom:10px}.forward-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8b969e;padding:20px}.forward-empty>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eaf0ec;color:#91aa9b;font-size:22px}.forward-empty p{font-size:11px;line-height:1.8;max-width:210px;margin:14px 0 0}@media(max-width:650px){.forward-feed{height:350px}.forward-panel h2{font-size:18px}.forward-card h3{font-size:13px}.forward-body{font-size:13px}}
@media(max-width:650px){.right-column{display:contents}.forward-panel{grid-row:1}.editor{grid-row:2}}

.workspace{align-items:start}