:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--text-primary:#1a1a1a;--text-secondary:#6c757d;--text-muted:#8e8e93;--accent-primary:#c77447;--accent-hover:#a85c32;--border-color:#e5e7eb;--shadow-light:0 1px 3px #0000001a;--shadow-medium:0 4px 6px #0000001a;--shadow-dark:0 10px 15px #0000001a;--success-color:#10b981;--error-color:#ef4444;--warning-color:#f59e0b}[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-tertiary:#404040;--text-primary:#fff;--text-secondary:#a1a1aa;--text-muted:#71717a;--accent-primary:#c77447;--accent-hover:#d48759;--border-color:#404040;--shadow-light:0 1px 3px #0000004d;--shadow-medium:0 4px 6px #0000004d;--shadow-dark:0 10px 15px #0000004d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;background-color:var(--bg-primary);color:#1a1a1a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;transition:background-color .3s ease,color .3s ease}.app{display:flex;height:100vh;overflow:hidden}.sidebar{background-color:#f8f9fa;background-color:var(--bg-secondary);border-right:1px solid #e5e7eb;border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:relative;transition:all .3s ease;width:300px}.sidebar-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);padding:20px;position:relative}.app-title{color:#c77447;color:var(--accent-primary);font-size:24px;font-weight:700;margin-bottom:8px}.app-subtitle{color:#6c757d;color:var(--text-secondary);font-size:14px}.theme-toggle{align-items:center;background:#e9ecef;background:var(--bg-tertiary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:50%;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-medium);color:#1a1a1a;color:var(--text-primary);cursor:pointer;display:flex;height:48px;justify-content:center;padding:12px;position:fixed;right:30px;top:30px;transition:all .2s ease;width:48px;z-index:1001}.theme-toggle:hover{background:#c77447;background:var(--accent-primary);box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-dark);color:#fff;transform:scale(1.1)}.mobile-menu-toggle{background:#e9ecef;background:var(--bg-tertiary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;color:#1a1a1a;color:var(--text-primary);cursor:pointer;display:none;left:20px;padding:8px;position:absolute;top:20px;transition:all .2s ease;z-index:1001}.mobile-menu-toggle:hover{background:#c77447;background:var(--accent-primary);color:#fff}.mobile-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.sidebar-nav{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);padding:10px 0}.sidebar-nav-item{align-items:center;color:#6c757d;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:500;gap:12px;padding:12px 20px;transition:all .2s ease}.sidebar-nav-item:hover{background:#e9ecef;background:var(--bg-tertiary);color:#1a1a1a;color:var(--text-primary)}.sidebar-nav-item.active{background:#e9ecef;background:var(--bg-tertiary);border-left:4px solid #c77447;border-left:4px solid var(--accent-primary);color:#c77447;color:var(--accent-primary);padding-left:16px}.format-section,.upload-section{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);padding:20px}.section-title{color:#6c757d;color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:16px;text-transform:uppercase}.format-select{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:6px;color:#1a1a1a;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;margin-bottom:12px;padding:10px 12px;transition:all .2s ease;width:100%}.format-select:focus,.format-select:hover{border-color:#c77447;border-color:var(--accent-primary)}.format-select:focus{box-shadow:0 0 0 3px #c774471a;outline:none}.format-description{color:#6c757d;color:var(--text-secondary);font-size:12px;line-height:1.4;margin:0}.upload-area{background:#fff;background:var(--bg-primary);border:2px dashed #e5e7eb;border:2px dashed var(--border-color);border-radius:8px;cursor:pointer;padding:16px 12px;text-align:center;transition:all .3s ease}.upload-area.dragover,.upload-area:hover{background:#e9ecef;background:var(--bg-tertiary);border-color:#c77447;border-color:var(--accent-primary)}.upload-icon{color:#8e8e93;color:var(--text-muted);margin-bottom:12px}.upload-text{color:#1a1a1a;color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:4px}.upload-subtext{color:#6c757d;color:var(--text-secondary);font-size:12px}.generate-button{align-items:center;background:#c77447;background:var(--accent-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin:20px;padding:12px 24px;transition:all .2s ease}.generate-button:hover:not(:disabled){background:#a85c32;background:var(--accent-hover);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-medium);transform:translateY(-2px)}.generate-button:disabled{cursor:not-allowed;opacity:.5}.keywords-section{flex:1 1;overflow-y:auto;padding:20px}.keyword-list{display:flex;flex-direction:column;gap:8px}.keyword-item{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);font-size:14px;justify-content:space-between;padding:10px 12px}.keyword-text{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keyword-status{align-items:center;border-radius:12px;display:flex;font-size:11px;font-weight:600;gap:4px;padding:2px 8px;text-transform:capitalize}.keyword-status.pending{background:#e9ecef;background:var(--bg-tertiary);color:#6c757d;color:var(--text-secondary)}.keyword-status.processing{background:#f59e0b1a;color:#f59e0b;color:var(--warning-color)}.keyword-status.completed{background:#10b9811a;color:#10b981;color:var(--success-color)}.keyword-status.error{background:#ef44441a;color:#ef4444;color:var(--error-color)}.main-content{background-color:#fff;background-color:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;height:100vh;overflow-y:auto}.main-header{align-items:center;background:#fff;background:var(--bg-primary);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:30px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.main-title{color:#1a1a1a;color:var(--text-primary);font-size:32px;font-weight:700}.nav-buttons{display:flex;gap:12px}.nav-button{align-items:center;background:#f8f9fa;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;color:#6c757d;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s ease}.nav-button:hover{background:#e9ecef;background:var(--bg-tertiary);color:#1a1a1a;color:var(--text-primary)}.nav-button.active{background:#c77447;background:var(--accent-primary);border-color:#c77447;border-color:var(--accent-primary);color:#fff}.articles-container{margin:0 auto;max-width:1000px;padding:40px;width:100%}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:100px 40px;text-align:center}.empty-state-icon{color:#8e8e93;color:var(--text-muted);margin-bottom:24px;opacity:.5}.empty-state-title{color:#1a1a1a;color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:12px}.empty-state-text{color:#6c757d;color:var(--text-secondary);font-size:16px;line-height:1.5;max-width:400px}.articles-header{margin-bottom:32px}.articles-title{color:#1a1a1a;color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:8px}.articles-subtitle{color:#6c757d;color:var(--text-secondary);font-size:16px;max-width:800px}.article-card{background:#f8f9fa;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-light);margin-bottom:30px;padding:30px}.article-title{color:#1a1a1a;color:var(--text-primary);font-size:24px;font-weight:700;line-height:1.3;margin-bottom:16px}.article-tldr{background:#e9ecef;background:var(--bg-tertiary);border-left:4px solid #c77447;border-left:4px solid var(--accent-primary);border-radius:0 8px 8px 0;margin-bottom:24px;padding:18px 22px}.article-tldr h4{color:#c77447;color:var(--accent-primary);font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.article-tldr p{font-size:17px;line-height:1.6;margin:0}.article-body,.article-tldr p{color:#1a1a1a;color:var(--text-primary)}.article-body,.article-body p{font-size:16px;line-height:1.7}.article-body p{margin-bottom:16px}.article-body li{font-size:16px;line-height:1.6;margin-bottom:8px}.article-body h2{font-size:24px;margin:32px 0 16px}.article-body h2,.article-body h3{color:#1a1a1a;color:var(--text-primary);font-weight:600;line-height:1.4}.article-body h3{font-size:20px;margin:28px 0 14px}.article-body h4{color:#1a1a1a;color:var(--text-primary);font-size:18px;font-weight:600;line-height:1.4;margin:24px 0 12px}.article-body ol,.article-body ul{margin:16px 0 16px 24px}.article-body strong{font-weight:600}.article-body strong,.copy-button{color:#1a1a1a;color:var(--text-primary)}.copy-button{align-items:center;background:#e9ecef;background:var(--bg-tertiary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;font-size:14px;gap:6px;margin-top:20px;padding:8px 12px;transition:all .2s ease}.copy-button:hover{background:#c77447;background:var(--accent-primary);border-color:#c77447;border-color:var(--accent-primary);color:#fff}.pricing-container{margin:0 auto;max-width:1600px;padding:40px 30px}.pricing-header{margin-bottom:60px;text-align:center}.pricing-title{color:#1a1a1a;color:var(--text-primary);font-size:56px;font-weight:700;margin-bottom:16px}.pricing-subtitle{color:#6c757d;color:var(--text-secondary);font-size:20px;line-height:1.6;margin:0 auto 30px;max-width:800px}.pricing-cards{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-bottom:40px}.guidance-page{color:#1a1a1a;color:var(--text-primary);padding:20px 0}.guidance-hero{background:linear-gradient(135deg,#fe7e310d,#f570280d);border-radius:20px;margin-bottom:60px;padding:60px 20px;text-align:center}.guidance-hero h1{font-size:42px;font-weight:800;line-height:1.2;margin-bottom:20px}.hero-subtitle{color:#6c757d;color:var(--text-secondary);font-size:18px;margin:0 auto 30px;max-width:700px}.cta-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;gap:10px;padding:14px 28px;transition:all .3s ease}.cta-button.primary{background:#c77447;background:var(--accent-primary);color:#fff}.cta-button.primary:hover{background:#a85c32;background:var(--accent-hover);box-shadow:0 4px 12px #fe7e314d;transform:translateY(-2px)}.guidance-steps{margin-bottom:80px}.guidance-page .section-title{color:#1a1a1a;color:var(--text-primary);font-size:32px;font-weight:700;letter-spacing:normal;margin-bottom:40px;text-align:center;text-transform:none}.steps-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.step-card{background:#f8f9fa;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:20px;padding:40px 30px;position:relative;text-align:center}.step-number{font-size:48px;font-weight:900;opacity:.1;position:absolute;right:20px;top:20px}.step-icon,.step-number{color:#c77447;color:var(--accent-primary)}.step-icon{align-items:center;background:#fe7e311a;border-radius:16px;display:flex;height:64px;justify-content:center;margin:0 auto 24px;width:64px}.step-card h3{font-size:20px;font-weight:700;margin-bottom:12px}.step-card p{color:#6c757d;color:var(--text-secondary);font-size:15px;line-height:1.6}.guidance-features{margin-bottom:80px}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr)}.feature-item{background:#f8f9fa;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:16px;display:flex;gap:20px;padding:24px}.check-icon{align-items:center;background:#10b981;background:var(--success-color);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.feature-text strong{display:block;font-size:18px;margin-bottom:8px}.feature-text p{color:#6c757d;color:var(--text-secondary);font-size:14px}.guidance-cta{background:#f8f9fa;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:24px;padding:60px 40px;text-align:center}.cta-box h2{font-size:32px;font-weight:800;margin-bottom:16px}.cta-box p{color:#6c757d;color:var(--text-secondary);font-size:18px;margin-bottom:32px}@media (max-width:1024px){.features-grid,.pricing-cards,.steps-container{grid-template-columns:1fr}.pricing-card.popular{transform:none}}.pricing-card{background:#f8f9fa;background:var(--bg-secondary);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:16px;display:flex;flex-direction:column;padding:30px 24px;position:relative;text-align:center;transition:all .3s ease}.plan-badge{color:#c77447;color:var(--accent-primary);font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.pricing-card.popular{border-color:#c77447;border-color:var(--accent-primary);transform:scale(1.05);z-index:1}.pricing-card.popular:before{background:#c77447;background:var(--accent-primary);border-radius:20px;color:#fff;content:"Most Popular";font-size:13px;font-weight:600;left:50%;padding:6px 20px;position:absolute;top:-13px;transform:translateX(-50%);white-space:nowrap}.pricing-card:hover{border-color:#c77447;border-color:var(--accent-primary)}.pricing-card.popular:hover,.pricing-card:hover{box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-dark)}.pricing-card.popular:hover{border-color:#a85c32;border-color:var(--accent-hover)}.plan-name{color:#1a1a1a;color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:8px}.plan-description{color:#6c757d;color:var(--text-secondary);font-size:16px;line-height:1.5;margin-bottom:30px}.plan-price{color:#1a1a1a;color:var(--text-primary);font-size:48px;font-weight:700;margin-bottom:30px}.plan-features{list-style:none;margin-bottom:40px}.plan-features li{align-items:center;color:#1a1a1a;color:var(--text-primary);display:flex;font-size:16px;margin-bottom:12px}.plan-features li:before{color:#10b981;color:var(--success-color);content:"✓";font-weight:700;margin-right:12px}.plan-button{background:#c77447;background:var(--accent-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 24px;transition:all .2s ease;width:100%}.plan-button:hover{background:#a85c32;background:var(--accent-hover);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-medium)}.plan-note{color:#6c757d;color:var(--text-secondary);font-size:14px;font-style:italic;margin-top:16px}.mobile-close{display:none!important}@media (max-width:768px){.mobile-menu-toggle{display:block}.theme-toggle{right:60px;top:20px}.mobile-close{display:block!important}.sidebar{height:100vh;left:-100%;max-height:none;position:fixed;top:0;transition:left .3s ease;width:320px;z-index:1000}.sidebar.open{left:0}.mobile-overlay.open,.sidebar-nav{display:block}.main-content{margin-left:0;width:100%}.main-header{padding:20px 70px 20px 20px}.sidebar.open~.main-content .main-header{padding-left:20px}.main-title{font-size:24px}.nav-buttons{display:none}.article-card,.articles-container{padding:20px}.upload-area{padding:16px 12px}.upload-icon{margin-bottom:8px}.upload-text{font-size:14px}.upload-subtext{font-size:12px}.generate-button{font-size:14px;margin:15px;padding:10px 20px}.pricing-cards{gap:20px;grid-template-columns:1fr}.pricing-card{padding:30px 20px}.pricing-card.popular{transform:none}.pricing-card.popular:hover{border-color:#a85c32;border-color:var(--accent-hover);box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-dark)}.pricing-title{font-size:36px}.pricing-subtitle{font-size:18px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f8f9fa;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#e5e7eb;background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#c77447;background:var(--accent-primary)}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #e9ecef;border-top:2px solid #c77447;border:2px solid var(--bg-tertiary);border-radius:50%;border-top-color:var(--accent-primary);height:16px;width:16px}.copy-button .loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.status-circle{align-items:center;border:2px solid;border-radius:50%;display:flex;height:12px;justify-content:center;position:relative;width:12px}.status-circle.pending{background:#0000;border-color:#6b7280}.status-circle.processing{animation:pulse 1.5s ease-in-out infinite alternate;background:#f59e0b;border-color:#f59e0b}.status-circle.completed{background:#10b981;border-color:#10b981}.status-circle.error{background:#ef4444;border-color:#ef4444}@keyframes pulse{0%{opacity:1}to{opacity:.4}}.status-circle.processing .loading-spinner{animation:spin 1s linear infinite;border:1px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:8px;width:8px}.remove-keyword-btn{background:none;border:none;border-radius:4px;color:#8e8e93;color:var(--text-muted);cursor:pointer;font-size:16px;margin-left:auto;padding:2px 6px;transition:all .2s ease}.remove-keyword-btn:hover{background:#ef4444;background:var(--error-color);color:#fff}.keyword-item{align-items:center;background:#f8f9fa;background:var(--bg-secondary);border-radius:6px;display:flex;gap:8px;margin-bottom:6px;padding:8px 12px}.keyword-text{color:#1a1a1a;color:var(--text-primary);flex:1 1;font-weight:500}
/*# sourceMappingURL=main.1e1c7207.css.map*/