html,body,#root{height:100%}:root{--bg:#05080c;--surface:#0b0f16;--surface-2:#0e131c;--card:#11151e;--card-hover:#161c28;--line:#ffffff14;--line-str:#ffffff26;--text:#f4f6fa;--text-dim:#8d96a8;--text-mute:#5a6472;--gold:#e4b24c;--gold-deep:#c9993a;--gold-soft:#e4b24c24;--gold-line:#e4b24c66;--ok:#4ade80;--ok-soft:#4ade8021;--danger:#f0674a;--danger-soft:#f0674a21;--warn:#e9b949;--warn-soft:#e9b94921;--info:#5aa9f0;--info-soft:#5aa9f021;--shadow:0 1px 0 #ffffff08 inset, 0 12px 30px -18px #000000b3;--radius:14px;--radius-lg:20px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace}:root[data-theme=light]{--bg:#eef0f4;--surface:#fff;--surface-2:#f5f6f9;--card:#fff;--card-hover:#f7f8fb;--line:#0a0f191a;--line-str:#0a0f1933;--text:#121821;--text-dim:#55606f;--text-mute:#8a94a3;--gold:#a9781a;--gold-deep:#8a6011;--gold-soft:#a9781a1f;--gold-line:#a9781a59;--ok:#158a4a;--ok-soft:#158a4a1f;--danger:#c8412a;--danger-soft:#c8412a1f;--warn:#9a6c00;--warn-soft:#9a6c001f;--info:#2f6fb0;--info-soft:#2f6fb01f;--shadow:0 1px 2px #0a0f190f, 0 16px 34px -24px #0a0f1959}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}h1,h2,h3,h4{text-wrap:balance;letter-spacing:-.01em;margin:0;font-weight:700}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.eyebrow{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-mute);font-size:10.5px;font-weight:500}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.num{font-variant-numeric:tabular-nums}.app{grid-template-rows:100%;grid-template-columns:232px 1fr;height:100%;display:grid}.rail{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.brand{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:18px 18px 16px;display:flex}.brand .mark{border:1px solid var(--gold-line);width:34px;height:34px;color:var(--gold);background:radial-gradient(120% 120% at 30% 20%,#1a1d22,#0b0d10);border-radius:10px;flex:none;place-items:center;font-size:13px;font-weight:800;display:grid}.brand b{letter-spacing:-.02em;font-size:14.5px;display:block}.brand span{font-family:var(--mono);letter-spacing:.18em;color:var(--gold);text-transform:uppercase;font-size:9.5px}.nav{flex-direction:column;flex:1;gap:2px;padding:10px;display:flex;overflow-y:auto}.nav.nav-bottom{border-top:1px solid var(--line);flex:0;padding-top:8px;overflow:visible}.nav a{width:100%;color:var(--text-dim);text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;padding:9px 11px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav a .ico{opacity:.9;flex:none;width:17px;height:17px}.nav a:hover{background:var(--card-hover);color:var(--text)}.nav a.active{background:var(--gold-soft);color:var(--text)}.nav a.active .ico{color:var(--gold);opacity:1}.rail .foot{border-top:1px solid var(--line);align-items:center;gap:10px;padding:12px;display:flex}.rail .foot .who{flex:1;min-width:0}.rail .foot .who b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.rail .foot .who span{color:var(--text-mute);font-size:10.5px}.avatar{background:var(--gold-soft);width:28px;height:28px;color:var(--gold);border-radius:8px;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.versions{color:var(--text-mute);letter-spacing:.02em;padding:0 14px 12px;font-size:10px;line-height:1.7}.versions div{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.versions .linklike{font:inherit;letter-spacing:inherit;color:var(--text-mute);text-underline-offset:2px;cursor:pointer;text-align:left;background:0 0;border:0;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;display:block}.versions .linklike:hover{color:var(--text-dim)}.main{flex-direction:column;min-width:0;height:100%;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--bg);align-items:center;gap:14px;padding:13px 22px;display:flex}.topbar h1{font-size:16px}.topbar .sub{color:var(--text-mute);font-size:12px}.topbar .spacer{flex:1}.health{align-items:center;gap:10px;display:flex}.health .dot{color:var(--text-dim);font-size:11px;font-family:var(--mono);align-items:center;gap:5px;display:flex}.health .dot i{border-radius:50%;width:7px;height:7px;display:block}.i-ok{background:var(--ok)}.i-warn{background:var(--warn)}.i-bad{background:var(--danger)}.tbtn{border:1px solid var(--line-str);background:var(--surface-2);color:var(--text);border-radius:9px;align-items:center;gap:7px;padding:7px 12px;font-size:12.5px;font-weight:500;text-decoration:none;transition:border-color .15s,background .15s;display:inline-flex}.tbtn:hover{border-color:var(--gold-line)}.tbtn.gold{background:var(--gold);color:#1a1204;border-color:var(--gold);font-weight:600}.tbtn.gold:hover{background:var(--gold-deep)}.tbtn .ico{width:15px;height:15px}.tbtn.feedback-btn{display:none}.view{flex:1;padding:22px;overflow-y:auto}.view-inner{max-width:1180px;margin:0 auto}.grid{gap:14px;display:grid}.cols-4{grid-template-columns:repeat(4,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-2{grid-template-columns:repeat(2,1fr)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card.pad{padding:16px}.section-head{align-items:baseline;gap:12px;margin:26px 0 12px;display:flex}.section-head:first-child{margin-top:0}.section-head h2{letter-spacing:.02em;font-size:13px}.section-head .hint{color:var(--text-mute);margin-left:auto;font-size:11.5px}.section-head .actions{gap:8px;margin-left:auto;display:flex}.tile{flex-direction:column;gap:8px;padding:15px 16px;display:flex;position:relative;overflow:hidden}.tile .k{letter-spacing:-.02em;font-size:26px;font-weight:700}.tile .l{color:var(--text-dim);font-size:11.5px}.tile .stripe{width:3px;position:absolute;top:0;bottom:0;left:0}.pill{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:10px;font-weight:500;display:inline-flex}.pill i{background:currentColor;border-radius:50%;width:6px;height:6px;display:block}.p-draft{color:var(--text-dim);background:var(--line)}.p-submitted{color:var(--info);background:var(--info-soft)}.p-approved{color:var(--ok);background:var(--ok-soft)}.p-scheduled{color:var(--gold);background:var(--gold-soft)}.p-published{color:var(--ok);background:var(--ok-soft)}.p-manual{color:var(--warn);background:var(--warn-soft)}.p-failed{color:var(--danger);background:var(--danger-soft)}.list{flex-direction:column;display:flex}.row{border-bottom:1px solid var(--line);cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;background:0 0;border-top:0;border-left:0;border-right:0;align-items:center;gap:14px;padding:13px 16px;transition:background .12s;display:grid;position:relative}.row:last-child{border-bottom:0}.row:hover{background:var(--card-hover)}.row .sev{background:var(--line-str);width:3px;position:absolute;top:0;bottom:0;left:0}.row.sev-high .sev{background:var(--danger)}.row.sev-med .sev{background:var(--warn)}.row.sev-ok .sev{background:var(--ok)}.row.plain{cursor:default}.row.plain:hover{background:0 0}.row .title{font-size:13px;font-weight:600}.row .meta{color:var(--text-mute);font-size:11px;font-family:var(--mono)}.chan{color:var(--text-dim);font-size:11px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;display:inline-flex}.chan .g{color:#05080c;border-radius:5px;place-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:grid}.chan.lg{font-size:12px}.chan.lg .g{border-radius:7px;width:26px;height:26px;font-size:13px}.g-generic{background:var(--gold)}.g-facebook{background:#6a8dd8}.g-reddit{background:#ff8a4c}.g-x{background:#cfd3da}.g-linkedin{background:#4c9fd6}.btn{border:1px solid var(--line-str);background:var(--surface-2);color:var(--text);border-radius:9px;align-items:center;gap:7px;padding:8px 13px;font-size:12.5px;font-weight:500;transition:border-color .15s,background .15s,opacity .15s;display:inline-flex}.btn .ico{width:14px;height:14px}.btn:hover:not(:disabled){border-color:var(--gold-line)}.btn.primary{background:var(--gold);color:#1a1204;border-color:var(--gold);font-weight:600}.btn.primary:hover:not(:disabled){background:var(--gold-deep)}.btn.ghost{background:0 0}.btn.danger{color:var(--danger);border-color:var(--danger-soft)}.btn.danger:hover:not(:disabled){border-color:var(--danger)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-row{flex-wrap:wrap;gap:8px;display:flex}.field{margin-bottom:12px;display:block}.field:last-child{margin-bottom:0}.field .lab{color:var(--text-dim);margin-bottom:5px;font-size:11.5px;display:block}input[type=text],input[type=password],input[type=url],input[type=number],textarea,select{background:var(--surface-2);border:1px solid var(--line-str);width:100%;color:var(--text);font:inherit;border-radius:9px;padding:9px 11px}input:disabled,textarea:disabled,select:disabled{opacity:.5;cursor:not-allowed}textarea{resize:vertical;min-height:76px;line-height:1.55}input:focus,textarea:focus,select:focus{border-color:var(--gold-line);outline:none}input[type=checkbox]{accent-color:var(--gold);flex:none;width:15px;height:15px}input[type=number]{appearance:textfield}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.hint{color:var(--text-mute);font-size:11px}.meter{background:var(--line);border-radius:999px;height:6px;overflow:hidden}.meter>i{background:var(--gold);height:100%;display:block}.meter.bad>i{background:var(--danger)}.meter.warn>i{background:var(--warn)}.meter.ok>i{background:var(--ok)}.score-line{grid-template-columns:116px 1fr 42px;align-items:center;gap:10px;padding:6px 0;display:grid}.score-line .sl{color:var(--text-dim);font-size:11.5px}.score-line .sv{font-family:var(--mono);text-align:right;font-size:11.5px}.tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:14px;display:flex}.tabs button{color:var(--text-mute);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 12px;font-size:12.5px;font-weight:500}.tabs button.active{color:var(--text);border-bottom-color:var(--gold)}.tabs button:disabled{opacity:.4;cursor:not-allowed}.preview{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px;font-size:13px}.preview .ph{align-items:center;gap:9px;margin-bottom:10px;display:flex}.preview .ph .av{background:var(--gold-soft);width:30px;height:30px;color:var(--gold);border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.preview .ph.sq .av{border-radius:8px}.preview .pn{font-size:12.5px;font-weight:600}.preview .pt{color:var(--text-mute);font-size:10.5px;font-family:var(--mono)}.preview .pbody{white-space:pre-wrap;word-break:break-word;line-height:1.5}.preview .pcount{font-family:var(--mono);color:var(--text-mute);margin-top:8px;font-size:10.5px}.preview.over .pcount{color:var(--danger)}.callout{border:1px solid var(--line-str);border-left:3px solid var(--gold);background:var(--surface-2);color:var(--text-dim);border-radius:10px;margin:8px 0;padding:11px 13px;font-size:12px}.callout.warn{border-left-color:var(--warn)}.callout.danger{border-left-color:var(--danger)}.callout b{color:var(--text)}.callout .mono{font-size:11px}.callout.sm{padding:8px 11px;font-size:11.5px}.kv{grid-template-columns:128px 1fr;gap:6px 12px;font-size:12.5px;display:grid}.kv .k{color:var(--text-mute)}.kv .v{overflow-wrap:anywhere;min-width:0}.composer-grid{grid-template-columns:1fr 320px;align-items:start;gap:16px;display:grid}.media-drop{border:1px dashed var(--line-str);text-align:center;color:var(--text-mute);opacity:.55;border-radius:10px;padding:14px;font-size:12px}.pick{border:1px solid var(--line);cursor:pointer;border-radius:10px;align-items:center;gap:10px;margin-bottom:6px;padding:9px 10px;transition:border-color .12s,background .12s;display:flex}.pick:hover{border-color:var(--gold-line)}.pick.on{border-color:var(--gold-line);background:var(--gold-soft)}.pick.disabled{opacity:.5;cursor:not-allowed}.pick .who{flex:1;min-width:0}.pick .who b{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;display:block;overflow:hidden}.pick.static{cursor:default}.pick.static:hover{border-color:var(--line)}.modal-scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40;background:#02040899;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line-str);border-radius:var(--radius-lg);width:min(540px,94vw);max-height:86vh;box-shadow:var(--shadow), -30px 0 60px -30px #000000b3;overflow-y:auto}.modal.wide{width:min(760px,94vw)}.modal header{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:16px 18px;display:flex}.modal header h3{font-size:14px}.modal .body{padding:18px}.modal footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:14px 18px;display:flex}.xbtn{border:1px solid var(--line-str);background:var(--surface-2);border-radius:8px;flex:none;place-items:center;width:30px;height:30px;margin-left:auto;display:grid}.xbtn:hover{border-color:var(--gold-line)}.login-wrap{background:radial-gradient(640px 420px at 50% -8%, #e4b24c17, transparent), var(--bg);place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{width:min(380px,94vw);padding:28px}.login-brand{align-items:center;gap:12px;margin-bottom:22px;display:flex}.login-brand .mark{border:1px solid var(--gold-line);width:42px;height:42px;color:var(--gold);background:radial-gradient(120% 120% at 30% 20%,#1a1d22,#0b0d10);border-radius:12px;place-items:center;font-size:16px;font-weight:800;display:grid}.login-brand b{font-size:17px;display:block}.login-brand span{font-family:var(--mono);letter-spacing:.18em;color:var(--gold);text-transform:uppercase;font-size:10px}.login-sub{color:var(--text-mute);margin:-14px 0 18px;font-size:12.5px}.toast-wrap{z-index:50;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.toast{background:var(--surface);border:1px solid var(--gold-line);box-shadow:var(--shadow);border-radius:10px;max-width:min(560px,90vw);padding:10px 16px;font-size:12.5px}.toast.error{border-color:var(--danger)}.toast.warn{border-color:var(--warn)}.toast-title{font-weight:600;display:block}.toast-detail{color:var(--text-dim);font-size:11px;font-family:var(--mono);overflow-wrap:anywhere;margin-top:3px;line-height:1.5;display:block}.empty{text-align:center;color:var(--text-mute);padding:40px 16px;font-size:12.5px}.empty .ico{opacity:.6;width:22px;height:22px;margin-bottom:6px}.spinner{border:2px solid var(--line-str);border-top-color:var(--gold);border-radius:50%;flex:none;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}.spinner.lg{border-width:3px;width:22px;height:22px}@keyframes spin{to{transform:rotate(360deg)}}.boot{height:100vh;color:var(--text-mute);place-items:center;gap:10px;display:grid}.dim{opacity:.55;pointer-events:none;-webkit-user-select:none;user-select:none}.iconlink{color:var(--text-mute);background:0 0;border:0;border-radius:6px;padding:3px;display:inline-flex}.iconlink:hover:not(:disabled){color:var(--gold);background:var(--card-hover)}.iconlink .ico{width:14px;height:14px}.errtext{color:var(--danger);font-size:12px}.errblock{min-width:0}.errblock-title{color:var(--danger);font-size:12.5px;font-weight:600}.errblock-detail{color:var(--text-dim);font-size:11px;font-family:var(--mono);overflow-wrap:anywhere;margin-top:3px;line-height:1.5}.mnav{display:none}@media (width<=980px){.app{grid-template-rows:1fr auto;grid-template-columns:1fr}.rail{display:none}.mnav{border-top:1px solid var(--line);background:var(--surface);grid-template-columns:repeat(5,1fr);padding:6px 4px 8px;display:grid}.mnav a{color:var(--text-mute);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;font-size:9px;text-decoration:none;display:flex}.mnav a.active{color:var(--gold)}.mnav .ico{width:19px;height:19px}.cols-4{grid-template-columns:repeat(2,1fr)}.cols-3,.cols-2{grid-template-columns:1fr}.view{padding:16px}.topbar{padding:11px 16px}.health .dot span{display:none}.tbtn.feedback-btn{display:inline-flex}.composer-grid{grid-template-columns:1fr}}@media (width<=560px){.cols-4{grid-template-columns:1fr 1fr}.btn-row .btn,.modal footer .btn{flex:1}}