*{margin:0;padding:0;box-sizing:border-box}:root{--navy-950: #080e1a;--navy-900: #0a1628;--navy-800: #0f172a;--navy-700: #1e293b;--navy-600: #334155;--navy-500: #475569;--navy-400: #64748b;--navy-300: #94a3b8;--navy-200: #cbd5e1;--navy-100: #e2e8f0;--navy-50: #f1f5f9;--teal-600: #0891b2;--teal-500: #06b6d4;--teal-400: #22d3ee;--teal-300: #67e8f9;--teal-200: #a5f3fc;--teal-100: #cffafe;--teal-50: #ecfeff;--primary-color: #06b6d4;--primary-dark: #0891b2;--primary-light: #22d3ee;--secondary-color: #06b6d4;--accent-color: #06b6d4;--background: #f8fafc;--surface: #ffffff;--surface-raised: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--text-on-dark: #ffffff;--text-on-dark-muted: rgba(255, 255, 255, .7);--border: #e2e8f0;--border-light: #f1f5f9;--success: #10b981;--success-light: #d1fae5;--error: #ef4444;--error-light: #fee2e2;--warning: #f59e0b;--warning-light: #fef3c7;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .08), 0 1px 2px -1px rgb(0 0 0 / .08);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .07), 0 2px 4px -2px rgb(0 0 0 / .07);--shadow-lg: 0 10px 25px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .05);--shadow-xl: 0 20px 50px -12px rgb(0 0 0 / .15);--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background);color:var(--text-primary);line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,#0a1628,#0f172a,#162032);color:#fff;padding:1.25rem 0;border-bottom:1px solid rgba(6,182,212,.15)}.header .container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;flex-direction:column;gap:.15rem}.header-logo{height:32px;width:auto}.header-user{display:flex;align-items:center;gap:.75rem}.user-avatar{width:38px;height:38px;border-radius:50%;border:2px solid rgba(6,182,212,.4)}.user-info{display:flex;flex-direction:column;text-align:right}.user-name{font-weight:600;font-size:.88rem;color:#fff}.user-email{font-size:.75rem;color:var(--text-on-dark-muted)}.logout-button{background:#ffffff14;color:#ffffffd9;border:1px solid rgba(255,255,255,.12);padding:.45rem 1rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s;margin-left:.5rem}.logout-button:hover{background:#ffffff26;border-color:#ffffff40}.header-content{display:flex;justify-content:space-between;align-items:center}.user-menu{display:flex;align-items:center;gap:1rem}.header h1{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:#fff}.subtitle{font-size:.88rem;color:var(--text-on-dark-muted);font-weight:400}.tab-nav{display:flex;gap:0;background:#fff;border-bottom:1px solid var(--border);padding:0 2rem;max-width:1200px;margin:0 auto;width:100%}.tab-nav button{padding:.875rem 1.5rem;border:none;background:transparent;font-size:.9rem;font-weight:500;color:var(--text-secondary);cursor:pointer;border-bottom:3px solid transparent;transition:all .2s;letter-spacing:-.01em}.tab-nav button:hover{color:var(--navy-800);background:var(--navy-50)}.tab-nav button.active{color:var(--primary-color);border-bottom-color:var(--primary-color);font-weight:600}.tab-nav .upgrade-btn{margin-left:auto;background:none;color:var(--primary-color)!important;padding:.875rem 1.5rem!important;font-weight:600;font-size:.9rem;border:none!important;border-bottom:3px solid transparent!important}.tab-nav .upgrade-btn:hover{color:var(--primary-dark)!important;background:var(--teal-50)}.tab-nav .upgrade-btn.active{border-bottom-color:var(--primary-color)!important}.tab-nav .pro-status{margin-left:auto;color:var(--success);padding:.875rem 1.5rem;font-weight:600;font-size:.9rem}.main-content{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.error-banner{background:var(--error-light);border:1px solid #fecaca;border-radius:var(--radius);padding:1rem 1.5rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;color:#991b1b;font-size:.9rem;font-weight:500}.error-banner button{background:none;border:none;font-size:1.25rem;cursor:pointer;color:#991b1b;padding:.25rem}.primary-button{background:linear-gradient(135deg,var(--teal-500),var(--teal-600));color:#fff;border:none;padding:.875rem 1.75rem;border-radius:var(--radius);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;letter-spacing:-.01em}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #06b6d459}.primary-button:disabled{opacity:.55;cursor:not-allowed}.secondary-button{background:#fff;color:var(--navy-700);border:1.5px solid var(--border);padding:.75rem 1.5rem;border-radius:var(--radius);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.secondary-button:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color);background:var(--teal-50)}.secondary-button:disabled{opacity:.55;cursor:not-allowed}.edit-button{background:transparent;border:1.5px solid var(--border);padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer;color:var(--text-secondary);font-weight:500;transition:all .2s}.edit-button:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--teal-50)}.copy-button{background:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.copy-button:hover{background:var(--primary-dark)}.post-actions{display:flex;gap:.5rem;flex-wrap:wrap}.regen-post-button{background:#fff;color:var(--primary-color);border:1.5px solid var(--primary-color);padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.regen-post-button:hover:not(:disabled){background:var(--primary-color);color:#fff}.regen-post-button:disabled{opacity:.5;cursor:not-allowed}.post-feedback-section{margin:.75rem 0}.post-feedback-section input{width:100%;padding:.6rem .75rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.85rem;font-family:inherit;transition:border-color .2s}.post-feedback-section input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #06b6d41a}.post-feedback-section input::placeholder{color:var(--text-tertiary);font-size:.8rem}.dashboard{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.welcome-card{background:#fff;border-radius:var(--radius-xl);padding:3rem;text-align:center;box-shadow:var(--shadow-lg);max-width:600px;margin:2rem auto;border:1px solid var(--border-light)}.welcome-card h2{font-size:1.65rem;margin-bottom:1rem;font-weight:800;letter-spacing:-.02em;color:var(--navy-800)}.welcome-card ul{text-align:left;list-style:none;margin:1.5rem 0}.welcome-card li{padding:.5rem 0;font-size:1rem;color:var(--text-secondary)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.company-badge h2{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:var(--navy-800);margin-bottom:.35rem}.platform-tag{display:inline-block;background:linear-gradient(135deg,var(--navy-700),var(--navy-800));color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.78rem;font-weight:600;letter-spacing:.01em}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (max-width: 768px){.dashboard-grid{grid-template-columns:1fr}}.stat-card,.action-card,.insights-card,.tips-card{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow);border:1px solid var(--border-light);transition:box-shadow .2s}.stat-card:hover,.action-card:hover,.insights-card:hover,.tips-card:hover{box-shadow:var(--shadow-md)}.stat-card h3,.action-card h3,.insights-card h3,.tips-card h3{font-size:.95rem;color:var(--text-secondary);margin-bottom:1rem;font-weight:600}.stat-content{text-align:center}.stat-number{font-size:3rem;font-weight:800;color:var(--primary-color);letter-spacing:-.03em}.stat-label{font-size:1rem;color:var(--text-primary);font-weight:600}.stat-detail{font-size:.85rem;color:var(--text-secondary)}.action-card p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.6}.frequency-selector{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.frequency-selector label{font-weight:500}.frequency-selector select{padding:.5rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.9rem;font-family:inherit}.insights-content,.tips-content{background:var(--navy-50);border-radius:var(--radius);padding:1rem;max-height:300px;overflow-y:auto}.insights-content pre,.tips-content pre{white-space:pre-wrap;font-family:inherit;font-size:.9rem;line-height:1.6}.insights-empty,.tips-empty{text-align:center;padding:1rem}.insights-empty p,.tips-empty p{color:var(--text-secondary);margin-bottom:1rem}.parsed-content{max-height:350px;overflow-y:auto}.content-section,.tip-section{background:var(--navy-50);border-radius:var(--radius);padding:1rem;margin-bottom:.75rem;border:1px solid var(--border-light)}.content-section:last-child,.tip-section:last-child{margin-bottom:0}.content-section h4,.tip-section h4{font-size:.85rem;color:var(--navy-700);margin-bottom:.5rem;font-weight:700}.content-section ul{list-style:none;margin:0;padding:0}.content-section li{font-size:.9rem;color:var(--text-primary);padding:.35rem 0 .35rem 1rem;position:relative}.content-section li:before{content:"→";position:absolute;left:0;color:var(--primary-color);font-weight:600}.tip-section p{font-size:.9rem;line-height:1.5;color:var(--text-primary);margin:0}.raw-content{white-space:pre-wrap;font-size:.9rem;line-height:1.6;padding:1rem;background:var(--navy-50);border-radius:var(--radius)}.setup-container{max-width:700px;margin:0 auto}.setup-card{background:#fff;border-radius:var(--radius-xl);padding:2.5rem;box-shadow:var(--shadow-lg);border:1px solid var(--border-light)}.setup-card h2{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:var(--navy-800);margin-bottom:.5rem}.setup-description{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.setup-start{text-align:center;padding:3rem 2rem}.setup-icon{font-size:3.5rem;margin-bottom:1rem}.setup-start h2{font-size:1.75rem;margin-bottom:.75rem}.setup-start .setup-description{max-width:450px;margin:0 auto 2rem;line-height:1.6}.website-input-container{display:flex;flex-direction:column;gap:1rem;max-width:400px;margin:0 auto 1.5rem}.website-input{padding:1rem 1.25rem;font-size:1rem;border:2px solid var(--border);border-radius:var(--radius);text-align:center;transition:border-color .2s;font-family:inherit}.website-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #06b6d41a}.analyze-button{background:linear-gradient(135deg,var(--navy-700),var(--navy-800));color:#fff;padding:1rem 2rem;border:none;border-radius:var(--radius);font-size:1.05rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .2s,box-shadow .2s;letter-spacing:-.01em}.analyze-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #0f172a4d}.analyze-button:disabled{opacity:.6;cursor:not-allowed}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skip-link{background:none;border:none;color:var(--text-secondary);font-size:.9rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px;font-family:inherit}.skip-link:hover{color:var(--primary-color)}.error-message{background:var(--error-light);color:#dc2626;padding:.75rem 1rem;border-radius:var(--radius);font-size:.9rem;margin-bottom:1rem;max-width:400px;margin-left:auto;margin-right:auto;border:1px solid #fecaca}.review-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.success-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,var(--teal-500),var(--teal-600));color:#fff;font-size:1.5rem;border-radius:50%;margin-bottom:1rem}.review-header h2{margin-bottom:.5rem}.inferred-data-section .form-group label{display:flex;align-items:center;gap:.5rem}.inferred-data-section input,.inferred-data-section textarea,.inferred-data-section select{border:2px solid var(--border);border-radius:var(--radius);transition:border-color .2s,background .2s}.inferred-data-section input:focus,.inferred-data-section textarea:focus,.inferred-data-section select:focus{border-color:var(--primary-color);background:#fff}.setup-form{display:flex;flex-direction:column;gap:2rem}.form-section{border-bottom:1px solid var(--border-light);padding-bottom:1.5rem}.form-section:last-of-type{border-bottom:none}.form-section h3{font-size:.95rem;color:var(--navy-700);margin-bottom:1rem;font-weight:700;letter-spacing:-.01em}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem;font-size:.88rem;color:var(--navy-700)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1.5px solid var(--border);border-radius:var(--radius);font-size:.95rem;font-family:inherit;transition:border-color .2s,box-shadow .2s;background:#fff;color:var(--text-primary)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #06b6d41a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-tertiary)}.url-input-group{display:flex;gap:.5rem}.url-input-group input{flex:1}.scrape-button{background:var(--navy-700);color:#fff;border:none;padding:.75rem 1rem;border-radius:var(--radius);font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.scrape-button:hover:not(:disabled){background:var(--navy-800)}.scrape-button:disabled{opacity:.5;cursor:not-allowed}.input-hint{display:block;font-size:.8rem;color:var(--text-tertiary);margin-top:.35rem}.scraped-info{background:var(--teal-50);border-radius:var(--radius);padding:1rem;margin-top:.75rem;border-left:3px solid var(--primary-color)}.scraped-info h4{font-size:.88rem;color:var(--primary-dark);margin-bottom:.5rem;font-weight:700}.scraped-info p{font-size:.85rem;line-height:1.5;color:var(--text-primary)}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem}.checkbox-group input[type=checkbox]{width:auto;accent-color:var(--primary-color)}.form-actions{text-align:center;padding-top:1rem}.calendar-container{animation:fadeIn .3s ease}.calendar-empty{text-align:center;padding:3rem;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow);border:1px solid var(--border-light)}.calendar-empty h2{margin-bottom:1rem;font-weight:800;letter-spacing:-.02em;color:var(--navy-800)}.calendar-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.progress-tracker{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;min-width:150px}.progress-bar{width:100%;height:8px;background:var(--navy-100);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--teal-500),var(--teal-400));border-radius:4px;transition:width .3s ease}.progress-text{font-size:.8rem;color:var(--text-secondary);font-weight:600}.calendar-header h2{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:var(--navy-800);margin-bottom:.25rem}.calendar-subtitle{color:var(--text-secondary);font-size:.9rem}.calendar-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;background:#fff;border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:1.5rem;box-shadow:var(--shadow);border:1px solid var(--border-light)}.action-group{display:flex;align-items:center;gap:.75rem}.action-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.save-button{background:var(--success);color:#fff;border:none;padding:.6rem 1rem;border-radius:var(--radius-sm);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s}.save-button:hover{background:#059669;transform:translateY(-1px)}.next-month-button{background:linear-gradient(135deg,var(--navy-700),var(--navy-800));color:#fff;border:none;padding:.6rem 1.25rem;border-radius:var(--radius-sm);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s}.next-month-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.regenerate-button{background:#fff;color:var(--text-secondary);border:1.5px solid var(--border);padding:.6rem 1rem;border-radius:var(--radius-sm);font-size:.88rem;font-weight:500;cursor:pointer;transition:all .2s}.regenerate-button:hover{border-color:var(--primary-color);color:var(--primary-color)}.regenerate-button:disabled{opacity:.5;cursor:not-allowed}.saved-banner{display:flex;align-items:center;gap:1.5rem;width:100%;justify-content:space-between}.saved-banner span{color:var(--success);font-weight:700}.feedback-panel{background:#fff;border-radius:var(--radius);padding:1.25rem;margin-bottom:1.5rem;box-shadow:var(--shadow);border-left:4px solid var(--primary-color)}.feedback-panel h4{font-size:1rem;margin-bottom:.75rem;font-weight:700;color:var(--navy-800)}.feedback-panel textarea{width:100%;padding:.75rem;border:1.5px solid var(--border);border-radius:var(--radius);font-size:.95rem;font-family:inherit;resize:vertical;margin-bottom:.75rem}.feedback-panel textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #06b6d41a}.feedback-actions{display:flex;gap:.75rem;justify-content:flex-end}.insights-banner{background:var(--teal-50);border:1px solid var(--teal-200);border-radius:var(--radius);padding:1.5rem;margin-bottom:2rem}.insights-banner h3{font-size:1rem;margin-bottom:1rem;color:var(--primary-dark);font-weight:700}.insights-banner pre{white-space:pre-wrap;font-family:inherit;font-size:.9rem;line-height:1.6;max-height:200px;overflow-y:auto}.workflow-toggles{display:flex;gap:.75rem;margin-bottom:1.5rem}.toggle-button{background:#fff;border:1.5px solid var(--border);padding:.75rem 1.25rem;border-radius:var(--radius);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s;color:var(--text-secondary)}.toggle-button:hover{border-color:var(--primary-color);color:var(--primary-color)}.toggle-button.active{background:var(--navy-800);border-color:var(--navy-800);color:#fff}.workflow-panel{background:#fff;border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow);border-left:4px solid var(--navy-700)}.workflow-panel h3{font-size:1.1rem;margin-bottom:.5rem;font-weight:700;color:var(--navy-800)}.panel-description{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.workflow-content{background:var(--navy-50);border-radius:var(--radius);padding:1.25rem;max-height:400px;overflow-y:auto;font-size:.95rem;line-height:1.7;color:var(--text-primary)}.calendar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.calendar-card{background:#fff;border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow);cursor:pointer;transition:all .2s;border-left:4px solid var(--navy-600);border-top:1px solid var(--border-light);border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.calendar-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.calendar-card.expanded{grid-column:span 1}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;padding-left:.5rem}.card-header-right{display:flex;align-items:center;gap:.5rem}.check-button{width:28px;height:28px;border-radius:50%;border:2px solid var(--border);background:#fff;color:var(--text-tertiary);font-size:1rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.check-button:hover{border-color:var(--success);color:var(--success)}.check-button.checked{background:var(--success);border-color:var(--success);color:#fff}.calendar-card.posted{background:linear-gradient(135deg,#10b98108,#05966908);border-left-color:var(--success)}.calendar-card.posted .card-preview p,.calendar-card.posted .card-theme{color:var(--text-secondary)}.card-date{display:flex;flex-direction:column}.card-date .day{font-weight:700;font-size:.88rem;color:var(--navy-800)}.card-date .date{font-size:.78rem;color:var(--text-secondary)}.post-number{background:var(--navy-50);padding:.25rem .5rem;border-radius:4px;font-size:.72rem;font-weight:700;color:var(--text-secondary)}.card-theme{font-size:.85rem;margin-bottom:.75rem}.card-theme strong{color:var(--navy-700)}.card-preview{font-size:.85rem;color:var(--text-secondary)}.card-preview p{margin-bottom:.5rem;line-height:1.5}.expand-hint{font-size:.75rem;color:var(--primary-color);font-weight:600}.card-details{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-light)}.post-content-section,.image-section,.timing-section{margin-bottom:1rem}.card-details h4{font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem;font-weight:600}.post-text{background:var(--navy-50);border-radius:var(--radius);padding:1rem;margin-bottom:.75rem;font-size:.93rem;line-height:1.6;color:var(--text-primary)}.image-section p,.timing-section p{font-size:.9rem;background:var(--navy-50);padding:.75rem;border-radius:var(--radius-sm)}.auth-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:2rem}.auth-card{background:#fff;border-radius:var(--radius-xl);padding:2.5rem;width:100%;max-width:420px;box-shadow:var(--shadow-xl);text-align:center;border:1px solid var(--border-light)}.auth-card h2{font-size:1.65rem;font-weight:800;letter-spacing:-.02em;color:var(--navy-800);margin-bottom:.5rem}.auth-subtitle{color:var(--text-secondary);margin-bottom:1.5rem}.auth-error{background:var(--error-light);color:#991b1b;padding:.75rem;border-radius:var(--radius);margin-bottom:1rem;font-size:.9rem;border:1px solid #fecaca}.auth-form{text-align:left}.auth-form .form-group{margin-bottom:1.25rem}.auth-form .primary-button{width:100%;margin-top:.5rem}.auth-switch{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.auth-switch p{color:var(--text-secondary);font-size:.9rem}.auth-switch button{background:none;border:none;color:var(--primary-color);font-weight:600;cursor:pointer}.auth-switch button:hover{text-decoration:underline}.past-calendars{animation:fadeIn .3s ease}.past-calendars h2{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:var(--navy-800);margin-bottom:.5rem}.past-calendars .subtitle{color:var(--text-secondary);margin-bottom:2rem}.calendars-list{display:flex;flex-direction:column;gap:1rem}.calendar-item{background:#fff;border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);cursor:pointer;transition:all .2s;border-left:4px solid var(--navy-600);border-top:1px solid var(--border-light);border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.calendar-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.calendar-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.calendar-item-header h3{font-size:1.1rem;font-weight:700;color:var(--navy-800)}.post-count{background:var(--navy-700);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.78rem;font-weight:600}.calendar-item-meta{display:flex;gap:1rem;font-size:.85rem;color:var(--text-secondary)}.empty-state{text-align:center;padding:3rem;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow);border:1px solid var(--border-light)}.empty-state h3{margin-bottom:.5rem;font-weight:700;color:var(--navy-800)}.empty-state p{color:var(--text-secondary)}.loading{text-align:center;padding:2rem;color:var(--text-secondary)}.error-message{background:var(--error-light);color:#991b1b;padding:1rem;border-radius:var(--radius);text-align:center;border:1px solid #fecaca}.learning-badge{background:linear-gradient(135deg,var(--teal-500),var(--teal-600));color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.72rem;margin-top:.75rem;display:inline-block;font-weight:700}.past-calendars,.past-calendars-empty{animation:fadeIn .3s ease}.past-calendars-empty{text-align:center;padding:3rem;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow);border:1px solid var(--border-light)}.past-calendars-empty h2{margin-bottom:1rem;font-weight:800;color:var(--navy-800)}.past-calendars-empty p{color:var(--text-secondary)}.calendar-history-card{background:#fff;border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);border-left:4px solid var(--navy-600);border-top:1px solid var(--border-light);border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.history-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.history-card-header h3{font-size:1.1rem;font-weight:700;color:var(--navy-800);margin-bottom:.25rem}.history-meta{font-size:.85rem;color:var(--text-secondary)}.history-actions{display:flex;gap:.5rem}.view-button{background:var(--navy-700);color:#fff;border:none;padding:.4rem .75rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.view-button:hover{background:var(--navy-800)}.delete-button{background:transparent;border:1.5px solid var(--border);padding:.4rem .6rem;border-radius:var(--radius-sm);font-size:.8rem;cursor:pointer;color:var(--text-secondary);transition:all .2s}.delete-button:hover{border-color:var(--error);color:var(--error)}.history-context{display:flex;gap:.5rem;margin-bottom:.75rem}.context-tag{background:var(--navy-50);padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.history-themes{font-size:.85rem}.history-themes strong{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-weight:600}.theme-tags{display:flex;flex-wrap:wrap;gap:.5rem}.theme-tag{background:var(--navy-50);padding:.25rem .5rem;border-radius:4px;font-size:.78rem;font-weight:500}.theme-tag.more{background:var(--navy-700);color:#fff}.new-month-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a1628a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.new-month-modal{background:#fff;border-radius:var(--radius-xl);padding:2rem;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.new-month-modal h2{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:var(--navy-800);margin-bottom:.5rem}.modal-subtitle{color:var(--text-secondary);margin-bottom:1.5rem}.month-form .form-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-light)}.month-form .form-section:last-of-type{border-bottom:none}.month-form h3{font-size:1rem;margin-bottom:.75rem;font-weight:700;color:var(--navy-800)}.section-hint{font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem}.month-form textarea{width:100%;padding:.75rem;border:1.5px solid var(--border);border-radius:var(--radius);font-size:.95rem;font-family:inherit;resize:vertical}.month-form textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #06b6d41a}.radio-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.radio-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem}.radio-option input[type=radio]{width:auto;accent-color:var(--primary-color)}.current-goals{background:var(--navy-50);padding:.75rem;border-radius:var(--radius);font-size:.9rem;border:1px solid var(--border-light)}.frequency-row{display:flex;align-items:center;gap:1rem}.frequency-row select{padding:.5rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.95rem;font-family:inherit}.frequency-info{color:var(--text-secondary);font-size:.9rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-light)}.history-note{background:var(--teal-50);color:#0e7490;padding:.75rem;border-radius:var(--radius);font-size:.85rem;margin-bottom:.75rem;border:1px solid var(--teal-200);font-weight:500}.insights-included-note{background:var(--navy-50);color:var(--navy-700);padding:.75rem;border-radius:var(--radius);font-size:.85rem;margin-bottom:1rem;border:1px solid var(--navy-200);font-weight:500}.action-card.free-tier{background:linear-gradient(135deg,var(--teal-50) 0%,#ecfeff 100%);border:2px solid var(--teal-200);position:relative}.free-badge{position:absolute;top:-10px;right:20px;background:linear-gradient(135deg,var(--teal-500),var(--teal-600));color:#fff;padding:.3rem 1rem;border-radius:20px;font-size:.72rem;font-weight:700;letter-spacing:.02em}.action-card.starter-tier{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac;position:relative}.starter-badge{position:absolute;top:-10px;right:20px;background:linear-gradient(135deg,var(--success),#059669);color:#fff;padding:.3rem 1rem;border-radius:20px;font-size:.72rem;font-weight:700;letter-spacing:.02em}.pro-badge{position:absolute;top:-10px;right:20px;background:linear-gradient(135deg,var(--navy-700),var(--navy-800));color:#fff;padding:.3rem 1rem;border-radius:20px;font-size:.72rem;font-weight:700;letter-spacing:.02em}.pro-badge-small{background:linear-gradient(135deg,var(--navy-700),var(--navy-800));color:#fff;padding:.2rem .75rem;border-radius:12px;font-size:.68rem;font-weight:700}.action-card.locked,.insights-card.locked,.tips-card.locked{position:relative;border:2px dashed var(--navy-200);background:linear-gradient(135deg,#fafbfc,var(--navy-50))}.locked-feature{background:var(--navy-50);border-radius:var(--radius);padding:1.5rem;text-align:center;margin-top:1rem;border:1px solid var(--border-light)}.locked-text{color:var(--text-secondary);font-size:.95rem;margin-bottom:1rem;font-weight:500}.locked-content{position:relative;border-radius:var(--radius);overflow:hidden}.locked-preview{padding:1rem;background:var(--navy-50);border-radius:var(--radius)}.blur-item{padding:.75rem;background:#fff;border-radius:var(--radius-sm);margin-bottom:.5rem;color:var(--text-tertiary);font-size:.9rem;filter:blur(2px);opacity:.7}.blur-item:last-child{margin-bottom:0}.locked-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffffe0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.locked-overlay p{color:var(--navy-600);font-weight:700;margin-bottom:1rem;text-align:center}.upgrade-button{background:linear-gradient(135deg,var(--navy-700),var(--navy-800));color:#fff;border:none;padding:.875rem 2rem;border-radius:var(--radius);font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #0f172a40}.upgrade-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0f172a59}.upgrade-button-small{background:linear-gradient(135deg,var(--navy-700),var(--navy-800));color:#fff;border:none;padding:.5rem 1.25rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.upgrade-button-small:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0f172a40}.test-post-result{margin-top:1rem}.test-post-content{background:#fff;border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem;border:1px solid var(--teal-200)}.test-post-content strong{display:block;color:#0e7490;margin-bottom:.5rem;font-size:.85rem}.test-post-content p{color:var(--text-primary);line-height:1.6;margin:0}.upgrade-prompt{background:var(--navy-50);border-radius:var(--radius);padding:1.25rem;text-align:center;border:1px solid var(--border-light)}.upgrade-prompt p{color:var(--navy-700);font-weight:600;margin-bottom:1rem}.choose-plan-prompt{background:var(--navy-50);border-radius:var(--radius);padding:1.5rem;text-align:center;border:1px solid var(--border-light)}.choose-plan-prompt p{color:var(--navy-700);font-weight:700;margin-bottom:1.25rem;font-size:1.05rem}.plan-buttons{display:flex;gap:1rem;justify-content:center}.plan-button{display:flex;flex-direction:column;align-items:center;padding:1.25rem 2rem;border-radius:var(--radius);border:2px solid var(--border);background:#fff;cursor:pointer;transition:all .2s ease;min-width:160px}.plan-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.plan-button.starter{border-color:#86efac}.plan-button.starter:hover{background:#f0fdf4;border-color:var(--success)}.plan-button.pro{border-color:var(--navy-400);background:var(--navy-50)}.plan-button.pro:hover{border-color:var(--navy-700);box-shadow:0 4px 12px #0f172a26}.plan-name{font-size:1.1rem;font-weight:700;color:var(--navy-800);margin-bottom:.25rem}.plan-price{font-size:1.25rem;font-weight:800;color:var(--navy-700);margin-bottom:.25rem}.plan-button.starter .plan-price{color:#059669}.plan-desc{font-size:.8rem;color:var(--text-secondary)}@media (max-width: 500px){.plan-buttons{flex-direction:column}.plan-button{width:100%}}.onboarding-flow{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:var(--navy-50);border-radius:var(--radius);border:1px solid var(--border-light)}.onboarding-step{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#fff;border-radius:25px;box-shadow:var(--shadow-sm);border:2px solid var(--primary-color)}.onboarding-step.inactive{opacity:.5;border-color:var(--border)}.step-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,var(--teal-500),var(--teal-600));color:#fff;border-radius:50%;font-size:.82rem;font-weight:700}.onboarding-step.inactive .step-number{background:var(--navy-200)}.step-label{font-size:.9rem;font-weight:600;color:var(--navy-800)}.onboarding-step.inactive .step-label{color:var(--text-tertiary)}@media (max-width: 768px){.onboarding-flow{flex-direction:column;align-items:center}}.card-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-header-row h3{margin:0}.saved-badge{background:var(--teal-500);color:#fff;font-size:.68rem;padding:.25rem .5rem;border-radius:12px;font-weight:600}.refresh-button{background:transparent;border:1.5px solid var(--border);color:var(--text-secondary);padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;cursor:pointer;margin-top:.75rem;transition:all .2s}.refresh-button:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.generating-progress{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a1628bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.progress-card{background:#fff;border-radius:var(--radius-2xl);padding:2.5rem;width:100%;max-width:500px;text-align:center;box-shadow:var(--shadow-xl);animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.progress-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.spinner{width:24px;height:24px;border:3px solid var(--navy-100);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.progress-header h2{font-size:1.3rem;font-weight:800;letter-spacing:-.02em;color:var(--navy-800);margin:0}.progress-subtitle{color:var(--text-secondary);font-size:.93rem;margin-bottom:2rem}.progress-steps{text-align:left;margin-bottom:2rem}.progress-step{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:.5rem;background:var(--navy-50);color:var(--text-secondary);transition:all .3s ease;font-weight:500}.progress-step.active{background:var(--teal-50);color:var(--primary-dark);border:1px solid var(--teal-200)}.progress-step.completed{background:var(--success-light);color:var(--success)}.step-icon{font-size:1.2rem;width:30px;text-align:center}.progress-step.completed .step-icon{color:var(--success)}.step-text{flex:1;font-size:.9rem}.progress-tip{background:var(--navy-50);padding:1rem;border-radius:var(--radius);font-size:.88rem;color:var(--navy-700);border:1px solid var(--border-light);text-align:left}.progress-tip strong{display:block;margin-bottom:.25rem}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#080e1a,#0f172a 40%,#162032,#1a2740);padding:2rem;position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(6,182,212,.12) 0%,transparent 70%);pointer-events:none}.login-card{background:#fff;border-radius:var(--radius-2xl);padding:3rem;max-width:450px;width:100%;box-shadow:0 25px 60px -12px #0006;position:relative;z-index:1}.login-header{text-align:center;margin-bottom:2rem}.login-logo{height:40px;width:auto;margin-bottom:1rem}.login-icon{font-size:3.5rem;margin-bottom:.75rem}.login-header h1{font-size:1.65rem;font-weight:800;color:var(--navy-800);margin-bottom:.5rem;letter-spacing:-.02em}.login-header p{color:var(--text-secondary);font-size:.95rem}.login-features{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem;padding:1.25rem;background:var(--navy-50);border-radius:var(--radius);border:1px solid var(--border-light)}.feature{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:var(--text-secondary);font-weight:500}.feature-icon{font-size:1.2rem}.login-divider{text-align:center;margin:1.5rem 0;position:relative}.login-divider:before,.login-divider:after{content:"";position:absolute;top:50%;width:30%;height:1px;background:var(--border)}.login-divider:before{left:0}.login-divider:after{right:0}.login-divider span{background:#fff;padding:0 1rem;color:var(--text-secondary);font-size:.85rem;font-weight:500}.login-terms{text-align:center;font-size:.72rem;color:var(--text-tertiary);margin-top:1.5rem;line-height:1.5}.google-signin-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.google-button-container{min-height:44px}.google-signin-fallback{background:var(--warning-light);border:1px solid #fde68a;border-radius:var(--radius);padding:1rem;font-size:.85rem}.signin-note{font-weight:500;margin-bottom:.5rem}.setup-steps{margin:.5rem 0 0 1.25rem;color:var(--text-secondary)}.setup-steps li{margin-bottom:.25rem}.setup-steps code{background:var(--navy-50);padding:.1rem .3rem;border-radius:3px;font-size:.8rem}.signin-loading{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.signin-error{background:var(--error-light);color:#dc2626;padding:.75rem 1rem;border-radius:var(--radius);font-size:.9rem;text-align:center;border:1px solid #fecaca}.google-signin-button-manual{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;max-width:300px;padding:.75rem 1.5rem;background:#fff;border:1.5px solid #dadce0;border-radius:var(--radius);font-size:.95rem;font-weight:500;color:#3c4043;cursor:pointer;transition:all .2s;font-family:inherit}.google-signin-button-manual:hover:not(:disabled){background:#f8f9fa;box-shadow:var(--shadow)}.google-signin-button-manual:disabled{opacity:.6;cursor:not-allowed}.google-icon{flex-shrink:0}.loading-note{color:var(--text-secondary);font-size:.85rem;margin-top:.5rem}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#080e1a,#0f172a,#162032)}.loading-content{text-align:center;color:#fff}.loading-content p{color:var(--text-on-dark-muted);font-weight:500}.spinner.large{width:40px;height:40px;border-width:3px;border-color:#06b6d433;border-top-color:var(--primary-color);margin:0 auto 1rem}.billing-page{max-width:1200px;margin:0 auto;padding:0 1.5rem 4rem}.billing-hero{position:relative;text-align:center;padding:4rem 2rem;margin-bottom:2rem;border-radius:var(--radius-2xl);background:linear-gradient(135deg,#080e1a,#0f172a,#162032);overflow:hidden}.billing-hero-content{position:relative;z-index:2}.billing-hero h1{font-size:3rem;font-weight:800;color:#fff;margin-bottom:.75rem;letter-spacing:-.03em}.billing-hero p{font-size:1.25rem;color:var(--text-on-dark-muted);margin:0}.billing-badge{display:inline-block;background:linear-gradient(135deg,var(--teal-500),var(--teal-600));color:#fff;font-size:.78rem;font-weight:700;padding:.4rem 1rem;border-radius:20px;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em}.billing-hero-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(6,182,212,.2) 0%,transparent 70%);pointer-events:none}.billing-error{background:var(--error-light);color:#dc2626;padding:1rem 1.5rem;border-radius:var(--radius);text-align:center;margin-bottom:2rem;border:1px solid #fecaca;font-weight:500}.billing-error span{margin-right:.5rem}.billing-toggle-container{display:flex;justify-content:center;margin-bottom:3rem}.billing-toggle{display:inline-flex;background:var(--navy-50);padding:6px;border-radius:50px;gap:4px;border:1px solid var(--border-light)}.toggle-btn{position:relative;padding:.75rem 2rem;border:none;background:transparent;border-radius:50px;font-size:.95rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;font-family:inherit}.toggle-btn.active{background:#fff;color:var(--navy-800);box-shadow:var(--shadow)}.save-tag{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,var(--success),#059669);color:#fff;font-size:.62rem;padding:2px 8px;border-radius:10px;font-weight:700;white-space:nowrap}.billing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:4rem;align-items:start}.billing-card{position:relative;background:#fff;border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-md);border:2px solid var(--border);transition:all .3s ease}.billing-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl)}.billing-card.featured{border-color:var(--primary-color);transform:scale(1.05);z-index:10;background:linear-gradient(180deg,var(--teal-50) 0%,white 100%)}.billing-card.featured:hover{transform:scale(1.05) translateY(-6px)}.featured-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--teal-500),var(--teal-600));color:#fff;padding:.5rem 1.25rem;border-radius:25px;font-size:.72rem;font-weight:700;letter-spacing:.05em;white-space:nowrap;box-shadow:0 4px 12px #06b6d466}.billing-card-header{text-align:center;margin-bottom:1.5rem}.plan-icon{font-size:2.5rem;display:block;margin-bottom:.75rem}.billing-card-header h3{font-size:1.5rem;font-weight:800;color:var(--navy-800);margin:0 0 .25rem;letter-spacing:-.02em}.billing-card-header .plan-desc{color:var(--text-secondary);font-size:.9rem;margin:0}.billing-price{display:flex;align-items:flex-start;justify-content:center;margin-bottom:.5rem;padding:1rem 0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.billing-price .currency{font-size:1.5rem;font-weight:700;color:var(--text-secondary);margin-top:.5rem}.billing-price .amount{font-size:4rem;font-weight:800;color:var(--navy-800);line-height:1;letter-spacing:-.03em}.billing-price .cents{font-size:1.5rem;font-weight:700;color:var(--navy-800);margin-top:.5rem}.billing-price .period{font-size:1rem;color:var(--text-secondary);font-weight:500;margin-top:auto;margin-bottom:.75rem;margin-left:.25rem}.billing-price.custom .amount{font-size:2.5rem;color:var(--primary-color)}.billing-yearly-note{text-align:center;color:var(--success);font-size:.85rem;font-weight:600;margin-bottom:1rem;margin-top:-.25rem}.billing-features{list-style:none;padding:0;margin:1.5rem 0 2rem}.billing-features li{display:flex;align-items:flex-start;gap:.75rem;padding:.6rem 0;color:var(--navy-600);font-size:.93rem}.billing-features li strong{color:var(--navy-800)}.billing-features .check{color:var(--success);font-weight:700;flex-shrink:0}.billing-features .x{color:var(--navy-200);font-weight:700;flex-shrink:0}.billing-features li.disabled{color:var(--text-tertiary)}.billing-btn{width:100%;padding:1rem 1.5rem;border-radius:var(--radius);font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;border:none;position:relative;overflow:hidden;font-family:inherit}.billing-btn.primary{background:linear-gradient(135deg,var(--teal-500),var(--teal-600));color:#fff;box-shadow:0 4px 14px #06b6d466}.billing-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #06b6d480}.billing-btn.secondary{background:var(--navy-50);color:var(--text-secondary);border:1px solid var(--border-light)}.billing-btn.outline{background:transparent;color:var(--navy-700);border:2px solid var(--navy-700)}.billing-btn.outline:hover{background:var(--navy-700);color:#fff}.billing-btn:disabled{opacity:.6;cursor:not-allowed}.btn-loading{display:flex;align-items:center;justify-content:center;gap:.5rem}.billing-guarantee{text-align:center;color:var(--success);font-size:.85rem;font-weight:600;margin-top:1rem;margin-bottom:0}.billing-trust{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;padding:2rem;background:var(--navy-50);border-radius:var(--radius-lg);margin-bottom:4rem;border:1px solid var(--border-light)}.trust-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem;font-weight:500}.trust-icon{font-size:1.25rem}.billing-faq{max-width:900px;margin:0 auto}.billing-faq h2{text-align:center;font-size:2rem;font-weight:800;color:var(--navy-800);margin-bottom:2rem;letter-spacing:-.02em}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.faq-item{background:#fff;padding:1.5rem;border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.faq-item h4{font-size:1rem;font-weight:700;color:var(--navy-800);margin:0 0 .5rem}.faq-item p{color:var(--text-secondary);font-size:.9rem;margin:0;line-height:1.6}.post-usage-counter{background:var(--teal-50);border:1px solid var(--teal-200);border-radius:var(--radius);padding:1rem;margin-bottom:1rem}.usage-bar{height:8px;background:var(--teal-100);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.usage-fill{height:100%;background:linear-gradient(90deg,var(--teal-500),var(--teal-400));border-radius:4px;transition:width .3s ease}.usage-text{font-size:.85rem;color:#0e7490;font-weight:600}.limit-reached{background:var(--error-light);border:1px solid #fecaca;border-radius:var(--radius);padding:1rem;text-align:center}.limit-reached p{margin:0;color:var(--error);font-weight:600}.limit-reached .limit-subtext{font-size:.85rem;color:#b91c1c;font-weight:400;margin-top:.25rem}.free-post-button{width:100%;padding:1rem 2rem;font-size:1.05rem;background:linear-gradient(135deg,var(--teal-500),var(--teal-600));border:none;animation:pulse-glow 2s infinite}.free-post-button:hover{background:linear-gradient(135deg,var(--teal-600),#0e7490);transform:translateY(-2px)}@keyframes pulse-glow{0%,to{box-shadow:0 0 #06b6d466}50%{box-shadow:0 0 20px 4px #06b6d433}}.sample-post-showcase{margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.sample-post-result{background:#fff;border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;animation:slideUp .4s ease-out}.sample-post-result-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;background:var(--navy-50);border-bottom:1px solid var(--border-light)}.result-badge{font-size:.8rem;font-weight:600;color:var(--primary-dark)}.result-platform{font-size:.8rem;font-weight:500;color:var(--text-secondary);background:#fff;padding:.2rem .6rem;border-radius:var(--radius-sm);border:1px solid var(--border)}.sample-post-content{padding:1.5rem 1.25rem}.sample-post-content p{color:var(--text-primary);font-size:.95rem;line-height:1.75;margin:0;white-space:pre-wrap}.sample-post-image-idea{padding:1rem 1.25rem;border-top:1px solid var(--border-light);background:var(--teal-50)}.image-idea-label{display:block;font-size:.78rem;font-weight:600;color:var(--primary-dark);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.03em}.sample-post-image-idea p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0;font-style:italic}.sample-post-reasoning{padding:1rem 1.25rem;border-top:1px solid var(--border-light);background:var(--navy-50)}.reasoning-label{display:block;font-size:.78rem;font-weight:600;color:var(--navy-700);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.03em}.sample-post-reasoning p{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0}.sample-post-toolbar{display:flex;gap:.75rem;padding:.75rem 1.25rem;border-top:1px solid var(--border-light);background:var(--navy-50)}.copy-post-btn{padding:.6rem 1.25rem;border-radius:var(--radius-sm);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;font-family:inherit;background:linear-gradient(135deg,var(--teal-500),var(--teal-600));color:#fff;border:none}.copy-post-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.copy-post-btn.copied{background:var(--success)}.sample-post-upsell{background:var(--navy-50);border-radius:var(--radius);padding:1.25rem;text-align:center;border:1px solid var(--border-light)}.sample-post-upsell p{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem;line-height:1.5}.sample-post-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light);overflow:hidden;margin-bottom:1.5rem;animation:slideUp .4s ease-out}.sample-post-success{text-align:center;padding:1.25rem;border:none}.copy-post-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #06b6d44d}.regenerate-post-btn{background:#fff;color:var(--navy-700);border:1.5px solid var(--navy-700)}.regenerate-post-btn:hover:not(:disabled){background:var(--navy-700);color:#fff}.regenerate-post-btn:disabled{opacity:.5;cursor:not-allowed}.sample-post-engagement{display:flex;gap:1.5rem;padding:.875rem 1.25rem;border-top:1px solid var(--border-light);color:var(--text-secondary);font-size:.9rem}.sample-post-success{text-align:center;padding:1.25rem;background:var(--teal-50);border-radius:var(--radius);margin-bottom:1.5rem;border:1px solid var(--teal-200)}.sample-post-success h4{color:var(--primary-dark);font-size:1.1rem;margin:0 0 .5rem;font-weight:700}.sample-post-success p{color:#0e7490;font-size:.9rem;margin:0}@media (max-width: 1024px){.billing-cards{grid-template-columns:1fr;max-width:420px;margin:0 auto 3rem}.billing-card.featured{transform:none;order:-1}.billing-card.featured:hover{transform:translateY(-6px)}}@media (max-width: 768px){.header .container{padding:0 1rem;flex-wrap:wrap}.header-left{width:100%;margin-bottom:.5rem}.header-user{width:100%;justify-content:space-between}.user-info{text-align:left;flex:1}.logout-button{padding:.4rem .8rem;font-size:.75rem}.tab-nav{flex-wrap:wrap;padding:.5rem;gap:.5rem}.tab-nav button{flex:1;min-width:100px;padding:.75rem .5rem;font-size:.85rem}.tab-nav .pro-status{width:100%;margin-left:0;margin-top:.5rem;text-align:center}.main-content{padding:1rem}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.company-badge{width:100%}.edit-button{width:100%;text-align:center}.dashboard-grid{gap:1rem}.stat-card,.action-card,.insights-card,.tips-card{padding:1rem}.stat-number{font-size:2rem}input[type=text],input[type=url],input[type=email],textarea,select{font-size:16px;padding:.875rem;min-height:44px}textarea{min-height:120px}.primary-button,.secondary-button{padding:1rem 1.5rem;font-size:1rem;min-height:44px;width:100%;margin-bottom:.5rem}.primary-button:last-child,.secondary-button:last-child{margin-bottom:0}.form-group{margin-bottom:1.25rem}.form-row{grid-template-columns:1fr}.url-input-group{flex-direction:column}.scrape-button{width:100%}.calendar-header{flex-direction:column;align-items:flex-start}.progress-tracker{width:100%;align-items:flex-start}.calendar-empty{padding:2rem 1rem}.calendar-grid{grid-template-columns:1fr}.frequency-selector{flex-direction:column;align-items:flex-start;gap:.75rem}.frequency-selector select{width:100%}.post-actions{flex-direction:column;gap:.5rem}.post-actions button{width:100%}.sample-post-header{padding:.875rem 1rem;flex-direction:column;gap:.75rem;align-items:flex-start}.sample-post-image-placeholder{padding:2rem 1rem}.image-icon{font-size:2.5rem}.sample-post-caption{padding:1rem}.sample-post-caption p{font-size:.9rem}.sample-post-actions{flex-direction:column;padding:.875rem 1rem}.copy-post-btn,.regenerate-post-btn{width:100%}.sample-post-engagement{padding:.75rem 1rem;gap:1rem;font-size:.85rem}.plan-buttons{flex-direction:column;gap:1rem}.plan-button{width:100%;padding:1.25rem}.parsed-content{max-height:250px}.welcome-card{padding:1.5rem}.welcome-card h2{font-size:1.5rem}.generating-progress{padding:1rem}.progress-card{padding:1.5rem}.progress-header{flex-direction:column;gap:1rem;text-align:center}.progress-header h2{font-size:1.25rem}.billing-hero{padding:3rem 1.5rem}.billing-hero h1{font-size:2rem}.billing-hero p{font-size:1rem}.billing-cards{grid-template-columns:1fr;gap:1.5rem}.billing-card{padding:1.5rem}.faq-grid{grid-template-columns:1fr}.billing-trust{gap:1.5rem}.toggle-btn{padding:.6rem 1.25rem;font-size:.85rem}.error-banner{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem}.login-page{padding:1rem}.login-card{padding:1.5rem;max-width:100%}.login-header h1{font-size:1.5rem}.onboarding-flow{flex-direction:column;align-items:center}.upgrade-button,.upgrade-button-small{width:100%;padding:.875rem 1rem}.free-badge,.starter-badge,.pro-badge,.pro-badge-small{font-size:.68rem;padding:.25rem .5rem}}@media (max-width: 480px){.header .container,.main-content{padding:.75rem}.stat-card,.action-card,.insights-card,.tips-card{padding:.875rem}.stat-number{font-size:1.75rem}.dashboard-grid{gap:.75rem}.primary-button,.secondary-button{padding:.875rem 1.25rem;font-size:.95rem}.billing-hero{padding:2rem 1rem}.billing-hero h1{font-size:1.5rem}.onboarding-flow{padding:1rem}.onboarding-step{padding:.625rem 1rem;width:100%}.step-label{font-size:.85rem}}@media (max-width: 768px) and (orientation: landscape){.parsed-content,.insights-content,.tips-content{max-height:200px}}@media (hover: none) and (pointer: coarse){.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){transform:none}button,a,input[type=checkbox],input[type=radio]{min-height:44px;min-width:44px}button:focus,a:focus,input:focus,textarea:focus,select:focus{outline:3px solid var(--primary-color);outline-offset:2px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.user-avatar{image-rendering:-webkit-optimize-contrast}}