@import url('/fonts.css');
:root{color-scheme:dark;--bg:#09090b;--panel:#121214;--line:#29282d;--text:#f4f2ec;--muted:#a4a1ad;--gold:#f6c94d;--pink:#f032d8;--purple:#b75cff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.5}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--purple);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1{font-size:34px;line-height:1.15;letter-spacing:-1.2px;margin-bottom:12px}h2{font-size:21px;letter-spacing:-.4px}h3{font-size:18px}small,.small{font-size:12px}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700}.gold-text,.dot{color:var(--gold)}.badge{border:1px solid #514427;color:#f4d98f;background:#211c11;padding:7px 12px;border-radius:100px;font-size:11px}.gold,.outline,.subtle,.danger{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:9px;padding:12px 18px;font-weight:600;border:1px solid transparent;font-size:13px}.gold{background:linear-gradient(115deg,#ffe59b,#e9b832);color:#171108;box-shadow:0 3px 16px #e9b83212}.gold:hover{background:#ffe6a3;color:#171108}.outline{border-color:#494238;background:#171614;color:#f5e9c8}.subtle{background:transparent;color:var(--muted)}.danger{color:#ffabae;background:#25171a;border-color:#5b3136}.wide{width:100%}.wide span{margin-left:auto}aside{position:fixed;inset:0 auto 0 0;width:234px;border-right:1px solid var(--line);padding:20px 16px;background:#0d0d0f;display:flex;flex-direction:column}.brand img{width:100%;display:block}.club{text-align:center;font-size:9px;letter-spacing:3px;color:#aaa4b0;margin-top:15px;margin-bottom:42px}nav{display:grid;gap:8px}nav a{display:flex;align-items:center;gap:14px;padding:12px 14px;color:var(--muted);font-size:14px;border:1px solid transparent;border-radius:8px}nav a.active{background:linear-gradient(100deg,#3b301a,#1a1711);border-color:#5c4824;color:#ffe3a0}nav a:hover{background:#1a191d}.side-bottom{margin-top:auto}.edition{font-size:11px;color:#e8cd89;border-top:1px solid var(--line);padding:20px 6px}.edition span{display:block;color:var(--muted);font-size:10px;margin-top:5px}main{margin-left:234px;padding:25px 42px 0;max-width:1660px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:46px;gap:16px;color:var(--muted)}.page-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.page-title p{margin-bottom:0}.hero{border:1px solid #514124;background:radial-gradient(ellipse at 77% 85%,#55331245,transparent 60%),linear-gradient(120deg,#17140f,#111013);border-radius:16px;min-height:275px;padding:34px;display:flex;align-items:center;overflow:hidden;position:relative;gap:10px}.hero>div{flex:1;z-index:1}.hero h2{font-size:31px;line-height:1.18;margin:14px 0;letter-spacing:-1px}.hero p{font-size:13px;color:#bdb5a4}.hero img{width:49%;object-fit:contain;filter:drop-shadow(0 0 30px #d5931120)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:22px 0 34px}.stats article{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.stats span{font-size:12px;color:#c3bec7}.stats strong{display:block;font-size:35px;line-height:1.2;margin:12px 0 6px}.stats small{font-size:10px;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.templates{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.template{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:23px;color:var(--text);transition:transform .15s,border-color .15s}.template:hover{transform:translateY(-3px);border-color:#9b7636}.template p{color:var(--muted);font-size:13px;min-height:42px}.template .gold-text{font-size:12px}.tile-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:#342913;color:#ffda72;font-size:22px;margin-bottom:18px}.purple{background:#301841;color:#d593ff}.pink{background:#38172f;color:#fa91dd}.notice{border:1px solid #343037;background:#141216;border-radius:11px;padding:18px 20px;margin:24px 0;font-size:12px;color:#bdb7c3;display:grid;gap:4px}.notice strong{color:#e9e2ee}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:26px;margin-bottom:20px}.step{background:#352b15;border:1px solid #675124;color:#ffdf81;width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;margin-right:9px}label{display:block;margin-bottom:18px;font-size:13px;font-weight:600}input,textarea,select{display:block;width:100%;margin-top:8px;padding:12px 13px;background:#0c0c0f;color:var(--text);border:1px solid #3b3840;border-radius:8px;min-width:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#727079}label small{display:block;color:var(--muted);font-weight:400;margin-top:8px}.check{display:flex;align-items:center;gap:10px}.check input{width:18px;height:18px;margin:0;accent-color:var(--gold)}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:32px}.preview-wrap{text-align:center;padding:10px 0;position:sticky;top:25px;height:590px}.phone{border:5px solid #363239;background:#060607;border-radius:37px;padding:17px 10px 15px;min-height:470px;text-align:left;display:flex;flex-direction:column;margin:18px 0}.phone-top{font-size:11px;padding:0 10px 15px;display:flex;justify-content:space-between}.phone-profile{padding:10px 3px;border-bottom:1px solid #29272d;display:flex;justify-content:space-between;font-size:13px}.phone-content{flex:1;text-align:center;padding:25px 8px}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;background:#29252d;border-radius:15px 15px 15px 3px;padding:14px;margin:20px 0;text-align:left;font-size:13px}.phone-input{border:1px solid #333039;border-radius:22px;padding:10px 13px;color:#827a8c;font-size:12px;display:flex;justify-content:space-between}.setup-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px}.help-card{align-self:start;position:sticky;top:24px}.help-card li{margin:14px 0;color:var(--muted);font-size:13px}.help-card ol{padding-left:18px}.copy-row{display:flex;gap:8px;align-items:center}.copy-row input{margin:0;font-size:12px}.copy-row button{padding:11px;font-size:12px}.rule-row{display:flex;justify-content:space-between;align-items:center;gap:18px}.rule-row h3{margin-bottom:7px}.rule-row p{margin-bottom:0;font-size:12px;color:var(--muted)}.rule-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.empty{text-align:center;padding:60px 25px;border:1px dashed #4a404d;border-radius:14px;color:var(--muted)}.empty h2{color:var(--text)}.activity-row{border-bottom:1px solid var(--line);padding:18px 0;display:grid;grid-template-columns:155px 130px 1fr;gap:15px;font-size:12px}.activity-row p{margin:0}.status-failed,.status-uncertain,.status-expired{color:#ffa8b5}.status-sent{color:#ead28c}footer{border-top:1px solid var(--line);margin-top:40px;padding:22px 0;font-size:11px;color:#8c858f;display:flex;gap:12px}footer a{margin-left:auto}.login{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(ellipse at 50% 45%,#38231755,transparent 65%)}.login-card{width:min(440px,100%);text-align:center;padding:30px;background:#101012;border:1px solid #4c3b22;border-radius:18px}.login-logo{width:100%;margin-bottom:24px}.login h1{font-size:29px}.login label{text-align:left}.login form{margin-top:24px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:min(620px,90vw);background:#f5df9e;color:#211705;padding:14px 22px;border-radius:10px;z-index:20;box-shadow:0 4px 30px #0008;font-size:13px}.document{margin:0 auto;max-width:900px;padding:40px 25px}.document h1{margin-top:30px}.document section{margin:35px 0}.document li{margin:12px 0}.document code{background:#26232b;padding:3px 6px;border-radius:4px;overflow-wrap:anywhere}.document a{color:var(--gold)}.document img{max-width:330px}.document pre{padding:18px;background:#19171d;border-radius:9px;white-space:pre-wrap}@media(min-width:1600px){main{margin-right:auto}.hero img{max-width:580px}.hero{min-height:320px}}@media(max-width:1100px){aside{width:200px}main{margin-left:200px;padding:25px}.hero{padding:26px}.hero h2{font-size:27px}.stats{gap:10px}.stats article{padding:14px}.editor-grid{grid-template-columns:1fr 240px;gap:20px}.setup-grid{grid-template-columns:1fr}.help-card{position:static}.templates{gap:10px}.template{padding:17px}}@media(max-width:760px){aside{position:static;width:100%;padding:12px;border-right:0;border-bottom:1px solid var(--line)}.brand img{width:190px;margin:auto}.club,.side-bottom{display:none}nav{display:flex;overflow-x:auto;margin-top:10px;gap:3px}nav a{white-space:nowrap;padding:9px;font-size:12px;gap:5px}main{margin:0;padding:22px 16px}header{margin-bottom:25px;align-items:start}.eyebrow{font-size:8px}h1{font-size:28px}.page-title{align-items:flex-start;flex-direction:column}.hero{flex-direction:column-reverse;padding:24px;align-items:flex-start}.hero img{width:100%;max-width:350px;align-self:center}.hero h2{font-size:28px}.stats{grid-template-columns:repeat(2,1fr)}.templates{grid-template-columns:1fr}.section-heading{display:block}.section-heading>span{display:block;margin-bottom:15px}.template p{min-height:0}.editor-grid{grid-template-columns:1fr}.preview-wrap{position:static;height:auto;max-width:290px;margin:auto}.card{padding:20px}.rule-row{align-items:start;flex-direction:column}.activity-row{grid-template-columns:1fr;gap:6px}.copy-row{flex-wrap:wrap}.copy-row input{flex:1;min-width:150px}}

.meta-guide{margin:20px 0 28px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#141215}.meta-guide details{border-top:1px solid var(--line);padding:13px 0}.meta-guide summary{cursor:pointer;font-weight:600;line-height:1.5;color:var(--gold)}.meta-guide p{font-size:13px;line-height:1.7;overflow-wrap:anywhere}.meta-guide a{text-decoration:underline}.meta-guide>.outline{margin:0 0 18px;text-decoration:none}.meta-guide details:first-of-type{border-top:0}#settings-form label small{display:block;font-weight:400;line-height:1.6;margin:6px 0;color:var(--muted)}@media(max-width:760px){.meta-guide{padding:14px}.meta-guide summary{min-height:44px;display:list-item}}
/* Conversation editors */
.list-tools,.field-pair,.map-toolbar,.map-footer,.dialog-footer{display:flex;gap:12px;align-items:center}.list-tools{margin-bottom:22px}.list-tools>input{flex:1;margin:0}.segmented{display:flex;gap:4px;border:1px solid #333;border-radius:12px;padding:4px;white-space:nowrap}.segmented button{padding:9px 12px}.selected{border-color:#f2cd54!important;background:#282313!important;color:#ffdc73!important}.flow-layout{display:grid;grid-template-columns:165px minmax(340px,1fr) 280px;gap:24px;align-items:start}.steps-nav{position:sticky;top:24px;display:grid;gap:7px}.steps-nav button{text-align:left;font-size:12px;background:transparent;color:#a9a9b4;padding:10px 8px;border:0;border-radius:8px;display:flex;gap:8px;align-items:center}.steps-nav span{border:1px solid #665829;border-radius:50%;min-width:22px;height:22px;text-align:center;line-height:21px}.flow-step{scroll-margin-top:20px}.flow-step h2{font-size:19px;display:flex;align-items:center;gap:10px}.trigger-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.trigger-cards label{padding:15px 9px;border:1px solid #36363b;border-radius:12px;font-size:12px;cursor:pointer}.trigger-cards label:has(input:checked){background:#302912;border-color:#e9be41}.trigger-cards input{width:auto;display:block;accent-color:#e9be41;margin:0 0 12px}.field-pair{align-items:start}.field-pair>*{flex:1;min-width:0}.flow-layout .preview-wrap{position:sticky;top:20px}.flow-layout .phone{width:100%;min-height:530px}.flow-layout .phone-content{height:430px;overflow:auto;display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:20px 12px}.phone-content .bubble{margin:0;max-width:93%;white-space:pre-wrap}.bubble.reply{align-self:flex-end;background:#245f99}.preview-button{padding:9px 13px;color:#f6d065;border:1px solid #9f812b;border-radius:18px;font-size:12px;align-self:center}#preview-post{white-space:pre-wrap;padding:16px;line-height:1.8;margin-bottom:12px}.save-bar{position:sticky;bottom:12px;background:#141415f5;border:1px solid #55472c;border-radius:14px;box-shadow:0 8px 35px #0008;padding:14px;display:flex;gap:10px;align-items:center;z-index:5}.save-bar>span{margin-left:auto;font-size:10px}.flow-layout label:has(+p){margin-bottom:8px}#selected-post{padding:12px 0}.flow-layout [hidden]{display:none!important}.flow-empty-icon{font-size:48px;color:#f3cb54;margin-bottom:15px}dialog{background:#131316;color:#eee;border:1px solid #48412c;border-radius:20px;width:min(800px,92vw);max-height:88vh;padding:24px}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}#media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-height:50vh;overflow:auto;margin:18px 0}.media-tile{padding:0;border:2px solid transparent;border-radius:12px;background:#222;text-align:left;overflow:hidden}.media-tile img,.media-placeholder{width:100%;height:180px;object-fit:cover}.media-tile span{display:block;padding:9px;font-size:11px;line-height:1.4;color:#eee}.media-placeholder{display:grid;place-items:center;font-size:40px}.dialog-footer{justify-content:space-between}.map-settings{display:grid;grid-template-columns:2fr .5fr 1.3fr 1.5fr 1fr 1fr;gap:12px}.map-settings label{font-size:12px}.map-settings input,.map-settings select{margin-top:6px}.map-toolbar{padding:12px 0;flex-wrap:wrap}.map-toolbar button{font-size:12px;padding:10px 12px}.map-layout{display:grid;grid-template-columns:minmax(400px,1fr) 300px;gap:16px}#map-viewport{height:65vh;min-height:480px;overflow:auto;border:1px solid #36332b;border-radius:15px;background-color:#0b0b0e;background-image:radial-gradient(#343126 1px,transparent 1px);background-size:22px 22px;position:relative}#map-canvas{width:4200px;height:4200px;position:relative}#map-lines{position:absolute;top:0;left:0;pointer-events:none}#map-lines path{fill:none;stroke:#9f8538;stroke-width:2}#map-lines text{font-size:11px;fill:#e5d49d}.map-node{position:absolute;width:250px;min-height:135px;border:1px solid #66572e;background:#141416;border-radius:12px;box-shadow:0 7px 20px #0008;overflow:hidden;cursor:pointer}.node-head{padding:13px;background:#242117;border-bottom:1px solid #514426;cursor:grab;touch-action:none;display:flex;justify-content:space-between;gap:10px}.node-head strong{font-size:12px}.map-node p{padding:0 13px;line-height:1.6;max-height:55px;overflow:hidden;color:#b7b6c0}.map-node .port{float:right;border:0;color:#ffe089;background:transparent;padding:5px 12px 12px;font-size:11px}.node-inspector{height:65vh;min-height:480px;overflow:auto;padding:20px;margin:0}.node-inspector h2{font-size:18px}.node-inspector label{font-size:12px}.node-inspector button{margin:5px 5px 5px 0;font-size:12px}.node-inspector input,.node-inspector textarea,.node-inspector select{padding:10px}.map-footer{justify-content:flex-end;margin:14px 0}.map-footer>span:first-child{margin-right:auto}.catalog-thumbnail{width:100%;max-height:180px;object-fit:cover;border-radius:10px}.map-settings .check input{width:auto}.list-tools button{font-size:12px}
@media(min-width:1500px){.flow-layout{grid-template-columns:175px minmax(420px,1fr) 300px;gap:30px}}@media(max-width:1250px){.flow-layout{grid-template-columns:minmax(330px,1fr) 270px}.steps-nav{display:none}.map-settings{grid-template-columns:repeat(3,1fr)}}@media(max-width:950px){.flow-layout{grid-template-columns:1fr}.flow-layout .preview-wrap{position:static;max-width:320px;margin:20px auto}.map-layout{grid-template-columns:1fr}.node-inspector{height:auto;min-height:0;max-height:600px}.save-bar>span{display:none}.map-settings{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.list-tools{align-items:stretch;flex-direction:column}.segmented{justify-content:space-between}.trigger-cards{grid-template-columns:1fr}.trigger-cards label{display:flex;gap:12px;align-items:center;padding:12px}.trigger-cards input{margin:0}.field-pair{flex-direction:column;gap:0}.field-pair>*{width:100%}.map-settings{grid-template-columns:1fr 1fr}.map-toolbar{gap:6px}.map-toolbar button{font-size:10px;padding:8px}#media-grid{grid-template-columns:repeat(2,1fr)}.media-tile img{height:140px}.map-footer{flex-wrap:wrap}.map-footer>span:first-child{width:100%}.save-bar{bottom:5px;padding:10px}.flow-step{padding:20px}.page-title .rule-actions{flex-wrap:wrap}}
.carousel-preview{display:flex;overflow-x:auto;gap:12px;margin:12px 0 20px;scroll-snap-type:x mandatory}.catalog-card{flex:0 0 210px;border:1px solid #5d4c22;border-radius:12px;overflow:hidden;padding-bottom:12px;scroll-snap-align:start}.catalog-card>img{width:100%;height:150px;object-fit:cover}.catalog-card>strong,.catalog-card>p{display:block;margin:10px}.catalog-card .preview-button{margin:6px;text-align:center}
.node-part{margin:8px 10px;padding:8px;background:#242426;border-radius:7px;font-size:11px;line-height:1.5;white-space:pre-wrap;max-height:85px;overflow:auto}
.selected-publication{display:flex;gap:12px;align-items:center;border:1px solid #343438;background:#111113;border-radius:13px;padding:12px;margin:4px 0 12px}.selected-publication>img,.publication-placeholder{width:64px;height:64px;flex:0 0 64px;border-radius:8px;object-fit:cover}.publication-placeholder{display:grid;place-items:center;background:#272729;font-size:27px}.publication-info{flex:1;min-width:0;display:grid;gap:8px}.publication-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eee;font-size:13px}.publication-info a{color:#f0cb59;text-decoration:underline;font-size:12px;width:fit-content}.publication-actions{display:flex;gap:8px}.publication-actions button{padding:8px 11px;font-size:12px}@media(max-width:600px){.selected-publication{flex-wrap:wrap}.publication-info{min-width:140px}.publication-actions{width:100%;justify-content:flex-end}}
.steps-nav button.done span,.step-done h2 .step{background:#16382c;border-color:#3c9c72;color:#8de2b5}.steps-nav button.done{color:#cbe9d9}.phone-profile b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}
/* Soft colors drawn from the DirectCA$H mark */
:root{--bg:#111019;--panel:#1b1823;--line:#39313f;--text:#f4edf6;--muted:#b9afc1;--gold:#edc56b;--pink:#d47bbd;--purple:#b797da}body{background:radial-gradient(ellipse at 80% 0,#39203a44,transparent 50%),var(--bg)}aside{background:linear-gradient(180deg,#1c1524,#15131c);overflow-y:auto}.card{box-shadow:0 9px 25px #00000015}.flow-step{border-top:2px solid #77516e}.flow-step:nth-of-type(3n+1){border-top-color:#8a713e}.flow-step:nth-of-type(3n+2){border-top-color:#766198}.flow-step:nth-of-type(3n){border-top-color:#954c78}input,textarea,select{background:#13111c;border-color:#51445b}.trigger-cards label{background:#211b2b}.trigger-cards label:has(input:checked){background:#403029;border-color:#cba45a}.save-bar{background:#241d2bef;border-color:#756041}.steps-nav button.selected{background:#3b2d40!important;border-color:#7b567f!important;color:#f6d98e!important}.selected-publication{background:#221b2b;border-color:#504055}.map-node{background:#231c2c;border-color:#776047}.node-head{background:#392a3d}.outline{background:#2a2230;border-color:#5d4c61;color:#eee0ed}.badge{background:#342a28;border-color:#776144;color:#f3d694}.profile-toggle{background:#251d2d;border:1px solid #4b3b55;color:var(--text);width:100%;display:flex;align-items:center;gap:10px;padding:10px;border-radius:11px;text-align:left;margin:12px 0}.profile-toggle>span:nth-child(2){flex:1;min-width:0}.profile-toggle strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;display:block}.profile-toggle small{display:block;font-size:10px;color:var(--muted)}.profile-avatar{width:34px;height:34px;flex:0 0 34px;border-radius:50%;border:2px solid #d496b8;background:#372644;color:#f5d98a;display:grid;place-items:center;font-weight:bold;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.phone-profile{align-items:center;gap:8px}.phone-identity{flex:1;min-width:0;display:grid;gap:2px}.phone-identity small{font-size:10px;color:#b9afc1}.phone{background:#100e15;color:#f4edf6;border-color:#554358}.phone .bubble{background:#332839}.phone .reply{background:#435b83}.phone .preview-button{border-color:#8b659c;background:#291f33;color:#e2b4eb}.side-bottom{padding-top:15px}#profile-menu{background:#2b2233;border:1px solid #594163;border-radius:12px;padding:8px;display:grid;gap:7px}#profile-menu button,#profile-menu a{width:100%;font-size:12px}#install-app{width:100%;margin:6px 0}.edition{padding:12px 6px}.club{margin-bottom:24px}.side-bottom #logout{padding:8px}.steps-nav{color:var(--text)}
:root[data-theme="light"]{color-scheme:light;--bg:#f4f0f6;--panel:#fffafd;--line:#d9cbdc;--text:#302537;--muted:#695b72;--gold:#876019;--purple:#795596;--pink:#994675}:root[data-theme="light"] body{background:radial-gradient(ellipse at 75% 0,#efdfed,transparent 65%),var(--bg)}:root[data-theme="light"] aside{background:#ebe2ef}:root[data-theme="light"] input,:root[data-theme="light"] textarea,:root[data-theme="light"] select{background:#fff;color:#302537;border-color:#b8a5c1}:root[data-theme="light"] .outline,:root[data-theme="light"] .profile-toggle,:root[data-theme="light"] #profile-menu{background:#f1e7f3;color:#3b2a46;border-color:#c5afca}:root[data-theme="light"] .badge{background:#f4e8cc;color:#705019;border-color:#c4a968}:root[data-theme="light"] nav a.active{background:#e4d2e8;color:#563769;border-color:#b18dbb}:root[data-theme="light"] nav a:hover{background:#e4d9e9}:root[data-theme="light"] .trigger-cards label{background:#f5eef7}:root[data-theme="light"] .trigger-cards label:has(input:checked){background:#f4e4c3;border-color:#ae7f32}:root[data-theme="light"] .save-bar{background:#f9f2fbed}:root[data-theme="light"] .notice,:root[data-theme="light"] .selected-publication,:root[data-theme="light"] .login-card{background:#fff8fd;color:#4c3b55;border-color:#ccb5d1}:root[data-theme="light"] .selected-publication strong,:root[data-theme="light"] .notice strong{color:#302537}:root[data-theme="light"] .publication-info a{color:#755019}:root[data-theme="light"] .steps-nav button{color:#695b72}:root[data-theme="light"] .steps-nav button.selected{background:#e4d2e8!important;color:#493153!important}:root[data-theme="light"] .steps-nav button.done{color:#246443}:root[data-theme="light"] .hero{background:linear-gradient(110deg,#f4e6d7,#e8dcec)}:root[data-theme="light"] .hero p,:root[data-theme="light"] .stats span{color:#67556d}:root[data-theme="light"] #map-viewport{background-color:#f5eff8;background-image:radial-gradient(#c9b8cf 1px,transparent 1px)}:root[data-theme="light"] .map-node{background:#fff9ff;color:#302537}:root[data-theme="light"] .node-head,:root[data-theme="light"] .node-part{background:#eaddf0}:root[data-theme="light"] .map-node p{color:#594963}:root[data-theme="light"] .map-node .port{color:#775518}:root[data-theme="light"] dialog{background:#fff8fd;color:#302537}:root[data-theme="light"] .segmented .selected{background:#eadced!important;color:#59326a!important}:root[data-theme="light"] .document code,:root[data-theme="light"] .document pre{background:#e9dfed}:root[data-theme="light"] .empty{border-color:#ac91b7}
@media(max-width:760px){.side-bottom{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:6px}.side-bottom .edition,.side-bottom #logout{display:none}.side-bottom .profile-toggle{flex:1;margin:0;min-width:160px}.side-bottom #install-app{width:auto;font-size:11px}.side-bottom #profile-menu{width:100%;order:4}.side-bottom #theme-toggle{font-size:11px;padding:8px}.side-bottom .profile-avatar{width:27px;height:27px;flex-basis:27px}}
.post-preview-body{display:flex;gap:10px;text-align:left;margin-top:10px;font-size:12px;align-items:center}.post-preview-body img{width:42px;height:52px;object-fit:cover;border-radius:6px}.post-preview-body p{margin:5px 0 0}.phone-identity{line-height:1.3}
#install-help{max-width:580px}#install-help .install-icon{width:86px;height:86px;display:block;margin:0 auto 16px}#install-help h2{text-align:center}#install-platforms{justify-content:center;margin:20px 0}#install-platforms button{background:transparent;border:0;color:inherit;padding:10px;border-radius:8px}#install-steps{padding-left:24px}#install-steps li{margin:14px 0;line-height:1.6}#install-confirm{margin:10px 12px 10px 0}

/* Neutral black surfaces; brand colors reserved for accents. */
:root:not([data-theme="light"]){--bg:#080808;--panel:#121212;--line:#303030;--text:#f3f3f3;--muted:#aaa;--gold:#f3ce72;--purple:#bb8ddb;--pink:#d887bb}
:root:not([data-theme="light"]) body{background:#080808}
:root:not([data-theme="light"]) aside{background:#0c0c0c}
:root:not([data-theme="light"]) :is(input,textarea,select){background:#0b0b0b;border-color:#383838}
:root:not([data-theme="light"]) :is(.outline,.trigger-cards label,.selected-publication,.map-node,.profile-toggle,#profile-menu){background:#141414;border-color:#333}
:root:not([data-theme="light"]) .save-bar{background:#141414f5;border-color:#49402a}
:root:not([data-theme="light"]) :is(.node-head,.node-part){background:#202020}
:root:not([data-theme="light"]) .trigger-cards label:has(input:checked){background:#282214;border-color:#b89545}
:root:not([data-theme="light"]) .steps-nav button.selected{background:#252013!important;color:#f3ce72!important;border-color:#645027!important}
:root:not([data-theme="light"]) .phone{background:#060606;border-color:#343434}
:root:not([data-theme="light"]) .phone .bubble{background:#252525}
:root:not([data-theme="light"]) .phone .preview-button{background:#17121c}
:root:not([data-theme="light"]) .badge{background:#141414;border-color:#393329}
:root:not([data-theme="light"]) #install-help{background:#111;border-color:#353535}
.badge{display:inline-flex;align-items:center;gap:9px;padding:5px 12px 5px 5px;font-size:12px}.badge .profile-avatar{width:29px;height:29px;flex-basis:29px}
.profile-avatar{border:1px solid #8d7545;background:#242424;color:#efd18b}
.profile-toggle{border:1px solid var(--line);padding:12px 10px;border-radius:12px;box-shadow:none}.profile-toggle strong{font-size:13px}.profile-toggle small{margin-top:2px}.profile-toggle>span:last-child{color:var(--muted)}
#profile-menu{padding:8px;border-radius:14px;gap:2px;box-shadow:0 12px 28px #0006}.account-menu-title{font-size:9px;letter-spacing:1.4px;color:var(--muted);padding:8px 9px 10px}
#profile-menu .account-option{display:flex;align-items:center;gap:9px;background:transparent;border:0;border-radius:8px;text-align:left;padding:10px 7px;color:var(--text)}#profile-menu .account-option:hover{background:#ffffff09}#profile-menu .account-option[aria-pressed="true"]{background:#d4b3650d}.account-option .profile-avatar{width:29px;height:29px;flex-basis:29px}.account-option-info{display:grid;gap:2px;flex:1;min-width:0}.account-option-info strong{font-size:12px;overflow:hidden;text-overflow:ellipsis}.account-option-info small{color:var(--muted);font-size:10px}.account-check{color:var(--gold);font-size:15px}
#profile-menu .account-menu-action{display:block;border-top:1px solid var(--line);margin-top:6px;padding:13px 9px 9px;color:var(--gold);font-weight:600;text-align:left}#profile-menu .account-menu-refresh{background:transparent;border:0;padding:8px 9px;text-align:left;color:var(--muted);font-size:11px}#profile-menu .account-menu-refresh:hover{color:var(--text)}
#install-app{display:flex;align-items:center;gap:10px;text-align:left;padding:12px 9px;border-radius:12px;border-color:#55472a;background:linear-gradient(115deg,#211b10,#121212);color:#f5e4b9}#install-app img{width:43px;height:43px;object-fit:contain;flex-shrink:0}#install-app>span:nth-child(2){display:grid;gap:3px;flex:1}#install-app strong{font-size:12px}#install-app small{font-size:9px;font-weight:400;color:#aaa}#install-app:hover{border-color:#b08c40;background:#211c12}
:root[data-theme="light"] #install-app{background:#fcf5e6;color:#614513}:root[data-theme="light"] #install-app small{color:#736652}
#install-platforms{display:flex;gap:8px}#install-platforms button{flex:1;border:1px solid var(--line);padding:14px 8px}#install-platforms button.selected{border-color:#bc9644;background:#b9913020;color:var(--gold)}#install-help .install-icon{width:110px;height:110px}#install-steps{list-style:none;counter-reset:install;padding:0}#install-steps li{counter-increment:install;position:relative;padding:12px 12px 12px 46px;background:#ffffff05;border:1px solid var(--line);border-radius:10px;font-size:13px}#install-steps li:before{content:counter(install);position:absolute;left:12px;top:13px;background:#bd963224;color:var(--gold);border-radius:50%;width:23px;height:23px;text-align:center;font-weight:700}
@media(max-width:760px){.side-bottom #install-app{padding:8px;flex:1;min-width:190px}.side-bottom #install-app img{width:36px;height:36px}}
.side-bottom{position:relative}#profile-menu{position:absolute;bottom:100%;left:0;right:0;z-index:30;max-height:310px;overflow-y:auto}aside{scrollbar-width:thin}.side-bottom .profile-toggle{margin:8px 0}@media(max-width:760px){#profile-menu{bottom:auto;top:100%;width:min(320px,100%);order:initial}}
