:root{--text:#44475b;--text-h:#14152b;--bg:#f5f6fb;--card-bg:#fff;--border:#e3e5f0;--accent:#6d28d9;--accent-2:#4f46e5;--accent-hover:#5b21b6;--gradient:linear-gradient(135deg, #4f46e5, #9333ea);--error-bg:#fef2f2;--error-text:#b91c1c;--success-bg:#ecfdf5;--success-text:#047857;--shadow-sm:0 1px 2px #14152b0d;--shadow-md:0 10px 30px #4f46e51f, 0 2px 8px #14152b0f;--sans:"Manrope", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/150% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#c7c9db;--text-h:#f4f5fb;--bg:#0f1020;--card-bg:#181a2e;--border:#2b2d45;--accent:#a78bfa;--accent-2:#818cf8;--accent-hover:#c4b5fd;--gradient:linear-gradient(135deg, #6366f1, #a855f7);--error-bg:#2a1518;--error-text:#fca5a5;--success-bg:#0f2620;--success-text:#6ee7b7;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 10px 30px #0006, 0 2px 8px #0000004d}}*{box-sizing:border-box}body{margin:0}#root{min-height:100vh}h1,h2{font-family:var(--sans);color:var(--text-h);letter-spacing:-.3px;font-weight:800}h1{margin:0 0 8px;font-size:28px}h2{margin:0 0 4px;font-size:21px}p{margin:0}.hint{color:var(--text);opacity:.75;margin-bottom:4px;font-size:14px}.brand-mark{align-items:center;gap:10px;display:flex}.brand-icon{background:var(--gradient);color:#fff;letter-spacing:.3px;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:flex}.brand-name{color:var(--text-h);letter-spacing:-.3px;font-size:18px;font-weight:800}.brand-mark-compact{margin-bottom:24px}.card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:16px;flex-direction:column;gap:18px;padding:32px;display:flex}label{color:var(--text-h);text-align:left;flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}input,textarea{font:inherit;border:1.5px solid var(--border);background:var(--bg);color:var(--text-h);resize:vertical;border-radius:10px;padding:11px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus{border-color:var(--accent-2);outline:none;box-shadow:0 0 0 3px #4f46e526}button{font:inherit;background:var(--gradient);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:13px 22px;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 4px 14px #4f46e547}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 22px #4f46e557}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.link-button{color:var(--accent-2);box-shadow:none;background:0 0;align-self:flex-start;padding:4px 0;font-weight:600}.link-button:hover:not(:disabled){box-shadow:none;background:0 0;text-decoration:underline;transform:none}.logout-button{color:var(--text);border:1.5px solid var(--border);box-shadow:none;background:0 0;padding:9px 18px;font-size:14px}.logout-button:hover:not(:disabled){background:var(--bg);box-shadow:none;transform:none}.error-banner{background:var(--error-bg);color:var(--error-text);text-align:left;border-radius:10px;padding:12px 16px;font-size:14px}.published-banner{background:var(--success-bg);color:var(--success-text);text-align:center;border-radius:10px;padding:12px 16px;font-size:14px;font-weight:700}.assumptions{text-align:left;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:10px 14px;font-size:13px}.assumptions ul{margin:6px 0 0;padding-left:18px}.content-toggle{justify-content:space-between;align-items:center;display:flex}.content-toggle-actions{align-items:center;gap:16px;display:flex}.content-editor{font-family:var(--mono);min-height:300px;font-size:14px}.markdown-preview{text-align:left;border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:10px;padding:16px 20px;overflow-x:auto}.markdown-preview :first-child{margin-top:0}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{margin-top:28px;margin-bottom:8px}.markdown-preview p,.markdown-preview ul,.markdown-preview ol{margin:0 0 14px;line-height:1.6}.app-shell{min-height:100vh}.app-header{background:var(--card-bg);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.hero-banner{height:200px;position:relative;overflow:hidden}.hero-banner img{object-fit:cover;width:100%;height:100%;display:block}.hero-banner-overlay{background:linear-gradient(120deg,#1e1b4bed,#6d28d9c7);position:absolute;inset:0}.hero-banner-content{flex-direction:column;justify-content:center;max-width:720px;padding:0 40px;display:flex;position:absolute;inset:0}.hero-banner-content h1{color:#fff;margin:0 0 8px;font-size:28px}.hero-banner-content p{color:#ffffffd9;max-width:520px;font-size:15px}.app-content{max-width:780px;margin:0 auto;padding:32px 20px 64px}.step-indicator{justify-content:center;align-items:center;margin:0 0 32px;padding:0;list-style:none;display:flex}.step-indicator li{color:var(--text);opacity:.55;align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.step-indicator li:not(:last-child):after{content:"";background:var(--border);width:48px;height:2px;margin:0 14px}.step-dot{background:var(--card-bg);border:2px solid var(--border);width:28px;height:28px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.step-indicator li.is-active{opacity:1}.step-indicator li.is-active .step-dot{background:var(--gradient);color:#fff;border-color:#0000}.step-indicator li.is-complete{opacity:1}.step-indicator li.is-complete .step-dot{background:var(--gradient);color:#fff;border-color:#0000}.step-indicator li.is-complete:not(:last-child):after{background:var(--accent-2)}@media (width<=640px){.step-indicator li .step-label{display:none}.app-header{padding:14px 16px}.hero-banner-content{padding:0 20px}.hero-banner-content h1{font-size:22px}}.login-page{min-height:100vh;display:flex}.login-visual{flex:1.15;display:none;position:relative;overflow:hidden}@media (width>=860px){.login-visual{display:block}}.login-visual img{object-fit:cover;width:100%;height:100%;display:block}.login-visual-overlay{background:linear-gradient(160deg,#181642f2,#6d28d9db 55%,#9333eac7);position:absolute;inset:0}.login-visual-content{flex-direction:column;justify-content:center;padding:64px;display:flex;position:absolute;inset:0}.login-visual-content .brand-mark{margin-bottom:56px}.login-visual-content .brand-name{color:#fff;font-size:20px}.login-visual-content h1{color:#fff;max-width:460px;margin:0 0 16px;font-size:34px;line-height:1.25}.login-visual-content p{color:#ffffffd9;max-width:440px;margin-bottom:28px;font-size:16px}.login-feature-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.login-feature-list li{color:#ffffffeb;padding-left:26px;font-size:14px;position:relative}.login-feature-list li:before{content:"✓";color:#c4b5fd;font-weight:800;position:absolute;top:0;left:0}.login-form-panel{background:var(--bg);flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.login-card{background:var(--card-bg);border:1px solid var(--border);width:100%;max-width:380px;box-shadow:var(--shadow-md);border-radius:18px;flex-direction:column;gap:16px;padding:40px 36px;display:flex}.login-card h2{font-size:24px}.login-card>.hint{margin-bottom:8px}.auth-switch{text-align:center;color:var(--text);font-size:14px}.auth-switch .link-button{font-size:14px}.app-loading{min-height:100vh;color:var(--text);justify-content:center;align-items:center;font-weight:600;display:flex}.brand-mark-button{box-shadow:none;background:0 0;padding:0}.brand-mark-button:hover:not(:disabled){box-shadow:none;opacity:.85;transform:none}.app-nav{align-items:center;gap:10px;display:flex}.dashboard{flex-direction:column;gap:24px;display:flex}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.dashboard-empty{background:var(--card-bg);border:1px dashed var(--border);text-align:center;color:var(--text);border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:56px 24px;display:flex}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;display:grid}.dashboard-card{background:var(--card-bg);border:1px solid var(--border);text-align:left;box-shadow:var(--shadow-sm);color:var(--text);border-radius:14px;flex-direction:column;gap:8px;padding:20px;font-weight:400;display:flex}.dashboard-card:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.dashboard-card h3{color:var(--text-h);margin:4px 0 0;font-size:16px;font-weight:700;line-height:1.35}.dashboard-card-keyword{color:var(--accent-2);font-size:13px;font-weight:600}.dashboard-card-meta{color:var(--text);opacity:.7;margin-top:auto;font-size:12px}.status-badge{text-transform:uppercase;letter-spacing:.4px;border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:11px;font-weight:800}.status-draft{background:var(--bg);border:1px solid var(--border);color:var(--text)}.status-published{background:var(--success-bg);color:var(--success-text)}