@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;450;500;550;600;650&display=swap');
:root{font-family:'Golos Text',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;color:#2d3344;background:#f7f8fa;font-synthesis:none;--accent:#515ed4;--line:#e9ebf1;--muted:#8790a1}*{box-sizing:border-box}body{margin:0}h1,h2,p{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:0;color:inherit}button:disabled{cursor:default}a{color:inherit;text-decoration:none}code,textarea{font-family:Consolas,'SFMono-Regular',monospace}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b1b8f0;outline-offset:4px}input:focus,textarea:focus{outline:0}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sprite{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}::selection{background:#dfe3ff}html{scroll-behavior:smooth}main{max-width:1000px;padding:0 30px 45px;margin:auto}
header{display:flex;align-items:center;justify-content:space-between;padding:26px 0 0}.brand{font-size:24px;font-weight:650;letter-spacing:-1.1px}.brand span{color:var(--accent)}.demo-tag{font-size:12px;color:#939aaa;border:1px solid #e2e5ec;border-radius:5px;padding:4px 8px}.page-heading{margin:30px 0 25px}h1{font-size:30px;font-weight:600;letter-spacing:-.9px;line-height:1.3}.page-heading p{font-size:14px;color:var(--muted);margin-top:10px;line-height:1.7}
.links-panel{background:#fff;border:1px solid #e0e4eb;border-radius:12px;overflow:hidden;box-shadow:0 3px 8px #23334a02}.links-panel section+section{border-top:1px solid #e0e4eb}.links-panel h2{font-size:14px;font-weight:550;padding:17px 24px 8px;color:#4f5871}.links-panel h2>span{font-size:12px;color:#9ca4b4;font-weight:400;margin-left:9px}.channel-card{display:grid;grid-template-columns:164px minmax(0,1fr) 104px;gap:18px;align-items:start;padding:13px 24px;margin:0}.channel-card+.channel-card{border-top:1px solid #f0f2f6}.channel-card:last-child{padding-bottom:20px}.channel-name{padding-top:16px;font-size:14px;font-weight:450;display:block;line-height:1.4}.channel-name>span{display:block;font-size:11px;color:#9aa2b1;font-weight:400;margin-top:5px}.field-stack{min-width:0}.url-shell{border:1px solid #dce1eb;border-radius:7px;background:#fff;transition:border-color .15s}.url-shell:focus-within{border-color:#858fe0;box-shadow:0 0 0 3px #515ed408}.url-shell.invalid{border-color:#d39797}.url-shell textarea{display:block;width:100%;height:56px;min-height:56px;resize:vertical;background:none;border:0;border-radius:7px;color:#53627f;font-size:13px;line-height:1.6;padding:8px 12px;overflow-wrap:anywhere}.url-shell textarea::placeholder{font-family:'Golos Text',sans-serif;color:#a9b0bf;font-size:13px}.error{color:#b45f5f;font-size:12px;line-height:1.6;margin-top:7px}.repair-button{color:#626dc0;background:#f0f2fc;padding:7px 9px;text-align:left;font-size:12px;line-height:1.6;border-radius:5px;margin-top:7px;max-width:100%;overflow-wrap:anywhere}
.card-footer{padding-top:7px}.card-status{display:none}.card-actions{display:flex;flex-direction:column;align-items:stretch;gap:6px}.save-button{font-size:13px;font-weight:450;padding:11px 12px;border-radius:6px;background:var(--accent);color:white;min-height:40px;white-space:nowrap}.save-button:hover:not(:disabled){background:#424fc0}.save-button:disabled{background:#f1f3f8;color:#a5adbc}.save-button.saved:disabled{background:#f1f7f3;color:#70947f}.cancel-button{background:none;color:#989faf;font-size:11px;padding:2px 5px;align-self:center}.cancel-button:hover{color:#596883}.preview{margin-top:7px}.preview summary{cursor:pointer;font-size:11px;color:#919aae;list-style:none;width:fit-content;line-height:1.7}.preview summary::before{content:'+';display:inline-block;margin-right:6px;width:7px}.preview[open] summary::before{content:'−'}.preview summary::-webkit-details-marker{display:none}.preview-content{background:#f6f7fb;border-radius:6px;padding:12px;margin-top:7px}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#939cae;font-size:11px}.preview-url{display:block;overflow-wrap:anywhere;font-size:12px;line-height:1.8;color:#707e99;margin-top:7px}.preview-url mark{color:#4a5ac0;background:#e5e9ff;padding:1px 2px;border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.copy-button{background:none;color:#929db2;display:grid;place-items:center;width:27px;height:27px;border-radius:5px}.copy-button:disabled{opacity:.35}.copy-button:hover:not(:disabled){background:#e8ebf6;color:var(--accent)}.copy-button .icon{width:15px;height:15px}.field-help{font-size:11px;line-height:1.8;color:#99a1b1;margin-top:8px}.field-help code{font-size:11px}.demo-note{font-size:12px;line-height:1.7;color:#959dad;margin:16px 1px}
.disclosure{margin-top:17px}.disclosure>summary{font-size:12px;color:#8b94a7;cursor:pointer;width:fit-content;list-style:none}.disclosure>summary::after{content:'⌄';margin-left:7px;color:#a6acba}.disclosure[open]>summary::after{content:'⌃'}.disclosure summary::-webkit-details-marker{display:none}.help-content{background:white;border:1px solid var(--line);border-radius:9px;margin-top:13px;padding:21px}.help-content p{font-size:13px;line-height:1.8;color:#8c96a8}.help-content>code{display:block;font-size:12px;line-height:1.8;overflow-wrap:anywhere;background:#f6f7fb;color:#7887a3;border-radius:5px;padding:10px 12px;margin:10px 0}.help-content p code{font-size:12px;color:#7785a1}.help-controls{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:17px}.help-controls label{font-size:12px;color:#8c95a7}.help-controls input{min-height:34px;width:105px;border:1px solid #dce1eb;border-radius:5px;padding:7px 9px;color:#677694;font-size:13px}.help-controls input:focus{border-color:var(--accent)}.text-button{padding:6px 0;background:none;color:#818bb4;font-size:12px;text-align:left;line-height:1.6}.text-button:hover{color:var(--accent)}.help-controls .text-button{margin-left:auto}.history{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.history>summary{font-size:12px;cursor:pointer;color:#78849d}.history>summary span{font-size:11px;color:#a3aabb;margin-left:8px}.empty-history{padding:13px 0}.history-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 15px;padding:15px 0;border-bottom:1px solid var(--line)}.history-label{font-size:12px;color:#7a87a1}.history-label>span{margin-left:10px;font-size:10px;color:#a7afbf}.history-row code{font-size:11px;line-height:1.8;overflow-wrap:anywhere;color:#8f9ab1;grid-column:1}.restore-button{grid-column:2;grid-row:1 / span 2;align-self:center;background:#f2f4fb;color:#7c88b4;border-radius:5px;padding:8px;font-size:11px}.reset-button{color:#a2aaba;margin-top:12px}
dialog{width:500px;max-width:calc(100vw - 32px);max-height:90dvh;overflow:auto;border:1px solid #e2e6ef;border-radius:12px;padding:24px;background:#fff;color:#39465e;box-shadow:0 25px 90px #19274430}dialog::backdrop{background:#20294365;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-heading h2{font-size:19px;font-weight:550}.icon-button{display:grid;place-items:center;flex-shrink:0;background:#f5f6fa;color:#919daf;border-radius:5px;width:30px;height:30px}#dialog-body{color:#8793a6;font-size:14px;line-height:1.8;padding:16px 0 22px}#dialog-body code{display:block;overflow-wrap:anywhere;background:#f3f5fa;padding:12px;border-radius:6px;font-size:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);padding-top:17px}.button{font-size:13px;padding:10px 15px;border-radius:6px}.primary{color:white;background:var(--accent)}.secondary{background:#f2f4f8;color:#8792a7}#toast{position:fixed;bottom:23px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;background:#323d57;color:white;border-radius:8px;padding:13px 17px;max-width:calc(100vw - 32px);width:max-content;font-size:12px;line-height:1.7;box-shadow:0 8px 30px #2b38592a;z-index:20}#toast .icon{color:#b5c9eb;width:17px;height:17px}
@media(max-width:760px){main{padding:0 22px 35px}.channel-card{grid-template-columns:125px minmax(0,1fr) 97px;gap:12px;padding-left:19px;padding-right:19px}.links-panel h2{padding-left:19px}.channel-name{font-size:13px}.channel-name>span{font-size:10px}.url-shell textarea{font-size:12px;min-height:64px}.save-button{font-size:12px}.card-footer{padding-top:11px}}
@media(max-width:580px){main{padding:0 17px 30px}header{padding-top:20px}.brand{font-size:22px}.page-heading{margin:26px 0 22px}h1{font-size:26px}.page-heading p{font-size:13px;max-width:300px}.links-panel{border-radius:10px}.links-panel h2{padding:18px 17px 0;font-size:15px}.links-panel h2>span{font-size:11px}.channel-card{grid-template-columns:minmax(0,1fr) auto;padding:17px;gap:10px 12px}.channel-name{grid-column:1 / -1;padding-top:0;font-size:14px;display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.channel-name>span{margin:0;font-size:11px}.field-stack{grid-column:1 / -1;grid-row:2}.url-shell textarea{font-size:16px;line-height:1.65;height:80px;min-height:80px;padding:10px 12px}.url-shell textarea::placeholder{font-size:14px}.card-footer{grid-column:1 / -1;padding:0}.card-actions{flex-direction:row-reverse;align-items:center;gap:16px}.save-button{font-size:12px;min-height:37px;padding:9px 15px}.cancel-button{padding:8px 0;font-size:12px}.channel-card:last-child{padding-bottom:18px}.preview summary{font-size:12px}.preview-url{font-size:12px}.field-help,.field-help code{font-size:11px}.demo-note{font-size:11px;margin-top:13px}.help-content{padding:17px}.help-controls .text-button{margin:0;width:100%}.history>summary span{display:block;margin:6px 0 0}.history-row{grid-template-columns:1fr}.history-label>span{display:block;margin:5px 0}.restore-button{grid-column:1;grid-row:3;justify-self:start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* A light visual finish, keeping the compact six-row layout. */
:root{background:#f4f6f9;--accent:#5463d6;--muted:#7b879b;color:#2b354c}
body{background:radial-gradient(ellipse at 50% 0,#edf1fb80,transparent 60%);min-height:100vh}
header{padding-top:30px}.brand{display:flex;align-items:center;font-size:25px;letter-spacing:-1px}.brand .brand-symbol{display:grid;place-items:center;width:31px;height:31px;background:#5260cc;color:#fff;border-radius:10px;margin-right:9px;box-shadow:0 3px 7px #5260cc24}.brand-symbol .icon{width:22px;height:22px;stroke-width:2}.demo-tag{background:#fff9;border-color:#e1e6ef;border-radius:20px;padding:5px 11px;color:#8994a8}
.page-heading{margin:32px 0 28px}h1{font-size:32px;letter-spacing:-1px;color:#273249}.page-heading p{color:#8490a3}
.links-panel{border-color:#e0e5ed;border-radius:17px;box-shadow:0 12px 35px -22px #293c6933,0 2px 5px #344a7203}.links-panel section+section{border-color:#e7ebf2}.links-panel h2{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:550;color:#44516b;padding:19px 24px 9px}.links-panel h2>span{color:#8d99ad;font-size:12px;margin-left:2px}.links-panel h2 .service-symbol{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:8px;margin:0;font-size:14px;font-weight:600}.service-symbol .icon{width:16px;height:16px;stroke-width:1.7}.links-panel h2 .planfix-symbol{background:#edf5f0;color:#6b9f84}.links-panel h2 .telegram-symbol{background:#edf4fb;color:#639dcc}.links-panel h2 .happ-symbol{background:#f0edfa;color:#9280c0}
.channel-card{padding-top:12px;padding-bottom:15px;transition:background .15s}.channel-card:focus-within{background:#fafbff}.channel-card+.channel-card{border-color:#f0f2f6}.channel-card:last-child{padding-bottom:22px}.channel-name{font-weight:500;color:#49566e}.channel-name>span{color:#8a98ad;font-size:12px}
.url-shell{border-color:#e1e6ef;background:#f8fafd;border-radius:10px;box-shadow:inset 0 1px 2px #243b6802;transition:border-color .15s,box-shadow .15s,background .15s}.url-shell:hover{border-color:#cfd7e6}.url-shell:focus-within{background:#fff;border-color:#96a1e3;box-shadow:0 0 0 3px #6878df10}.url-shell.invalid{border-color:#d39797}.url-shell textarea{border-radius:10px;padding:9px 13px;color:#4d5e7b}.url-shell textarea::placeholder{color:#94a2b8}
.save-button{border-radius:9px;font-weight:500;box-shadow:0 2px 4px #5260cc14;transition:background .15s,box-shadow .15s}.save-button:hover:not(:disabled){background:#4757c3;box-shadow:0 3px 8px #5260cc22}.save-button:disabled{background:#edf0f8;color:#8491af;box-shadow:none}.save-button.saved:disabled{background:#edf6f1;color:#658d78}
.preview-content{border:1px solid #e8edf7;border-radius:8px;background:#f5f7fc}.preview summary{color:#8392ad}.demo-note{color:#8b98ae;margin-top:17px}.disclosure{margin-top:19px}.disclosure>summary{color:#7f8faa;font-size:12px;padding-bottom:3px}.disclosure>summary:hover{color:#5565b7}
@media(max-width:760px){.links-panel h2{padding-left:19px}.channel-name>span{font-size:11px}}
@media(max-width:580px){header{padding-top:22px}.brand{font-size:23px}.brand .brand-symbol{width:28px;height:28px;border-radius:9px}.page-heading{margin:27px 0 24px}h1{font-size:27px}.links-panel{border-radius:13px}.links-panel h2{padding:17px 17px 4px;font-size:15px}.links-panel h2>span{font-size:11px}.links-panel h2 .service-symbol{width:26px;height:26px;border-radius:7px}.channel-card{padding:16px 17px}.channel-card:last-child{padding-bottom:18px}.channel-name{font-weight:500}.channel-name>span{font-size:11px}.url-shell textarea{padding:10px 12px}.save-button{border-radius:8px}.demo-note{margin-top:14px}}

/* Green, black and gold palette, including every interactive state. */
:root{color-scheme:dark;--accent:#5abd84;--line:#28372e;--muted:#9daf9f;--gold:#d5b76d;background:#0b100d;color:#e2e9df}
body{background:radial-gradient(ellipse at 45% 0,#17342488,transparent 60%)}
::selection{background:#36593f;color:#fff6dc}button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:var(--gold)}
.brand{color:#e7edde}.brand span{color:var(--gold)}.brand .brand-symbol{background:#1d3526;color:var(--gold);box-shadow:inset 0 0 0 1px #41513a,0 3px 10px #0003}.demo-tag{background:#151e17;border-color:#38452d;color:#c1ad77}
.page-heading h1{color:#eadbb4}.page-heading p{color:#a0afa2}
.links-panel{background:#141d17;border-color:#394334;box-shadow:0 20px 55px -20px #0008,0 1px 0 #cfb9760d inset}.links-panel section+section{border-color:#303c30}.links-panel h2{color:#d5bd83}.links-panel h2>span{color:#9eaf9f}.links-panel h2 .planfix-symbol,.links-panel h2 .telegram-symbol,.links-panel h2 .happ-symbol{background:#223628;color:#d5bd83;box-shadow:inset 0 0 0 1px #354833}
.channel-card+.channel-card{border-color:#233026}.channel-card:focus-within{background:#18251b}.channel-name{color:#dce5d7}.channel-name>span{color:#9caf9d}
.url-shell{background:#0e1711;border-color:#2e4133;box-shadow:inset 0 1px 3px #0002}.url-shell:hover{border-color:#49624a}.url-shell:focus-within{background:#101b14;border-color:#a9955a;box-shadow:0 0 0 3px #c3a86612}.url-shell textarea{color:#d7e8d9;caret-color:#ddc682}.url-shell textarea::placeholder{color:#8c9f8e}.url-shell.invalid{border-color:#c5896f}.error{color:#e3b395}.repair-button{color:#dbc482;background:#2b2d1d}
.save-button{background:#5abd84;color:#0b2414;box-shadow:0 3px 9px #0003}.save-button:hover:not(:disabled){background:#71cc97;box-shadow:0 4px 12px #0b130950}.save-button:disabled{background:#213b2a;color:#94b59c;box-shadow:inset 0 0 0 1px #304b37}.save-button.saved:disabled{background:#203f2c;color:#a4d4b4;box-shadow:inset 0 0 0 1px #355d41}.cancel-button{color:#a2b3a2}.cancel-button:hover{color:#e3d29d}
.preview summary{color:#b6aa7e}.preview summary:hover{color:#e1c77f}.preview-content{border-color:#304230;background:#101c14}.preview-heading{color:#a4b3a1}.preview-url{color:#b9c9b9}.preview-url mark{color:#e9d08c;background:#3a3e22}.copy-button{color:#a5ba9d}.copy-button:hover:not(:disabled){background:#2a3f29;color:#e7ce8b}.field-help{color:#a0b19b}.field-help code{color:#bac7a6}
.demo-note{color:#9bab99}.disclosure>summary{color:#c1b381}.disclosure>summary::after{color:#ab9c6c}.disclosure>summary:hover{color:#ecd298}
.help-content{background:#141d17;border-color:#354230}.help-content p{color:#adbdab}.help-content>code{background:#0e1711;color:#bcccac}.help-content p code{color:#d0c48d}.help-controls label{color:#a4b4a0}.help-controls input{background:#0e1711;border-color:#344936;color:#d2e1c8}.help-controls input:focus{border-color:#c3aa68}.text-button{color:#cbb77b}.text-button:hover{color:#e9d390}.history>summary{color:#cfba80}.history>summary span{color:#9bad97}.history-label{color:#c1cfb5}.history-label>span{color:#96aa90}.history-row code{color:#a7bea0}.restore-button{background:#243524;color:#d4c182}.restore-button:hover{background:#30442d}.reset-button{color:#acb59b}
dialog{background:#151f18;border-color:#415038;color:#e1e6d5;box-shadow:0 25px 90px #0009}dialog::backdrop{background:#030805b3}.dialog-heading h2{color:#e5d3a3}.icon-button{background:#243125;color:#b4c4a8}#dialog-body{color:#b1bfab}#dialog-body code{background:#0e1811;color:#cbdbbf}.primary{background:#5abd84;color:#0b2414}.primary:hover{background:#71cc97}.secondary{background:#29392a;color:#c0cdb4}#toast{background:#243c2a;border:1px solid #4b633e;color:#e4ebd9;box-shadow:0 8px 30px #0006}#toast .icon{color:#dfc781}.help-content .error{color:#e3b395}

/* Self-hosted sign-in and connection settings. */
html[data-mode=server] .demo-only,html[data-mode=server] #workspace:not([data-ready]){display:none!important}
#account-menu{display:flex;align-items:center;gap:15px;font-size:12px;color:#b8c6af}#account-menu .text-button{font-size:12px}#session-status{color:#a7b89f;font-size:14px;margin-top:40px}
#login-panel{max-width:390px;margin:65px auto 0;padding:28px;border:1px solid #394334;border-radius:16px;background:#141d17;box-shadow:0 20px 55px -20px #0008}#login-panel h1{font-size:25px;color:#eadbb4}#login-panel>p{font-size:13px;line-height:1.7;color:#a0afa2;margin-top:9px}#login-form{margin-top:24px}#login-form label{display:block;font-size:13px;color:#c3cdbb;margin:17px 0 8px}#login-form input{display:block;width:100%;min-height:44px;padding:10px 12px;border:1px solid #344936;border-radius:8px;background:#0e1711;color:#e1e8d8;font-size:16px}#login-form input:focus{border-color:#c3aa68;box-shadow:0 0 0 3px #c3a86612}#login-button{margin-top:22px;width:100%;min-height:43px}#login-button:disabled{opacity:.65}
#connection-settings{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}#connection-settings h2{font-size:14px;font-weight:500;color:#d5bd83;margin-bottom:8px}.connection-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 14px;padding:15px 0;border-bottom:1px solid #28372e}.connection-row strong{font-size:12px;font-weight:500;color:#c5d2bc}.connection-row code{grid-column:1;font-size:12px;line-height:1.8;overflow-wrap:anywhere;color:#b6c8a9}.connection-row button{grid-column:2;grid-row:1 / span 2;align-self:center}.url-shell textarea:disabled{opacity:.65}
@media(max-width:580px){#login-panel{margin-top:40px;padding:23px}#account-menu{gap:10px;font-size:11px}.connection-row{grid-template-columns:1fr}.connection-row button{grid-column:1;grid-row:3;justify-self:start}}