:root{--bg:#f6f5f1;--shell:#fcfbf8;--panel:#fff;--panel-2:#f2f7f4;--text:#1b1d1b;--muted:#6f746e;--soft:#9aa096;--line:#dddcd5;--line-strong:#c6c5bb;--green:#226a4b;--green-soft:#dceee3;--amber:#a7651c;--amber-soft:#f6ead8;--red:#9f3e35;--red-soft:#f6dfdc;--blue:#2e5c82;--ink:#111311;--shadow:0 18px 45px #23272214;--radius:8px;--font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--text);background:var(--bg);font-family:var(--font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:linear-gradient(90deg, #226a4b0d, transparent 34%), radial-gradient(circle at 90% 4%, #a7651c1f, transparent 24rem), var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #2e5c824d}#app{min-height:100vh}.app-shell{grid-template-columns:264px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fcfbf8e0;flex-direction:column;gap:24px;height:100vh;padding:22px 18px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:8px 6px 18px;display:flex}.brand-mark{border-radius:var(--radius);background:var(--ink);color:#f7f5ed;letter-spacing:0;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.brand strong,.brand span{display:block}.brand strong{font-size:15px;line-height:1.2}.brand span{color:var(--muted);margin-top:3px;font-size:12px}.nav-list{gap:6px;display:grid}.nav-item{border-radius:var(--radius);width:100%;height:40px;color:var(--muted);text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0 11px;font-size:13px;font-weight:650;display:flex}.nav-item:hover,.nav-item.active{color:var(--text);background:#ebe8df}.sidebar-note{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);color:var(--green);gap:10px;margin-top:auto;padding:13px;font-size:12px;line-height:1.35;display:flex}.workspace{min-width:0;padding:24px}.topbar{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.topbar h1{letter-spacing:0;margin:0;font-size:28px;line-height:1.1}.topbar p,.section-heading p,.publisher-header p,.timeline-item p,.experiment p{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.45}.topbar-actions{align-items:center;gap:8px;display:flex}.mobile-summary{display:none}.icon-button,.primary-button,.ghost-button{border-radius:var(--radius);justify-content:center;align-items:center;gap:8px;min-height:38px;font-size:13px;font-weight:750;text-decoration:none;display:inline-flex}.icon-button{border:1px solid var(--line);background:var(--panel);width:38px;color:var(--text);position:relative}.dot{background:var(--red);border:1px solid var(--panel);border-radius:999px;width:7px;height:7px;position:absolute;top:9px;right:9px}.primary-button{border:1px solid var(--ink);background:var(--ink);color:#fffaf0;padding:0 14px}.primary-button:hover{background:#2a2d28}.primary-button.wide{flex:1}.ghost-button{border:1px solid var(--line);background:var(--panel);color:var(--text);padding:0 12px}.ghost-button:hover,.icon-button:hover{border-color:var(--line-strong)}.dashboard-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:20px;display:grid}.main-column,.side-column{gap:16px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric-card,.panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#ffffffe0}.metric-card{min-height:116px;padding:16px}.metric-card span,.metric-card em{color:var(--muted);font-size:12px;font-style:normal;display:block}.metric-card strong{letter-spacing:0;margin:14px 0 8px;font-size:30px;line-height:1;display:block}.metric-card .metric-good{color:var(--green)}.metric-card .metric-warn{color:var(--amber)}.panel{padding:16px}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.section-heading h2,.publisher-header h2{letter-spacing:0;margin:0;font-size:17px;line-height:1.2}.section-heading.compact{align-items:center;margin-bottom:12px}.section-heading.compact span{color:var(--soft);font-size:12px}.health-list{gap:14px;display:grid}.health-row{grid-template-columns:190px minmax(0,1fr) 36px;align-items:center;gap:14px;display:grid}.health-row strong,.queue-person strong,.audience-row strong,.timeline-item strong,.experiment strong{font-size:13px;line-height:1.25;display:block}.health-row span,.queue-person span,.audience-row span{color:var(--muted);margin-top:3px;font-size:12px;display:block}.health-row b{color:var(--muted);font-size:12px}.status-badge{border-radius:var(--radius);background:var(--green-soft);min-height:30px;color:var(--green);align-items:center;padding:0 10px;font-size:12px;font-weight:850;display:inline-flex}.schedule-list{gap:8px;display:grid}.schedule-row{border:1px solid var(--line);border-radius:var(--radius);background:#fbfaf6;grid-template-columns:96px minmax(0,1fr) 74px;align-items:center;gap:12px;padding:11px;display:grid}.schedule-time{color:var(--green);align-items:center;gap:6px;font-size:12px;font-weight:850;display:inline-flex}.schedule-row strong,.schedule-row span{display:block}.schedule-row strong{font-size:13px;line-height:1.25}.schedule-row span,.schedule-row em{color:var(--muted);font-size:12px;font-style:normal}.schedule-row em{background:#efece2;border-radius:999px;justify-self:end;padding:4px 8px;font-weight:800}.meter{background:#ebe9e1;border-radius:999px;height:8px;overflow:hidden}.meter span{border-radius:inherit;background:linear-gradient(90deg, var(--green), #75a27c);height:100%;display:block}.segmented,.tone-picker{border:1px solid var(--line);border-radius:var(--radius);background:#f1efe7;padding:3px;display:inline-flex}.segmented button,.tone-picker button{min-height:28px;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:0 10px;font-size:12px;font-weight:750}.segmented button.active,.tone-picker button.active{background:var(--panel);color:var(--text);box-shadow:0 1px 4px #16181514}.queue-table{gap:8px;display:grid}.queue-row{border:1px solid var(--line);border-radius:var(--radius);background:#fbfaf6;grid-template-columns:40px 150px 50px minmax(170px,1fr) 126px;align-items:center;gap:12px;padding:10px;display:grid}.avatar{border-radius:var(--radius);width:38px;height:38px;color:var(--ink);background:#e5e1d4;place-items:center;font-size:12px;font-weight:850;display:grid}.score-pill{border:1px solid var(--line);color:var(--green);border-radius:999px;justify-content:center;padding:5px 0;font-size:12px;font-weight:850;display:inline-flex}.queue-row p{color:var(--muted);margin:0;font-size:12px;line-height:1.35}.action-select{position:relative}.action-select select{appearance:none;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);width:100%;height:32px;color:var(--text);padding:0 30px 0 10px;font-size:12px;font-weight:750}.action-select svg{pointer-events:none;color:var(--muted);position:absolute;top:9px;right:9px}.action-keep select{background:var(--green-soft);border-color:#b6d4c2}.action-mute select{background:var(--amber-soft);border-color:#e1c89f}.action-unfollow select{background:var(--red-soft);border-color:#e2b5b0}.search-chip{border:1px solid var(--line);border-radius:var(--radius);height:30px;color:var(--muted);background:#f6f4ed;align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.audience-list{gap:8px;display:grid}.audience-row{border-bottom:1px solid var(--line);grid-template-columns:150px 92px minmax(160px,1fr) 108px;align-items:center;gap:12px;padding:11px 0;display:grid}.audience-row:last-child{border-bottom:0}.audience-row b,.audience-row em{font-size:12px;font-style:normal}.audience-row b{color:var(--blue)}.audience-row p{color:var(--muted);margin:0;font-size:12px;line-height:1.35}.audience-row em{color:var(--green);justify-self:end;font-weight:750}.publisher-panel{background:linear-gradient(#fff,#f7f4eb)}.publisher-header{align-items:center;gap:12px;margin-bottom:14px;display:flex}.publisher-icon,.timeline-icon{border-radius:var(--radius);background:var(--ink);color:#fffaf0;place-items:center;display:grid}.publisher-icon{width:42px;height:42px}.status-stack{gap:8px;margin-bottom:14px;display:grid}.status-line{border-bottom:1px solid var(--line);color:var(--muted);grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 0;font-size:12px;display:grid}.status-line strong{color:var(--text);font-size:12px}.tone-picker{width:100%;margin-bottom:14px}.tone-picker button{text-transform:capitalize;flex:1}.composer-label{color:var(--muted);margin-bottom:7px;font-size:12px;font-weight:800;display:block}textarea{resize:vertical;border:1px solid var(--line);border-radius:var(--radius);width:100%;min-height:132px;color:var(--text);background:#fffefa;outline:none;padding:12px;font-size:13px;line-height:1.45}textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #226a4b1f}.composer-meta,.checklist{flex-wrap:wrap;gap:8px;display:flex}.composer-meta{color:var(--muted);justify-content:space-between;margin:8px 0 12px;font-size:12px}.text-warn{color:var(--amber);font-weight:850}.checklist{margin-bottom:14px}.checklist span{min-height:28px;color:var(--muted);background:#efede5;border-radius:999px;align-items:center;gap:6px;padding:0 9px;font-size:11px;font-weight:750;display:inline-flex}.publisher-actions{gap:8px;display:flex}.timeline-item{border-bottom:1px solid var(--line);grid-template-columns:30px minmax(0,1fr);gap:10px;padding:12px 0;display:grid}.timeline-item:last-child{border-bottom:0}.timeline-icon{background:var(--green-soft);width:28px;height:28px;color:var(--green)}.experiment{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:12px 0;display:flex}.experiment:last-child{border-bottom:0}.experiment span{color:var(--muted);background:#efece2;border-radius:999px;align-self:flex-start;padding:4px 8px;font-size:11px;font-weight:850}@media (width<=1180px){.app-shell{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;height:auto;position:static;overflow-x:auto}.brand{border-bottom:0;min-width:210px;padding-bottom:8px}.nav-list{min-width:max-content;display:flex}.sidebar-note{display:none}.dashboard-grid{grid-template-columns:1fr}.side-column{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start}.publisher-panel{grid-row:span 2}}@media (width<=820px){body{background:var(--bg)}.sidebar{border-right:0;border-bottom:1px solid var(--line);gap:12px;padding:12px}.brand{min-width:168px}.brand-mark{width:36px;height:36px}.nav-item{justify-content:center;width:42px;padding:0}.nav-item span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.workspace{padding:16px}.topbar{flex-direction:column;gap:12px}.topbar h1{font-size:24px}.topbar-actions{width:100%}.topbar-actions .primary-button{margin-left:auto}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:96px}.metric-card strong{font-size:25px}.queue-row,.audience-row,.health-row,.schedule-row{grid-template-columns:1fr}.queue-row{align-items:stretch}.score-pill{max-width:54px}.audience-row em,.schedule-row em{justify-self:start}.side-column{grid-template-columns:1fr}.mobile-summary{gap:8px;width:100%;display:flex;overflow-x:auto}.mobile-summary span{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);min-height:32px;color:var(--muted);white-space:nowrap;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}}@media (width<=520px){.workspace{padding:12px}.metric-grid{grid-template-columns:1fr}.publisher-actions,.topbar-actions{grid-template-columns:42px 42px minmax(0,1fr);align-items:stretch;width:100%;display:grid}.publisher-actions{grid-template-columns:1fr}.primary-button.wide{flex-basis:100%}.section-heading{flex-direction:column;align-items:stretch}.segmented,.tone-picker{width:100%}.segmented button{flex:1}}