:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#0f0f11;--bg-secondary:#1a1a1d;--bg-tertiary:#2a2a2e;--text-primary:#fff;--text-secondary:#e0e0e5;--text-muted:#a0a0a5;--accent-green:#4cd964;--accent-green-hover:#3db855;--accent-blue:#0a84ff;--accent-blue-hover:#0069d9;--accent-red:#ff3b30;--accent-red-hover:#d63328;--accent-yellow:#fc0;--accent-yellow-hover:#e6b800;--border-radius:12px;--shadow:0 2px 8px #0000004d;--transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-primary);margin:0;line-height:1.5}main{flex-direction:column;gap:24px;max-width:900px;min-height:100vh;margin:0 auto;padding:20px;display:flex}header{border-bottom:2px solid var(--bg-tertiary);align-items:center;gap:16px;padding-bottom:16px;display:flex}.mark{background:var(--accent-green);width:56px;height:56px;color:var(--bg-primary);border-radius:16px;place-items:center;font-size:1.4rem;font-weight:800;display:grid}h1{letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}header p{color:var(--text-secondary);margin:4px 0 0;font-size:.9rem}section,.card{border-radius:var(--border-radius);background:var(--bg-secondary);box-shadow:var(--shadow);transition:var(--transition);padding:24px}section:hover,.card:hover{box-shadow:0 4px 16px #0006}h2{letter-spacing:-.01em;margin:0 0 16px;font-size:1.3rem;font-weight:700;line-height:1.1}h3{margin:0 0 12px;font-size:1.1rem;font-weight:600}p,.text{color:var(--text-secondary);font-size:.95rem;line-height:1.6}button{font:inherit;cursor:pointer;transition:var(--transition);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:600;display:inline-flex}button:focus,button:focus-visible{outline:3px solid var(--accent-blue);outline-offset:2px}.button-primary{background:var(--accent-green);color:var(--bg-primary);min-height:48px;font-size:1rem}.button-primary:hover{background:var(--accent-green-hover);transform:translateY(-1px);box-shadow:0 4px 12px #4cd9644d}.button-primary:active{transform:translateY(0)}.button-primary:disabled{background:var(--text-muted);cursor:not-allowed;box-shadow:none;transform:none}.button-secondary{background:var(--bg-tertiary);color:var(--text-primary);min-height:44px;font-size:.95rem}.button-secondary:hover{background:#3a3a3e}.button-secondary:active{background:#4a4a4e}.button-danger{background:var(--accent-red);color:#fff;min-height:44px;font-size:.95rem}.button-danger:hover{background:var(--accent-red-hover)}.button-outline{border:2px solid var(--bg-tertiary);color:var(--text-secondary);background:0 0;min-height:44px;font-size:.95rem}.button-outline:hover{border-color:var(--text-muted);color:var(--text-primary);background:var(--bg-tertiary)}input,select,textarea{border:2px solid var(--bg-tertiary);background:var(--bg-primary);width:100%;color:var(--text-primary);font:inherit;transition:var(--transition);border-radius:8px;padding:12px 14px;font-size:.95rem}input:focus,select:focus,textarea:focus{border-color:var(--accent-blue);outline:none;box-shadow:0 0 0 3px #0a84ff26}input::placeholder,textarea::placeholder{color:var(--text-muted)}textarea{resize:vertical;min-height:120px;line-height:1.6}label{color:var(--text-primary);margin-bottom:8px;font-size:.9rem;font-weight:600;display:block}.platform-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;display:grid}.platform-card{background:var(--bg-secondary);border:2px solid var(--bg-tertiary);border-radius:var(--border-radius);text-align:center;transition:var(--transition);cursor:pointer;padding:20px}.platform-card:hover{border-color:var(--accent-blue);transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.platform-card.connected{border-color:var(--accent-green);background:#1f2a22}.platform-card.app-review{border-color:var(--accent-yellow);background:#2a261a}.platform-icon{width:48px;height:48px;margin:0 auto 12px;display:block}.platform-card h3{margin:0 0 8px;font-size:1rem}.platform-card .status{border-radius:6px;padding:4px 8px;font-size:.8rem;font-weight:600;display:inline-block}.status-connected{color:var(--accent-green);background:#4cd96426}.status-auth,.status-review{color:var(--accent-yellow);background:#ffcc0026}.platform-actions{justify-content:center;gap:8px;margin-top:12px;display:flex}.platform-actions .button-primary,.platform-actions .button-outline{min-height:32px;padding:8px 12px;font-size:.85rem}.text-input-group{flex-direction:column;gap:12px;display:flex}.text-input-group textarea{min-height:160px;font-size:1rem;line-height:1.6}.text-input-group .options{flex-wrap:wrap;gap:16px;display:flex}.text-input-group .options .option-group{flex-direction:column;gap:6px;min-width:180px;display:flex}.text-input-group .options .option-group label{font-size:.85rem}.ai-status{border-radius:var(--border-radius);align-items:center;gap:12px;padding:16px 20px;font-weight:500;display:flex}.ai-status.success{color:var(--accent-green);background:#4cd9641a;border:1px solid #4cd96433}.ai-status.warning{color:var(--accent-yellow);background:#ffcc001a;border:1px solid #fc03}.ai-status.error{color:var(--accent-red);background:#ff3b301a;border:1px solid #ff3b3033}.ai-status .icon{font-size:1.2rem}.link-button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-secondary);border:2px solid var(--bg-tertiary);border-radius:var(--border-radius);width:100%;max-width:440px;padding:28px}.modal h3{margin:0 0 12px}.modal p{color:var(--text-secondary,inherit);margin:0 0 20px;line-height:1.5}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.connect-provider-modal{max-width:480px}.connect-provider-modal-header{align-items:center;gap:14px;display:flex}.connect-provider-modal-header h3{margin:0}.connect-provider-modal-section{margin:0 0 20px}.connect-provider-modal-section h4{text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary,inherit);margin:0 0 8px;font-size:.85rem}.connect-provider-modal-section ul{margin:0;padding-left:20px;line-height:1.6}.publish-section .tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.publish-section .tab{background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:var(--transition);border-radius:8px;padding:10px 16px;font-size:.9rem}.publish-section .tab:hover{color:var(--text-primary);background:#3a3a3e}.publish-section .tab.active{background:var(--accent-blue);color:#fff;font-weight:600}.platform-variants{flex-direction:column;gap:16px;display:flex}.platform-variant{background:var(--bg-secondary);border:2px solid var(--bg-tertiary);border-radius:var(--border-radius);overflow:hidden}.platform-variant-header{background:var(--bg-tertiary);border-bottom:1px solid #0003;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.platform-variant-header .platform-info{align-items:center;gap:12px;display:flex}.platform-variant-header .platform-icon-small{width:32px;height:32px}.platform-variant-header .platform-name{color:var(--text-primary);font-size:1.1rem;font-weight:700}.platform-variant-header .status-badge{text-transform:uppercase;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600}.status-scheduled{background:var(--accent-yellow);color:#000}.status-published{background:var(--accent-green);color:#000}.status-failed{background:var(--accent-red);color:#fff}.status-queued{background:var(--bg-tertiary);color:var(--text-secondary)}.platform-variant-body{flex-direction:column;gap:16px;padding:18px;display:flex}.platform-variant-body .fields{flex-direction:column;gap:12px;display:flex}.platform-variant-body .field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.platform-variant-body .field-row.full{grid-template-columns:1fr}.platform-variant-body label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.platform-variant-body input,.platform-variant-body textarea{padding:10px 12px;font-size:.9rem}.platform-variant-body textarea{min-height:80px;line-height:1.5}.platform-variant-footer{background:#252529;border-top:1px solid #0003;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.platform-variant-footer .meta{color:var(--text-muted);font-size:.8rem}.publish-footer{border-top:2px solid var(--bg-tertiary);justify-content:space-between;align-items:center;margin-top:auto;padding:20px 0;display:flex}.publish-footer .total-actions{gap:12px;display:flex}.publish-footer .info{color:var(--text-secondary);font-size:.9rem}.publish-footer .info strong{color:var(--text-primary)}.loading{color:var(--text-secondary);align-items:center;gap:8px;font-size:.9rem;display:inline-flex}.spinner{border:2px solid var(--bg-tertiary);border-top-color:var(--accent-blue);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;color:var(--text-secondary);padding:60px 20px}.empty-state .icon{opacity:.5;margin-bottom:16px;font-size:3rem}.empty-state h3{color:var(--text-primary);margin-bottom:8px;font-size:1.2rem}.empty-state p{color:var(--text-muted)}.error-message{border-radius:var(--border-radius);border-left:4px solid var(--accent-red);color:var(--text-secondary);background:#ff3b3014;margin:16px 0;padding:16px 20px;font-size:.9rem}.error-message .title{color:var(--accent-red);margin-bottom:4px;font-size:.95rem;font-weight:700;display:block}.icon-youtube{color:red}.icon-instagram{color:#e1306c}.icon-facebook{color:#4267b2}.icon-tiktok{color:#000}.icon-threads{color:#f0f0f0}.icon-linkedin{color:#0077b5}.icon-pinterest{color:#e60023}@media (max-width:768px){main{gap:16px;padding:16px}h1{font-size:1.3rem}section,.card{padding:16px}.platform-grid{grid-template-columns:repeat(2,1fr)}.text-input-group .options{flex-direction:column}.text-input-group .options .option-group{min-width:100%}.field-row{grid-template-columns:1fr}.publish-footer{text-align:center;flex-direction:column;gap:16px}}.bottom-nav{padding:10px 8px calc(10px + env(safe-area-inset-bottom,0px));background:var(--bg-secondary);border-top:2px solid var(--bg-tertiary);box-shadow:var(--shadow);z-index:10;justify-content:space-around;align-items:center;gap:4px;margin-top:auto;display:flex;position:sticky;bottom:0;left:0;right:0}.bottom-nav-item{text-align:center;color:var(--text-secondary);transition:var(--transition);border-radius:10px;flex:1;justify-content:center;align-items:center;min-height:44px;padding:10px 8px;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.bottom-nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.bottom-nav-item.active{background:var(--accent-blue);color:#fff}.bottom-nav-item:focus-visible{outline:3px solid var(--accent-blue);outline-offset:2px}@media (max-width:480px){.bottom-nav-item{padding:10px 4px;font-size:.78rem}}.handoff-banner{border-radius:var(--border-radius);background:#4cd9641f;border:1px solid #4cd96459;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}:focus-visible{outline:3px solid var(--accent-blue);outline-offset:2px}@media (prefers-color-scheme:light){:root{--bg-primary:#fff;--bg-secondary:#f5f5f7;--bg-tertiary:#e5e5ea;--text-primary:#000;--text-secondary:#252529;--text-muted:#505055;--accent-green:#34c759;--accent-green-hover:#2eb84d;--accent-blue:#007aff;--accent-blue-hover:#0056b3;--accent-red:#ff3b30;--accent-red-hover:#d63328;--accent-yellow:#fc0;--accent-yellow-hover:#e6b800;--shadow:0 2px 8px #0000001a}}@media (prefers-contrast:more){:root{--bg-primary:#000;--bg-secondary:#1a1a1a;--bg-tertiary:#333;--text-primary:#fff;--text-secondary:#d0d0d0;--text-muted:#a0a0a0;--accent-green:#0f0;--accent-blue:#0ff;--accent-red:red;--accent-yellow:#ff0}}