:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f2f3f5;font-synthesis:none;--surface:#26323f;--inset:#2d3b4a;--line:#ffffff1f;--muted:#b5c1cf;--quiet:#8d9dae;--accent:#9fbdd9;background:#1e2835;font-family:Segoe UI Variable,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 15% 0,#2b3b4c66,#0000 55%),linear-gradient(135deg,#0000 49.9%,#9fbdd905 50%,#0000 50.1%) 0 0/160px 160px;min-width:280px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer;transition:background .13s,border-color .13s,transform .1s}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.layout{max-width:980px;margin:auto;padding:24px 28px}header{border:1px solid var(--line);background:#1b2430;border-radius:20px;align-items:center;gap:12px;min-height:80px;padding:16px 20px;display:flex;box-shadow:0 8px 24px #10172220}header b{font-size:15px;font-weight:600}header small{color:var(--quiet);margin-top:4px;font-size:12px;display:block}.brand{color:var(--accent);background:linear-gradient(145deg,#40576d,#263c50);border:1px solid #9fbdd933;border-radius:12px;flex-shrink:0;place-content:center;width:42px;height:42px;text-decoration:none;display:grid}.icon{vertical-align:middle;flex-shrink:0;width:20px;height:20px}.brand .icon{width:24px;height:24px}.pilot{border:1px solid var(--line);color:var(--muted);background:#26323f;border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:5px 10px;font-size:12px;display:inline-flex}.pilot:before{content:"";background:#7dbf9d;border-radius:50%;width:5px;height:5px}main{max-width:660px;margin:48px auto 0}.eyebrow{letter-spacing:1.6px;color:var(--accent);font-size:11px;font-weight:600}h1{letter-spacing:-.6px;overflow-wrap:anywhere;margin:12px 0;font-size:clamp(26px,4vw,30px);font-weight:600;line-height:1.25}.intro{color:var(--muted);margin:0 0 24px;font-size:14px;line-height:1.6}nav{border:1px solid var(--line);background:#1b2430;border-radius:16px;gap:4px;margin-bottom:16px;padding:6px;display:flex}nav button{min-height:40px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:11px;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:inline-flex}nav button:hover{background:#354657}nav button[aria-current]{color:#f2f3f5;background:#40576d;border-color:#9fbdd91f;font-weight:600;box-shadow:0 2px 6px #10172230}nav .icon{width:18px;height:18px}.card{border:1px solid var(--line);background:radial-gradient(ellipse at top left, #9fbdd90a, transparent 65%), var(--surface);border-radius:20px;padding:24px;animation:.2s ease-out enter;box-shadow:0 12px 32px #10172226,inset 0 1px #ffffff04}.illustration{width:56px;height:56px;color:var(--accent);background:linear-gradient(135deg,#40576d,#2d3b4a);border:1px solid #9fbdd92b;border-radius:14px;place-content:center;margin-bottom:24px;display:grid;box-shadow:inset 0 1px #ffffff0a}.illustration .icon{width:28px;height:28px}.tag{letter-spacing:1px;color:var(--quiet);font-size:11px;font-weight:600}h2{letter-spacing:-.35px;margin:10px 0 12px;font-size:22px;font-weight:600}.card p,li{color:var(--muted);font-size:14px;line-height:1.7}li{margin-bottom:12px;padding-left:4px}li::marker{color:var(--accent);font-weight:600}ol{margin:20px 0;padding-left:22px}.muted,.footnote{color:var(--quiet)}.primary{color:#152638;background:#f3f1eb;border:1px solid #ffffff40;border-radius:11px;justify-content:center;align-items:center;gap:20px;min-height:40px;margin-top:16px;padding:9px 18px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 2px 6px #10172220}.primary:hover:not(:disabled){background:#fffdf7}.primary .icon{width:18px;height:18px}.footnote{margin-top:16px;font-size:12px;line-height:1.6}label{margin:24px 0 8px;font-size:13px;font-weight:600;display:block}input{border:1px solid var(--line);background:var(--inset);width:100%;min-height:42px;color:inherit;border-radius:11px;padding:10px 14px;transition:border-color .13s}input::placeholder{color:var(--quiet)}input:hover{border-color:#9fbdd966}.logout{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:11px;min-height:40px;margin-top:16px;padding:9px 16px;font-size:13px;display:block}.logout:hover,.actions button:hover:not(:disabled){color:#f2f3f5;background:#354657}.error,.card .error{color:#d97c7c}p[role=status]{color:#7dbf9d;font-size:13px;line-height:1.6}footer{color:var(--quiet);justify-content:space-between;align-items:center;margin:24px 0;font-size:12px;display:flex}footer .icon{color:var(--accent);width:16px;height:16px}.spinner{border:2px solid var(--line);border-top-color:var(--accent);vertical-align:middle;border-radius:50%;width:18px;height:18px;margin-right:8px;animation:1s linear infinite spin;display:inline-block}.channel-row{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.channel-row b{overflow-wrap:anywhere;font-size:16px;font-weight:600;display:block}.channel-row small{color:var(--quiet);margin-top:6px;font-size:12px;display:block}.actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.actions button{background:var(--inset);color:var(--muted);border:1px solid var(--line);border-radius:11px;min-height:40px;padding:9px 14px;font-size:13px}.confirmation{background:var(--inset);border:1px solid #e8b65055;border-radius:14px;margin-top:16px;padding:16px}.confirmation p{margin-top:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.layout{padding:16px}header{gap:10px;min-height:72px;padding:14px}header b{font-size:14px}header small{font-size:11px}.pilot{padding:5px 8px;font-size:11px}main{margin-top:32px}.card{border-radius:18px;padding:20px}nav button{gap:6px;padding:8px 6px;font-size:12px}nav .icon{width:17px;height:17px}.primary{width:100%}}@media (width<=340px){header small{display:none}nav button{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}[hidden]{display:none!important}.posts-heading{justify-content:space-between;align-items:center;gap:12px;margin:24px 0 16px;display:flex}.posts-heading h2{margin-bottom:0}.posts-heading .primary{white-space:nowrap;margin-top:0}.secondary,.danger-button{border:1px solid var(--line);background:var(--inset);min-height:40px;color:var(--muted);border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:13px;display:inline-flex}.secondary:hover:not(:disabled){color:#f2f3f5;background:#354657}.danger-button{color:#d97c7c;background:0 0}.posts-space>.actions{margin-bottom:16px}.empty-posts{text-align:center;margin-top:16px;padding:32px 24px}.empty-posts h3{font-size:19px;font-weight:600}.empty-pencil{background:var(--inset);width:52px;height:52px;color:var(--accent);border-radius:14px;place-content:center;margin:0 auto 20px;font-size:28px;display:grid}.draft-list{border:1px solid var(--line);background:var(--surface);border-radius:18px;margin-top:16px;overflow:hidden}.draft-item{border:0;border-bottom:1px solid var(--line);width:100%;color:inherit;text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.draft-item:last-child{border-bottom:0}.draft-item:hover{background:var(--inset)}.draft-item>div{min-width:0}.draft-item b{overflow-wrap:anywhere;font-size:15px;font-weight:600;display:block}.draft-item small{-webkit-line-clamp:2;color:var(--quiet);overflow-wrap:anywhere;-webkit-box-orient:vertical;margin-top:6px;font-size:13px;display:-webkit-box;overflow:hidden}.draft-item>span{color:var(--accent);white-space:nowrap;font-size:11px}.editor-meta{justify-content:space-between;align-items:center;gap:12px;margin:16px 0;display:flex}.save-state{color:var(--quiet);font-size:12px}.editor-card label:first-child{margin-top:0}.field-hint{margin-top:6px;color:var(--quiet)!important;font-size:12px!important}.format-toolbar{border:1px solid var(--line);background:#1b2430;border-bottom:0;border-radius:11px 11px 0 0;flex-wrap:wrap;gap:4px;padding:6px;display:flex}.format-toolbar button{width:36px;height:36px;color:var(--muted);background:0 0;border:0;border-radius:7px;font-size:16px}.format-toolbar button:hover{color:#fff;background:#40576d}.mark-bold{font-weight:700}.mark-italic{font-style:italic}.mark-underline{text-decoration:underline}.mark-strikethrough{text-decoration:line-through}textarea{resize:vertical;width:100%;min-height:240px;font:inherit;color:inherit;border:1px solid var(--line);background:#22303e;border-radius:0 0 11px 11px;padding:16px;font-size:14px;line-height:1.75;display:block}textarea::placeholder{color:var(--quiet)}textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.text-meta{color:var(--quiet);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:8px;font-size:11px;display:flex}.text-meta>span:last-child{white-space:nowrap}.buttons-panel{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}.buttons-panel summary{cursor:pointer;color:var(--muted);font-size:14px}.buttons-panel summary span{float:right;color:var(--quiet);font-size:12px}.buttons-panel>.secondary{margin-top:12px}.button-row{background:var(--inset);border-radius:12px;align-items:center;gap:12px;margin-top:12px;padding:12px;display:flex}.button-row>div{flex:1;min-width:0}.button-row b{font-size:13px}.button-row small{color:var(--quiet);overflow-wrap:anywhere;margin-top:4px;font-size:12px;display:block}.preview-heading{justify-content:space-between;align-items:center;gap:12px;margin:24px 0 12px;display:flex}.preview-heading small{color:var(--quiet);font-size:11px}.telegram-preview{background:#263a49;border:1px solid #9fbdd92b;border-radius:16px 16px 16px 4px;max-width:480px;padding:18px;box-shadow:0 6px 18px #10172224}.preview-channel{color:var(--accent);margin-bottom:12px;font-size:13px;font-weight:600}.preview-text{white-space:pre-wrap;overflow-wrap:anywhere;min-height:44px;font-size:14px;line-height:1.7}.preview-text code{color:#c5d7e8;background:#15263888;border-radius:4px;padding:1px 3px}.preview-text a{color:var(--accent)}.spoiler{color:#0000;background:#9fbdd944;border-radius:3px}.spoiler:hover{color:inherit;background:0 0}.preview-link{text-align:center;color:var(--accent);overflow-wrap:anywhere;background:#9fbdd915;border-radius:8px;margin-top:8px;padding:10px;font-size:13px;text-decoration:none;display:block}.preview-link:hover{background:#9fbdd92b}.invalid-link{color:#d97c7c}.editor-warning{color:#e8b650;font-size:12px;line-height:1.6}.editor-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.editor-actions .primary,.confirmation .primary{margin-top:0}@media (width<=600px){.posts-heading .primary{width:auto;padding:9px 12px;font-size:12px}.posts-heading h2{font-size:20px}.preview-heading{flex-direction:column;align-items:flex-start;gap:6px}.draft-item{gap:12px;padding:16px}.draft-item>span{font-size:10px}.editor-actions .secondary{flex:1}.editor-meta .secondary{font-size:12px}.save-state{font-size:11px}.confirmation .actions{flex-wrap:wrap}nav button{gap:5px;padding:8px 4px}nav .icon{width:16px;height:16px}}.publishing-space{border-top:1px solid var(--line);margin-top:32px;padding-top:24px}.publish-card h3{margin:10px 0 0;font-size:20px;font-weight:600}select{width:100%;min-height:42px;font:inherit;background:var(--inset);color:inherit;border:1px solid var(--line);border-radius:11px;padding:10px 14px;font-size:14px;display:block}select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.publish-card .primary{margin-top:0}.publications-heading{justify-content:space-between;align-items:center;gap:12px;margin:24px 0 12px;display:flex}.publications-heading h3{margin:0;font-size:17px;font-weight:600}.publication-list{border:1px solid var(--line);background:var(--surface);border-radius:16px;overflow:hidden}.publication-item{border-bottom:1px solid var(--line);padding:18px}.publication-item:last-child{border-bottom:0}.publication-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.publication-top b{overflow-wrap:anywhere;font-size:14px}.publication-item>small{color:var(--quiet);margin-top:8px;font-size:11px;display:block}.publication-status{color:var(--accent);white-space:nowrap;background:#9fbdd915;border-radius:6px;padding:4px 7px;font-size:11px}.status-published{color:#7dbf9d;background:#7dbf9d15}.status-failed{color:#d97c7c;background:#d97c7c15}.status-unknown{color:#e8b650;background:#e8b65015}.status-canceled{color:var(--quiet)}.publication-item>a{color:var(--accent);margin-top:12px;font-size:12px;text-decoration:none;display:block}.publication-item>p{font-size:13px;line-height:1.7}.publication-item>.secondary{margin-top:12px}.snapshot-preview{border-left:2px solid var(--accent);white-space:pre-wrap;overflow-wrap:anywhere;background:#1b2430;max-height:220px;margin:16px 0;padding:12px;font-size:13px;line-height:1.7;overflow:auto}@media (width<=600px){.publish-card .actions{flex-direction:column}.publication-top{flex-wrap:wrap}.publication-item .actions{flex-direction:column}}
