:root{--color-bg:#f6f8fb;--color-surface:#fff;--color-text:#111827;--color-muted:#6b7280;--color-border:#e5e7eb;--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--color-success:#047857;--color-warning:#92400e;--color-danger:#b91c1c;--radius:8px;--shadow:0 16px 40px #0f172a14}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.page{width:min(1120px,100% - 32px);margin:0 auto;padding:36px 0}.appShell{border-bottom:1px solid var(--color-border);align-items:center;gap:20px;width:min(1120px,100% - 32px);min-height:68px;margin:0 auto;display:flex}.brand{font-weight:800}.navLinks{color:var(--color-muted);flex-wrap:wrap;flex:1;gap:16px;font-weight:700;display:flex}.userStrip{width:min(1120px,100% - 32px);color:var(--color-muted);margin:10px auto 0;font-size:.9rem}.hero,.panel,.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow)}.hero{padding:56px}.hero h1,.sectionHeader h1{margin:0;font-size:clamp(2.25rem,5vw,4.5rem)}.heroText,.sectionHeader p,.card p,.panel p{color:var(--color-muted);line-height:1.6}.eyebrow{color:var(--color-primary);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:700}.heroActions,.actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.inlineActions{margin-top:16px}.button{border-radius:var(--radius);background:var(--color-primary);color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:700;display:inline-flex}.button:hover{background:var(--color-primary-dark)}.button.secondary{color:var(--color-primary);background:#eef2ff}.button.compact{min-height:36px;padding:0 12px}.disabledLink{pointer-events:none;opacity:.6}.sectionHeader{margin-bottom:28px}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.card{padding:22px}.cardHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.cardHeader h2,.panel h2{margin-top:0}.card strong{font-size:2rem}.pill{min-height:28px;color:var(--color-warning);white-space:nowrap;background:#fef3c7;border-radius:999px;align-items:center;padding:0 10px;font-size:.78rem;font-weight:800;display:inline-flex}.pill.success{color:var(--color-success);background:#d1fae5}.pill.ready{color:var(--color-primary);background:#dbeafe}.setupPanel{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:18px 20px;display:flex}.setupPanel h2,.setupPanel p{margin:0}.setupPanel p:not(.eyebrow){color:var(--color-muted);line-height:1.5}.panel{margin-top:20px;padding:24px}form.panel{gap:18px;display:grid}label{gap:8px;font-weight:700;display:grid}textarea,select,input{border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;width:100%;padding:12px 14px}.composerForm{gap:18px;display:grid}.formGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.composerToolbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.compactSegments{width:min(280px,100%);margin:0}.dropdownGroup{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.menuDetails{position:relative}.menuDetails summary{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);cursor:pointer;align-items:center;min-height:40px;padding:0 12px;font-weight:800;display:flex}.menuPanel{z-index:10;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:min(320px,88vw);box-shadow:var(--shadow);margin-top:8px;padding:12px;position:absolute;right:0}.menuHint{color:var(--color-muted);margin:0 0 8px;font-size:.9rem}.checkboxRow,.menuLink{align-items:center;gap:10px;min-height:36px;font-weight:700;display:flex}.checkboxRow input{width:auto}.menuLink{color:var(--color-text)}.platformMark{width:28px;height:28px;color:var(--color-primary);background:#eef2ff;border-radius:999px;flex:none;justify-content:center;align-items:center;margin-right:8px;font-size:.72rem;font-weight:900;display:inline-flex}.postPreview{border-top:1px solid var(--color-border);margin-top:24px;padding-top:24px}.promoPanel{border:1px solid var(--color-border);border-radius:var(--radius);background:#f9fafb;gap:8px;margin-top:16px;padding:14px;display:grid}.promoPanel p{margin:0}.statusMessage{border-radius:var(--radius);color:var(--color-primary);background:#eef2ff;margin-top:18px;padding:12px 14px;font-weight:700}.statusMessage.error{color:var(--color-danger);background:#fee2e2}.authPage{place-items:center;min-height:100vh;display:grid}.authPanel{width:min(460px,100%)}.segmentedControl{border:1px solid var(--color-border);border-radius:var(--radius);background:#f9fafb;grid-template-columns:1fr 1fr;gap:4px;margin:24px 0;padding:4px;display:grid}.segmentedControl button,.segmentedControl label{min-height:40px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;font-weight:800}.segmentedControl label{justify-content:center;align-items:center;display:flex}.segmentedControl label input{opacity:0;pointer-events:none;position:absolute}.segmentedControl button.active,.segmentedControl label.active{background:var(--color-surface);color:var(--color-primary);box-shadow:0 1px 4px #0f172a1a}.postList{gap:16px;display:grid}.postItem{margin-top:0}.postItem small{color:var(--color-muted)}button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:700px){.hero{padding:32px 24px}.appShell{flex-direction:column;align-items:flex-start;padding:16px 0}.composerToolbar{flex-direction:column}.dropdownGroup{justify-content:flex-start}.menuPanel{left:0;right:auto}.setupPanel{flex-direction:column;align-items:flex-start}}
