.role-select{width:100%;padding:.35rem 1.2rem .35rem .4rem;border:2px solid #e0e0e0;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;background:#fff;cursor:pointer;text-align:center;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .35rem center;-webkit-appearance:none}.first-post-view{min-height:var(--app-height, 100vh);background:linear-gradient(to bottom,#fafafa,#fff);padding:2rem;max-width:1100px;margin:0 auto}.fpv-post-wrapper{max-width:700px;margin:0 auto}.fpv-mobile-only{display:none}.fpv-exit{text-align:center;padding:2rem 1rem;margin-top:1.5rem}.fpv-exit-text{font-size:.9rem;color:var(--text-gray, #888);margin-bottom:.75rem}.fpv-exit-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;border:2px solid var(--border, #e0e0e0);border-radius:var(--radius-md);font-size:.95rem;font-weight:600;color:var(--text-dark, #2d2d2d);cursor:pointer;transition:all .2s ease}.fpv-exit-btn:hover{border-color:var(--primary, #8b5a7d);color:var(--primary, #8b5a7d);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}@media(max-width:768px){.first-post-view{padding:0;min-height:0;height:100%;background:#fff;display:flex;flex-direction:column;overflow:hidden}.fpv-desktop-only,.fpv-guidance-full{display:none}.fpv-mobile-only{display:flex;flex-direction:column;flex:1;min-height:0}.fpv-ig-header{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;flex-shrink:0}.fpv-ig-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.fpv-ig-meta{display:flex;flex-direction:column;gap:.05rem;min-width:0}.fpv-ig-username{font-size:.85rem;font-weight:700;color:#262626;line-height:1.2}.fpv-ig-location{font-size:.85rem;color:#8e8e8e;line-height:1.2}.fpv-ig-photo{flex:1;min-height:0;overflow:hidden;background:#f5f0ec;position:relative}.fpv-ig-photo .carousel-preview{height:100%;border-radius:0}.fpv-ig-photo .carousel-slides-container{aspect-ratio:unset!important;height:100%!important}.fpv-ig-photo .carousel-slide{height:100%}.fpv-ig-photo .carousel-slide-image{height:100%!important;object-fit:cover!important;object-position:center top!important}.fpv-ig-photo .transformation-image-wrapper,.fpv-ig-photo .post-image-preview{height:100%;border-radius:0;max-height:none}.fpv-ig-photo .transformation-image-wrapper img,.fpv-ig-photo .transformation-image,.fpv-ig-photo .post-image-preview img{width:100%;height:100%;object-fit:cover;object-position:center top;aspect-ratio:unset!important;max-height:none!important;border-radius:0}.fpv-ig-single-image{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.fpv-ig-caption-area{padding:.5rem .75rem;flex-shrink:0}.fpv-ig-caption{font-size:.88rem;color:#262626;line-height:1.45;margin:0;word-break:break-word}.fpv-ig-more{background:none;border:none;color:#8e8e8e;font-size:.88rem;cursor:pointer;padding:0;margin-left:.25rem;font-family:inherit}.fpv-ig-caption-edit{display:flex;flex-direction:column;gap:.4rem;max-height:40vh;overflow-y:auto}.fpv-ig-caption-edit .editable-caption{font-size:.88rem;border:1px solid #dbdbdb;border-radius:var(--radius-sm);padding:.5rem;min-height:80px;max-height:30vh}.fpv-ig-caption-edit .editable-caption:focus{border-color:var(--primary);box-shadow:var(--focus-shadow)}.fpv-ig-caption-edit .char-count{font-size:.7rem;color:#8e8e8e}.fpv-ig-edit-indicator{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#8e8e8e}.fpv-ig-edit-indicator button{background:none;border:none;color:#8b5a7d;font-size:.75rem;cursor:pointer;padding:0;text-decoration:underline}.fpv-ig-less{background:none;border:none;color:#8e8e8e;font-size:.8rem;cursor:pointer;padding:0;align-self:flex-start;font-family:inherit}.fpv-ig-actions{display:flex;gap:.5rem;padding:.5rem .75rem;flex-shrink:0}.fpv-ig-action-btn{flex:1;padding:.65rem .5rem;border:none;border-radius:var(--radius-10);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:44px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;text-align:center}.fpv-ig-action-btn:active{transform:scale(.97)}.fpv-ig-rewrite{background:#f0f0f0;color:#333;flex:.8}.fpv-ig-post{background:linear-gradient(135deg,#f5a7b8,#8b5a7d);color:#fff;box-shadow:0 2px 8px #f5a7b84d;flex:1.2}.fpv-exit{padding:.4rem .75rem;padding-bottom:calc(.4rem + env(safe-area-inset-bottom,0px));margin:0;flex-shrink:0;border-top:1px solid #f0f0f0}.fpv-exit-text{display:none}.fpv-exit-btn{width:100%;justify-content:center;min-height:44px;font-size:.85rem;border-radius:var(--radius-10);padding:.45rem .75rem;background:#fff;border:1.5px solid #e0e0e0;color:#666;font-weight:600}}@media(max-width:768px)and (max-height:700px){.fpv-ig-header{padding:.35rem .75rem}.fpv-ig-avatar{width:30px;height:30px;font-size:.9rem}.fpv-ig-username{font-size:.8rem}.fpv-ig-caption-area{padding:.35rem .75rem}.fpv-ig-caption{font-size:.82rem}.fpv-ig-actions{padding:.35rem .75rem}.fpv-ig-action-btn{padding:.5rem .4rem;min-height:40px}.fpv-exit{padding:.3rem .75rem;padding-bottom:calc(.3rem + env(safe-area-inset-bottom,0px))}.fpv-exit-btn{min-height:36px;font-size:.8rem;padding:.35rem .5rem}}body{margin:0;min-width:320px;min-height:var(--app-height, 100vh)}button{cursor:pointer;font-family:inherit}@media(max-width:768px){html,body{overscroll-behavior-y:none;-webkit-overflow-scrolling:touch}*{-webkit-tap-highlight-color:transparent}button:active,a:active,[role=button]:active{transform:scale(.96);opacity:.85;transition:transform .06s ease,opacity .06s ease}button:hover,a:hover{transform:none!important}}:root{--primary: #f5a7b8;--primary-dark: #e88fa3;--secondary: #8b5a7d;--accent: #d4af37;--bg-cream: #fafaf9;--bg-white: #ffffff;--text-dark: #374151;--text-gray: #6b7280;--text-light: #9ca3af;--border: #e5e7eb;--success: #10b981;--success-dark: #059669;--error: #ef4444;--warning: #f59e0b;--bg-primary-light: #fdf2f8;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-2xs: 2px;--radius-xs: 4px;--radius-6: 6px;--radius-sm: 8px;--radius-10: 10px;--radius-md: 12px;--radius-14: 14px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-pill: 25px;--radius-full: 50%;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--skeleton-bg: #e8e8e8;--skeleton-highlight: #f5f5f5;--skeleton-border: #d1d5db;--focus-shadow: 0 0 0 3px rgba(245, 167, 184, .25);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .03);--shadow-primary-sm: 0 2px 8px rgba(245, 167, 184, .2);--shadow-primary-md: 0 4px 12px rgba(245, 167, 184, .3);--shadow-primary-lg: 0 6px 20px rgba(245, 167, 184, .4);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15)}@keyframes skeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.app-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-cream)}.app-loading__content{text-align:center;animation:fadeIn .4s ease-out}.app-loading__icon{font-size:2.5rem;margin-bottom:12px;animation:loadingBounce 1.5s ease-in-out infinite}.app-loading__text{color:var(--text-gray);font-size:.95rem;font-weight:500;margin-bottom:16px}.app-loading__bar{width:120px;height:3px;background:var(--border);border-radius:3px;overflow:hidden;margin:0 auto}.app-loading__bar-fill{height:100%;width:40%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:3px;animation:loadingSlide 1.2s ease-in-out infinite}@keyframes loadingBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes loadingSlide{0%{transform:translate(-100%)}to{transform:translate(350%)}}*{margin:0;padding:0;box-sizing:border-box}button,[role=button]{transition:transform var(--duration-fast) ease,box-shadow var(--duration-fast) ease,opacity var(--duration-fast) ease}button:active:not(:disabled),[role=button]:active:not(:disabled){transform:scale(.97)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px}*:focus:not(:focus-visible){outline:none}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;background:var(--bg-cream);color:var(--text-dark);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:#f5a7b84d;color:var(--text-dark)}.app{min-height:var(--app-height, 100vh)}.navbar{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;padding:1.5rem 3rem;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-md)}.nav-brand h1{font-size:2rem;margin-bottom:.3rem;font-weight:600;letter-spacing:-.5px}.tagline{font-size:.95rem;opacity:.95;font-weight:300}.nav-links{display:flex;gap:.5rem}.nav-links button{background:#ffffff26;border:none;color:#fff;padding:.75rem var(--space-lg);border-radius:var(--radius-md);cursor:pointer;font-size:.95rem;font-weight:500;transition:all var(--duration-normal) ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(hover:hover){.nav-links button:hover{background:#ffffff40;transform:translateY(-2px)}}.nav-links button.active{background:#fff;color:var(--secondary);font-weight:600;box-shadow:var(--shadow-md)}.nav-links button.admin-nav-btn{background:#667eea40;border:1px solid rgba(102,126,234,.4);color:#c4d0ff}@media(hover:hover){.nav-links button.admin-nav-btn:hover{background:#667eea73;color:#fff}}.nav-links button.admin-nav-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 2px 12px #667eea66}.navbar.navbar-dark{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.navbar.navbar-dark .nav-links button{background:#ffffff14;color:#ffffffb3}@media(hover:hover){.navbar.navbar-dark .nav-links button:hover{background:#ffffff26;color:#fff}}.navbar.navbar-dark .nav-links button.active{background:#ffffff26;color:#fff;box-shadow:none}.navbar.navbar-dark .nav-links button.admin-nav-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 12px #667eea66}.main-content-fullwidth{max-width:100%;padding:0;margin:0;background:#0f0f23}.command-center-slot{margin:0!important;padding:0!important;background:#0f0f23;min-height:calc(100vh - 100px)}.command-center-iframe{width:100%;height:calc(100vh - 100px);border:none;border-radius:0;background:#0f0f23}@media(max-width:768px){.command-center-iframe{height:calc(100vh - 140px)}.command-center-slot{min-height:calc(100vh - 140px)}}.api-status{font-size:.85rem;padding:.6rem 1.2rem;background:#fff3;border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:500}.main-content{max-width:1400px;margin:var(--space-xl) auto;padding:0 var(--space-2xl);animation:pageTransition .25s ease-out}@keyframes pageTransition{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-slot{display:none}.page-slot--active{display:block;animation:pageFadeIn .2s ease-out}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page{background:var(--bg-white);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-sm)}.page h2{color:var(--text-dark);margin-bottom:var(--space-xl);font-size:2rem;font-weight:600;letter-spacing:-.5px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-xl);margin-bottom:var(--space-2xl)}.stat-card{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;padding:var(--space-xl);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-md);transition:transform var(--duration-normal) ease}.stat-card:hover{transform:translateY(-4px)}.stat-card h3{font-size:.9rem;opacity:.95;margin-bottom:1rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-number{font-size:3rem;font-weight:700;letter-spacing:-1px}.welcome-message{background:linear-gradient(135deg,#fef3f7,#f9f5f9);padding:var(--space-2xl);border-radius:var(--radius-lg);text-align:center}.welcome-message h3{color:var(--secondary);margin-bottom:1rem;font-size:1.5rem;font-weight:600}.welcome-message p{color:var(--text-gray);margin:.6rem 0;font-size:1.05rem}.category-filter{display:flex;gap:1rem;margin-bottom:2.5rem;flex-wrap:wrap}.filter-btn{background:var(--bg-white);border:2px solid var(--border);color:var(--text-gray);padding:.75rem 1.5rem;border-radius:30px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .3s ease}.filter-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border-color:transparent;color:#fff;font-weight:600;box-shadow:var(--shadow-md)}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.template-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;transition:all .3s ease;cursor:pointer;background:var(--bg-white)}.template-card:hover{border-color:var(--primary);transform:translateY(-6px);box-shadow:var(--shadow-lg)}.template-card h3{color:var(--text-dark);margin-bottom:1rem;font-size:1.2rem;font-weight:600;line-height:1.4}.template-desc{color:var(--text-gray);font-size:.95rem;margin:1rem 0;line-height:1.6}.category-badge{display:inline-block;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;padding:.4rem 1rem;border-radius:var(--radius-pill);font-size:.75rem;margin-bottom:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.post-type-badge{display:inline-block;background:var(--bg-cream);color:var(--text-gray);padding:.4rem 1rem;border-radius:var(--radius-xl);font-size:.75rem;margin:.8rem 0;font-weight:500}.use-template-btn{width:100%;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border:none;padding:1rem;border-radius:var(--radius-md);cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;margin-top:1.5rem}.use-template-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.use-template-btn:active{transform:translateY(0) scale(.97)}.template-modal{position:fixed;inset:0;background:#374151bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:2rem;animation:fadeIn .2s ease}.modal-content{background:var(--bg-white);border-radius:var(--radius-2xl);padding:3rem;max-width:750px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 25px #00000026;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.close-btn{position:absolute;top:1.5rem;right:1.5rem;background:var(--bg-cream);border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.4rem;color:var(--text-gray);transition:all .3s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:var(--primary);color:#fff;transform:rotate(90deg)}.modal-content h2{color:var(--text-dark);margin-bottom:1.5rem;padding-right:3rem;font-size:1.8rem;font-weight:600}.modal-section{margin:2rem 0}.modal-section h3{color:var(--secondary);font-size:1.1rem;margin-bottom:1rem;font-weight:600}.modal-section p{color:var(--text-gray);line-height:1.8}.caption-area{width:100%;min-height:220px;padding:1.25rem;border:2px solid var(--border);border-radius:var(--radius-md);font-family:inherit;font-size:1rem;line-height:1.8;resize:vertical;transition:border-color .3s ease}.caption-area:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus-shadow)}.hashtags{color:var(--primary);font-weight:500;line-height:1.8}.calendar-placeholder{text-align:center;padding:4rem 2rem;color:var(--text-gray)}.calendar-placeholder p{margin:.5rem 0;font-size:1.1rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.usage-badge{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;padding:.6rem 1.2rem;border-radius:var(--radius-pill);font-size:.9rem;font-weight:600}.stat-subtext{font-size:.9rem;opacity:.9;margin-top:.5rem}.caption-actions{display:flex;gap:.5rem}.action-btn{background:var(--bg-cream);border:none;padding:.5rem 1rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;font-weight:500;transition:all .3s ease}.action-btn:hover{background:var(--primary);color:#fff}.quick-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:1.5rem}.quick-btn{background:#fff;border:2px solid var(--border);color:var(--text-dark);padding:.7rem 1.2rem;border-radius:var(--radius-10);cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease}.quick-btn:hover:not(:disabled){border-color:var(--primary);background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;transform:translateY(-2px)}.quick-btn:active:not(:disabled){transform:translateY(0) scale(.97)}.quick-btn:disabled{opacity:.5;cursor:not-allowed}.custom-instructions{display:flex;gap:.8rem;margin-top:1rem}.custom-instructions input{flex:1;padding:.9rem;border:2px solid var(--border);border-radius:var(--radius-10);font-size:.95rem;transition:border-color .3s ease}.custom-instructions input:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus-shadow)}.custom-instructions input:disabled{opacity:.6;cursor:not-allowed}.generate-btn{background:linear-gradient(135deg,var(--accent) 0%,#b8922e 100%);color:#fff;border:none;padding:.9rem 2rem;border-radius:var(--radius-10);cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s ease;white-space:nowrap}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #d4af3766}.generate-btn:active:not(:disabled){transform:translateY(0) scale(.97);box-shadow:none}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#fee;color:#c33;padding:.8rem;border-radius:var(--radius-sm);margin-top:1rem;font-size:.9rem}.usage-info{background:linear-gradient(135deg,#fef3f7,#f9f5f9);padding:1rem;border-radius:var(--radius-10);margin-top:1rem;font-size:.9rem;color:var(--text-gray);text-align:center}.settings-section{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.settings-section:last-child{border-bottom:none}.settings-section h3{color:var(--secondary);font-size:1.3rem;margin-bottom:.8rem;font-weight:600}.settings-section p{color:var(--text-gray);margin-bottom:1.5rem;line-height:1.6}.settings-section input,.settings-section select{width:100%;max-width:400px;padding:.9rem;border:2px solid var(--border);border-radius:var(--radius-10);font-size:.95rem;margin-bottom:1rem;transition:border-color .3s ease}.settings-section input:focus,.settings-section select:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus-shadow)}.edit-strategy-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border:none;padding:1rem 2rem;border-radius:var(--radius-md);cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;box-shadow:var(--shadow-md)}.edit-strategy-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.edit-strategy-btn:active{transform:translateY(0) scale(.97);box-shadow:var(--shadow-sm)}.settings-hint{font-size:.85rem;color:var(--text-light);margin-top:.8rem;font-style:italic}.connect-btn{background:#fff;border:2px solid var(--border);color:var(--text-dark);padding:.9rem 1.5rem;border-radius:var(--radius-10);cursor:pointer;font-size:.95rem;font-weight:500;margin-right:1rem;margin-bottom:1rem;transition:all .3s ease}.connect-btn:hover{border-color:var(--primary);background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;transform:translateY(-2px)}.connect-btn:active{transform:translateY(0) scale(.97)}.mobile-tab-bar{display:none}.mobile-tab-bar.hidden{display:none!important}@media(max-width:768px){.navbar{padding:.65rem 1rem;padding-top:calc(.65rem + env(safe-area-inset-top,0px));justify-content:center;position:sticky;top:0;z-index:999}.nav-brand h1{font-size:1.2rem;margin:0}.tagline,.nav-links,.api-status{display:none}.mobile-tab-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:1000;background:#fff;border-top:1px solid var(--border);padding:.4rem 0;padding-bottom:calc(.4rem + env(safe-area-inset-bottom,0px));box-shadow:0 -2px 10px #0000000f}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.45rem 0;min-height:48px;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s ease;color:var(--text-light);position:relative}.tab-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.tab-icon svg{width:22px;height:22px;stroke:var(--text-light);transition:stroke .15s ease,fill .15s ease}.tab-item.active .tab-icon svg{stroke:var(--secondary)}.tab-label{font-size:.75rem;font-weight:500;color:var(--text-light);letter-spacing:.02em;transition:color .15s ease}.tab-item.active .tab-label{color:var(--secondary);font-weight:700}.tab-item.active:before{content:"";position:absolute;top:-.4rem;left:50%;transform:translate(-50%);width:20px;height:3px;border-radius:var(--radius-2xs);background:var(--secondary)}.tab-item--home.active .tab-icon svg{stroke:#ef6b8a}.tab-item--home.active .tab-label{color:#ef6b8a}.tab-item--home.active:before{background:#ef6b8a}.tab-item--calendar.active .tab-icon svg{stroke:#9b5de5}.tab-item--calendar.active .tab-label{color:#9b5de5}.tab-item--calendar.active:before{background:#9b5de5}.tab-item--progress.active .tab-icon svg{stroke:#f59e0b}.tab-item--progress.active .tab-label{color:#f59e0b}.tab-item--progress.active:before{background:#f59e0b}.tab-item--analytics.active .tab-icon svg{stroke:#10b981}.tab-item--analytics.active .tab-label{color:#10b981}.tab-item--analytics.active:before{background:#10b981}.tab-item--settings.active .tab-icon svg{stroke:#6b8aed}.tab-item--settings.active .tab-label{color:#6b8aed}.tab-item--settings.active:before{background:#6b8aed}.tab-item:active{transform:scale(.92)!important}.main-content{margin:0 auto;margin-bottom:calc(4.5rem + env(safe-area-inset-bottom,0px));padding:0}.page{padding:1.25rem 1rem;border-radius:0;box-shadow:none;background:var(--bg-cream)}.page h2{font-size:1.5rem;margin-bottom:1rem;padding:0}.stats-grid{gap:.75rem;margin-bottom:1.5rem}.stat-card{padding:1.35rem 1rem;border-radius:var(--radius-14)}.stat-card h3{font-size:.85rem;margin-bottom:.5rem}.stat-number{font-size:2.4rem}.welcome-message{padding:1.5rem 1.25rem;border-radius:var(--radius-14)}.welcome-message h3{font-size:1.3rem}.welcome-message p{font-size:1rem}.filter-btn{padding:.9rem 1.25rem;font-size:1rem;min-height:48px}.action-btn{padding:.85rem 1rem;font-size:1rem;min-height:48px}.generate-btn,.btn-generate,.btn-generate.primary,.btn-add-more.primary,.btn-regenerate.warning{min-height:50px;font-size:1.05rem}.quick-btn{padding:.9rem 1rem;font-size:1rem;min-height:48px}.edit-strategy-btn,.connect-btn{min-height:50px;font-size:1rem}.close-btn{width:44px;height:44px;font-size:1.5rem}.settings-section h3{font-size:1.2rem}.settings-section p{font-size:1rem}.settings-section input,.settings-section select,.custom-instructions input{min-height:48px;font-size:16px}.modal-content:before{content:"";display:block;width:36px;height:4px;background:#d1d5db;border-radius:var(--radius-2xs);margin:0 auto 1rem;flex-shrink:0}.modal-content h2{font-size:1.5rem}.modal-section h3{font-size:1.1rem}.modal-section p{font-size:1rem}.dev-reset-btn{bottom:calc(70px + env(safe-area-inset-bottom,0px))!important;width:32px;height:32px;padding:0!important;font-size:0!important;border-radius:50%!important;border-width:2px!important;outline-width:1px!important;box-shadow:0 2px 8px #dc26264d!important;opacity:.6;right:12px!important}.dev-reset-btn:before{content:"🔄";font-size:14px}}.dev-reset-btn{position:fixed;bottom:20px;right:20px;background:#dc2626;color:#fff;border:3px solid #fca5a5;outline:2px solid #dc2626;padding:.8rem 1.2rem;border-radius:var(--radius-10);cursor:pointer;font-size:.85rem;font-weight:700;box-shadow:0 4px 16px #dc262666,0 0 0 4px #dc26261a;transition:all .3s ease;z-index:9999}.dev-reset-btn:hover{background:#b91c1c;border-color:#fecaca;transform:translateY(-2px);box-shadow:0 6px 20px #dc262680,0 0 0 6px #dc262626}.dev-reset-btn:active{transform:translateY(0)}.billing-welcome-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:backdropFadeIn .2s ease}.billing-welcome-card{background:#fff;border-radius:var(--radius-14);padding:2.5rem 2rem;text-align:center;max-width:380px;width:100%;box-shadow:0 20px 60px #0003;animation:cardEnter .3s ease-out}.billing-welcome-emoji{font-size:3rem;margin-bottom:.75rem}.billing-welcome-title{font-size:1.4rem;font-weight:800;color:var(--text-dark);margin:0 0 .5rem}.billing-welcome-founding{display:inline-block;background:linear-gradient(135deg,#d4af37,#f5d76e);color:#5c4300;font-size:.85rem;font-weight:700;padding:.3rem 1rem;border-radius:var(--radius-xl);margin:0 0 1rem}.billing-welcome-text{font-size:.9rem;color:var(--text-gray);line-height:1.6;margin:0 0 1.5rem}.billing-welcome-btn{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;padding:.75rem 2rem;border-radius:var(--radius-10);font-size:1rem;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.billing-welcome-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f5a7b866}.billing-welcome-btn:active{transform:scale(.97)}.test-mode-banner{position:sticky;top:0;z-index:9999;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(90deg,#f59e0b,#d97706);color:#fff;font-size:.8125rem;font-weight:600;text-align:center;justify-content:center;flex-wrap:wrap}.test-mode-banner__icon{font-size:1rem}.test-mode-banner__label{text-transform:uppercase;letter-spacing:.05em}.test-mode-banner__desc{font-weight:400;opacity:.9}.test-mode-section{margin-top:1rem;padding:1rem;background:#fffbeb;border:1px solid #f59e0b;border-radius:var(--radius-md)}.test-mode-section__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:600;color:#92400e}.test-mode-section__options{display:flex;flex-direction:column;gap:.5rem}.test-mode-option{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s;border:1px solid transparent}.test-mode-option:hover{background:#f59e0b14}.test-mode-option--active{background:#f59e0b1f;border-color:#f59e0b}.test-mode-option__radio{margin-top:2px;accent-color:#f59e0b;width:16px;height:16px}.test-mode-option__info{display:flex;flex-direction:column;gap:.125rem}.test-mode-option__label{font-weight:600;font-size:.875rem;color:var(--text-dark)}.test-mode-option__desc{font-size:.8125rem;color:var(--text-gray);line-height:1.4}.orientation-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:orientationFadeIn .4s ease}@keyframes orientationFadeIn{0%{opacity:0}to{opacity:1}}.orientation-card{background:#fff;border-radius:var(--radius-xl);padding:2.5rem 2rem;max-width:400px;width:100%;text-align:center;box-shadow:0 20px 60px #0003;animation:orientationSlideUp .4s ease}@keyframes orientationSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.orientation-emoji{font-size:2.5rem;display:block;margin-bottom:.75rem}.orientation-card h2{font-size:1.4rem;color:var(--text-dark);margin:0 0 .5rem}.orientation-card p{color:var(--text-gray);font-size:.95rem;margin:0 0 1.5rem;line-height:1.5}.orientation-btn{width:100%;padding:.875rem 1.5rem;border:none;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border-radius:var(--radius-md);font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;font-family:inherit}@media(hover:hover){.orientation-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #f5a7b866}}.legal-page{min-height:var(--app-height, 100vh);background:var(--bg-cream, #fafaf9);padding:2rem 1rem}.legal-container{max-width:720px;margin:0 auto;background:#fff;border-radius:var(--radius-lg);padding:2rem 1.5rem;box-shadow:0 2px 8px #0000000f}.legal-container h1{font-size:1.75rem;color:var(--text-dark, #374151);margin:0 0 .25rem}.legal-updated{color:var(--text-light, #9ca3af);font-size:.85rem;margin:0 0 2rem}.legal-container h2{font-size:1.15rem;color:var(--text-dark, #374151);margin:1.75rem 0 .5rem;padding-top:1rem;border-top:1px solid var(--border, #e5e7eb)}.legal-container h2:first-of-type{border-top:none;padding-top:0}.legal-container h3{font-size:1rem;color:var(--text-dark, #374151);margin:1rem 0 .25rem}.legal-container p{color:var(--text-gray, #6b7280);font-size:.95rem;line-height:1.7;margin:.5rem 0}.legal-container ul{color:var(--text-gray, #6b7280);font-size:.95rem;line-height:1.7;margin:.5rem 0;padding-left:1.5rem}.legal-container li{margin-bottom:.25rem}.legal-container a{color:var(--primary-dark, #e88fa3);text-decoration:none}.legal-container a:hover{text-decoration:underline}.legal-back{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border, #e5e7eb);text-align:center}.legal-back a{display:inline-block;padding:.625rem 1.5rem;background:var(--bg-cream, #fafaf9);border:1px solid var(--border, #e5e7eb);border-radius:var(--radius-sm);color:var(--text-gray, #6b7280);font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s ease}.legal-back a:hover{background:#fff;border-color:var(--primary, #f5a7b8);color:var(--text-dark, #374151);text-decoration:none}@media(max-width:480px){.legal-page{padding:1rem .5rem}.legal-container{padding:1.5rem 1rem;border-radius:var(--radius-md)}.legal-container h1{font-size:1.4rem}}.auth-screen{min-height:var(--app-height, 100vh);display:flex;align-items:center;justify-content:center;background:var(--bg-cream);padding:20px}.auth-container{width:100%;max-width:400px;background:var(--bg-white);border-radius:var(--radius-xl);padding:40px 30px;box-shadow:var(--shadow-lg)}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{font-size:2rem;font-weight:700;color:var(--secondary);margin:0 0 8px}.auth-logo-img{width:180px;height:auto;margin:0 auto 8px;display:block;border-radius:var(--radius-md)}.auth-tagline{color:var(--text-gray);font-size:.9rem;margin:0}.auth-tabs{display:flex;gap:0;margin-bottom:24px;background:var(--bg-cream);border-radius:var(--radius-md);padding:4px}.auth-tab{flex:1;padding:10px 16px;border:none;background:transparent;color:var(--text-gray);font-size:.9rem;font-weight:600;cursor:pointer;border-radius:var(--radius-10);transition:all .2s}.auth-tab.active{background:var(--bg-white);color:var(--secondary);box-shadow:var(--shadow-sm)}.auth-form{display:flex;flex-direction:column;gap:18px}.auth-field label{display:block;font-size:.85rem;font-weight:600;color:var(--text-dark);margin-bottom:6px}.auth-password-wrapper{position:relative}.auth-password-wrapper input{padding-right:44px}.auth-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;cursor:pointer;color:var(--text-light);display:flex;align-items:center;justify-content:center;transition:color .2s}.auth-password-toggle:hover{color:var(--text-gray)}.auth-field input{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:var(--radius-md);font-size:1rem;color:var(--text-dark);background:var(--bg-white);transition:border-color .2s;box-sizing:border-box}.auth-field input:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus-shadow)}.auth-field input::placeholder{color:var(--text-light)}.auth-error{background:#fef2f2;color:#dc2626;padding:10px 14px;border-radius:var(--radius-10);font-size:.85rem;text-align:center}.auth-submit{width:100%;padding:14px;border:none;border-radius:var(--radius-md);background:var(--gradient);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s;margin-top:4px}.auth-submit:hover{opacity:.9}.auth-submit:active{transform:scale(.98)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-demo-btn{width:100%;padding:12px;border:2px solid var(--border);border-radius:var(--radius-md);background:transparent;color:var(--text-gray);font-size:.9rem;cursor:pointer;margin-top:16px;transition:all .2s}.auth-demo-btn:hover{border-color:var(--primary);color:var(--text-dark)}.auth-demo-btn:disabled{opacity:.6;cursor:not-allowed}.auth-forgot-link{background:none;border:none;color:var(--primary-dark);font-size:.85rem;font-weight:500;cursor:pointer;padding:0;margin-top:-10px;text-align:right;transition:color .2s}.auth-forgot-link:hover{color:var(--secondary)}.auth-back-link{display:block;width:100%;background:none;border:none;color:var(--text-gray);font-size:.85rem;cursor:pointer;padding:12px 0 0;text-align:center;transition:color .2s}.auth-back-link:hover{color:var(--text-dark)}.auth-back-link:disabled{opacity:.6;cursor:not-allowed}.auth-info{color:var(--text-gray);font-size:.9rem;text-align:center;margin:0 0 20px;line-height:1.5}.auth-success{background:#f0fdf4;color:#16a34a;padding:10px 14px;border-radius:var(--radius-10);font-size:.85rem;text-align:center;margin-bottom:16px}.auth-code-input{text-align:center;font-size:1.5rem!important;font-weight:700;letter-spacing:8px;color:var(--secondary)!important}.auth-social-section{display:flex;flex-direction:column;margin-bottom:4px}.auth-google-btn-wrapper{display:flex;justify-content:center;min-height:44px;overflow:hidden;max-width:100%}.auth-google-btn-wrapper>div{width:100%!important;max-width:100%!important}.auth-google-btn-wrapper iframe{width:100%!important;min-width:unset!important;max-width:100%!important}.auth-biometric-btn{width:100%;padding:14px;border:2px solid var(--secondary);border-radius:var(--radius-md);background:linear-gradient(135deg,#8b5a7d0f,#f5a7b814);color:var(--secondary);font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s;margin-bottom:4px}.auth-biometric-btn:hover{background:linear-gradient(135deg,#8b5a7d1f,#f5a7b824);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.auth-biometric-btn:active{transform:scale(.98)}.auth-biometric-btn:disabled{opacity:.6;cursor:not-allowed}.auth-biometric-email{text-align:center;font-size:.82rem;color:var(--text-light);margin:0 0 12px}.auth-divider{display:flex;align-items:center;gap:12px;margin-bottom:20px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-divider span{font-size:.82rem;color:var(--text-light);white-space:nowrap}@media(max-width:480px){.auth-container{padding:30px 20px;border-radius:var(--radius-lg)}.auth-logo{font-size:1.75rem}.auth-logo-img{width:140px}}.playbook{min-height:100vh;background:var(--bg-cream)}.playbook-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(229,231,235,.5)}.playbook-nav-inner{max-width:960px;margin:0 auto;padding:12px 20px;display:flex;justify-content:space-between;align-items:center}.playbook-wordmark{font-size:1.1rem;font-weight:800;color:var(--text-dark)}.playbook-nav-btn{background:none;border:1.5px solid var(--secondary);color:var(--secondary);padding:7px 18px;border-radius:var(--radius-10);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s}.playbook-nav-btn:hover{background:var(--secondary);color:#fff}.playbook-hero{padding:100px 20px 48px;text-align:center;background:linear-gradient(180deg,#fef3f7 0%,var(--bg-cream) 100%)}.playbook-hero-inner{max-width:640px;margin:0 auto}.playbook-hero-badge{display:inline-block;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;font-size:.8rem;font-weight:700;padding:5px 16px;border-radius:var(--radius-xl);margin-bottom:20px;text-transform:uppercase;letter-spacing:.5px}.playbook-hero-title{font-size:1.8rem;font-weight:800;color:var(--text-dark);line-height:1.2;margin:0 0 16px}.playbook-hero-sub{font-size:1.05rem;color:var(--text-gray);line-height:1.6;margin:0}.playbook-section{padding:48px 20px}.playbook-section-inner{max-width:640px;margin:0 auto}.playbook-section-title{font-size:1.3rem;font-weight:800;color:var(--text-dark);text-align:center;margin:0 0 28px}.playbook-inside{background:#fff}.playbook-features{display:flex;flex-direction:column;gap:20px}.playbook-feature{display:flex;gap:16px;align-items:flex-start}.playbook-feature-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px}.playbook-feature strong{display:block;font-size:.95rem;color:var(--text-dark);margin-bottom:4px}.playbook-feature p{font-size:.88rem;color:var(--text-gray);margin:0;line-height:1.5}.playbook-capture{background:var(--bg-cream)}.playbook-form-card,.playbook-success-card{background:#fff;border-radius:var(--radius-xl);padding:32px 24px;text-align:center;box-shadow:0 8px 30px #8b5a7d1f;border:2px solid rgba(139,90,125,.08);max-width:440px;margin:0 auto}.playbook-form-title{font-size:1.3rem;font-weight:800;color:var(--text-dark);margin:0 0 8px}.playbook-form-sub{font-size:.92rem;color:var(--text-gray);margin:0 0 24px}.playbook-form{display:flex;flex-direction:column;gap:12px}.playbook-input{width:100%;padding:14px 16px;border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:.95rem;color:var(--text-dark);background:var(--bg-cream);transition:border-color .2s;box-sizing:border-box}.playbook-input:focus{outline:none;border-color:var(--secondary);box-shadow:0 0 0 3px #8b5a7d1a}.playbook-input::placeholder{color:var(--text-light)}.playbook-error{font-size:.85rem;color:#dc2626;margin:0;text-align:left}.playbook-submit{width:100%;padding:14px 24px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s;min-height:52px}.playbook-submit:hover{transform:translateY(-1px);box-shadow:0 4px 16px #8b5a7d4d}.playbook-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.playbook-form-note{font-size:.78rem;color:var(--text-light);margin:4px 0 0}.playbook-success-icon{font-size:2.5rem;margin-bottom:12px}.playbook-success-title{font-size:1.4rem;font-weight:800;color:var(--text-dark);margin:0 0 8px}.playbook-success-sub{font-size:.95rem;color:var(--text-gray);margin:0 0 20px;line-height:1.5}.playbook-success-divider{height:1px;background:var(--border);margin:20px 0}.playbook-success-teaser{font-size:.92rem;color:var(--text-dark);line-height:1.6;margin:0 0 20px}.playbook-proof{background:#fff}.playbook-quote{max-width:520px;margin:0 auto;text-align:center;border:none;padding:0}.playbook-quote p{font-size:1.05rem;color:var(--text-dark);line-height:1.6;font-style:italic;margin:0 0 12px}.playbook-quote cite{font-size:.88rem;color:var(--text-gray);font-style:normal;font-weight:600}.playbook-footer{background:var(--text-dark);color:#fff;padding:40px 20px;text-align:center}.playbook-footer-inner{max-width:640px;margin:0 auto}.playbook-footer-brand{font-size:1.1rem;font-weight:800}.playbook-footer p{font-size:.85rem;color:#fff9;margin:8px 0}.playbook-footer-links{display:flex;justify-content:center;gap:20px;margin:12px 0}.playbook-footer-links a{color:#ffffff80;text-decoration:none;font-size:.82rem}.playbook-footer-links a:hover{color:#fff}.playbook-footer-copy{font-size:.78rem;color:#ffffff59;margin-top:16px}.playbook .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.playbook .reveal.revealed{opacity:1;transform:translateY(0)}@media(min-width:768px){.playbook-hero-title{font-size:2.4rem}.playbook-hero-sub{font-size:1.15rem}.playbook-features{display:grid;grid-template-columns:1fr 1fr;gap:24px}.playbook-form-card,.playbook-success-card{padding:40px 36px}}.landing{min-height:var(--app-height, 100vh);background:var(--bg-cream);overflow-x:hidden;-webkit-overflow-scrolling:touch}.landing *{-webkit-tap-highlight-color:transparent}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.revealed{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding-top:env(safe-area-inset-top,0px)}.landing-nav-inner{max-width:1100px;margin:0 auto;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.landing-nav-brand{display:flex;align-items:center;gap:10px}.landing-nav-wordmark{font-size:1.4rem;font-weight:800;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.landing-nav-signin{background:none;border:2px solid var(--secondary);color:var(--secondary);padding:8px 20px;border-radius:var(--radius-10);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;touch-action:manipulation}.landing-nav-signin:hover{background:var(--secondary);color:#fff}.landing-hero{padding:100px 16px 80px;padding-top:calc(100px + env(safe-area-inset-top,0px));text-align:center;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(245,167,184,.18) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(139,90,125,.08) 0%,transparent 50%),linear-gradient(180deg,#fef3f7 0%,var(--bg-cream) 100%);position:relative;overflow:hidden}.landing-hero-inner{max-width:680px;margin:0 auto;position:relative;z-index:2}.hero-float{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none;z-index:1}.hero-float--1{width:180px;height:180px;background:radial-gradient(circle,#f5a7b833,#f5a7b800 70%);top:15%;left:-4%;animation:heroFloat 8s ease-in-out infinite}.hero-float--2{width:120px;height:120px;background:radial-gradient(circle,#8b5a7d1f,#8b5a7d00 70%);top:20%;right:-2%;animation:heroFloat 10s ease-in-out infinite 2s}.hero-float--3{width:80px;height:80px;background:radial-gradient(circle,#d4af3726,#d4af3700 70%);bottom:25%;right:12%;animation:heroFloat 7s ease-in-out infinite 4s}@keyframes heroFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-16px) scale(1.05)}}@media(prefers-reduced-motion:reduce){.hero-float{animation:none}}.landing-hero-badge{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:28px}.landing-hero-badge-label,.landing-hero-badge-hook{font-size:1.05rem;font-weight:600;color:var(--secondary);line-height:1.4}.landing-hero-headline{font-size:1.85rem;font-weight:800;color:var(--text-dark);line-height:1.12;margin-bottom:18px;letter-spacing:-.6px}.hero-gradient-text{background:linear-gradient(135deg,var(--primary) 20%,var(--secondary) 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-hero-sub{font-size:.95rem;color:var(--text-gray);line-height:1.65;margin-bottom:28px;max-width:540px;margin-left:auto;margin-right:auto}.landing-hero-sub em{color:var(--secondary);font-style:italic}.landing-hero-actions{margin-bottom:14px}.landing-btn-hero{background:var(--secondary);box-shadow:0 4px 20px #8b5a7d59,0 0 0 4px #8b5a7d14;transition:opacity .2s,transform .15s,box-shadow .2s}.landing-btn-hero:hover{background:var(--secondary);opacity:.92;transform:translateY(-2px);box-shadow:0 8px 28px #8b5a7d66,0 0 0 4px #8b5a7d1f}.landing-hero-proof{font-size:.82rem;color:var(--text-light);margin-bottom:0;letter-spacing:.2px}.hero-caption-preview{margin-top:40px;background:#fff;border-radius:var(--radius-lg);padding:16px;max-width:380px;margin-left:auto;margin-right:auto;text-align:left;box-shadow:0 8px 32px #8b5a7d1a,0 1px 3px #0000000d;border:1px solid rgba(139,90,125,.08);position:relative;animation:captionSlideUp .8s ease-out .3s both}.hero-caption-preview:before{content:"Generated by Stylify";position:absolute;top:-10px;left:16px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#fff;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);padding:2px 10px;border-radius:var(--radius-6)}@keyframes captionSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-caption-preview-header{display:flex;gap:4px;margin-bottom:10px}.hero-caption-dot{width:6px;height:6px;border-radius:50%;background:var(--border)}.hero-caption-preview-text{font-size:.8rem;color:var(--text-dark);line-height:1.55;font-style:italic;margin:0 0 10px}.hero-caption-preview-tags{display:flex;gap:6px}.hero-caption-preview-tags span{font-size:.68rem;color:var(--secondary);background:#8b5a7d0f;padding:3px 8px;border-radius:var(--radius-6);font-weight:600}.hero-curve{position:absolute;bottom:-1px;left:0;right:0;z-index:3;line-height:0}.hero-curve svg{width:100%;height:48px;display:block}.landing-stakes{background:#fff}.landing-stakes-kicker{text-align:center;font-size:.95rem;font-weight:600;color:var(--secondary);margin-top:28px;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.landing-guide{background:linear-gradient(180deg,#fef3f7 0%,var(--bg-cream) 100%);position:relative}.landing-guide-content{max-width:640px;margin:0 auto;text-align:center;position:relative}.landing-guide-quote-mark{font-size:6rem;line-height:1;font-weight:800;color:var(--primary);opacity:.25;margin-bottom:-20px;font-family:Georgia,Times New Roman,serif}.landing-guide-empathy{font-size:1.05rem;color:var(--text-gray);line-height:1.75;margin-bottom:24px}.landing-guide-authority{font-size:1.05rem;color:var(--text-dark);line-height:1.75;font-weight:500}.landing-guide-authority em{color:var(--secondary);font-style:italic}.landing-success{background:#fff}.landing-compare{max-width:800px;margin:40px auto 0;display:flex;flex-direction:column;align-items:center;gap:0}.landing-compare-card{width:100%;border-radius:var(--radius-14);padding:18px 16px;position:relative}.landing-compare-before{background:#f5f5f5;border:2px solid var(--border);opacity:.75}.landing-compare-after{background:#fff;border:2px solid var(--primary);box-shadow:0 6px 32px #f5a7b840,0 0 0 1px #f5a7b81a;position:relative}.landing-compare-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px}.landing-compare-before .landing-compare-label{color:var(--text-light)}.landing-compare-after .landing-compare-label{color:var(--secondary)}.landing-compare-caption{font-size:.84rem;line-height:1.6;color:var(--text-dark);margin:0 0 8px;font-style:italic}.landing-compare-verdict{font-size:.78rem;font-weight:600}.landing-compare-before .landing-compare-verdict{color:var(--text-light)}.landing-compare-after .landing-compare-verdict{color:var(--secondary)}.landing-compare-vs{display:flex;align-items:center;justify-content:center;padding:12px 0}.landing-compare-vs-badge{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #8b5a7d4d}.landing-btn-primary{display:block;width:100%;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;padding:16px 32px;border:none;border-radius:var(--radius-14);font-size:1.05rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 14px #8b5a7d4d;touch-action:manipulation;-webkit-appearance:none;min-height:52px}.landing-btn-primary:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 6px 20px #8b5a7d59}.landing-btn-primary:active{transform:scale(.98);opacity:.85}.landing-btn-full{width:100%}.landing-btn-lg{padding:18px 32px;font-size:1.1rem;min-height:56px}.landing-section{padding:64px 16px}.landing-section-inner{max-width:960px;margin:0 auto}.landing-section-title{font-size:1.5rem;font-weight:800;color:var(--text-dark);text-align:center;margin-bottom:8px;letter-spacing:-.3px}.landing-section-subtitle{font-size:.92rem;color:var(--text-gray);text-align:center;margin-bottom:28px;line-height:1.6}.landing-how{background:#fff}.landing-steps{display:grid;grid-template-columns:1fr 1fr;gap:16px}.landing-step{text-align:center;padding:20px 16px;background:var(--bg-cream);border-radius:var(--radius-14)}.landing-step-num{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.landing-step h3{font-size:.95rem;font-weight:700;color:var(--text-dark);margin-bottom:6px}.landing-step p{font-size:.82rem;color:var(--text-gray);line-height:1.5}.landing-stylists{background:var(--bg-cream)}.landing-features-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.landing-feature-card{background:#fff;border-radius:var(--radius-14);padding:16px;box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s}.landing-feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.landing-feature-icon{font-size:1.3rem;display:block;margin-bottom:6px}.landing-feature-card h3{font-size:.84rem;font-weight:700;color:var(--text-dark);margin-bottom:3px}.landing-feature-card p{font-size:.76rem;color:var(--text-gray);line-height:1.45}.landing-feature-card--highlight{background:linear-gradient(135deg,#f5a7b814,#8b5a7d0f);border:1.5px solid rgba(139,90,125,.12)}.landing-sticky-bar{position:fixed;bottom:0;left:0;right:0;z-index:99;background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);padding:10px 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));transform:translateY(100%);transition:transform .3s ease}.landing-sticky-bar.visible{transform:translateY(0)}.landing-sticky-btn{display:block;width:100%;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;padding:14px 24px;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #8b5a7d4d;touch-action:manipulation;-webkit-appearance:none;min-height:48px}@media(min-width:768px){.landing-sticky-bar{display:none}}.landing-mid-cta{background:var(--bg-cream);padding:48px 16px;text-align:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.landing-mid-cta-inner{max-width:600px;margin:0 auto}.landing-mid-cta-text{font-size:1rem;font-weight:600;color:var(--text-dark);margin-bottom:16px;line-height:1.5}.landing-testimonial{background:#fff;padding-top:0;padding-bottom:0}.landing-testimonial-card{max-width:600px;margin:0 auto;text-align:center;padding:32px 24px;position:relative}.landing-testimonial-quote{font-size:3.5rem;font-weight:700;color:var(--primary);line-height:1;margin-bottom:-8px;opacity:.5}.landing-testimonial-text{font-size:1.05rem;font-style:italic;color:var(--text-dark);line-height:1.7;margin-bottom:16px}.landing-testimonial-author{display:flex;flex-direction:column;align-items:center;gap:2px}.landing-testimonial-name{font-size:.92rem;font-weight:700;color:var(--secondary)}.landing-testimonial-role{font-size:.8rem;color:var(--text-light)}.landing-voice{background:#fff}.landing-archetypes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.landing-archetype{background:var(--bg-cream);border-radius:var(--radius-14);padding:18px 14px;text-align:center;transition:transform .15s,box-shadow .2s}.landing-archetype:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.landing-archetype-icon{font-size:1.4rem;display:block;margin-bottom:6px}.landing-archetype-name{display:block;font-size:.88rem;font-weight:700;color:var(--text-dark);margin-bottom:4px}.landing-archetype-desc{display:block;font-size:.75rem;color:var(--text-gray);line-height:1.4}.landing-voice-note{text-align:center;font-size:.88rem;color:var(--text-light);font-style:italic}.landing-pricing{background:linear-gradient(180deg,var(--bg-cream) 0%,#fef3f7 100%)}.landing-founding-banner{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border-radius:var(--radius-lg);padding:16px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:28px;text-align:center}.landing-founding-icon{font-size:1.5rem}.landing-founding-text{font-size:.95rem;font-weight:600;margin:0;line-height:1.4}.landing-founding-btn{background:#fff;color:var(--secondary);border:none;padding:10px 24px;border-radius:var(--radius-10);font-size:.85rem;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s}.landing-founding-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.landing-billing-toggle{display:flex;justify-content:center;gap:0;margin-bottom:32px;background:var(--border);border-radius:var(--radius-md);padding:3px;max-width:280px;margin-left:auto;margin-right:auto}.landing-billing-toggle button{flex:1;padding:10px 16px;border:none;border-radius:var(--radius-10);font-size:.85rem;font-weight:600;cursor:pointer;background:transparent;color:var(--text-gray);transition:all .2s}.landing-billing-toggle button.active{background:#fff;color:var(--text-dark);box-shadow:0 2px 8px #00000014}.landing-billing-save{display:inline-block;background:#dcfce7;color:#15803d;font-size:.7rem;padding:2px 6px;border-radius:var(--radius-6);margin-left:4px;font-weight:700}.landing-tier-cards{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.landing-tier-card{background:#fff;border-radius:var(--radius-xl);padding:28px 20px;text-align:center;box-shadow:0 4px 16px #8b5a7d14;border:2px solid rgba(139,90,125,.06);position:relative}.landing-tier-card--pro{border:2px solid var(--secondary);box-shadow:0 8px 30px #8b5a7d2e}.landing-tier-badge{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;font-size:.75rem;font-weight:700;padding:5px 18px;border-radius:var(--radius-xl);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.landing-tier-name{font-size:1rem;font-weight:700;color:var(--secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;margin-top:8px}.landing-tier-card--pro .landing-tier-name{margin-top:16px}.landing-tier-price{display:flex;align-items:baseline;justify-content:center;gap:2px;margin-bottom:4px}.landing-tier-dollar{font-size:1.5rem;font-weight:700;color:var(--secondary)}.landing-tier-number{font-size:3.2rem;font-weight:800;color:var(--text-dark);line-height:1}.landing-tier-period{font-size:1rem;color:var(--text-gray);font-weight:500}.landing-tier-billed{font-size:.8rem;color:var(--text-light);margin:0 0 20px}.landing-tier-features{list-style:none;text-align:left;margin-bottom:20px;padding:0}.landing-tier-features li{font-size:.9rem;color:var(--text-dark);border-bottom:1px solid var(--border);padding:8px 0 8px 28px;position:relative}.landing-tier-features li:first-child{font-weight:600;color:var(--secondary);padding-left:0;font-size:.85rem}.landing-tier-features li:first-child:before{display:none}.landing-tier-features li:last-child{border-bottom:none}.landing-tier-features li:before{content:"✓";position:absolute;left:0;color:var(--secondary);font-weight:700}.landing-tier-feature--highlight{font-weight:600}.landing-tier-note{font-size:.78rem;color:var(--text-light);margin:0 0 16px;font-style:italic}.landing-btn-outline{background:transparent!important;border:2px solid var(--secondary)!important;color:var(--secondary)!important;text-decoration:none;display:inline-block;text-align:center}.landing-btn-outline:hover{background:var(--secondary)!important;color:#fff!important}.landing-btn-pro{background:linear-gradient(135deg,var(--secondary) 0%,#6d4570 100%)!important;box-shadow:0 4px 16px #8b5a7d4d}.landing-price-context{font-size:.82rem;color:var(--text-light);margin-top:16px;line-height:1.5;text-align:center}.landing-faq{background:var(--bg-cream)}.landing-faq-list{max-width:640px;margin:24px auto 0}.landing-faq-item{background:#fff;border-radius:var(--radius-14);margin-bottom:10px;overflow:hidden;cursor:pointer;transition:box-shadow .2s}.landing-faq-item:hover{box-shadow:var(--shadow-sm)}.landing-faq-q{display:flex;justify-content:space-between;align-items:center;padding:16px;font-size:.9rem;font-weight:600;color:var(--text-dark);gap:12px;min-height:52px}.landing-faq-toggle{font-size:1.3rem;color:var(--secondary);flex-shrink:0;width:24px;text-align:center;transition:transform .2s}.landing-faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 20px}.landing-faq-item.open .landing-faq-a{max-height:300px;padding:0 16px 16px}.landing-faq-a p{font-size:.84rem;color:var(--text-gray);line-height:1.6;margin:0}.landing-pain-quotes{display:grid;grid-template-columns:1fr;gap:14px}.landing-pain-quote{background:var(--bg-cream);border-radius:var(--radius-lg);padding:24px 24px 24px 28px;border-left:4px solid var(--primary);position:relative;transition:transform .2s,box-shadow .2s}.landing-pain-quote:hover{transform:translateY(-2px);box-shadow:0 4px 16px #8b5a7d14}.landing-pain-quote p{font-size:1rem;color:var(--text-dark);font-style:italic;line-height:1.65;margin-bottom:0}.landing-cta{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);text-align:center;padding:48px 16px}.landing-cta-headline{font-size:1.4rem;font-weight:800;color:#fff;margin-bottom:12px;line-height:1.25}.landing-cta-sub{font-size:1rem;color:#ffffffd9;margin-bottom:28px}.landing-cta .landing-btn-primary{background:#fff;color:var(--secondary);box-shadow:0 4px 14px #00000026}.landing-cta .landing-btn-primary:hover{opacity:.95;box-shadow:0 6px 20px #0003}.landing-scorecard-link{margin-top:20px;font-size:.88rem;color:#ffffffb3}.landing-scorecard-link a{color:#fff;text-decoration:underline;text-underline-offset:3px;font-weight:600;transition:opacity .2s}.landing-scorecard-link a:hover{opacity:.85}.landing-footer{background:var(--text-dark);padding:32px 16px;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}.landing-footer-inner{max-width:960px;margin:0 auto;text-align:center}.landing-footer-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px}.landing-footer-wordmark{font-size:1.2rem;font-weight:800;color:#ffffffd9;letter-spacing:-.5px}.landing-footer-tagline{color:#fff9;font-size:.85rem}.landing-footer-links{display:flex;justify-content:center;gap:24px;margin-bottom:16px}.landing-footer-links a{color:#ffffff80;text-decoration:none;font-size:.85rem;transition:color .2s}.landing-footer-links a:hover{color:#fffc}.landing-footer-copy{color:#ffffff59;font-size:.78rem}@media(min-width:768px){.landing-hero{padding:140px 40px 100px}.landing-hero-badge{gap:8px;margin-bottom:36px}.landing-hero-badge-label,.landing-hero-badge-hook{font-size:1.25rem}.landing-hero-headline{font-size:3.4rem;letter-spacing:-1px;line-height:1.08}.landing-hero-sub{font-size:1.15rem;margin-bottom:36px;max-width:560px}.hero-float--1{width:280px;height:280px;left:2%;top:10%}.hero-float--2{width:200px;height:200px;right:3%;top:15%}.hero-float--3{width:140px;height:140px;right:18%;bottom:20%}.hero-caption-preview{margin-top:48px;max-width:420px;padding:20px;border-radius:18px}.hero-caption-preview-text{font-size:.85rem}.hero-curve svg{height:64px}.landing-btn-primary{display:inline-block;width:auto;padding:16px 40px;font-size:1.1rem}.landing-btn-lg{padding:18px 48px;font-size:1.2rem}.landing-compare{flex-direction:row;gap:0;align-items:stretch}.landing-compare-card{flex:1;padding:24px;border-radius:var(--radius-lg)}.landing-compare-caption{font-size:.9rem}.landing-compare-vs{display:flex;align-items:center;justify-content:center;padding:0 16px}.landing-section{padding:100px 40px}.landing-section-title{font-size:2.2rem;margin-bottom:10px}.landing-section-subtitle{font-size:1rem;margin-bottom:40px}.landing-steps{grid-template-columns:repeat(3,1fr);gap:20px}.landing-step{padding:28px 20px}.landing-features-grid{grid-template-columns:repeat(3,1fr);gap:20px}.landing-feature-card{padding:28px}.landing-feature-card h3{font-size:1rem}.landing-feature-card p{font-size:.88rem;line-height:1.55}.landing-mid-cta{padding:64px 40px}.landing-mid-cta-text{font-size:1.25rem}.landing-archetypes{grid-template-columns:repeat(4,1fr);gap:16px}.landing-archetype-name{font-size:.92rem}.landing-archetype-desc{font-size:.78rem}.landing-tier-cards{flex-direction:row;align-items:stretch}.landing-tier-card{flex:1;padding:32px 24px}.landing-tier-card--pro{transform:scale(1.04);z-index:1}.landing-founding-banner{flex-direction:row;justify-content:center;gap:16px}.landing-faq-q{padding:18px 20px;font-size:.95rem}.landing-pain-quotes{grid-template-columns:1fr 1fr;gap:20px}.landing-stakes-kicker{font-size:1.1rem;margin-top:40px}.landing-guide-quote-mark{font-size:8rem;margin-bottom:-28px}.landing-guide-empathy,.landing-guide-authority{font-size:1.15rem}.landing-cta{padding:100px 40px}.landing-cta-headline{font-size:2.2rem}.landing-nav-inner{padding:14px 20px}.landing-nav-wordmark{font-size:1.6rem}.landing-footer{padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))}}@media(min-width:1024px){.landing-compare-card{padding:28px 32px}.landing-compare-caption{font-size:.92rem}}@media(max-width:380px){.landing-hero{padding-top:calc(88px + env(safe-area-inset-top,0px));padding-bottom:64px}.landing-hero-headline{font-size:1.6rem}.landing-hero-sub{font-size:.88rem}.hero-caption-preview{margin-top:28px;padding:12px}.hero-caption-preview-text{font-size:.75rem}.hero-float--1{width:120px;height:120px}.hero-float--2{width:80px;height:80px}.hero-float--3{display:none}.landing-section-title{font-size:1.3rem}.landing-steps,.landing-features-grid{grid-template-columns:1fr}.landing-feature-card{padding:14px}.landing-archetypes{gap:8px}.landing-archetype{padding:14px 10px}.landing-tier-number{font-size:2.8rem}.landing-cta-headline{font-size:1.25rem}.landing-btn-primary{font-size:1rem;padding:14px 24px;min-height:48px}}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:var(--radius-md);background:#fff;box-shadow:0 4px 20px #00000026;pointer-events:auto;animation:toastSlideIn .3s ease forwards;min-width:280px;max-width:400px}.toast-leaving{animation:toastSlideOut .3s ease forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.toast-message{font-size:.95rem;font-weight:500;color:#333;line-height:1.4}.toast-success{border-left:4px solid #10b981}.toast-success .toast-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.toast-error{border-left:4px solid #ef4444}.toast-error .toast-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.toast-info{border-left:4px solid #3b82f6}.toast-info .toast-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.toast-accent{border-left:4px solid var(--accent, #d4af37)}.toast-accent .toast-icon{background:linear-gradient(135deg,#d4af37,#b8941f);color:#fff}.toast-copy{border-left:4px solid #f5a7b8}.toast-copy .toast-icon{background:linear-gradient(135deg,#f5a7b8,#8b5a7d);color:#fff;font-size:12px}.toast-download{border-left:4px solid #10b981}.toast-download .toast-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:12px}.toast-actionable{cursor:pointer}.toast-actionable:hover{box-shadow:0 4px 24px #0003}.toast-action{margin-left:auto;font-size:.85rem;font-weight:700;color:#3b82f6;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}@media(max-width:480px){.toast-container{top:env(safe-area-inset-top,12px);bottom:auto;left:12px;right:12px}.toast{min-width:auto;width:100%;animation:toastSlideDown .3s ease forwards}.toast-leaving{animation:toastSlideUp .3s ease forwards}}@keyframes toastSlideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes toastSlideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}:root{--primary: #f5a7b8;--secondary: #8b5a7d;--gradient: linear-gradient(135deg, #f5a7b8 0%, #8b5a7d 100%);--text-dark: #2d2d2d;--text-light: #666;--bg-light: #fafafa;--white: #ffffff;--shadow: 0 4px 6px rgba(0, 0, 0, .1);--shadow-hover: 0 8px 16px rgba(0, 0, 0, .15)}.onboarding-container{min-height:var(--app-height, 100vh);display:flex;flex-direction:column;background:linear-gradient(to bottom,#fafafa,#fff);padding:2rem;position:relative}.onboarding-signout{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:var(--text-light);font-size:.875rem;cursor:pointer;padding:.5rem .75rem;min-height:44px;display:flex;align-items:center}.onboarding-signout:hover{color:var(--text-dark)}.onboarding-progress{max-width:600px;margin:0 auto 1.5rem;width:100%}.progress-steps{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.6rem}.progress-step{position:relative}.progress-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:2px solid #e0e0e0;background:#fff;color:#ccc;transition:all .4s ease}.progress-step.active .progress-dot{border-color:var(--primary);background:var(--gradient);color:#fff;transform:scale(1.15);box-shadow:0 2px 10px #f5a7b866}.progress-step.complete .progress-dot{border-color:var(--secondary);background:var(--secondary);color:#fff;font-size:.7rem}.progress-step:not(:last-child):after{content:"";position:absolute;top:50%;left:100%;width:.5rem;height:2px;background:#e0e0e0;transform:translateY(-50%);transition:background .4s ease}.progress-step.complete:not(:last-child):after{background:var(--secondary)}.progress-text{text-align:left;color:var(--secondary);font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin:0}.onboarding-content{flex:1;display:flex;align-items:center;justify-content:center;max-width:900px;margin:0 auto;width:100%}.onboarding-step{width:100%;animation:fadeIn .5s ease}.fade-in{animation:fadeIn .5s ease}@keyframes staggerIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.stagger-item{opacity:0;animation:staggerIn .4s ease forwards}.welcome-logo{margin-bottom:1.5rem;animation:logoFloat 3s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.welcome-proof{margin-top:2rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.proof-chip{font-size:.85rem;color:var(--text-light);-webkit-text-fill-color:var(--text-light);font-weight:500;background:#f8f5fb;padding:.35rem .85rem;border-radius:var(--radius-xl);white-space:nowrap}.voice-calibration-step{text-align:center}.voice-step-counter{display:inline-block;padding:.5rem 1.25rem;background:linear-gradient(135deg,#fef3f7,#f9f5f9);border:2px solid var(--secondary);border-radius:var(--radius-xl);font-size:.9rem;font-weight:600;color:var(--secondary);margin-bottom:1.5rem}.voice-pair-progress{display:none}.voice-dot{width:10px;height:10px;border-radius:50%;background:#e0e0e0;transition:all .3s ease}.voice-dot.active{background:var(--primary);transform:scale(1.3);box-shadow:0 0 8px #f5a7b880}.voice-dot.completed{background:var(--secondary)}.voice-pair-container{display:flex;flex-direction:column;gap:.85rem;max-width:600px;margin:0 auto}.voice-option{background:var(--white, #fff);border:2px solid #e8e0ec;border-radius:var(--radius-lg);padding:1.25rem 1.5rem;cursor:pointer;transition:all .25s ease;text-align:left;box-shadow:0 2px 8px #0000000f;position:relative;display:flex;gap:.85rem;align-items:flex-start}.voice-option.selected{border-color:var(--primary);background:linear-gradient(135deg,#fdf2f8,#faf5ff);box-shadow:0 4px 12px #f5a7b840}.voice-option-label{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0;margin-top:2px}.voice-option-caption{font-size:1.05rem;line-height:1.6;color:var(--text-dark, #333)}.voice-vs{text-align:center;color:var(--text-light, #888);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin:-.15rem 0}@media(hover:hover){.voice-option:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 16px #8b5a7d26}}.welcome-step{text-align:center;padding:3rem 1rem}.welcome-brand{font-size:1.1rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--secondary);margin:0 0 .75rem}.welcome-headline{font-size:3rem;font-weight:700;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;line-height:1.2}.welcome-subtitle{font-size:1.25rem;color:var(--text-light);-webkit-text-fill-color:var(--text-light);margin-bottom:1.25rem;max-width:600px;margin-left:auto;margin-right:auto}.welcome-archetype-teaser{display:flex;justify-content:center;align-items:center;gap:0;margin-bottom:1.75rem;position:relative;height:90px}.teaser-card{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem 1rem;background:#fff;border:1.5px solid rgba(139,90,125,.2);border-radius:var(--radius-lg);box-shadow:0 3px 12px #8b5a7d1a;position:absolute;width:145px;transition:transform .3s ease}.teaser-card-left{transform:rotate(-8deg) translate(-95px);opacity:.7;animation:teaserFanLeft .6s .2s ease both,teaserPeekLeft 4s 1.2s ease-in-out infinite}.teaser-card-center{transform:translateY(-4px);z-index:2;border-color:#f5a7b880;box-shadow:0 4px 20px #f5a7b833;background:linear-gradient(135deg,#fdf8fa,#fef3f7);animation:teaserCenterPop .5s .4s ease both}.teaser-card-right{transform:rotate(8deg) translate(95px);opacity:.7;animation:teaserFanRight .6s .3s ease both,teaserPeekRight 4s 1.5s ease-in-out infinite}.teaser-icon{font-size:1.8rem;line-height:1}.teaser-card-center .teaser-icon{font-size:1.6rem;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.teaser-name{font-size:.78rem;font-weight:700;color:#8b5a7d;-webkit-text-fill-color:#8b5a7d;text-align:center;line-height:1.2;white-space:nowrap}.teaser-card-center .teaser-name{font-size:.82rem;font-weight:800}@keyframes teaserFanLeft{0%{opacity:0;transform:rotate(0) translate(0) scale(.8)}to{opacity:.7;transform:rotate(-8deg) translate(-95px)}}@keyframes teaserFanRight{0%{opacity:0;transform:rotate(0) translate(0) scale(.8)}to{opacity:.7;transform:rotate(8deg) translate(95px)}}@keyframes teaserPeekLeft{0%,to{transform:rotate(-8deg) translate(-95px)}50%{transform:rotate(-9deg) translate(-101px)}}@keyframes teaserPeekRight{0%,to{transform:rotate(8deg) translate(95px)}50%{transform:rotate(9deg) translate(101px)}}@keyframes teaserCenterPop{0%{opacity:0;transform:translateY(10px) scale(.85)}to{opacity:1;transform:translateY(-4px) scale(1)}}h2{font-size:1.75rem;font-weight:700;color:var(--text-dark);text-align:left;margin-bottom:.75rem;line-height:1.3}.step-subtitle{text-align:left;color:var(--text-light);font-size:1rem;margin-bottom:2.5rem}.step-hint{text-align:left;color:var(--text-light);font-size:.85rem;margin-top:-1.5rem;margin-bottom:1.5rem;line-height:1.5;opacity:.75}.step-hint em{font-style:italic}.options-grid{display:grid;gap:1.5rem;margin-bottom:2rem}.grid-2x2{grid-template-columns:repeat(2,1fr)}.option-card{background:var(--white);border:2px solid #e0e0e0;border-radius:var(--radius-lg);padding:2rem;cursor:pointer;transition:all .3s ease;text-align:left;box-shadow:var(--shadow)}@media(hover:hover){.option-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--primary)}}.option-card.selected{background:var(--gradient);border-color:transparent;color:var(--white);transform:translateY(-4px);box-shadow:var(--shadow-hover)}.large-card{min-height:200px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.card-icon{font-size:3rem;margin-bottom:1rem}.card-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.card-desc{font-size:.95rem;opacity:.9}.option-card.selected .card-desc{opacity:1}.option-card{position:relative}.checkmark{position:absolute;top:1rem;right:1rem;width:32px;height:32px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;animation:checkmarkPop .3s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 4px 12px #f5a7b866}@keyframes checkmarkPop{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}.options-stack{display:flex;flex-direction:column;gap:1rem;max-width:600px;margin:0 auto 2rem}.stack-card{display:flex;align-items:center;text-align:left;padding:1.25rem 1.5rem;min-height:auto;gap:1rem}.stack-icon{font-size:1.8rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fdf2f8,#faf5ff);border-radius:var(--radius-md);flex-shrink:0;transition:all .3s ease}.stack-card.selected .stack-icon{background:#ffffff40}.stack-text{flex:1;min-width:0}.stack-card .card-title{margin-bottom:.15rem;font-size:1.2rem;font-weight:700;min-width:auto;flex-shrink:0}.stack-card .card-desc{font-size:.88rem;flex:1;opacity:.75}.stack-card.selected .card-desc{opacity:.9}.specialties-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:700px;margin:0 auto 2rem}.other-specialty-input{max-width:700px;margin:0 auto 1rem}.other-specialty-input .text-input{width:100%;padding:.75rem 1rem;font-size:.95rem;border:2px solid var(--primary);border-radius:var(--radius-md);background:#fff;transition:border-color .2s}.other-specialty-input .text-input:focus{outline:none;border-color:var(--secondary);box-shadow:var(--focus-shadow)}.specialty-checkbox{display:flex;align-items:center;padding:.85rem 1.25rem;background:var(--white);border:2px solid #e0e0e0;border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow);gap:.5rem}@media(hover:hover){.specialty-checkbox:hover{border-color:var(--primary);transform:translateY(-2px)}}.specialty-checkbox.checked{background:var(--gradient);border-color:transparent;color:var(--white)}.specialty-checkbox input[type=checkbox]{display:none}.specialty-icon{font-size:1.3rem;flex-shrink:0;line-height:1}.checkbox-label{font-size:1.05rem;font-weight:600}.input-container{max-width:500px;margin:0 auto 1.5rem}.instagram-input-wrapper{display:flex;align-items:center;background:var(--white);border:2px solid #e0e0e0;border-radius:var(--radius-md);padding:.75rem 1.5rem;box-shadow:var(--shadow);transition:all .3s ease}.instagram-input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #f5a7b833}.input-prefix{font-size:1.25rem;color:var(--text-light);margin-right:.5rem;font-weight:500}.instagram-input{flex:1;border:none;outline:none;font-size:1.1rem;color:var(--text-dark);background:transparent}.instagram-input::placeholder{color:#ccc}.step-hero-icon{font-size:3.5rem;text-align:center;margin-bottom:.75rem;line-height:1}.input-benefits{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem;justify-content:center}.benefit-item{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;color:#666;background:#f8f5fb;padding:.4rem .75rem;border-radius:var(--radius-xl);font-weight:500}.benefit-icon{font-size:.9rem;flex-shrink:0}.location-benefits{justify-content:flex-start}.privacy-reassurance{font-size:.75rem;color:#9ca3af;text-align:center;margin-top:.75rem;line-height:1.4}.btn-skip{display:block;margin:0 auto;padding:.5rem 1.5rem;background:none;border:none;color:#999;font-size:.9rem;font-weight:500;cursor:pointer;transition:color .2s}@media(hover:hover){.btn-skip:hover{color:#666}}.label-optional{font-size:.75rem;font-weight:400;color:#aaa;margin-left:.25rem}.toggle-pill{display:flex;align-items:center;gap:.6rem;width:100%;padding:.85rem 1.25rem;background:#f9f7fb;border:2px solid #e8e0ed;border-radius:var(--radius-md);cursor:pointer;transition:all .25s ease;font-size:.95rem;font-weight:500;color:var(--text-dark);text-align:left}@media(hover:hover){.toggle-pill:hover{border-color:var(--primary)}}.toggle-pill.active{background:linear-gradient(135deg,#fce4ec,#f8bbd0);border-color:var(--primary);color:var(--secondary)}.toggle-pill.active .toggle-pill-indicator{opacity:1;transform:scale(1)}.btn-primary,.btn-secondary,.btn-text{padding:.875rem 2rem;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;outline:none}.btn-primary{background:var(--gradient);color:var(--white);box-shadow:var(--shadow)}@media(hover:hover){.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-hover)}}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-large{padding:1.25rem 3rem;font-size:1.25rem}.btn-gradient{background:var(--gradient)}.btn-secondary{background:var(--white);color:var(--text-dark);border:2px solid #e0e0e0}@media(hover:hover){.btn-secondary:hover{border-color:var(--primary);transform:translateY(-2px)}}.btn-text{background:transparent;color:var(--text-light);padding:.5rem 1rem;text-decoration:underline}@media(hover:hover){.btn-text:hover{color:var(--secondary)}}.onboarding-actions{display:flex;justify-content:space-between;align-items:center;max-width:900px;margin:3rem auto 0;padding-top:2rem;width:100%}.onboarding-actions button:only-child{margin-left:auto}.loading-screen{justify-content:center;align-items:center}.loading-content{text-align:center}.loading-spinner{width:60px;height:60px;border:4px solid #e0e0e0;border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 2rem}.loading-message{font-size:1.5rem;font-weight:600;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media(max-width:768px){.onboarding-container{padding:1.25rem 1rem;padding-top:calc(1.25rem + env(safe-area-inset-top,0px))}.onboarding-content{align-items:stretch;padding-bottom:5.5rem}.onboarding-step{flex:1;display:flex;flex-direction:column;justify-content:center}.onboarding-step:has(.options-grid),.onboarding-step:has(.options-stack),.onboarding-step:has(.specialties-grid){justify-content:flex-start}.welcome-step{padding:1rem .5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(var(--app-height, 100vh) - 6rem)}.welcome-logo svg{width:48px;height:48px}.welcome-logo{margin-bottom:.75rem}.welcome-brand{font-size:.9rem;margin-bottom:.5rem}.welcome-headline{font-size:1.85rem;line-height:1.25;margin-bottom:.75rem}.welcome-subtitle{font-size:1.05rem;margin-bottom:1rem;line-height:1.5}.welcome-archetype-teaser{margin-bottom:1.5rem;height:80px}.teaser-card{width:120px;padding:.6rem .75rem;border-radius:13px}.teaser-card-left{transform:rotate(-8deg) translate(-75px);animation:teaserFanLeftMobile .6s .2s ease both,teaserPeekLeftMobile 4s 1.2s ease-in-out infinite}.teaser-card-right{transform:rotate(8deg) translate(75px);animation:teaserFanRightMobile .6s .3s ease both,teaserPeekRightMobile 4s 1.5s ease-in-out infinite}@keyframes teaserFanLeftMobile{0%{opacity:0;transform:rotate(0) translate(0) scale(.8)}to{opacity:.7;transform:rotate(-8deg) translate(-75px)}}@keyframes teaserFanRightMobile{0%{opacity:0;transform:rotate(0) translate(0) scale(.8)}to{opacity:.7;transform:rotate(8deg) translate(75px)}}@keyframes teaserPeekLeftMobile{0%,to{transform:rotate(-8deg) translate(-75px)}50%{transform:rotate(-9deg) translate(-80px)}}@keyframes teaserPeekRightMobile{0%,to{transform:rotate(8deg) translate(75px)}50%{transform:rotate(9deg) translate(80px)}}.teaser-icon{font-size:1.5rem}.teaser-card-center .teaser-icon{font-size:1.3rem}.teaser-name{font-size:.68rem}.teaser-card-center .teaser-name{font-size:.72rem}.welcome-proof{margin-top:1.25rem;gap:.4rem}.proof-chip{font-size:.8rem;padding:.3rem .7rem}.voice-calibration-step{padding-top:.5rem}.voice-option{padding:1rem 1.15rem}.voice-option-caption{font-size:.95rem;line-height:1.55}.voice-step-counter{font-size:.85rem;padding:.45rem 1rem;margin-bottom:1rem}.voice-pair-progress{margin-bottom:1rem}.voice-vs{font-size:.75rem;margin:-.25rem 0}.welcome-step .btn-large{width:100%;padding:1.1rem 2rem;font-size:1.15rem;min-height:52px}.onboarding-progress{margin-bottom:.75rem}.progress-steps{gap:.35rem}.progress-dot{width:28px;height:28px;font-size:.7rem}.progress-step:not(:last-child):after{width:.35rem}.progress-text{font-size:.75rem}h2{font-size:1.5rem;margin-bottom:.5rem}.step-subtitle{margin-bottom:1.25rem;font-size:.92rem}.options-grid.grid-2x2{grid-template-columns:1fr;gap:.6rem;margin-bottom:.5rem;flex:1;grid-auto-rows:1fr}.large-card{min-height:auto;padding:1rem 1.15rem;flex-direction:row;align-items:center;justify-content:flex-start;gap:.85rem;text-align:left}.large-card .card-icon{font-size:1.8rem;margin-bottom:0;flex-shrink:0}.large-card .card-title{font-size:1.05rem;margin-bottom:.15rem}.large-card .card-desc{font-size:.85rem}.card-icon{font-size:1.8rem}.vibe-card .card-icon{width:46px;height:46px;font-size:1.6rem;border-radius:var(--radius-md)}.vibe-card .card-text{gap:.1rem}.vibe-card{padding:1rem 1.15rem}.specialties-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:.5rem;flex:1;grid-auto-rows:1fr}.specialty-checkbox{padding:.7rem .8rem;min-height:44px;border-radius:var(--radius-10);display:flex;align-items:center;gap:.4rem}.specialty-icon{font-size:1.25rem}.checkbox-label{font-size:.95rem;font-weight:600}.stack-card{flex-direction:row;align-items:center;padding:.85rem 1rem;min-height:44px;gap:.75rem}.stack-icon{width:40px;height:40px;font-size:1.4rem;border-radius:var(--radius-10)}.stack-text{flex:1;min-width:0}.stack-card .card-title{min-width:auto;font-size:1.1rem;font-weight:700;margin-bottom:.1rem}.stack-card .card-desc{margin-left:0;margin-top:0;font-size:.78rem}.options-stack{gap:.6rem;margin-bottom:.5rem;flex:1}.options-stack .stack-card{flex:1;justify-content:flex-start}.onboarding-actions{position:fixed;bottom:0;left:0;right:0;flex-direction:row;gap:.75rem;margin-top:0;padding:.75rem 1rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px));background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(0,0,0,.06);z-index:100}.onboarding-actions button{flex:1;min-height:48px}.onboarding-actions button:only-child{margin-left:0}.step-hero-icon{font-size:2.75rem;margin-bottom:.5rem}.input-benefits{margin-top:1rem;gap:.4rem}.benefit-item{font-size:.8rem;padding:.35rem .65rem}.btn-skip{font-size:.85rem;padding:.4rem 1rem}.toggle-pill{font-size:.88rem;padding:.75rem 1rem;border-radius:var(--radius-10)}.toggle-pill-icon{font-size:1.1rem}.toggle-pill-indicator{width:20px;height:20px;font-size:.7rem}.mobile-stylist-toggle{margin:.75rem auto 0;max-width:500px}.instagram-input-wrapper{border-radius:var(--radius-14);padding:.85rem 1.25rem;border:2px solid #e0d4e8;background:#fdfbff}.input-prefix{font-size:1.4rem;font-weight:600;color:var(--secondary)}.mobile-stylist-message{margin-top:.75rem;padding:1rem 1.25rem;border-radius:var(--radius-14)}.checkmark{top:.5rem;right:.5rem;width:24px;height:24px;font-size:.9rem}.instagram-input,.text-input{font-size:16px}}@media(max-width:480px){.welcome-headline{font-size:1.45rem}.welcome-subtitle{font-size:.92rem}.proof-chip{font-size:.75rem}}.vibe-card{padding:1.5rem;border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000014;transition:all .3s ease;overflow:hidden;position:relative}.vibe-card .card-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);margin-bottom:0;flex-shrink:0}.vibe-card .card-text{display:flex;flex-direction:column;gap:.15rem}.vibe-polished{background:linear-gradient(135deg,#fbf5ee,#f5e6d3);border:2px solid #D4AF37;color:var(--text-dark)}.vibe-polished .card-icon{background:#d4af3726}@media(hover:hover){.vibe-polished:hover{transform:translateY(-4px);box-shadow:0 8px 24px #d4af3733;border-color:#c5a028}}.vibe-polished.selected{border:3px solid #D4AF37;box-shadow:0 8px 24px #d4af374d;background:linear-gradient(135deg,#f5e6d3,#e8d4b8);color:var(--text-dark)}.vibe-polished.selected .card-icon{background:#d4af3740}.vibe-bold{background:linear-gradient(135deg,#f5eefa,#e8d5f2);border:2px solid #9B59B6;color:var(--text-dark)}.vibe-bold .card-icon{background:#9b59b61f}@media(hover:hover){.vibe-bold:hover{transform:translateY(-4px);box-shadow:0 8px 24px #9b59b633;border-color:#8e44ad}}.vibe-bold.selected{border:3px solid #9B59B6;box-shadow:0 8px 24px #9b59b64d;background:linear-gradient(135deg,#e8d5f2,#f5e1f7);color:var(--text-dark)}.vibe-bold.selected .card-icon{background:#9b59b633}.vibe-laidback{background:linear-gradient(135deg,#f0faf0,#e0f2e0);border:2px solid #5A9E6F;color:var(--text-dark)}.vibe-laidback .card-icon{background:#5a9e6f1f}@media(hover:hover){.vibe-laidback:hover{transform:translateY(-4px);box-shadow:0 8px 24px #5a9e6f33;border-color:#4a8e5f}}.vibe-laidback.selected{border:3px solid #5A9E6F;box-shadow:0 8px 24px #5a9e6f4d;background:linear-gradient(135deg,#e0f2e0,#c8e6c9);color:var(--text-dark)}.vibe-laidback.selected .card-icon{background:#5a9e6f33}.vibe-fun{background:linear-gradient(135deg,#fff2f8,#ffe4ef);border:2px solid #E84393;color:var(--text-dark)}.vibe-fun .card-icon{background:#e843931a}@media(hover:hover){.vibe-fun:hover{transform:translateY(-4px);box-shadow:0 8px 24px #e8439333;border-color:#d63384}}.vibe-fun.selected{border:3px solid #E84393;box-shadow:0 8px 24px #e843934d;background:linear-gradient(135deg,#ffe4ef,#ffd1e4);color:var(--text-dark)}.vibe-fun.selected .card-icon{background:#e843932e}.vibe-card .card-title{color:var(--text-dark);font-weight:700}.vibe-card .card-desc{color:var(--text-dark);opacity:.7;font-size:.88rem}.vibe-card.selected .card-title,.vibe-card.selected .card-desc{color:var(--text-dark)}.vibe-card.selected .card-desc{opacity:.85}.location-inputs{display:flex;flex-direction:column;gap:1.25rem;max-width:500px;margin:0 auto 1.5rem}.input-row{display:flex;gap:1rem}.input-row .input-group{flex:1}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-size:.95rem;font-weight:600;color:var(--text-dark);margin-bottom:.25rem}.text-input{width:100%;padding:.875rem 1.25rem;font-size:1.05rem;border:2px solid #e0e0e0;border-radius:var(--radius-md);background:var(--white);color:var(--text-dark);transition:all .3s ease;box-shadow:var(--shadow)}.text-input:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus-shadow)}.text-input::placeholder{color:#ccc}@media(max-width:768px){.location-inputs{gap:.75rem;background:linear-gradient(135deg,#fdf8fa,#f9f5fc);border:1.5px solid #ede0f0;border-radius:var(--radius-14);padding:1.25rem;margin:0 auto .5rem;box-shadow:0 2px 8px #0000000a}.location-inputs .input-row{display:flex;gap:.75rem}.location-inputs .input-row .input-group{flex:1}.text-input{padding:.7rem .9rem;font-size:16px;border-radius:var(--radius-10)}}.mobile-stylist-toggle{margin:2rem auto;max-width:500px}.toggle-checkbox{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:var(--white);border:2px solid #e0e0e0;border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow)}@media(hover:hover){.toggle-checkbox:hover{border-color:var(--primary);box-shadow:0 0 0 3px #f5a7b81a}}.toggle-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary)}.toggle-label{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:500;color:var(--text-dark);cursor:pointer;flex:1}.toggle-icon{font-size:1.2rem}.toggle-checkbox input[type=checkbox]:checked~.toggle-label{color:var(--primary);font-weight:600}.mobile-stylist-message{max-width:500px;margin:1.25rem auto 0;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #a7f3d0;border-radius:var(--radius-14);display:flex;align-items:flex-start;gap:.75rem}.mobile-stylist-message-icon{width:28px;height:28px;background:#059669;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0}.mobile-stylist-message p{margin:0;font-size:.95rem;font-weight:500;color:#065f46;line-height:1.5}.location-inputs+.mobile-stylist-toggle{margin-top:.75rem}@media(max-width:768px){.mobile-stylist-message{padding:.85rem 1rem;margin-top:.5rem}.mobile-stylist-message-icon{width:24px;height:24px;font-size:.75rem}.mobile-stylist-message p{font-size:.88rem}.input-group label{font-size:.88rem;margin-bottom:.1rem}.input-group{gap:.25rem}}.onb-generating-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:backdropFadeIn .2s ease}.onb-generating-modal{background:#fff;border-radius:var(--radius-xl);padding:48px;max-width:600px;width:90%;box-shadow:0 20px 60px #0000004d}.onb-generating-header{text-align:center;margin-bottom:40px}.onb-generating-header h2{font-size:32px;font-weight:700;margin-bottom:8px;color:#1a1a1a}.onb-generating-header p{font-size:18px;color:#666}.onb-generating-stages{margin-bottom:40px}.onb-generating-stage{display:flex;align-items:flex-start;gap:16px;padding:16px;border-radius:var(--radius-md);margin-bottom:12px;transition:all .3s ease}.onb-generating-stage.completed{background:#f0fdf4}.onb-generating-stage.active{background:linear-gradient(135deg,#f5a7b826,#8b5a7d1a);border:2px solid var(--primary, #f5a7b8)}.onb-generating-stage.pending{opacity:.4}.onb-stage-icon{font-size:28px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;flex-shrink:0}.onb-stage-content{flex:1}.onb-stage-label{font-size:18px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.onb-stage-sublabel{font-size:14px;color:#666}.onb-generating-tip{background:#fef3c7;border-radius:var(--radius-md);padding:20px;display:flex;gap:16px;align-items:flex-start;margin-bottom:32px}.onb-tip-icon{font-size:32px;flex-shrink:0}.onb-tip-text{flex:1;font-size:15px;color:#78350f;line-height:1.5}.onb-tip-label{display:block;font-weight:600;font-size:14px;color:#92400e;margin-bottom:4px}.onb-generating-progress{text-align:center;padding:.5rem 0}@media(max-width:768px){.onb-generating-modal{padding:32px 24px}.onb-generating-header h2{font-size:24px}.onb-stage-label{font-size:16px}}.voice-reveal-step{text-align:center;display:flex;align-items:center;justify-content:center}.reveal-card{max-width:480px;margin:0 auto;padding:2.5rem 2rem;background:#fff;border-radius:var(--radius-2xl);box-shadow:0 8px 40px #8b5a7d26;border:2px solid rgba(245,167,184,.3);opacity:0;transform:scale(.9) translateY(20px);transition:all .6s cubic-bezier(.34,1.56,.64,1)}.reveal-visible .reveal-card{opacity:1;transform:scale(1) translateY(0)}.reveal-badge{display:inline-block;padding:.4rem 1.25rem;background:linear-gradient(135deg,#fef3f7,#f9f5f9);border:2px solid var(--secondary);border-radius:var(--radius-xl);font-size:.8rem;font-weight:700;color:var(--secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.25rem}.reveal-icon{font-size:4rem;margin-bottom:.75rem;animation:revealIconPop .5s .3s cubic-bezier(.34,1.56,.64,1) both}@keyframes revealIconPop{0%{transform:scale(0) rotate(-20deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.reveal-name{font-size:1.75rem;font-weight:800;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem;line-height:1.2}.reveal-description{font-size:1rem;color:var(--text-light);line-height:1.6;margin-bottom:1.5rem;max-width:400px;margin-left:auto;margin-right:auto}.reveal-sample{background:linear-gradient(135deg,#fdf8fa,#f9f5fc);border:1.5px solid #ede0f0;border-radius:var(--radius-14);padding:1.25rem;margin-bottom:1.5rem;text-align:left}.reveal-sample-label{font-size:.75rem;font-weight:700;color:var(--secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem}.reveal-sample-caption{font-size:.95rem;line-height:1.6;color:var(--text-dark);font-style:italic;margin:0}.reveal-traits{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.reveal-trait{display:inline-block;padding:.35rem .85rem;background:linear-gradient(135deg,#f5a7b826,#8b5a7d1a);border:1px solid rgba(245,167,184,.3);border-radius:var(--radius-xl);font-size:.82rem;font-weight:600;color:var(--secondary)}.reveal-instagram-note{margin-top:1rem;padding:.75rem 1rem;background:var(--bg-cream);border-radius:var(--radius-sm);text-align:center}.reveal-instagram-note p{margin:0;font-size:.8rem;color:var(--text-gray);line-height:1.45}.reveal-instagram-note a{color:var(--secondary);text-decoration:underline}@media(max-width:768px){.voice-reveal-step{padding:0}.reveal-card{padding:2rem 1.5rem;border-radius:var(--radius-xl)}.reveal-icon{font-size:3.25rem}.reveal-name{font-size:1.4rem}.reveal-description{font-size:.92rem;margin-bottom:1.25rem}.reveal-sample{padding:1rem}.reveal-sample-caption{font-size:.9rem}.reveal-trait{font-size:.78rem;padding:.3rem .7rem}}.scroll-wheel-wrapper{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0}.scroll-wheel-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#8b5a7d;margin-bottom:.3rem}.scroll-wheel-container{position:relative;width:100%}.scroll-wheel{position:relative;height:120px;width:100%;overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;mask-image:linear-gradient(to bottom,transparent 0%,black 25%,black 75%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 25%,black 75%,transparent 100%)}.scroll-wheel::-webkit-scrollbar{display:none}.scroll-wheel-padding{height:40px;flex-shrink:0}.scroll-wheel-item{height:40px;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;font-size:.88rem;font-weight:400;color:#bbb;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s,font-weight .15s,font-size .15s;flex-shrink:0}.scroll-wheel-item.selected{font-size:1rem;font-weight:700;color:#2d2d2d}.scroll-wheel-item.disabled{color:#ddd;cursor:default;text-decoration:line-through;font-size:.8rem}.scroll-wheel-highlight{position:absolute;top:50%;left:4px;right:4px;height:38px;transform:translateY(-50%);background:#f5a7b81a;border-radius:var(--radius-10);border:1.5px solid rgba(139,90,125,.15);pointer-events:none;z-index:0}.info-tooltip{position:relative;display:inline-flex;align-items:center;margin-left:.4rem}.info-trigger{background:none;border:none;cursor:pointer;font-size:.85rem;padding:.15rem;opacity:.6;transition:opacity .15s,transform .15s;line-height:1}.info-trigger:hover{opacity:1;transform:scale(1.1)}.info-popup{position:absolute;z-index:1000;background:#fff;border-radius:var(--radius-10);box-shadow:0 4px 20px #00000026;padding:.75rem 1rem;min-width:220px;max-width:280px;animation:infoPopupFade .2s ease}.info-popup-top{bottom:calc(100% + .5rem);left:50%;transform:translate(-50%)}.info-popup-bottom{top:calc(100% + .5rem);left:50%;transform:translate(-50%)}.info-popup-right{top:50%;left:calc(100% + .5rem);transform:translateY(-50%)}.info-popup-left{top:50%;right:calc(100% + .5rem);transform:translateY(-50%)}@keyframes infoPopupFade{0%{opacity:0;transform:translate(-50%) translateY(-5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.info-popup p{margin:0 0 .6rem;font-size:.85rem;line-height:1.5;color:#444}.info-close{display:block;width:100%;padding:.4rem;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);color:#fff;border:none;border-radius:var(--radius-6);font-size:.8rem;font-weight:600;cursor:pointer;transition:transform .15s}.info-close:hover{transform:translateY(-1px)}.strategy-page{max-width:1000px;margin:0 auto;padding:2rem;position:relative}.strategy-page.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.strategy-skel{display:flex;flex-direction:column;gap:1rem;max-width:700px;margin:0 auto}.strategy-skel .skeleton-bar{background:linear-gradient(90deg,var(--skeleton-bg) 25%,var(--skeleton-highlight) 50%,var(--skeleton-bg) 75%);background-size:200% 100%;border-radius:var(--radius-md);animation:skeletonPulse 1.5s ease-in-out infinite}.strategy-skel__header{height:56px;width:50%;margin:0 auto 1rem}.strategy-skel__card{height:90px;border-radius:var(--radius-14)}.strategy-skel__grid{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.strategy-skel__slot{height:52px;flex:1 1 140px;border-radius:var(--radius-10)}.error-content h2{color:#2d2d2d;margin-bottom:.5rem}.error-content p{color:#666;margin-bottom:1.5rem}.strategy-header{text-align:center;margin-bottom:2.5rem}.strategy-title{font-size:2.25rem;font-weight:700;color:#2d2d2d;margin:0 0 .5rem}.strategy-subtitle{font-size:1.1rem;color:#666;margin:0 0 1.25rem}.goal-badge{display:inline-block;background:linear-gradient(135deg,#fdf2f8,#fce7f3);color:#8b5a7d;font-size:1rem;font-weight:600;padding:.6rem 1.25rem;border-radius:var(--radius-pill);margin-bottom:1.5rem}.btn-start-creating{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);color:#fff;font-size:1.1rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #f5a7b84d}@media(hover:hover){.btn-start-creating:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f5a7b866}}.btn-start-creating:active{transform:translateY(0)}.journey-stepper{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:2rem;padding:1.25rem 1.5rem;background:#fff;border-radius:var(--radius-lg);box-shadow:0 2px 12px #0000000f}.stepper-step{display:flex;flex-direction:column;align-items:center;gap:.4rem}.stepper-circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;background:#e5e7eb;color:#9ca3af;transition:all .3s ease}.stepper-step.completed .stepper-circle{background:linear-gradient(135deg,#059669,#047857);color:#fff;box-shadow:0 2px 8px #0596694d}.stepper-step.active .stepper-circle{background:linear-gradient(135deg,#f5a7b8,#8b5a7d);color:#fff;box-shadow:0 2px 8px #f5a7b866;animation:activeStepPulse 2s ease-in-out infinite}@keyframes activeStepPulse{0%,to{box-shadow:0 2px 8px #f5a7b866;transform:scale(1)}50%{box-shadow:0 2px 16px #f5a7b899,0 0 0 4px #f5a7b826;transform:scale(1.08)}}.stepper-label{font-size:.78rem;font-weight:600;color:#9ca3af;white-space:nowrap}.stepper-step.completed .stepper-label{color:#059669}.stepper-step.active .stepper-label{color:#8b5a7d;font-weight:700}.stepper-connector{width:60px;height:3px;background:#e5e7eb;margin:0 .5rem 1.5rem;border-radius:var(--radius-2xs)}.stepper-connector.completed{background:linear-gradient(90deg,#059669,#f5a7b8)}.strategy-summary-card{background:#fff;border-radius:var(--radius-lg);padding:1.5rem 2rem;box-shadow:0 2px 12px #0000000f;border:1px solid #f0f0f0;margin-bottom:1.5rem}.summary-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.summary-header h2{font-size:1.3rem;font-weight:700;color:#2d2d2d;margin:0}.goal-badge-inline{display:inline-block;background:linear-gradient(135deg,#fdf2f8,#fce7f3);color:#8b5a7d;font-size:.85rem;font-weight:600;padding:.35rem .9rem;border-radius:var(--radius-xl)}.summary-highlights{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem}.highlight-item{display:flex;align-items:center;gap:.6rem}.highlight-icon{font-size:1.1rem;flex-shrink:0}.highlight-text{font-size:.92rem;color:#555;line-height:1.4}.highlight-tone{font-style:italic}.summary-expand-btn{background:none;border:none;color:#8b5a7d;font-size:.88rem;font-weight:600;cursor:pointer;padding:.25rem 0;text-decoration:underline;text-underline-offset:2px;transition:color .15s}@media(hover:hover){.summary-expand-btn:hover{color:#6d4565}}.first-time .strategy-grid{margin-bottom:1.5rem}.first-time-cta-area{text-align:center;padding:2.5rem 2rem;background:linear-gradient(135deg,#fce4ec,#f8bbd0,#f3e5f5);border-radius:var(--radius-xl);border:2px solid #f5a7b8;box-shadow:0 8px 32px #f5a7b833;margin-bottom:1.5rem}.cta-arrow-container{margin-bottom:.5rem}.cta-bouncing-arrow{font-size:2rem;display:inline-block;animation:ctaArrowBounce 1.5s ease-in-out infinite}@keyframes ctaArrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.cta-heading{font-size:1.75rem;font-weight:800;color:#2d2d2d;margin:0 0 .5rem}.cta-subtext{font-size:1.05rem;color:#666;margin:0 0 1.5rem;max-width:400px;margin-left:auto;margin-right:auto}.btn-start-creating-big{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem 3rem;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);color:#fff;font-size:1.35rem;font-weight:700;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;box-shadow:0 6px 24px #f5a7b866;letter-spacing:.01em}@media(hover:hover){.btn-start-creating-big:hover{transform:translateY(-3px);box-shadow:0 8px 32px #f5a7b880}}.btn-start-creating-big:active{transform:translateY(0)}.pulse-attention{animation:ctaPulse 2s ease-in-out infinite}@keyframes ctaPulse{0%,to{box-shadow:0 6px 24px #f5a7b866;transform:scale(1)}50%{box-shadow:0 6px 32px #f5a7b899,0 0 0 8px #f5a7b826;transform:scale(1.04)}}@media(hover:hover){.pulse-attention:hover{animation:none;transform:translateY(-3px);box-shadow:0 8px 32px #f5a7b880}}.cta-time-hint{font-size:.9rem;color:#888;margin:1rem 0 0}.first-time-footer{text-align:center;padding-top:.5rem}.btn-secondary-small{background:transparent;color:#999;font-size:.88rem;font-weight:500;padding:.5rem 1rem;border:1px solid #ddd;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}@media(hover:hover){.btn-secondary-small:hover{border-color:#bbb;color:#666;background:#fafafa}}.strategy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2.5rem}.strategy-card{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;box-shadow:0 2px 12px #00000014;border:1px solid #f0f0f0;transition:all .2s ease}@media(hover:hover){.strategy-card:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-2px)}}.card-icon{font-size:2rem;margin-bottom:.75rem}.card-title{font-size:1.1rem;font-weight:600;color:#2d2d2d;margin:0 0 1rem}.card-content{margin-bottom:1rem}.card-footer{font-size:.85rem;color:#888;margin:0;padding-top:.75rem;border-top:1px solid #f0f0f0}.scorecard-context{font-size:.82rem;color:var(--secondary, #8b5a7d);background:#faf5f8;border-left:3px solid var(--primary, #f5a7b8);padding:.5rem .75rem;margin:.5rem 0 0;border-radius:0 6px 6px 0;line-height:1.45}.plan-count-label{font-size:.85rem;color:#8b5a7d;font-weight:600;margin:-.25rem 0 .5rem}.plan-slots-display{display:flex;flex-direction:column;gap:.5rem}.plan-slot-row{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;background:#f9f7fb;border-radius:var(--radius-10);font-size:.95rem}.plan-slot-day{font-weight:600;color:#2d2d2d}.plan-slot-time{color:#8b5a7d;font-weight:700;font-size:.95rem;letter-spacing:.02em}.plan-slot-time .time-period{font-size:.72rem;font-weight:600;letter-spacing:.06em;margin-left:.15rem;opacity:.85}.plan-slots-editor{display:flex;flex-direction:column;gap:.6rem}.plan-slot-edit-row{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#fdf8fa;border-radius:var(--radius-md);border:1px solid #f0e8f2}.plan-slot-wheels{display:flex;flex:1;gap:.5rem}.plan-slot-remove{width:32px;height:32px;border:none;background:none;color:#ccc;font-size:1.4rem;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;line-height:1}.plan-slot-remove:hover{color:#ef4444;background:#ef444414}.plan-slot-remove:disabled{opacity:.2;cursor:not-allowed}.plan-slot-remove:disabled:hover{color:#ccc;background:none}.plan-add-slot{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem;border:1.5px dashed rgba(139,90,125,.3);border-radius:var(--radius-10);background:transparent;color:#8b5a7d;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s;margin-top:.25rem}.plan-add-slot:hover{border-color:#8b5a7d;background:#f5a7b80f}.plan-add-slot:disabled{opacity:.35;cursor:not-allowed}.plan-slot-count{font-weight:400;color:#999;font-size:.8rem}.content-mix{display:flex;flex-direction:column;gap:.75rem}.content-item{display:flex;flex-direction:column;gap:.25rem}.content-label{display:flex;justify-content:space-between;align-items:center}.category-name{font-size:.9rem;color:#444}.percentage{font-size:.85rem;font-weight:600;color:#8b5a7d}.progress-bar{height:8px;background:#f0f0f0;border-radius:var(--radius-xs);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);border-radius:var(--radius-xs);transition:width .5s ease}.tone-guidelines{font-size:1rem;font-style:italic;color:#555;line-height:1.6;margin:0;padding:0;border:none}.tone-archetype-display{margin-bottom:.75rem}.tone-archetype-display.compact{margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(139,90,125,.1)}.tone-archetype-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.tone-archetype-icon{font-size:1.3rem}.tone-archetype-name{font-size:1.05rem;font-weight:700;color:#8b5a7d}.tone-archetype-desc{font-size:.88rem;color:#555;line-height:1.5;margin:0 0 .5rem}.tone-archetype-traits{display:flex;flex-wrap:wrap;gap:.35rem}.tone-trait-pill{font-size:.75rem;padding:.2rem .6rem;border-radius:var(--radius-md);background:#f5a7b826;color:#8b5a7d;font-weight:500}.expected-result{font-size:1rem;color:#2d2d2d;line-height:1.5;margin:0 0 .5rem}.result-timeline{font-size:.85rem;color:#059669;background:#d1fae566;padding:.5rem .75rem;border-radius:var(--radius-sm);margin:0 0 .5rem;line-height:1.4}.result-timeline strong{color:#065f46}.result-note{font-size:.85rem;color:#888;margin:0}.strategy-actions{display:flex;flex-direction:column;align-items:center;gap:1rem;padding-top:1rem}.btn-secondary{background:transparent;color:#666;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;border:2px solid #e0e0e0;border-radius:var(--radius-10);cursor:pointer;transition:all .2s ease}@media(hover:hover){.btn-secondary:hover{border-color:#ccc;background:#f9f9f9}}.btn-primary{padding:.875rem 1.75rem;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);color:#fff;font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-10);cursor:pointer;transition:all .2s ease}@media(hover:hover){.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f5a7b866}}.ft-page{max-width:600px;margin:0 auto;padding:2rem;background:linear-gradient(165deg,#fdf2f8,#fff 40%,#f9f5fc);min-height:var(--app-height, 100vh);display:flex;flex-direction:column;align-items:center}.ft-celebration{text-align:center;padding:1rem 0 .5rem;position:relative;overflow:hidden;flex-shrink:0}.ft-success-icon{font-size:3.5rem;line-height:1;margin-bottom:.5rem;animation:ft-icon-pop .6s cubic-bezier(.68,-.55,.265,1.55) both}@keyframes ft-icon-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.ft-title{font-size:2rem;font-weight:800;color:#2d2d2d;margin:0 0 .5rem;letter-spacing:-.02em}.ft-goal-line{font-size:1.05rem;color:#8b5a7d;margin:0}.ft-goal-line strong{font-weight:700}.ft-scorecard-welcome{font-size:.92rem;color:var(--secondary, #8b5a7d);margin:.5rem 0 0;max-width:340px;line-height:1.45;text-align:center}.ft-confetti{position:absolute;top:0;left:0;right:0;height:100%;pointer-events:none}.ft-confetti span{position:absolute;width:8px;height:8px;border-radius:var(--radius-2xs);opacity:0;animation:ft-confetti-fall 1.8s ease-out forwards}.ft-confetti span:nth-child(1){left:10%;background:#f5a7b8;animation-delay:.1s}.ft-confetti span:nth-child(2){left:25%;background:#8b5a7d;animation-delay:.2s;border-radius:50%}.ft-confetti span:nth-child(3){left:40%;background:#fbbf24;animation-delay:.05s}.ft-confetti span:nth-child(4){left:55%;background:#059669;animation-delay:.25s;border-radius:50%}.ft-confetti span:nth-child(5){left:70%;background:#f5a7b8;animation-delay:.15s}.ft-confetti span:nth-child(6){left:85%;background:#8b5a7d;animation-delay:.3s}.ft-confetti span:nth-child(7){left:15%;background:#fbbf24;animation-delay:.35s;border-radius:50%}.ft-confetti span:nth-child(8){left:50%;background:#059669;animation-delay:.1s}.ft-confetti span:nth-child(9){left:80%;background:#f5a7b8;animation-delay:.2s;border-radius:50%}.ft-confetti span:nth-child(10){left:35%;background:#8b5a7d;animation-delay:.4s}@keyframes ft-confetti-fall{0%{top:-10%;opacity:1;transform:rotate(0) scale(1)}50%{opacity:1}to{top:100%;opacity:0;transform:rotate(360deg) scale(.5)}}.ft-cards{width:100%;display:flex;flex-direction:column;gap:.75rem;flex:1;padding:.5rem 0}.ft-card{flex:1;display:flex;align-items:center;gap:1.25rem;padding:1.25rem 1.75rem;background:#fff;border-radius:var(--radius-lg);box-shadow:0 2px 10px #0000000d;border:1.5px solid #e8e0ed;animation:ft-card-slide .5s ease both;transition:all .2s ease}@media(hover:hover){.ft-card:hover{box-shadow:0 4px 20px #0000001a;transform:translateY(-1px)}}.ft-card:nth-child(1){animation-delay:.2s}.ft-card:nth-child(2){animation-delay:.35s}.ft-card:nth-child(3){animation-delay:.5s}@keyframes ft-card-slide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ft-card-icon{font-size:2rem;line-height:1;flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fdf2f8,#faf5ff);border-radius:var(--radius-14)}.ft-card-content{flex:1;min-width:0}.ft-card-label{font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#8b5a7d;margin-bottom:.35rem}.ft-card-value{font-size:1.2rem;color:#2d2d2d;line-height:1.45;font-weight:500}.ft-details-link{background:none;border:none;color:#8b5a7d;font-size:.95rem;font-weight:600;cursor:pointer;padding:.5rem 0;text-decoration:underline;text-underline-offset:3px;transition:color .2s;margin-bottom:0;flex-shrink:0}@media(hover:hover){.ft-details-link:hover{color:#6d4565}}.ft-voice-hero{width:100%;display:flex;gap:1.25rem;padding:1.5rem 1.75rem;background:linear-gradient(135deg,#fdf8fa,#f9f5fc,#fef3f7);border:2px solid rgba(139,90,125,.2);border-radius:var(--radius-xl);box-shadow:0 4px 20px #8b5a7d1a;animation:ft-voice-hero-enter .6s .15s ease both;margin-bottom:.5rem;cursor:pointer;transition:box-shadow .3s ease,border-color .3s ease}.ft-voice-hero:active{box-shadow:0 2px 12px #8b5a7d26}.ft-voice-hero.expanded{border-color:#8b5a7d59;box-shadow:0 6px 28px #8b5a7d2e}@keyframes ft-voice-hero-enter{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ft-voice-hero-icon{font-size:2.5rem;line-height:1;flex-shrink:0;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:var(--radius-lg);box-shadow:0 2px 8px #8b5a7d1f}.ft-voice-hero-content{flex:1;min-width:0}.ft-voice-hero-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#8b5a7d;margin-bottom:.2rem}.ft-voice-hero-name{font-size:1.3rem;font-weight:800;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;margin-bottom:.5rem}.ft-voice-hero-desc{font-size:.88rem;color:#555;line-height:1.5;margin:0 0 .75rem}.ft-voice-bonus{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease,margin-top .3s ease;margin-top:0}.ft-voice-bonus.visible{max-height:300px;opacity:1;margin-top:.75rem}.ft-voice-sample{background:#fff;border:1.5px solid rgba(139,90,125,.15);border-radius:var(--radius-14);padding:1rem 1.25rem}.ft-voice-sample-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#8b5a7d;margin-bottom:.4rem}.ft-voice-sample-text{font-size:.88rem;line-height:1.55;color:#444;font-style:italic;margin:0}.ft-voice-hint{display:flex;justify-content:center;margin-top:.5rem}.ft-voice-hint-chevron{font-size:1.1rem;color:#8b5a7d4d;transform:rotate(90deg);animation:ft-hint-pulse 2s ease-in-out infinite}@keyframes ft-hint-pulse{0%,to{opacity:.3;transform:rotate(90deg) translate(0)}50%{opacity:.6;transform:rotate(90deg) translate(3px)}}.ft-voice-hero-traits{display:flex;flex-wrap:wrap;gap:.4rem}.ft-voice-trait{display:inline-block;padding:.25rem .7rem;background:#fff;border:1px solid rgba(139,90,125,.2);border-radius:var(--radius-lg);font-size:.75rem;font-weight:600;color:#8b5a7d}@media(max-width:768px){.ft-voice-hero{flex-direction:column;align-items:center;text-align:center;padding:1.25rem 1rem;gap:.75rem;border-radius:var(--radius-lg)}.ft-voice-hero-icon{width:56px;height:56px;font-size:2.2rem;border-radius:var(--radius-14)}.ft-voice-hero-name{font-size:1.15rem}.ft-voice-hero-desc{font-size:.82rem;margin-bottom:.6rem}.ft-voice-hero-traits{justify-content:center}.ft-voice-trait{font-size:.72rem;padding:.2rem .6rem}.ft-voice-sample{padding:.85rem 1rem}.ft-voice-sample-text{font-size:.82rem}}.ft-cta-area{width:100%;text-align:center;padding:1rem 0 .5rem;flex-shrink:0}.ft-cta-button{display:flex;align-items:center;justify-content:center;width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);color:#fff;font-size:1.1rem;font-weight:700;border:none;border-radius:var(--radius-14);cursor:pointer;box-shadow:0 4px 20px #f5a7b859;transition:all .2s ease;letter-spacing:.01em}@media(hover:hover){.ft-cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 24px #f5a7b880}}.ft-cta-button:active{transform:translateY(0)}.ft-cta-hint{font-size:.82rem;color:#9ca3af;margin:.6rem 0 0}@media(max-width:768px){.strategy-page{padding:1.5rem;padding-bottom:calc(5rem + env(safe-area-inset-bottom,0px))}.strategy-title{font-size:1.75rem}.strategy-grid{grid-template-columns:1fr}.btn-start-creating,.btn-start-creating-big{width:100%}.journey-stepper{padding:1rem;gap:0}.stepper-connector{width:30px}.stepper-label{font-size:.85rem}.cta-heading{font-size:1.4rem}.btn-start-creating-big{font-size:1.15rem;padding:1.1rem 2rem}.first-time-cta-area{padding:2rem 1.25rem}.summary-header{flex-direction:column;align-items:flex-start;gap:.5rem}.ft-page{padding:.75rem 1rem;min-height:var(--app-height, 100vh);padding-bottom:calc(5rem + env(safe-area-inset-bottom,0px))}.ft-celebration{padding:.5rem 0 .25rem}.ft-success-icon{font-size:2.5rem;margin-bottom:.25rem}.ft-title{font-size:1.5rem;margin-bottom:.25rem}.ft-goal-line{font-size:.92rem}.ft-cards{gap:.6rem;padding:.25rem 0}.ft-card{padding:.85rem .9rem;gap:.75rem;border-radius:var(--radius-md)}.ft-card-icon{font-size:1.6rem;width:46px;height:46px;border-radius:13px}.ft-card-label{font-size:.8rem}.ft-card-value{font-size:1.05rem}.ft-details-link{font-size:.88rem;margin-bottom:0;padding:.35rem 0}.ft-cta-area{position:fixed;bottom:0;left:0;right:0;padding:.75rem 1rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px));background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(0,0,0,.06);z-index:100}.ft-cta-button{padding:.9rem 1.5rem;font-size:1.05rem;border-radius:var(--radius-md)}.ft-cta-hint{font-size:.75rem;margin-top:.3rem}}.strategy-card.interactive{cursor:pointer;position:relative}@media(hover:hover){.strategy-card.interactive:hover{border-color:#e8d5ee;box-shadow:0 4px 20px #8b5a7d1f}}.strategy-card.interactive.editing{cursor:default;border-color:#8b5a7d;box-shadow:0 4px 24px #8b5a7d26}.strategy-card.just-saved{animation:savedPulse .6s ease}@keyframes savedPulse{0%{box-shadow:0 2px 12px #00000014}50%{box-shadow:0 2px 20px #05966940,0 0 0 3px #0596691a}to{box-shadow:0 2px 12px #00000014}}.card-header-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.card-header-row .card-icon{margin-bottom:0}.edit-hint{margin-left:auto;font-size:.75rem;color:#bbb;font-weight:500;opacity:0;transition:opacity .2s}@media(hover:hover){.strategy-card.interactive:hover .edit-hint{opacity:1}}@media(max-width:768px){.edit-hint{opacity:.7}}.save-badge{margin-left:auto;font-size:.78rem;font-weight:600;color:#059669;background:#d1fae580;padding:.2rem .6rem;border-radius:var(--radius-md);animation:saveBadgeFade 2s ease forwards}@keyframes saveBadgeFade{0%,70%{opacity:1}to{opacity:0}}.inline-editor{display:flex;flex-direction:column;gap:.75rem}.editor-actions{display:flex;gap:.5rem;justify-content:flex-end;padding-top:.5rem;border-top:1px solid #f0f0f0}.editor-cancel{background:none;border:1px solid #ddd;color:#888;font-size:.85rem;font-weight:500;padding:.4rem 1rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.editor-cancel:hover{background:#f5f5f5;color:#555}.editor-save{background:linear-gradient(135deg,#f5a7b8,#8b5a7d);color:#fff;font-size:.85rem;font-weight:600;padding:.4rem 1.25rem;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.editor-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #f5a7b84d}.editor-save:disabled{opacity:.5;cursor:not-allowed}.editor-hint{font-size:.82rem;color:#999;margin:0}.mix-sliders{display:flex;flex-direction:column;gap:.85rem}.mix-slider-row{display:flex;flex-direction:column;gap:.35rem}.mix-slider-header{display:flex;justify-content:space-between;align-items:center}.mix-slider-label{font-size:.85rem;color:#555;font-weight:500}.mix-slider-value{font-size:.9rem;font-weight:700;color:#8b5a7d;min-width:36px;text-align:right;flex-shrink:0}.mix-slider-controls{display:flex;align-items:center;gap:.5rem}.mix-btn{width:36px;height:36px;border:1.5px solid #ddd;border-radius:50%;background:#fff;font-size:1.1rem;font-weight:600;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;line-height:1;-webkit-tap-highlight-color:transparent}.mix-btn:hover{border-color:#8b5a7d;color:#8b5a7d;background:#fdf2f8}.mix-btn:active{transform:scale(.92)}.mix-range-wrapper{flex:1;display:flex;align-items:center;min-width:0;padding:.3rem 0}.mix-range-input{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:#f0e8f2;border-radius:3px;outline:none;cursor:pointer;margin:0}.mix-range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);border:2.5px solid white;box-shadow:0 1px 4px #8b5a7d4d;cursor:pointer;transition:box-shadow .15s,transform .15s}.mix-range-input::-webkit-slider-thumb:active{transform:scale(1.15);box-shadow:0 2px 8px #8b5a7d66}.mix-range-input::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);border:2.5px solid white;box-shadow:0 1px 4px #8b5a7d4d;cursor:pointer}.mix-range-input::-moz-range-track{height:6px;background:#f0e8f2;border-radius:3px;border:none}@media(max-width:768px){.mix-slider-controls{gap:.4rem}.mix-btn{width:38px;height:38px;font-size:1rem}.mix-range-input::-webkit-slider-thumb{width:26px;height:26px}.mix-range-input::-moz-range-thumb{width:26px;height:26px}.editor-actions{gap:.4rem}.editor-cancel,.editor-save{padding:.35rem .85rem;font-size:.82rem}.plan-slot-edit-row{padding:.4rem}}.plan-purpose{font-size:.82rem;color:var(--text-gray);margin:0 0 .5rem;line-height:1.4}.category-context{font-size:.78rem;color:var(--text-gray);margin:.15rem 0 .5rem;line-height:1.35;font-style:italic}.tone-sample-caption{margin-top:.75rem;padding:.65rem .75rem;background:var(--bg-cream);border-radius:var(--radius-sm);border-left:3px solid var(--primary)}.tone-sample-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-gray);display:block;margin-bottom:.3rem}.tone-sample-text{font-size:.88rem;color:var(--text-dark);line-height:1.45;margin:0;font-style:italic}.expected-chain{display:flex;flex-direction:column;gap:.25rem}.chain-step{padding:.5rem 0}.chain-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-light);display:block;margin-bottom:.2rem}.chain-value{margin:0;font-size:.92rem;color:var(--text-dark);line-height:1.4}.chain-arrow{font-size:1.1rem;color:var(--primary);text-align:center;line-height:1}@media(min-width:768px){.expected-chain{flex-direction:row;align-items:flex-start;gap:.75rem}.chain-step{flex:1}.chain-arrow{align-self:center;padding-top:.5rem;flex-shrink:0}}.content-calendar{min-height:var(--app-height, 100vh);background:linear-gradient(to bottom,#fafafa,#fff);padding:2rem;max-width:900px;margin:0 auto}.content-calendar.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.loading-spinner{width:60px;height:60px;border:4px solid #e0e0e0;border-top:4px solid #f5a7b8;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:10px}.empty-day-placeholder{display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#fafafa,#f5f5f5);border:2px dashed #d1d5db;border-radius:var(--radius-14);padding:1.5rem;min-height:220px;cursor:pointer;transition:all .2s ease}@media(hover:hover){.empty-day-placeholder:hover{border-color:#f5a7b8;background:linear-gradient(135deg,#fef5f7,#fdf0f4);transform:translateY(-2px);box-shadow:0 4px 12px #f5a7b826}}.empty-day-placeholder-header{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.empty-day-placeholder-dayname{font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-day-placeholder-date{font-size:.85rem;font-weight:500;color:#888}.empty-day-placeholder-content{text-align:center;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-day-placeholder-icon{font-size:2.5rem;margin-bottom:.75rem}.empty-day-placeholder-title{font-size:1rem;font-weight:600;color:#374151;margin:0 0 .5rem}.empty-day-placeholder-message{font-size:.85rem;color:#6b7280;margin:0;line-height:1.5}.empty-day-placeholder-cta{width:100%;padding:.75rem 1.5rem;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);color:#fff;border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #8b5a7d4d;margin-top:1rem}@media(hover:hover){.empty-day-placeholder-cta:hover{transform:translateY(-1px);box-shadow:0 6px 16px #8b5a7d66}}.empty-day-card{background:var(--bg-cream);border:2px dashed var(--border);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;cursor:pointer;transition:all .2s ease}.empty-day-card:hover:not(.empty-day-past){border-color:var(--primary);background:#fef5f7;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.empty-day-card:hover:not(.empty-day-past) .empty-day-icon{transform:scale(1.15)}.empty-day-past{opacity:.45;cursor:default}.empty-day-today{border:2px solid var(--primary);background:linear-gradient(135deg,#fdf2f8,#fce7f3);box-shadow:0 2px 8px #f5a7b833}.empty-day-welcome{border:2px solid var(--primary);border-style:solid;background:linear-gradient(135deg,#fce4ec,#fff5f7);animation:desktopWelcomePulse 2.5s ease-in-out infinite}.empty-day-welcome .empty-day-icon{font-size:1.8rem}@keyframes desktopWelcomePulse{0%,to{box-shadow:0 0 #f5a7b84d}50%{box-shadow:0 0 0 6px #f5a7b800}}.empty-day-header{margin-bottom:1rem}.empty-day-body{display:flex;flex-direction:column;align-items:center;gap:.5rem}.empty-day-icon{font-size:2rem;color:var(--primary);font-weight:300;transition:transform .2s ease}.empty-day-past .empty-day-icon{color:var(--text-light)}.empty-day-label{font-size:.95rem;font-weight:600;color:var(--text-gray)}.desktop-empty-week{text-align:center;padding:3rem 2rem;background:#fafafa;border:2px dashed #e5e7eb;border-radius:var(--radius-lg);margin-top:1rem}.desktop-empty-week-icon{font-size:2.5rem;color:var(--primary);font-weight:300;margin-bottom:.75rem}.desktop-empty-week-title{font-size:1.1rem;font-weight:600;color:var(--text-dark);margin-bottom:.25rem}.desktop-empty-week-subtitle{font-size:.95rem;color:var(--text-gray)}.post-card{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;display:flex;flex-direction:column;min-width:0;overflow:hidden}@media(hover:hover){.post-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}}.post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:.5rem}.post-header-right{display:flex;align-items:center;gap:.5rem}.delete-post-btn{background:none;border:1.5px solid #e5e7eb;cursor:pointer;padding:4px;border-radius:var(--radius-6);color:#9ca3af;transition:color .15s,background .15s,border-color .15s;display:flex;align-items:center}.delete-post-btn:hover{color:#ef4444;border-color:#fca5a5;background:#ef444414}.delete-post-btn-mobile{background:none;border:1.5px solid #e5e7eb;cursor:pointer;padding:8px;min-width:44px;min-height:44px;border-radius:var(--radius-sm);color:#9ca3af;display:flex;align-items:center;justify-content:center;transition:color .15s,border-color .15s,background .15s}.delete-post-btn-mobile:active{color:#ef4444;border-color:#fca5a5;background:#ef444414}.dev-reset-btn{color:#f59e0b!important;border-color:#fcd34d!important;background:#f59e0b14!important}.dev-delete-posted-btn{background:#f59e0b26;border:1.5px dashed #f59e0b;color:#d97706;font-weight:600;font-size:.75rem;padding:4px 12px;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap}.dev-delete-banner{flex-shrink:0;background:#f59e0b26;border-bottom:2px dashed #f59e0b;color:#d97706;font-weight:700;font-size:.85rem;padding:10px 1rem;text-align:center;cursor:pointer}.post-badges{display:flex;gap:.5rem;flex-wrap:wrap}.day-badge,.time-badge{padding:.25rem .75rem;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);color:#fff;border-radius:15px;font-size:.85rem;font-weight:500}.type-badge{padding:.25rem .75rem;background:#f0f0f0;color:#666;border-radius:15px;font-size:.85rem;font-weight:500}.post-content{flex:1;margin-bottom:1rem}.single-image-wrapper{width:100%;max-width:400px;margin:0 auto 1rem;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 2px 8px #0000001a;background:#f5f5f5;line-height:0;aspect-ratio:4 / 5}.single-post-image{width:100%;height:100%;display:block;border-radius:var(--radius-md);object-fit:cover;object-position:top}@media(hover:hover){.single-image-wrapper:hover .single-post-image{transform:scale(1.02);transition:transform .3s ease}}.desktop-image-area{position:relative;margin-bottom:1rem}.desktop-image-area .single-image-wrapper,.desktop-image-area .post-image-preview{margin-bottom:0}.quality-overlay-badge{position:absolute;bottom:12px;left:12px;background:#000000b3;color:#fff;font-size:.8rem;font-weight:700;padding:5px 12px;border-radius:var(--radius-xl);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:2;line-height:1.3;letter-spacing:.3px;box-shadow:0 2px 8px #0003;pointer-events:none}.quality-overlay-badge.qb-green{background:#2e7d32d9}.quality-overlay-badge.qb-yellow{background:#e67e00d9}.quality-overlay-badge.qb-orange{background:#c62828d9}.video-thumb-wrapper{position:relative}.video-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:#ffffffe6;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 2px 12px #0003;pointer-events:none;transition:transform .2s ease}.video-play-icon{font-size:1.4rem;color:#333;margin-left:3px}.video-duration-badge{position:absolute;bottom:8px;right:8px;background:#000000bf;color:#fff;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:var(--radius-6);letter-spacing:.3px;pointer-events:none}.video-reel-badge{display:inline-flex;align-items:center;gap:3px;font-size:.65rem;font-weight:700;color:#7c3aed;background:#ede9fe;padding:2px 7px;border-radius:var(--radius-6);text-transform:uppercase;letter-spacing:.3px}.post-image-preview{width:100%;margin-bottom:1rem;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 2px 8px #0000001a;background:transparent;line-height:0}.post-image-preview img{width:100%;height:auto;display:block;border-radius:var(--radius-md);object-fit:cover;object-position:top;aspect-ratio:16 / 10}@media(hover:hover){.post-image-preview:hover img{transform:scale(1.02);transition:transform .3s ease}}.post-concept{font-size:1.1rem;font-weight:600;color:#2d2d2d;margin-bottom:.75rem}.post-caption-preview{font-size:.95rem;color:#555;line-height:1.6;margin-bottom:1rem}.editable-caption-container{margin-bottom:1rem}.editable-caption{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:var(--radius-sm);font-size:.95rem;font-family:inherit;line-height:1.6;color:#2d2d2d;resize:none;overflow:hidden;transition:all .2s ease;background:#fafafa;min-height:60px}.editable-caption:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:var(--focus-shadow)}@media(hover:hover){.editable-caption:hover{border-color:#f5a7b8}}.editable-caption.preview{max-height:120px;overflow-y:auto;font-size:.9rem}.editable-caption.full{min-height:150px}.char-count{font-size:.8rem;color:#999;text-align:right;margin-top:.25rem;font-weight:500}.edit-indicator{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.5rem;background:#fff3e0;border-radius:var(--radius-sm);border-left:3px solid #ff9800}.edited-badge{font-size:.85rem;font-weight:600;color:#f57c00}.restore-btn{padding:.25rem .75rem;background:#fff;border:1px solid #e0e0e0;border-radius:var(--radius-6);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;color:#666}@media(hover:hover){.restore-btn:hover{border-color:#f5a7b8;color:#2d2d2d;background:#fafafa}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.edit-indicator-inline{display:flex;align-items:center;gap:.5rem}.restore-btn-inline{padding:.25rem .75rem;background:#fff;border:1px solid #e0e0e0;border-radius:var(--radius-6);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;color:#666}@media(hover:hover){.restore-btn-inline:hover{border-color:#f5a7b8;color:#2d2d2d;background:#fafafa}}.instagram-reminder{font-size:.9rem;color:#666;padding:.75rem;background:#e3f2fd;border-radius:var(--radius-sm);margin-bottom:1rem;border-left:3px solid #2196f3}.post-hashtags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.hashtag{font-size:.85rem;color:#8b5a7d;font-weight:500}.hashtag-more{font-size:.85rem;color:#999;font-style:italic}.post-text-block{padding:.6rem .85rem;display:flex;flex-direction:column;margin-bottom:.5rem}.post-text-block.desktop{padding:.6rem 0;margin-bottom:1rem}.post-text-block.desktop .editable-caption-container{margin-bottom:0}.post-text-caption{font-size:.92rem;line-height:1.55;color:#333;margin:0;white-space:pre-line;word-break:break-word}.post-text-caption.clamped{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-text-block.desktop .post-text-caption.clamped{-webkit-line-clamp:4}.post-text-toggle{background:none;border:none;color:#8b5a7d;font-size:.8rem;font-weight:600;padding:.2rem 0;cursor:pointer;align-self:flex-start;flex-shrink:0}.post-text-toggle:hover{color:#6b3a5d;text-decoration:underline}.review-edit-pill{display:inline-flex;align-items:center;gap:.25rem;background:#fdf2f4;color:#8b5a7d;border:1px solid #f3d5dc;border-radius:var(--radius-lg);padding:.3rem .75rem;font-size:.78rem;font-weight:600;cursor:pointer;margin-top:.4rem;align-self:flex-start;transition:background .15s,border-color .15s;white-space:nowrap}.review-edit-pill:hover{background:#fbe4ea;border-color:#e8b8c4}.review-edit-pill:active{background:#f5d0da}.review-edit-pill.view-only{background:#f5f5f5;color:#777;border-color:#e5e5e5}.review-edit-pill.view-only:hover{background:#ededee;border-color:#d5d5d5}.post-text-hashtags{display:flex;flex-wrap:wrap;gap:.35rem;padding-top:.4rem;flex-shrink:0}.post-text-hashtags .hashtag,.post-text-hashtags .hashtag-more{font-size:.8rem}.post-status{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem;padding-top:1rem;border-top:1px solid #f0f0f0}.status-badge{padding:.5rem 1rem;border-radius:var(--radius-xl);font-size:.9rem;font-weight:500}.status-ready{background:#e8f5e9;color:#2e7d32}.status-posted{background:#e3f2fd;color:#1976d2}.status-draft{background:#fff3e0;color:#f57c00}.status-scheduled{background:#f3e8ff;color:#7c3aed}.unschedule-btn{background:#fff3cd!important;color:#856404!important;border:1px solid #ffc107!important;font-size:.8rem!important;padding:.4rem .75rem!important;border-radius:var(--radius-6)!important;font-weight:600;cursor:pointer;transition:background .2s}.unschedule-btn:hover:not(:disabled){background:#ffe69c!important}.unschedule-btn:disabled{opacity:.6;cursor:not-allowed}.post-mini-insights{display:flex;justify-content:space-evenly;background:linear-gradient(135deg,#f0f7ff,#f5f0ff);border:1px solid rgba(139,90,125,.1);border-radius:var(--radius-md);padding:.75rem .5rem;margin:.25rem 0 .5rem;width:100%;box-sizing:border-box;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.post-mini-insights:hover{transform:translateY(-1px);box-shadow:0 2px 8px #8b5a7d1f}.post-mini-insights:active{transform:translateY(0)}.mini-insight{display:flex;flex-direction:column;align-items:center;gap:.2rem;flex:1}.mini-insight-value{font-size:1.25rem;font-weight:700;color:var(--text-dark);line-height:1;display:inline-flex;align-items:baseline;gap:.15rem}.mini-insight-value.zero{color:var(--text-light);font-weight:500}.mini-insight-value.has-value.color-likes{color:#e8457a}.mini-insight-value.has-value.color-comments{color:#8b5a7d}.mini-insight-value.has-value.color-reach{color:#3b82f6}.mini-insight-value.has-value.color-saved{color:#d4af37}.trending-up{font-size:.7rem;color:#22c55e;font-weight:800;line-height:1;animation:trendPulse 2s ease-in-out infinite}@keyframes trendPulse{0%,to{opacity:1}50%{opacity:.6}}.mini-insight-label{font-size:.6rem;color:var(--text-gray);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.post-mini-insights.insights-updating{justify-content:center;padding:.6rem .5rem;background:linear-gradient(135deg,#f8f8ff,#f5f0ff);cursor:default}.post-mini-insights.insights-updating:hover{transform:none;box-shadow:none}.insights-updating-text{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--text-gray);font-weight:500}.insights-updating-dot{width:6px;height:6px;border-radius:50%;background:var(--primary);animation:insightsDotPulse 1.5s ease-in-out infinite}@keyframes insightsDotPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.post-card.best-post{border:2px solid var(--accent)!important;box-shadow:0 0 0 1px #d4af3726,var(--shadow-md);position:relative}.post-card.best-post:before{content:"★ Best This Week";position:absolute;top:-1px;right:12px;background:linear-gradient(135deg,#d4af37,#f0d060);color:#fff;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 10px 4px;border-radius:0 0 8px 8px;z-index:2;box-shadow:0 2px 4px #d4af374d}.post-actions{display:flex;flex-direction:column;align-items:stretch;gap:.5rem}.post-actions>.action-btn,.post-actions .action-with-guidance .action-btn,.post-actions .action-btn{width:100%;text-align:center;box-sizing:border-box}.action-btn{padding:.5rem 1rem;background:#fff;border:2px solid #e0e0e0;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;color:#2d2d2d}@media(hover:hover){.action-btn:hover{border-color:#f5a7b8;transform:translateY(-1px)}}.action-btn.primary{background:linear-gradient(135deg,#f5a7b8,#8b5a7d);color:#fff;border:none}@media(hover:hover){.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}}.action-btn.photo-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}@media(hover:hover){.action-btn.photo-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #667eea4d}}.placeholder-content{text-align:center;padding:2rem 1rem;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:var(--radius-md);border:2px dashed #d1d5db}.placeholder-icon{font-size:3rem;margin-bottom:1rem}.placeholder-title{font-size:1.1rem;font-weight:600;color:#374151;margin-bottom:.75rem}.placeholder-message{font-size:.95rem;color:#6b7280;line-height:1.6;margin-bottom:1.5rem;max-width:400px;margin-left:auto;margin-right:auto}.btn-build-transformation{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:var(--radius-10);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}@media(hover:hover){.btn-build-transformation:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}}.post-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:backdropFadeIn .2s ease}.post-modal .modal-content{background:#fff;border-radius:var(--radius-xl);padding:2rem;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d}.modal-video-wrapper{width:100%;margin-bottom:1.5rem;border-radius:var(--radius-md);overflow:hidden;background:#000}.modal-video{width:100%;max-height:400px;object-fit:contain;display:block}.modal-image-preview{width:100%;margin-bottom:1.5rem;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 4px 12px #00000026;background:transparent;line-height:0}.modal-image-preview img{width:100%;height:auto;display:block;object-fit:cover;object-position:top;aspect-ratio:16 / 10}.close-btn{position:absolute;top:1rem;right:1rem;background:#f0f0f0;border:none;width:36px;height:36px;border-radius:50%;font-size:1.25rem;cursor:pointer;transition:all .2s ease;z-index:10}@media(hover:hover){.close-btn:hover{background:#e0e0e0;transform:rotate(90deg)}}.modal-header{margin-bottom:2rem}.modal-header h2{font-size:1.75rem;color:#2d2d2d;margin-bottom:1rem}.modal-badges{display:flex;gap:.5rem;flex-wrap:wrap}.modal-section{margin-bottom:2rem}.modal-section h3{font-size:1.25rem;color:#2d2d2d;margin-bottom:1rem}.hashtags-display{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.hashtags-display .hashtag{background:#f0f0f0;padding:.5rem 1rem;border-radius:var(--radius-xl);font-size:.9rem}.btn-copy{padding:.75rem 1.5rem;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);color:#fff;border:none;border-radius:var(--radius-10);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}@media(hover:hover){.btn-copy:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}}.btn-copy.secondary{background:#f0f0f0;color:#666}@media(hover:hover){.btn-copy.secondary:hover{background:#e0e0e0}}.btn-download{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:var(--radius-10);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:.5rem}@media(hover:hover){.btn-download:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}}.download-hint{font-size:.85rem;color:#888;text-align:center;margin:0}.action-btn.download-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none}@media(hover:hover){.action-btn.download-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px)}}.schedule-info{font-size:1.1rem;color:#2d2d2d;padding:1rem;background:#fafafa;border-radius:var(--radius-10)}.fade-in{animation:fadeIn .5s ease forwards;opacity:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(min-width:969px){.content-calendar{max-width:1100px;padding-top:1rem}}@media(max-width:968px){.content-calendar{padding:.5rem}.posts-grid{grid-template-columns:1fr;gap:1rem}.post-card{border-radius:var(--radius-14);padding:1.25rem;box-shadow:0 2px 6px #00000012}.post-concept{font-size:1.1rem}.post-caption-preview{font-size:1rem;line-height:1.5}.day-badge,.time-badge{font-size:.9rem;padding:.3rem .85rem}.type-badge{font-size:.9rem}.post-actions{flex-direction:column;gap:.5rem}.action-btn{width:100%;min-height:48px;font-size:1rem}.post-modal{padding:0;align-items:flex-end}.post-modal .modal-content{padding:.75rem 1.5rem 1.5rem;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:95vh;margin-top:auto}.post-modal .modal-content:before{content:"";display:block;width:36px;height:4px;background:#d1d5db;border-radius:var(--radius-2xs);margin:0 auto .75rem}.modal-header h2{font-size:1.5rem}.modal-section h3{font-size:1.15rem}.editable-caption{font-size:16px;-webkit-appearance:none}.editable-caption.preview{max-height:100px}.section-header,.edit-indicator{flex-direction:column;align-items:flex-start;gap:.5rem}.restore-btn,.restore-btn-inline{width:100%;min-height:48px;font-size:.9rem}.btn-copy{min-height:48px;font-size:1rem}.btn-download{min-height:50px;font-size:1.1rem}.btn-cancel,.btn-confirm-danger{min-height:50px;font-size:1rem}}@media(max-width:480px){.post-card{padding:1rem}.modal-header h2{font-size:1.4rem}.post-concept{font-size:1.05rem}.post-caption-preview{font-size:.95rem}}.weekly-calendar-strip{background:#fff;border-radius:var(--radius-md);padding:.75rem .5rem;margin:.5rem 0;box-shadow:0 2px 8px #00000014;position:relative}.calendar-strip-layout{display:flex;align-items:stretch;gap:0}.legend-toggle{position:absolute;top:.4rem;right:.5rem;background:none;border:none;cursor:pointer;font-size:.85rem;opacity:.5;transition:opacity .15s;padding:.2rem;z-index:10}@media(hover:hover){.legend-toggle:hover{opacity:1}}.calendar-legend-popup{position:absolute;top:2rem;right:.5rem;background:#fff;border-radius:var(--radius-10);box-shadow:0 4px 16px #00000026;padding:.75rem 1rem;z-index:100;min-width:220px;animation:fadeIn .2s ease}.legend-item{display:flex;align-items:center;gap:.5rem;padding:.35rem 0;font-size:.85rem;color:#444}.legend-item .strip-posted-check,.legend-item .strip-photo-check,.legend-item .strip-photo-warning{font-size:.75rem;width:18px;text-align:center}.legend-close{display:block;width:100%;margin-top:.5rem;padding:.4rem;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);color:#fff;border:none;border-radius:var(--radius-6);font-size:.8rem;font-weight:600;cursor:pointer;transition:transform .15s}@media(hover:hover){.legend-close:hover{transform:translateY(-1px)}}.strip-nav-btn.strip-nav-side{background:linear-gradient(135deg,#f8f0f4,#f0e4ec);border:1.5px solid #e8d5e0;color:#8b5a7d;font-weight:700;font-size:1.6rem;cursor:pointer;padding:0 .7rem;border-radius:var(--radius-10);line-height:1;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:2.5rem}@media(hover:hover){.strip-nav-btn.strip-nav-side:hover:not(:disabled){color:#6b3a5d;background:linear-gradient(135deg,#f5e0ec,#e8d0e0);border-color:#d4a0c4;transform:scale(1.05)}}.strip-nav-btn.strip-nav-side:disabled{opacity:.25;cursor:not-allowed;background:#f8f8f8;border-color:#eee;color:#ccc}.post-header-clean{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;gap:.5rem}.post-header-info{font-size:.9rem;font-weight:600;color:#374151}.post-header-dot{margin:0 .35rem;color:#d1d5db}.post-header-time{font-weight:500;color:#6b7280}.calendar-strip-days{display:flex;gap:.5rem;align-items:stretch;flex:1;min-width:0}.calendar-strip-day-wrapper{flex:1;display:flex;flex-direction:column;min-width:0}.strip-month-label{display:none}.calendar-strip-day{flex:1;display:flex;flex-direction:column;align-items:center;padding:.5rem;border-radius:var(--radius-sm);background:#fafafa;border:1px solid #eee;min-width:0;transition:all .2s ease}.calendar-strip-day.today{background:linear-gradient(135deg,#fdf2f8,#fce7f3);border-color:#f9a8d4}.calendar-strip-day.has-posts{background:#fff;border-color:#e0e0e0}.calendar-strip-day.past{background:#f3f4f6;border-color:#e5e7eb}.calendar-strip-day.past .strip-day-name{color:#aaa}.calendar-strip-day.past .strip-day-date{color:#bbb}.strip-day-name{font-size:.7rem;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.strip-day-date{font-weight:600;color:#444}.calendar-strip-day.today .strip-day-name{color:#8b5a7d}.strip-day-content{display:flex;flex-direction:column;gap:.25rem;width:100%}.calendar-strip-day.empty-clickable{cursor:pointer}.calendar-strip-day.empty-clickable:hover{background:#fdf2f5}.strip-empty-add-btn{font-size:1.4rem;font-weight:300;color:silver;text-align:center;line-height:1;padding:.2rem 0;transition:color .2s ease}.calendar-strip-day.empty-clickable:hover .strip-empty-add-btn{color:#8b5a7d}.strip-post-pill{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.25rem .5rem;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}@media(hover:hover){.strip-post-pill:hover{transform:scale(1.05);box-shadow:0 2px 8px #f5a7b866}}.strip-post-time{font-size:.65rem;font-weight:600;color:#fff}.strip-post-icon{font-size:.75rem}.strip-photo-check{font-size:.6rem;color:#10b981;background:#fff;border-radius:50%;width:12px;height:12px;display:flex;align-items:center;justify-content:center;font-weight:700}.strip-photo-warning{font-size:.6rem;color:#fff;background:#f59e0b;border-radius:50%;width:12px;height:12px;display:flex;align-items:center;justify-content:center;font-weight:700}.strip-rest{font-size:.75rem;color:#ccc;text-align:center;padding:.25rem}@keyframes highlightFlash{0%,to{box-shadow:0 2px 8px #0000001a}50%{box-shadow:0 0 20px #f5a7b899;transform:scale(1.02)}}.highlight-flash{animation:highlightFlash 1s ease-in-out 2}@media(max-width:968px){.content-calendar{display:flex!important;flex-direction:column;min-height:0!important;height:calc(var(--app-height, 100vh) - 48px - env(safe-area-inset-top,0px) - 4.5rem - env(safe-area-inset-bottom,0px));overflow:hidden;padding:0}.guidance-action-row,.help-chip-row{display:none!important}.weekly-calendar-strip{padding:0;position:relative;top:auto;z-index:auto;margin:0;border-radius:0;box-shadow:none;flex-shrink:0;background:#fff;border-bottom:1px solid #eee}.strip-compact .calendar-strip-header{display:none}.calendar-strip-scroll{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:.5rem 0 .4rem}.calendar-strip-scroll::-webkit-scrollbar{display:none}.calendar-strip-track{display:flex;gap:.35rem}.calendar-strip-cell{flex:0 0 calc((100vw - 6 * .35rem) / 7);min-width:calc((100vw - 6 * .35rem) / 7);will-change:transform,opacity;transform-origin:center bottom;display:flex;flex-direction:column;align-items:center;position:relative}.calendar-strip-cell.week-boundary{margin-left:.5rem;padding-left:.5rem;border-left:2px solid rgba(139,90,125,.15)}.strip-month-marker{position:absolute;top:-.6rem;left:50%;transform:translate(-50%);font-size:.55rem;font-weight:700;color:#8b5a7d;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;pointer-events:none}.weekly-calendar-strip.strip-compact{overflow:hidden}.calendar-strip-days{flex:1;display:flex;gap:.35rem;justify-content:space-between}.calendar-strip-day-wrapper{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center}.calendar-strip-day{padding:.35rem .25rem .3rem;width:100%;border-radius:var(--radius-md);border:2px solid #e0e0e0;position:relative;box-sizing:border-box;gap:.05rem;transition:background .2s ease,border-color .2s ease}.calendar-strip-day.focal-center{background:linear-gradient(135deg,#f5a7b8,#8b5a7d)!important;border-color:transparent!important;border-style:solid!important;box-shadow:0 3px 12px #8b5a7d59}.calendar-strip-day.focal-center .strip-day-name{color:#fff!important}.calendar-strip-day.focal-center .strip-day-date{color:#fff!important;font-weight:800}.calendar-strip-day.focal-center .strip-day-month{color:#ffffffd9!important}.calendar-strip-day.has-posts{border-color:#d4a5c0;background:#fdf2f8}.calendar-strip-day.empty-tappable{opacity:.7;border:2px dashed #ccc;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.calendar-strip-day.empty-tappable:active{opacity:1;border-color:#f5a7b8;background:#fdf2f8;transform:scale(.95)}.strip-empty-add{font-size:1.2rem;color:#8b5a7d;text-align:center;font-weight:600;line-height:1}.strip-empty-spacer{height:1.2rem}.calendar-strip-day.empty-tappable:active .strip-empty-add{color:#8b5a7d}.strip-other-week-dot{font-size:1rem;color:#ccc;line-height:1}.strip-day-name{font-size:.7rem;margin-bottom:0;font-weight:700;color:#333}.strip-day-date{font-size:.95rem;font-weight:700;color:#333;line-height:1.2}.strip-day-month{font-size:.6rem;font-weight:500;color:#888;line-height:1.1}.strip-day-content{margin-top:.1rem}.calendar-strip-day.today .strip-day-date,.calendar-strip-day.today .strip-day-name{color:#8b5a7d}.calendar-strip-day.today{border-width:2px;border-color:#f5a7b8;background:linear-gradient(135deg,#fdf2f8,#fce7f3)}.strip-post-indicator{display:flex;align-items:center;justify-content:center;position:relative}.strip-post-type-icon{font-size:1.1rem;line-height:1}.strip-posted-badge{position:absolute;top:-4px;right:-10px;font-size:.5rem;color:#fff;background:#10b981;border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center;font-weight:700}.calendar-strip-day.post-tappable{cursor:pointer;-webkit-tap-highlight-color:transparent}.calendar-strip-day.post-tappable:active{transform:scale(.95)}.calendar-strip-day.focal-center .strip-post-indicator{filter:brightness(1.1)}.calendar-strip-day.focal-center .strip-posted-badge{background:#ffffffe6;color:#10b981}.calendar-strip-day.focal-center .strip-empty-add{color:#ffffffe6}.calendar-strip-day.focal-center .strip-rest{color:#ffffff80}.strip-post-pill{padding:.2rem .4rem;border-radius:var(--radius-10)}.strip-post-time{display:none}.strip-post-icon{font-size:.75rem}.strategy-nudge,.guidance-card,.posts-grid,.desktop-empty-week{display:none!important}.post-card.mobile-simplified{display:flex;flex-direction:column;padding:0;overflow:hidden;border-radius:var(--radius-14);background:#fff}.mobile-info-bar{display:flex;align-items:center;justify-content:space-between;padding:.5rem .85rem;border-bottom:1px solid #f0f0f0;flex-shrink:0}.mobile-info-type{font-size:.85rem;font-weight:600;color:#444}.mobile-info-right{display:flex;align-items:center;gap:.5rem}.mobile-info-meta{font-size:.78rem;color:#999;font-weight:500}.post-card.mobile-simplified .post-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.mobile-image-wrapper{flex-shrink:1;min-height:0;max-height:35vh;overflow:hidden;line-height:0;background:#f5f0ec}.mobile-image{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.mobile-image-area{position:relative;flex-shrink:1;min-height:0}.mobile-image-area .quality-overlay-badge{font-size:.72rem;padding:3px 8px;bottom:8px;left:auto;right:8px;border-radius:var(--radius-md)}.post-card.mobile-simplified .carousel-preview{flex-shrink:1;min-height:0;max-height:35vh!important;overflow:hidden;margin:0!important;border-radius:0!important}.post-card.mobile-simplified .carousel-slides-container{aspect-ratio:auto!important;height:100%!important}.post-card.mobile-simplified .carousel-slide-image{object-position:center!important}.post-card.mobile-simplified .post-text-block{flex:1;min-height:0;overflow:hidden;padding:.5rem .85rem}.post-card.mobile-simplified .post-text-caption.clamped{-webkit-line-clamp:3}.copy-post-wrapper{display:flex;flex-direction:column;align-items:center;flex:1.3;gap:0}.copy-post-nudge{font-size:.72rem;font-weight:700;color:#8b5a7d;letter-spacing:.02em;text-align:center;padding-bottom:2px;animation:nudgeBounce 2s ease-in-out infinite}.copy-post-nudge .nudge-arrow{display:inline-block;animation:arrowBounce 1.2s ease-in-out infinite}@keyframes nudgeBounce{0%,to{opacity:1}50%{opacity:.6}}@keyframes arrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.ready-to-post-btn.pulse-glow{animation:pulseGlow 2s ease-in-out infinite;box-shadow:0 0 #f5a7b880}@keyframes pulseGlow{0%,to{box-shadow:0 0 #f5a7b880}50%{box-shadow:0 0 0 8px #f5a7b800}}.copy-post-wrapper .ready-to-post-btn{width:100%}.first-post-actions~.post-text-block,.post-card.mobile-simplified .post-text-block{min-height:5rem}.post-card.mobile-simplified .post-mini-insights{flex-shrink:0;margin:0;padding:.75rem .85rem;border-radius:0;border:none;border-top:1px solid #f0f0f0;background:linear-gradient(135deg,#f0f7ff,#f5f0ff)}.post-card.mobile-simplified .post-mini-insights.insights-updating{padding:.5rem .85rem}.post-card.mobile-simplified .post-status{flex-shrink:0;padding:.35rem .85rem}.post-card.mobile-simplified.best-post{border:none!important;border-top:3px solid var(--accent)!important;box-shadow:none}.post-card.mobile-simplified.best-post:before{top:0;right:8px;font-size:.55rem;padding:2px 8px 3px;border-radius:0 0 6px 6px}.mobile-actions-simplified{display:flex!important;flex-direction:row!important;gap:.5rem!important;padding:.75rem 1rem!important;border-top:1px solid #f0f0f0;background:#fff;flex-shrink:0}.mobile-actions-simplified .action-btn{flex:1;min-height:48px;font-size:.95rem;font-weight:600;border-radius:var(--radius-md)}.mobile-actions-simplified .ready-to-post-btn,.mobile-actions-simplified .publish-btn,.mobile-actions-simplified .copy-post-wrapper{flex:1.3}.mobile-actions-simplified .copy-post-wrapper .ready-to-post-btn,.mobile-actions-simplified .copy-post-wrapper .publish-btn{flex:none}.action-btn.mobile-recreate-btn{background:#f3f4f6;color:#555;border:1.5px solid #e5e7eb;font-weight:600}.action-btn.mobile-recreate-btn:active{background:#e5e7eb;border-color:#d1d5db}.action-btn.mobile-rewrite-btn{background:#fdf2f8;color:#8b5a7d;border:1.5px solid #f5a7b8;font-weight:600}.action-btn.mobile-rewrite-btn:active{background:#fce7f3;border-color:#8b5a7d}.mobile-caption-tappable{cursor:pointer}.action-btn.mobile-copy-btn{background:#f3f4f6;color:#555;border:1.5px solid #e5e7eb;font-weight:600}.action-btn.mobile-copy-btn:active{background:#e5e7eb;border-color:#d1d5db}.post-card.mobile-simplified.posted{border:2px solid #d1fae5;background:linear-gradient(135deg,#fff,#f0fdf4)}.post-card.mobile-simplified.posted:after{top:8px;right:8px;font-size:.6rem;padding:2px 6px}}@media(max-width:480px){.calendar-strip-header{flex-direction:column;align-items:flex-start;gap:.25rem}.strip-post-time{display:none}}.guidance-action-row{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:1.5rem}.guidance-action-left{flex:1;min-width:0}.guidance-action-left .guidance-card{margin-bottom:0}.generate-buttons.guidance-active{flex-direction:column;gap:.25rem;padding:.75rem;border-radius:var(--radius-14);border:2px solid rgba(110,231,183,.4);background:#d1fae526;box-shadow:0 0 0 4px #6ee7b71a;animation:guidanceButtonsPulse 2s ease-in-out infinite;flex-shrink:0}@keyframes guidanceButtonsPulse{0%,to{box-shadow:0 0 0 4px #6ee7b71a}50%{box-shadow:0 0 0 8px #6ee7b70d}}.generate-buttons.guidance-active .guidance-btn-wrapper{display:flex;flex-direction:column;align-items:center}.generate-buttons.guidance-active .guidance-callout{align-self:center;white-space:nowrap;width:fit-content}.generate-buttons.guidance-active .guidance-callout:not(.callout-below){margin-bottom:.35rem}.generate-buttons.guidance-active .guidance-callout.callout-below{margin-top:.35rem;margin-bottom:0}.generate-buttons.guidance-active .btn-add-more,.generate-buttons.guidance-active .btn-generate{width:100%}.help-chip-row{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;animation:guidanceSlideDown .4s ease}.help-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:#d1fae580;border:1px solid #a7f3d0;border-radius:var(--radius-xl);color:#059669;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}@media(hover:hover){.help-chip:hover{background:#d1fae5cc;border-color:#6ee7b7;box-shadow:0 2px 8px #6ee7b740;transform:translateY(-1px)}}.help-chip-dismiss{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:.8rem;padding:.25rem;line-height:1;opacity:.6;transition:opacity .15s}@media(hover:hover){.help-chip-dismiss:hover{opacity:1;color:#6b7280}}@media(max-width:968px){.guidance-action-row{flex-direction:column;gap:1rem}.guidance-action-left,.generate-buttons.guidance-active{width:100%}}.regenerate-confirm-modal{max-width:500px;text-align:center;padding:2.5rem}.confirm-icon{font-size:4rem;margin-bottom:1rem;animation:pulse 1.5s ease-in-out infinite}.confirm-title{font-size:1.75rem;font-weight:700;color:#2d2d2d;margin-bottom:1rem}.confirm-message{font-size:1.1rem;color:#555;line-height:1.6;margin-bottom:1rem}.confirm-message strong{color:#ef4444;font-weight:600}.confirm-warning{font-size:.95rem;color:#f59e0b;font-weight:600;margin-bottom:2rem;padding:.75rem;background:#fff3e0;border-radius:var(--radius-sm);border-left:3px solid #f59e0b}.confirm-actions{display:flex;gap:1rem;justify-content:center}.btn-cancel{padding:.875rem 2rem;background:#fff;border:2px solid #e0e0e0;border-radius:var(--radius-10);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;color:#666}@media(hover:hover){.btn-cancel:hover{border-color:#999;color:#2d2d2d;transform:translateY(-1px)}}.btn-confirm-danger{padding:.875rem 2rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:var(--radius-10);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #ef44444d}@media(hover:hover){.btn-confirm-danger:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}}@media(max-width:480px){.regenerate-confirm-modal{padding:1.5rem}.confirm-title{font-size:1.5rem}.confirm-actions{flex-direction:column}.btn-cancel,.btn-confirm-danger{width:100%}}.generating-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.generating-modal{background:#fff;border-radius:var(--radius-2xl);padding:2.5rem;max-width:500px;width:90%;max-height:90vh;max-height:90dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:0 20px 60px #0000004d;animation:slideUp .4s ease}.generating-header{text-align:center;margin-bottom:2rem}.generating-header h2{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.generating-header p{color:#888;font-size:1rem}.generating-stages{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.generating-stage{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-radius:var(--radius-md);background:#f8f8f8;transition:all .3s ease}.generating-stage.active{background:linear-gradient(135deg,#fdf2f8,#faf5ff);border:1px solid #f5a7b8}.generating-stage.completed{background:#f0fdf4}.generating-stage.pending{opacity:.5}.stage-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;background:#fff;box-shadow:0 2px 8px #0000001a;flex-shrink:0}.generating-stage.active .stage-icon{background:linear-gradient(135deg,#f5a7b8,#8b5a7d);animation:pulse 1.5s ease-in-out infinite}.generating-stage.completed .stage-icon{background:#10b981;color:#fff}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #f5a7b84d}50%{transform:scale(1.05);box-shadow:0 4px 20px #f5a7b880}}.stage-label{font-weight:600;color:#2d2d2d;font-size:.95rem}.generating-stage.completed .stage-label{color:#10b981}.stage-sublabel{font-size:.8rem;color:#888;margin-top:.25rem;animation:fadeIn .3s ease}.generating-tip{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#fef3c7,#fef9c3);border-radius:var(--radius-md);margin-bottom:1.5rem}.tip-icon{font-size:1.5rem;flex-shrink:0}.tip-label{display:block;font-size:.75rem;font-weight:600;color:#92400e;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.tip-text{font-size:.9rem;color:#78350f;line-height:1.4}.generating-continue{text-align:center;margin-top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.generating-continue-btn{padding:14px 40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:var(--radius-md);font-size:1.1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 14px #667eea66;transition:all .2s ease;width:100%;max-width:280px}.generating-continue-btn:active{transform:scale(.97)}.generating-auto-hint{color:#aaa;font-size:.75rem}.copy-buttons-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}.copy-buttons-row .btn-copy{flex:1;min-width:100px;text-align:center;font-size:.9rem;padding:.75rem 1rem}.copy-hint{font-size:.8rem;color:#999;margin-top:.75rem;text-align:center;font-style:italic}@media(max-width:480px){.copy-buttons-row{flex-direction:column}.copy-buttons-row .btn-copy{width:100%}}.action-btn.rewrite-btn{background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff;border:none;font-weight:600}@media(hover:hover){.action-btn.rewrite-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed66}}.action-btn.ready-to-post-btn{background:linear-gradient(135deg,#f5a7b8,#8b5a7d);color:#fff;border:none;font-weight:600}@media(hover:hover){.action-btn.ready-to-post-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f5a7b866}}.action-btn.publish-btn{background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;border:none;font-weight:600}.action-btn.publish-btn:disabled{opacity:.7;cursor:wait}@media(hover:hover){.action-btn.publish-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed66}}.needs-photo-hint{display:block;font-size:.7rem;color:#92400e;background:#fef3c7;padding:3px 8px;border-radius:var(--radius-6);text-align:center;font-weight:500;margin-bottom:2px}.action-btn.copy-caption-btn{background:#fff;color:#555;border:1.5px solid #ddd;font-weight:500;font-size:.82rem;transition:all .2s ease}@media(hover:hover){.action-btn.copy-caption-btn:hover{border-color:#8b5a7d;color:#8b5a7d;background:#fdf2f8}}.action-btn.copy-caption-btn.copied{border-color:#059669;color:#059669;background:#d1fae54d}.post-card.posted{border:2px solid #d1fae5;background:linear-gradient(135deg,#fff,#f0fdf4);position:relative}.post-card.posted:after{content:"✓ Posted";position:absolute;top:12px;right:12px;background:#10b981;color:#fff;font-size:.65rem;font-weight:700;padding:3px 8px;border-radius:var(--radius-10);letter-spacing:.3px;text-transform:uppercase;z-index:1}.post-card.posted .post-actions .action-btn.ready-to-post-btn{display:none}.strip-post-pill.strip-posted{background:linear-gradient(135deg,#10b981,#059669)!important;border-color:#059669!important}.strip-posted-check{font-size:.6rem;color:#fff;font-weight:700;margin-left:2px}.strip-status-dots{display:none}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.status-posted{background:#10b981;box-shadow:0 0 4px #10b98166}.status-dot.status-ready{background:#f5a7b8;box-shadow:0 0 4px #f5a7b866}.status-dot.status-draft{background:#fbbf24;box-shadow:0 0 4px #fbbf244d}.calendar-legend-popup .status-dot{width:10px;height:10px;vertical-align:middle;margin-right:4px}.photo-upload-modal{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:2rem;animation:fadeIn .3s ease}.photo-upload-content{background:#fff;border-radius:var(--radius-xl);padding:2.5rem;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.close-btn{position:absolute;top:1.5rem;right:1.5rem;background:#f0f0f0;border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#e0e0e0;transform:rotate(90deg)}.upload-title{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;text-align:center}.upload-subtitle{text-align:center;color:#666;font-size:1.1rem;margin-bottom:1.5rem}.photo-tips-box{background:linear-gradient(135deg,#fdf2f8,#fce7f3);border:2px solid #f9a8d4;border-radius:var(--radius-md);padding:20px;margin-bottom:30px;box-shadow:0 2px 8px #ec48991a}.tips-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.tips-icon{font-size:24px}.tips-header h3{margin:0;font-size:18px;color:#831843;font-weight:600}.tips-content{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.tip-item,.tip-avoid{display:flex;align-items:center;gap:10px;font-size:14px;color:#4a5568}.tip-check{color:#10b981;font-weight:700;font-size:16px}.tip-x{color:#ef4444;font-weight:700;font-size:16px}.tip-avoid{margin-top:8px;padding-top:8px;border-top:1px solid #f9a8d4}.tips-footer{text-align:center;font-size:14px;color:#831843;font-weight:600;margin-top:12px;padding-top:12px;border-top:1px solid #f9a8d4}.upload-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:2rem}.upload-section h3{font-size:1.25rem;font-weight:600;color:#2d2d2d;margin-bottom:1rem;text-align:center}.drop-zone{border:3px dashed #e0e0e0;border-radius:var(--radius-lg);padding:2rem;min-height:300px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;background:#fafafa}.drop-zone:hover{border-color:#f5a7b8;background:#fff;transform:translateY(-2px)}.drop-zone.has-image{padding:0;border:none;background:transparent}.drop-zone-content{text-align:center}.upload-icon{font-size:4rem;margin-bottom:1rem}.drop-zone-content p{color:#666;font-size:1.1rem;margin:.5rem 0}.or-text{color:#999;font-size:.9rem!important}.image-preview{position:relative;width:100%;height:300px;border-radius:var(--radius-lg);overflow:hidden}.image-preview img{width:100%;height:100%;object-fit:cover}.preview-overlay{position:absolute;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.image-preview:hover .preview-overlay{opacity:1}.preview-overlay span{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.change-btn{padding:.5rem 1.5rem;background:#fff;color:#2d2d2d;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.change-btn:hover{transform:scale(1.05)}.error-message{background:#fee;color:#c33;padding:1rem;border-radius:var(--radius-sm);text-align:center;margin-bottom:1.5rem;font-weight:500}.upload-actions{display:flex;justify-content:center;margin-bottom:1.5rem}.btn-generate{padding:1.25rem 3rem;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);color:#fff;border:none;border-radius:var(--radius-md);font-size:1.25rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #f5a7b866}.btn-generate:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f5a7b899}.btn-generate:disabled{opacity:.5;cursor:not-allowed;transform:none}.upload-hint{text-align:center;color:#999;font-size:.95rem;line-height:1.6}.transformation-details-form{background:linear-gradient(135deg,#fdf2f8,#fce7f3);border:2px solid #f9a8d4;border-radius:var(--radius-lg);padding:2rem;margin:2rem 0}.form-title{font-size:1.5rem;font-weight:700;color:#831843;margin-bottom:.5rem;text-align:center}.form-subtitle{text-align:center;color:#666;margin-bottom:2rem;font-size:.95rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;color:#2d2d2d;margin-bottom:.5rem;font-size:1rem}.form-select,.form-input{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:var(--radius-10);font-size:1rem;font-family:inherit;transition:all .3s ease;background:#fff}.form-select:focus,.form-input:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus-shadow)}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23831843' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.char-counter{display:block;text-align:right;font-size:.85rem;color:#999;margin-top:.25rem}.radio-group{display:flex;flex-direction:column;gap:.75rem}.radio-label{display:flex;align-items:center;padding:.75rem 1rem;background:#fff;border:2px solid #e0e0e0;border-radius:var(--radius-10);cursor:pointer;transition:all .3s ease}.radio-label:hover{border-color:#f5a7b8;background:#fdf2f8}.radio-label input[type=radio]{margin-right:.75rem;width:18px;height:18px;cursor:pointer;accent-color:#8b5a7d}.radio-label input[type=radio]:checked+span{font-weight:600;color:#831843}.radio-label span{font-size:1rem;color:#2d2d2d}.btn-back{padding:1rem 2rem;background:#fff;color:#2d2d2d;border:2px solid #e0e0e0;border-radius:var(--radius-md);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-back:hover{border-color:#f5a7b8;transform:translateY(-2px)}.upload-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.layout-selector-section{margin:2rem 0;padding:1.5rem;background:#fafafa;border-radius:var(--radius-md);border:2px solid #e0e0e0}.layout-title{font-size:1.25rem;font-weight:600;color:#2d2d2d;margin-bottom:1rem;text-align:center}.layout-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.layout-option{position:relative;background:#fff;border:2px solid #e0e0e0;border-radius:var(--radius-md);padding:1rem;cursor:pointer;transition:all .3s ease;text-align:center;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center}.layout-option:hover{border-color:#f5a7b8;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.layout-option.selected{border-color:#f5a7b8;background:linear-gradient(135deg,#f5a7b81a,#8b5a7d1a);box-shadow:0 4px 12px #f5a7b84d}.popular-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);color:#fff;font-size:.65rem;font-weight:700;padding:.25rem .5rem;border-radius:var(--radius-md);letter-spacing:.5px}.layout-emoji{font-size:2rem;margin-bottom:.5rem}.layout-name{font-size:.9rem;font-weight:600;color:#2d2d2d;margin-bottom:.25rem}.layout-description{font-size:.75rem;color:#666;line-height:1.3}.selected-indicator{position:absolute;top:8px;left:8px;width:24px;height:24px;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700}.custom-text-section{margin-top:1rem;padding:1rem;background:#fff;border-radius:var(--radius-sm)}.custom-text-section label{display:block;font-size:.9rem;font-weight:600;color:#2d2d2d;margin-bottom:.5rem}.custom-text-input{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:var(--radius-sm);font-size:.95rem;font-family:inherit;transition:all .2s ease}.custom-text-input:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus-shadow)}.layout-badge{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);color:#fff;border-radius:var(--radius-xl);font-size:.9rem;font-weight:600;margin-bottom:1rem}.result-section{text-align:center;animation:fadeIn .5s ease}.result-section h3{font-size:1.75rem;font-weight:600;color:#2d2d2d;margin-bottom:2rem}.combined-preview{max-width:600px;margin:0 auto 1.5rem;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 24px #00000026}.combined-preview img{width:100%;height:auto;display:block}.result-text{font-size:1.25rem;color:#8b5a7d;font-weight:600;margin-bottom:2rem}.result-actions{display:flex;gap:1rem;justify-content:center}.btn-download{padding:1rem 2.5rem;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);color:#fff;border:none;border-radius:var(--radius-md);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-download:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f5a7b866}.btn-secondary{padding:1rem 2.5rem;background:#fff;color:#2d2d2d;border:2px solid #e0e0e0;border-radius:var(--radius-md);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{border-color:#f5a7b8;transform:translateY(-2px)}@media(max-width:768px){.photo-upload-modal{padding:1rem}.photo-upload-content{padding:1.5rem}.upload-title{font-size:1.5rem}.upload-subtitle{font-size:1rem}.upload-grid{grid-template-columns:1fr;gap:1.5rem}.drop-zone{min-height:250px}.image-preview{height:250px}.btn-generate{padding:1rem 2rem;font-size:1.1rem}.result-actions{flex-direction:column;width:100%}.result-actions button{width:100%}.layout-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.layout-option{min-height:100px;padding:.75rem}.layout-emoji{font-size:1.5rem}.layout-name{font-size:.8rem}.layout-description{font-size:.7rem}}@media(max-width:480px){.upload-title{font-size:1.25rem}.drop-zone{min-height:200px;padding:1rem}.upload-icon{font-size:3rem}.drop-zone-content p{font-size:1rem}.layout-grid{grid-template-columns:1fr}}.photo-quality-feedback{border-radius:var(--radius-md);padding:12px 16px;margin:12px 0;cursor:pointer;transition:all .2s ease}.photo-quality-feedback.quality-green{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:1px solid #a5d6a7}.photo-quality-feedback.quality-yellow{background:linear-gradient(135deg,#fff8e1,#ffecb3);border:1px solid #ffe082}.photo-quality-feedback.quality-orange{background:linear-gradient(135deg,#fbe9e7,#ffccbc);border:1px solid #ffab91}.quality-header{display:flex;align-items:center;gap:12px}.quality-score-badge{display:flex;align-items:baseline;background:#ffffffb3;border-radius:var(--radius-10);padding:6px 12px;min-width:58px;justify-content:center;flex-shrink:0}.score-number{font-size:1.3rem;font-weight:700;color:#333}.score-max{font-size:.75rem;color:#888;margin-left:1px}.quality-summary{flex:1;min-width:0}.quality-title{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#888;margin-bottom:1px}.quality-label{font-weight:600;font-size:.95rem;color:#333}.quality-tip-preview{font-size:.82rem;color:#666;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quality-expand-btn{background:none;border:none;font-size:.8rem;color:#999;cursor:pointer;padding:4px}.quality-details{margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.1)}.scroll-stop-badge{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--radius-sm);margin-bottom:12px;flex-wrap:wrap}.scroll-stop-badge.scroll-stop-high{background:#f5a7b833;border:1px solid rgba(245,167,184,.4)}.scroll-stop-badge.scroll-stop-medium{background:#d4af3726;border:1px solid rgba(212,175,55,.3)}.scroll-stop-badge.scroll-stop-low{background:#0000000d;border:1px solid rgba(0,0,0,.1)}.scroll-stop-icon{font-size:1rem;flex-shrink:0}.scroll-stop-label{font-size:.82rem;font-weight:700;color:#333}.scroll-stop-reason{width:100%;font-size:.78rem;color:#666;line-height:1.3;margin-top:2px}.quality-attributes{display:flex;gap:8px;margin-bottom:12px}.quality-attributes-row2{margin-top:-4px}.quality-attr{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:var(--radius-sm);background:#ffffff80}.attr-icon{font-size:.85rem;font-weight:700;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%}.attr-good .attr-icon{background:#c8e6c9;color:#2e7d32}.attr-fair .attr-icon{background:#ffe0b2;color:#e65100}.attr-poor .attr-icon{background:#ffcdd2;color:#c62828}.attr-label{font-size:.7rem;color:#888;text-transform:uppercase;letter-spacing:.5px}.attr-value{font-size:.8rem;font-weight:600;color:#555;text-transform:capitalize}.quality-strengths{background:#e8f5e980;border-radius:var(--radius-sm);padding:10px 12px;margin-bottom:8px}.strengths-header{font-size:.78rem;font-weight:600;color:#2e7d32;margin-bottom:6px}.strength-item{display:flex;align-items:flex-start;gap:6px;margin-bottom:4px}.strength-icon{font-size:.85rem;flex-shrink:0;margin-top:1px}.strength-text{font-size:.85rem;color:#2e7d32;line-height:1.4}.quality-tips{background:#ffffff80;border-radius:var(--radius-sm);padding:10px 12px}.tips-header{font-size:.78rem;font-weight:600;color:#666;margin-bottom:6px}.tip-item{display:flex;align-items:flex-start;gap:6px;margin-bottom:4px}.tip-icon{font-size:.85rem;flex-shrink:0;margin-top:1px}.tip-text{font-size:.85rem;color:#444;line-height:1.4}.quality-dismiss{display:block;margin:10px auto 0;background:#ffffffb3;border:1px solid rgba(0,0,0,.15);border-radius:var(--radius-6);padding:5px 20px;font-size:.82rem;color:#555;cursor:pointer;transition:background .15s}.quality-dismiss:hover{background:#ffffffe6}.per-slide-section{margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.08)}.per-slide-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;background:#ffffff80;border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;color:#555;cursor:pointer;transition:background .15s}.per-slide-toggle:hover{background:#fffc}.per-slide-arrow{font-size:.7rem;color:#999}.per-slide-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.per-slide-item{padding:10px 12px;border-radius:var(--radius-sm);background:#fff6;border-left:3px solid #ccc}.slide-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.slide-role-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:var(--radius-10);font-size:.72rem;font-weight:600;color:#fff;text-transform:capitalize;white-space:nowrap}.slide-score{font-size:.85rem;font-weight:700;color:#333}.quality-green-text{color:#2e7d32}.quality-yellow-text{color:#e65100}.quality-orange-text{color:#c62828}.slide-attrs{display:flex;gap:4px;flex-wrap:wrap}.slide-attr-pill{display:inline-block;padding:1px 6px;border-radius:var(--radius-xs);font-size:.7rem;font-weight:500;text-transform:capitalize}.slide-attr-pill.attr-good{background:#e8f5e9;color:#2e7d32}.slide-attr-pill.attr-fair{background:#fff3e0;color:#e65100}.slide-attr-pill.attr-poor{background:#fce4ec;color:#c62828}.slide-tip{display:flex;align-items:flex-start;gap:5px;margin-top:6px;font-size:.8rem;color:#555;line-height:1.3}.slide-tip .tip-icon{font-size:.78rem}.slide-tip .tip-text{font-size:.8rem}.service-type-step{width:100%;margin-bottom:20px}.step-header{margin-bottom:12px}.step-header h3{font-size:15px;font-weight:600;color:#1f2937;margin:0 0 4px}.step-subtitle{font-size:13px;color:#6b7280;font-style:italic}.service-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.service-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #d1d5db;border-radius:var(--radius-xl);background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}@media(hover:hover){.service-pill:hover{border-color:#9ca3af;background:#f9fafb}}.service-icon-img{width:20px;height:20px;flex-shrink:0;object-fit:contain}.service-pill.selected{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}@media(hover:hover){.service-pill.selected:hover{background:linear-gradient(135deg,#5568d3,#653a8a)}}.selected-summary{padding:12px 16px;background:#f0f4ff;border-radius:var(--radius-sm);font-size:14px;color:#374151}.selected-summary strong{color:#1f2937;margin-right:6px}@media(max-width:768px){.service-type-step{margin-bottom:0}.step-subtitle,.selected-summary{display:none}.step-header{margin-bottom:.75rem;text-align:center}.step-header h3{font-size:1rem;font-weight:600}.service-pills{display:grid;grid-template-columns:1fr;gap:.6rem;margin-bottom:0}.service-pill{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.85rem;padding:1rem 1.15rem;border:2px solid #e0e0e0;border-radius:var(--radius-14);background:#fff;font-size:1.05rem;font-weight:600;white-space:normal;text-align:left;min-height:56px;transition:all .2s ease;box-sizing:border-box}.service-pill:active:not(.selected){border-color:#f5a7b8;background:#fdf2f8;transform:scale(.98)}.service-icon-img{width:32px;height:32px;flex-shrink:0}.service-pill.selected{background:linear-gradient(135deg,#f5a7b8,#8b5a7d);color:#fff;border-color:transparent;box-shadow:0 4px 12px #8b5a7d4d}.service-pill.selected .service-icon-img{filter:drop-shadow(0 0 2px rgba(255,255,255,.6))}}.brand-logo{display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;flex-shrink:0;transition:all .2s ease;overflow:hidden}.brand-logo--sm{width:24px;height:24px;font-size:.65rem;letter-spacing:.3px}.brand-logo--md{width:40px;height:40px;font-size:.85rem;letter-spacing:.5px}.brand-logo--lg{width:48px;height:48px;font-size:1rem;letter-spacing:.5px}.brand-logo--hidden{filter:grayscale(1);opacity:.65}.brand-logo__img{width:70%;height:70%;object-fit:contain}.brand-logo__initial{line-height:1}.brand-logo-full{display:flex;align-items:center;justify-content:center;width:100%;height:48px;padding:2px 6px;transition:all .2s ease}.brand-logo-full--hidden{opacity:.45;filter:grayscale(.4)}.brand-logo-full__img{max-width:100%;max-height:100%;object-fit:contain}.brand-logo-full__text{font-size:.72rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;text-align:center;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.brand-selector{width:100%}.brand-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.brand-pill{display:flex;align-items:center;justify-content:center;padding:10px 8px;border:2px solid #e5e7eb;border-radius:var(--radius-md);background:#fff;cursor:pointer;transition:all .2s ease;min-height:56px}@media(hover:hover){.brand-pill:hover{border-color:#c4b5d3;background:#fdf2f8;transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}}.brand-pill:active{transform:scale(.97)}.brand-pill.selected{background:linear-gradient(135deg,#fdf2f8,#fce7f3);border-color:#8b5a7d;box-shadow:0 0 0 3px #8b5a7d1f,0 2px 8px #8b5a7d1a;position:relative}.brand-pill.selected:after{content:"✓";position:absolute;top:4px;right:6px;font-size:.65rem;font-weight:700;color:#fff;background:#8b5a7d;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}@media(hover:hover){.brand-pill.selected:hover{border-color:#6d4565;box-shadow:0 0 0 3px #8b5a7d2e,0 2px 12px #8b5a7d26}}.brand-pill .brand-logo-full{height:36px;padding:0 4px}.brand-pill .brand-logo-full__img{max-height:32px}.brand-pill .brand-logo-full__text{font-size:.72rem;letter-spacing:1px}.brand-pill.selected .brand-logo-full__text{color:#8b5a7d}.brand-logo-circle{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;transition:all .2s ease}.custom-brand-row{display:flex;gap:8px;margin-bottom:12px}.custom-brand-row input{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:var(--radius-sm);font-size:16px;outline:none;transition:border-color .2s}.custom-brand-row input:focus{border-color:var(--secondary);box-shadow:var(--focus-shadow)}.add-brand-btn{padding:8px 16px;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}@media(hover:hover){.add-brand-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #f5a7b866}}.selected-brands{padding:12px 16px;background:linear-gradient(135deg,#fdf2f8,#fce7f3);border-radius:var(--radius-sm);font-size:14px;color:#374151}@media(max-width:768px){.brand-selector{margin-bottom:0}.brand-pills{grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:.75rem}.brand-pill{padding:.85rem .5rem;border-radius:var(--radius-14);border-width:2px;border-color:#e8e0ed;min-height:68px}.brand-pill .brand-logo-full{height:42px;padding:0 6px}.brand-pill .brand-logo-full__img{max-height:38px}.brand-pill .brand-logo-full__text{font-size:.78rem;letter-spacing:1.2px}.brand-pill.selected{border-color:#8b5a7d;box-shadow:0 0 0 3px #8b5a7d1f,0 2px 8px #8b5a7d26}.brand-pill.selected:after{top:5px;right:7px;width:18px;height:18px;font-size:.7rem}.custom-brand-row{gap:.5rem;margin-bottom:.5rem}.custom-brand-row input{font-size:1rem;padding:.6rem .75rem;border-radius:var(--radius-10)}.add-brand-btn{padding:.6rem 1rem;font-size:.85rem;border-radius:var(--radius-10)}.selected-brands{display:none}}.carousel-photo-manager{margin-bottom:1.5rem}.manager-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.manager-header h3{font-size:1.05rem;color:#2d2d2d;margin:0 0 .25rem}.carousel-badge{font-size:.75rem;font-weight:600;color:#10b981;background:#ecfdf5;padding:.2rem .6rem;border-radius:var(--radius-10);display:inline-block}.auto-arrange-btn{padding:.4rem .8rem;background:linear-gradient(135deg,#fdf2f8,#fce7f3);border:1px solid #f5a7b8;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;color:#8b5a7d;cursor:pointer;transition:all .2s;white-space:nowrap}@media(hover:hover){.auto-arrange-btn:hover{background:linear-gradient(135deg,#fce7f3,#f5d0e0);transform:translateY(-1px)}}.empty-upload-area{border:3px dashed #e0d4e8;border-radius:var(--radius-lg);padding:2.5rem 2rem;cursor:pointer;transition:all .2s;background:linear-gradient(135deg,#fdf2f8,#faf5ff);text-align:center}@media(hover:hover){.empty-upload-area:hover{border-color:#f5a7b8;background:linear-gradient(135deg,#fce7f3,#f3e8ff);transform:scale(1.01)}}.upload-prompt{display:flex;flex-direction:column;align-items:center;gap:.4rem}.upload-big-icon{font-size:3rem;margin-bottom:.25rem}.upload-title{font-size:1.05rem;font-weight:600;color:#8b5a7d}.upload-desc{font-size:.9rem;color:#666}.upload-multi-hint{font-size:.9rem;color:#8b5a7d;font-weight:700;margin-top:.75rem;padding:.5rem 1rem;background:#fff;border-radius:var(--radius-10);border:2px solid #f5a7b8;box-shadow:0 2px 8px #f5a7b833;animation:hintAttention 2s ease-in-out}@keyframes hintAttention{0%{transform:scale(1);box-shadow:0 2px 8px #f5a7b833}15%{transform:scale(1.05);box-shadow:0 0 0 6px #f5a7b840}30%{transform:scale(1);box-shadow:0 0 0 3px #f5a7b826}45%{transform:scale(1.03);box-shadow:0 0 0 5px #f5a7b833}60%{transform:scale(1);box-shadow:0 2px 8px #f5a7b833}to{transform:scale(1);box-shadow:0 2px 8px #f5a7b833}}.upload-hint{font-size:.8rem;color:#aaa;margin-top:.25rem}.carousel-photo-grid{display:flex;gap:.75rem;overflow-x:auto;padding:.5rem .25rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.carousel-photo-grid::-webkit-scrollbar{height:4px}.carousel-photo-grid::-webkit-scrollbar-track{background:#f0f0f0;border-radius:var(--radius-2xs)}.carousel-photo-grid::-webkit-scrollbar-thumb{background:#ccc;border-radius:var(--radius-2xs)}.carousel-photo-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:.4rem;min-width:110px;padding:.5rem;background:#fff;border:2px solid #e8e0ed;border-radius:var(--radius-md);transition:all .2s}.carousel-photo-item.dragging{box-shadow:0 8px 25px #00000026;border-color:#f5a7b8}@media(hover:hover){.carousel-photo-item:hover{border-color:#f5a7b8}}.drag-handle{cursor:grab;padding:.4rem .75rem;color:#8b5a7d;font-size:.85rem;line-height:1;-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(135deg,#f3f0f7,#fdf2f8);border-radius:var(--radius-sm);border:1.5px dashed #c4b5d0;transition:all .2s ease;width:100%;text-align:center;display:flex;align-items:center;justify-content:center;gap:.35rem}@media(hover:hover){.drag-handle:hover{background:linear-gradient(135deg,#ede9f3,#fce7f3);border-color:#8b5a7d;color:#6b3a5d}}.drag-handle:active{cursor:grabbing;background:linear-gradient(135deg,#ede9f3,#fce7f3);border-style:solid;border-color:#8b5a7d}.drag-dots{font-weight:700;font-size:.9rem}.drag-label{font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:1.5px}.photo-thumb-wrapper{position:relative;width:90px;height:90px;border-radius:var(--radius-sm);overflow:hidden}.photo-thumb{width:100%;height:100%;object-fit:cover;object-position:top}.slide-number{position:absolute;top:4px;left:4px;width:22px;height:22px;background:#000000a6;color:#fff;border-radius:50%;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center}.role-select{width:100%;padding:.35rem 1.2rem .35rem .4rem;border:2px solid #e0e0e0;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;background:#fff;cursor:pointer;text-align:center;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .35rem center;-webkit-appearance:none}.role-select:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus-shadow)}.remove-photo{position:absolute;top:2px;right:2px;width:20px;height:20px;background:#00000080;color:#fff;border:none;border-radius:50%;font-size:.65rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}@media(hover:hover){.carousel-photo-item:hover .remove-photo{opacity:1}}.add-more-photo{min-width:110px;padding:.5rem;border:2px dashed #d0c8d8;border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;cursor:pointer;transition:all .2s;background:linear-gradient(135deg,#fdf2f8,#faf5ff)}@media(hover:hover){.add-more-photo:hover{border-color:#f5a7b8;background:linear-gradient(135deg,#fce7f3,#f3e8ff);transform:scale(1.02)}}.add-icon{font-size:1.8rem;color:#8b5a7d;line-height:1}.add-label{font-size:.85rem;font-weight:600;color:#8b5a7d}.add-hint{font-size:.7rem;color:#aaa;text-align:center}.drag-hint{text-align:center;font-size:.8rem;color:#8b5a7d;margin:.75rem 0 0;font-weight:500;opacity:.8}.photo-checklist{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem;padding:.6rem .8rem;background:#f9f7fb;border-radius:var(--radius-sm)}.check-item{font-size:.8rem;color:#999;display:flex;align-items:center;gap:.25rem}.check-item.done{color:#10b981;font-weight:500}.check-item .required{color:#e11d48;font-size:.7rem;font-weight:500}.check-item.optional{color:#888}.optional-label{font-size:.7rem;color:#bbb}.multi-select-nudge{display:flex;align-items:center;gap:.6rem;padding:.7rem 1rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:var(--radius-10);margin-bottom:.75rem;animation:nudgeSlideIn .4s ease}@keyframes nudgeSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nudge-icon{font-size:1.3rem;flex-shrink:0}.nudge-text{font-size:.85rem;color:#78350f;line-height:1.4}.nudge-text strong{font-weight:700}.nudge-dismiss{margin-left:auto;background:none;border:none;color:#92400e;cursor:pointer;font-size:.85rem;padding:.2rem;opacity:.6;transition:opacity .15s;flex-shrink:0}@media(hover:hover){.nudge-dismiss:hover{opacity:1}}.role-help-box{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:var(--radius-10);padding:.75rem 1rem;margin-bottom:.75rem;animation:nudgeSlideIn .4s ease}.role-help-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.role-help-title{font-weight:600;color:#065f46;font-size:.9rem}.role-help-dismiss{background:none;border:none;color:#059669;cursor:pointer;font-size:.8rem;padding:.2rem;opacity:.6}@media(hover:hover){.role-help-dismiss:hover{opacity:1}}.role-help-list{margin:0;padding-left:1.2rem;font-size:.8rem;color:#065f46;line-height:1.6}.role-help-list li{margin-bottom:.2rem}.carousel-badge.clickable{cursor:pointer;border:none;transition:all .2s}@media(hover:hover){.carousel-badge.clickable:hover{background:#d1fae5;transform:scale(1.02)}}.carousel-info-popup{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:var(--radius-10);box-shadow:0 4px 16px #00000026;padding:.75rem 1rem;z-index:100;margin-top:.5rem;animation:fadeIn .2s ease}.carousel-info-popup p{margin:0 0 .6rem;font-size:.85rem;line-height:1.5;color:#444}.info-popup-close{display:block;width:100%;padding:.4rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:var(--radius-6);font-size:.8rem;font-weight:600;cursor:pointer}.header-left{position:relative}@media(max-width:768px){.manager-header,.upload-desc,.upload-hint,.multi-select-nudge,.role-help-box,.drag-hint,.check-item.optional{display:none!important}.photo-checklist{flex-direction:row;gap:.75rem;padding:.5rem .6rem;justify-content:center}.check-item{font-size:.8rem}.check-item .required{display:none}.carousel-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;overflow-x:visible;padding:0}.carousel-photo-item{min-width:0;width:100%;padding:.5rem;gap:.35rem}.photo-thumb-wrapper{width:100%;height:auto;aspect-ratio:1;border-radius:var(--radius-10)}.slide-number{width:24px;height:24px;font-size:.75rem;top:6px;left:6px}.role-select{padding:.4rem 1.4rem .4rem .5rem;font-size:.8rem;border-radius:var(--radius-sm)}.drag-handle{padding:.6rem .75rem;min-height:40px;display:flex;align-items:center;justify-content:center;gap:.4rem;border:2px dashed #b07498;background:linear-gradient(135deg,#f3f0f7,#fdf2f8);color:#8b5a7d;border-radius:var(--radius-10)}.drag-dots{font-size:1.1rem}.drag-label{font-size:.8rem;font-weight:700;letter-spacing:1.5px}.drag-handle:active{background:linear-gradient(135deg,#ede9f3,#fce7f3);border-style:solid;border-color:#8b5a7d;transform:scale(1.03)}.carousel-photo-item.dragging{opacity:.85;transform:scale(1.04);box-shadow:0 12px 28px #0000002e;border-color:#f5a7b8}.carousel-photo-item .remove-photo{opacity:.85;width:32px;height:32px;font-size:.75rem;top:4px;right:4px}.add-more-photo{min-width:0;width:100%;padding:1.5rem .5rem;aspect-ratio:auto;min-height:120px}.add-icon{font-size:2.2rem}.add-label{font-size:.95rem}.add-hint{font-size:.75rem}.carousel-photo-manager{display:flex;flex-direction:column;min-height:calc(var(--app-height, 100vh) - 11rem);margin-bottom:0}.empty-upload-area{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;min-height:0;border-radius:var(--radius-xl)}.upload-big-icon{font-size:4rem;margin-bottom:.5rem}.upload-title{font-size:1.15rem}.upload-multi-hint{font-size:.95rem;margin-top:.75rem;padding:.6rem 1.2rem}.photo-checklist{flex-shrink:0;margin-top:.75rem}.carousel-photo-grid{flex:1;align-content:start}}.transformation-builder-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto;animation:backdropFadeIn .2s ease}.transformation-builder-modal{background:#fff;border-radius:var(--radius-xl);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.transformation-builder-modal .close-btn{position:absolute;top:20px;right:20px;background:#0000001a;border:none;width:36px;height:36px;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.transformation-builder-modal .close-btn:hover{background:#0003;transform:rotate(90deg)}.transformation-builder-header{background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff;padding:40px 30px 30px;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.progress-indicator{margin-bottom:15px}.progress-badge{display:inline-block;background:#ffffff40;padding:8px 16px;border-radius:var(--radius-xl);font-size:14px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.transformation-builder-header h2{margin:0 0 10px;font-size:28px;font-weight:700}.transformation-builder-header p{margin:0;opacity:.95;font-size:16px}.transformation-builder-form{padding:30px}.form-section{margin-bottom:35px;padding-bottom:35px;border-bottom:2px solid #f3f4f6}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.section-number{background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.section-header h3{margin:0;font-size:20px;font-weight:600;color:#1f2937;flex:1}.optional-badge{background:#e5e7eb;color:#6b7280;padding:4px 12px;border-radius:var(--radius-md);font-size:12px;font-weight:500}.service-select{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:var(--radius-md);font-size:16px;font-family:inherit;background:#fff;cursor:pointer;transition:all .2s}.service-select:hover{border-color:#d1d5db}.service-select:focus{outline:none;border-color:#ec4899;box-shadow:0 0 0 3px #ec48991a}.details-textarea{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:var(--radius-md);font-size:16px;font-family:inherit;resize:vertical;min-height:80px;transition:all .2s}.details-textarea:hover{border-color:#d1d5db}.details-textarea:focus{outline:none;border-color:#ec4899;box-shadow:0 0 0 3px #ec48991a}.details-textarea::placeholder{color:#9ca3af}.length-change-section{margin-top:20px}.length-label{display:block;font-weight:500;color:#374151;margin-bottom:12px;font-size:15px}.radio-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.radio-option{display:flex;align-items:center;padding:12px 16px;border:2px solid #e5e7eb;border-radius:var(--radius-10);cursor:pointer;transition:all .2s;background:#fff}.radio-option:hover{border-color:#d1d5db;background:#f9fafb}.radio-option.selected{border-color:#ec4899;background:#fdf2f8}.radio-option input[type=radio]{margin-right:8px;cursor:pointer;accent-color:#ec4899}.radio-option span{font-size:14px;font-weight:500;color:#374151}.photo-tips{background:#eff6ff;border:2px solid #dbeafe;border-radius:var(--radius-md);padding:16px;margin-bottom:20px}.photo-tips .tip{margin:0 0 10px;color:#1e40af;font-size:14px}.photo-tips ul{margin:0;padding-left:20px;color:#1e3a8a}.photo-tips li{margin:6px 0;font-size:14px}.photo-upload-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.photo-upload-zone{display:flex;flex-direction:column}.upload-label{font-weight:600;color:#374151;margin-bottom:10px;font-size:15px}.drop-zone{border:3px dashed #d1d5db;border-radius:var(--radius-lg);background:#f9fafb;min-height:250px;display:flex;align-items:center;justify-content:center;transition:all .3s;position:relative;overflow:hidden}.drop-zone:hover{border-color:#9ca3af;background:#f3f4f6}.drop-zone.has-image{border-style:solid;border-color:#10b981;background:#fff;padding:0}.drop-zone-label{width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}.file-input{display:none}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;text-align:center}.upload-icon{font-size:48px;opacity:.5}.upload-text{font-weight:600;color:#374151;font-size:16px}.upload-hint{font-size:13px;color:#6b7280}.preview-container{width:100%;height:100%;position:relative;min-height:250px}.preview-image,.drop-zone-preview{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:13px}.remove-photo-btn{position:absolute;top:10px;right:10px;background:#ef4444f2;color:#fff;border:none;padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0003}.remove-photo-btn:hover{background:#dc2626;transform:scale(1.05)}.error-message{background:#fee2e2;border:2px solid #fecaca;color:#991b1b;padding:14px 16px;border-radius:var(--radius-md);margin-bottom:20px;font-size:14px;font-weight:500}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding-top:30px;border-top:2px solid #f3f4f6}.btn-cancel{padding:14px 28px;border:2px solid #e5e7eb;background:#fff;color:#374151;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.btn-create{padding:14px 32px;background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #ec48994d}.btn-create:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ec489966}.btn-create:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-create .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@media(max-width:768px){.transformation-builder-modal{max-height:95vh;margin:10px}.transformation-builder-header{padding:30px 20px 20px}.transformation-builder-header h2{font-size:24px}.transformation-builder-form{padding:20px}.photo-upload-grid{grid-template-columns:1fr}.radio-group{grid-template-columns:1fr 1fr}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-create{width:100%;justify-content:center}}@media(max-width:480px){.section-header{flex-wrap:wrap}.optional-badge{margin-left:44px}.radio-group{grid-template-columns:1fr}}.brands-section{margin-top:1.5rem;padding:1.5rem;background:#f8f9fa;border-radius:var(--radius-md)}.brands-label{display:block;font-weight:600;font-size:1rem;color:#333;margin-bottom:.5rem}.brands-label .optional-text{font-weight:400;font-size:.85rem;color:#666;font-style:italic}.brands-hint-top{margin:.5rem 0 1rem;font-size:.85rem;color:#666;font-style:italic}.brands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-bottom:1rem}.brand-chip{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border:2px solid #e0e0e0;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;color:#555;cursor:pointer;transition:all .2s;font-family:inherit}.brand-chip:hover{border-color:#d97398;background:#fff5f8;transform:translateY(-2px);box-shadow:0 2px 8px #d9739826}.brand-chip.selected{background:#d97398;border-color:#d97398;color:#fff;font-weight:600}.brand-chip .check{font-size:.9rem}.brand-chip.other-chip{background:#f0f0f0;border-color:#d0d0d0}.brand-chip.other-chip.selected{background:#d97398;border-color:#d97398}.other-brand-input{width:100%;padding:.75rem;border:2px solid #d97398;border-radius:var(--radius-sm);font-size:.95rem;font-family:inherit;margin-top:.75rem;background:#fff}.other-brand-input:focus{outline:none;border-color:#d97398;box-shadow:0 0 0 3px #d973981a}.selected-brands-preview{margin-top:1rem;padding:.75rem;background:#fff;border:2px solid #d97398;border-radius:var(--radius-sm);font-size:.9rem;color:#333}.selected-brands-preview strong{color:#d97398;margin-right:.5rem}.post-image-preview{width:100%!important;margin-bottom:1rem!important;border-radius:var(--radius-sm)!important;overflow:hidden!important;background:#000!important;min-height:450px!important}.post-image-preview img{width:100%!important;height:auto!important;min-height:450px!important;max-height:700px!important;object-fit:contain!important;display:block!important}.post-modal .post-image-preview{min-height:600px!important}.post-modal .post-image-preview img{min-height:600px!important;max-height:900px!important}.post-content .post-image-preview,.post-content .post-image-preview img{min-height:450px!important}.regenerate-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:backdropFadeIn .2s ease}.regenerate-modal{background:#fff;border-radius:var(--radius-xl);padding:2rem;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.regenerate-modal .close-btn{position:absolute;top:1rem;right:1rem;background:#f0f0f0;border:none;width:32px;height:32px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}@media(hover:hover){.regenerate-modal .close-btn:hover{background:#e0e0e0}}.regenerate-header{text-align:center;margin-bottom:1.5rem}.regenerate-icon{font-size:2.5rem;display:block;margin-bottom:.5rem}.regenerate-header h2{font-size:1.5rem;color:#2d2d2d;margin:0 0 .5rem}.regenerate-header p{color:#666;font-size:.95rem;margin:0}.regenerate-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.regenerate-option{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 3rem 1rem 1rem;border:2px solid #e0e0e0;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;position:relative}@media(hover:hover){.regenerate-option:hover:not(.selected){border-color:#e8d0d8;background:#faf8f9}}.regenerate-option.selected{border-color:#d87a94;background:linear-gradient(135deg,#fdf2f8,#fce7f3);box-shadow:0 0 0 1px #d87a9426}.regenerate-option input[type=radio]{display:none}.option-icon{font-size:1.25rem;width:32px;text-align:center}.option-label{font-size:.95rem;color:#2d2d2d;font-weight:500}.option-check{width:24px;height:24px;border-radius:50%;background:#e0e0e0;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:transparent;transition:all .2s ease;position:absolute;right:1rem}.regenerate-option.selected .option-check{background:linear-gradient(135deg,#f5a7b8,#8b5a7d);color:#fff}.regenerate-preview{background:#f9f9f9;border-radius:var(--radius-md);padding:1rem;margin-bottom:1.5rem}.regenerate-preview h4{font-size:.85rem;color:#888;margin:0 0 .5rem;font-weight:600}.caption-preview{font-size:.9rem;color:#555;line-height:1.5;margin:0;font-style:italic}.regenerate-actions{display:flex;gap:1rem}.regenerate-actions .btn-cancel{flex:1;padding:.875rem 1.5rem;border:2px solid #e0e0e0;background:#fff;border-radius:var(--radius-md);font-size:1rem;font-weight:600;color:#666;cursor:pointer;transition:all .2s ease}@media(hover:hover){.regenerate-actions .btn-cancel:hover{border-color:#ccc;background:#f5f5f5}}.regenerate-actions .btn-regenerate{flex:2;padding:.875rem 1.5rem;border:none;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);border-radius:var(--radius-md);font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}@media(hover:hover){.regenerate-actions .btn-regenerate:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f5a7b866}}.regenerate-actions .btn-regenerate:disabled{opacity:.7;cursor:not-allowed}.regenerate-progress{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 0 1.5rem}.regen-spinner-container{display:flex;align-items:center;justify-content:center}.regen-spinner{width:36px;height:36px;border:3px solid var(--border, #e5e7eb);border-top-color:var(--primary, #f5a7b8);border-radius:50%;animation:spin .8s linear infinite}.regen-slow-msg{color:var(--text-gray, #6b7280);font-size:.85rem;margin:0;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:480px){.regenerate-modal{padding:1.25rem 1rem;margin:.5rem}.regenerate-header{margin-bottom:1rem}.regenerate-icon{font-size:2rem;margin-bottom:.25rem}.regenerate-header h2{font-size:1.2rem;margin-bottom:.25rem}.regenerate-header p{font-size:.85rem}.regenerate-options{gap:.5rem;margin-bottom:1rem}.regenerate-option{padding:.7rem 2.75rem .7rem .75rem;gap:.5rem}.option-icon{font-size:1.1rem;width:28px}.option-label{font-size:.9rem}.option-check{width:22px;height:22px;font-size:.7rem;right:.75rem}.regenerate-actions{flex-direction:column;gap:.5rem;align-items:center}.regenerate-actions .btn-cancel,.regenerate-actions .btn-regenerate{flex:none;width:100%;min-height:48px;text-align:center;justify-content:center}}.post-builder-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:backdropFadeIn .2s ease}.post-builder-wizard{background:#fff;border-radius:var(--radius-2xl);width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 80px #0000004d;animation:builderSlideIn .3s ease}@keyframes builderSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.builder-progress-header{background:linear-gradient(135deg,#fdf2f8,#faf5ff);padding:1rem 1.5rem;position:relative}.progress-bar-container{height:6px;background:#0000001a;border-radius:3px;overflow:hidden;margin-bottom:.75rem}.progress-bar-fill{height:100%;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);border-radius:3px;transition:width .4s ease}.progress-info{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.progress-count{font-size:.9rem;font-weight:600;color:#8b5a7d}.progress-dot{color:#ccc}.progress-type{font-size:.9rem;color:#555}.progress-day{font-size:.9rem;color:#888}.builder-close-btn{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border-radius:50%;border:none;background:#fffc;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}@media(hover:hover){.builder-close-btn:hover{background:#fff;box-shadow:0 2px 8px #00000026}}.builder-content{flex:1;overflow-y:auto;padding:1.5rem 2rem 2rem}.builder-header{text-align:center;margin-bottom:1.5rem}.header-emoji{font-size:2.5rem;display:block;margin-bottom:.5rem}.builder-header h2{font-size:1.4rem;color:#2d2d2d;margin:0 0 .35rem}.builder-header p{color:#888;font-size:.95rem;margin:0}.photo-upload-grid{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.photo-upload-box{flex:1;max-width:180px;text-align:center}.upload-area{aspect-ratio:1;border:3px dashed #e0d4e8;border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;transition:all .2s;background:linear-gradient(135deg,#fdf2f8,#faf5ff);display:flex;align-items:center;justify-content:center}@media(hover:hover){.upload-area:hover{border-color:#f5a7b8;background:linear-gradient(135deg,#fce7f3,#f3e8ff);transform:scale(1.02)}}.upload-area.has-image{border-style:solid;border-color:#f5a7b8;background:#fff}.preview-image{width:100%;height:100%;object-fit:cover;object-position:top}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:1rem}.upload-icon{font-size:2.5rem}.upload-label{font-size:1rem;font-weight:600;color:#8b5a7d}.upload-hint{font-size:.8rem;color:#aaa}.photo-label{display:block;margin-top:.5rem;font-size:.85rem;font-weight:600;color:#8b5a7d}.photo-arrow{font-size:1.5rem;color:#f5a7b8;font-weight:700}.details-section{background:linear-gradient(135deg,#fdf2f8,#faf5ff);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:.9rem;font-weight:600;color:#555;margin-bottom:.5rem}.form-group label .optional{font-weight:400;color:#999;font-size:.8rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:var(--radius-10);font-size:1rem;transition:border-color .2s;box-sizing:border-box;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus-shadow)}.form-group textarea{resize:vertical;min-height:80px}.service-chips{display:flex;flex-wrap:wrap;gap:.5rem}.service-chip{padding:.5rem 1rem;background:#fff;border:2px solid #e0e0e0;border-radius:var(--radius-xl);font-size:.85rem;color:#555;cursor:pointer;transition:all .2s}@media(hover:hover){.service-chip:hover{border-color:#f5a7b8;background:#fdf8f9}}.service-chip.selected{border-color:#f5a7b8;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);color:#fff}.brand-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.brand-chip{padding:.4rem .8rem;background:#fff;border:2px solid #e0e0e0;border-radius:var(--radius-lg);font-size:.8rem;color:#666;cursor:pointer;transition:all .2s}@media(hover:hover){.brand-chip:hover{border-color:#f5a7b8}}.brand-chip.selected{border-color:#f5a7b8;background:#fce7f3;color:#8b5a7d;font-weight:500}.custom-brand-row{display:flex;gap:.5rem}.custom-brand-row input{flex:1;padding:.5rem .75rem;font-size:.85rem}.add-brand-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);border:none;border-radius:var(--radius-sm);color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.add-brand-btn:disabled{opacity:.5;cursor:not-allowed}@media(hover:hover){.add-brand-btn:hover:not(:disabled){transform:translateY(-1px)}}.selected-brands{margin-top:.5rem;font-size:.8rem;color:#8b5a7d;font-style:italic}.topic-section{margin-bottom:1.5rem}.topic-input{width:100%;padding:1rem;border:2px solid #e0e0e0;border-radius:var(--radius-md);font-size:1rem;transition:all .2s;box-sizing:border-box}.topic-input:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus-shadow)}.suggestions-group{margin-top:1rem}.suggestions-group label{display:block;font-size:.875rem;font-weight:600;color:#555;margin-bottom:.5rem}.topic-chips{display:flex;flex-wrap:wrap;gap:.5rem}.topic-chip{display:flex;align-items:center;gap:.35rem;padding:.5rem .9rem;background:#f5f5f5;border:2px solid transparent;border-radius:var(--radius-xl);font-size:.85rem;color:#555;cursor:pointer;transition:all .2s}@media(hover:hover){.topic-chip:hover{background:#fdf2f8;border-color:#f5a7b8}}.topic-chip.selected{background:linear-gradient(135deg,#fdf2f8,#fce7f3);border-color:#f5a7b8;color:#8b5a7d;font-weight:600}.seasonal-suggestions{margin-top:1.25rem;padding-top:1.25rem;border-top:1px dashed #e5e7eb}.seasonal-label{display:flex;align-items:center;gap:.4rem;font-size:.875rem;font-weight:600;color:#b45309;margin-bottom:.75rem}.seasonal-icon{font-size:1rem}.seasonal-event{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fcd34d;border-radius:var(--radius-md);padding:.75rem 1rem;margin-bottom:.75rem}.seasonal-event:last-child{margin-bottom:0}.event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.event-name{font-weight:600;color:#92400e;font-size:.9rem}.event-countdown{font-size:.75rem;font-weight:600;color:#d97706;background:#ffffffb3;padding:.2rem .5rem;border-radius:var(--radius-sm)}.seasonal-chips{gap:.4rem}.topic-chip.seasonal{background:#fffc;font-size:.8rem;padding:.4rem .7rem}@media(hover:hover){.topic-chip.seasonal:hover{background:#fff;border-color:#f59e0b}}.topic-chip.seasonal.selected{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;color:#92400e}.photo-section{background:#f9f9f9;border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.5rem}.photo-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.photo-section-header h3{font-size:1rem;color:#2d2d2d;margin:0}.engagement-badge{font-size:.9rem;font-weight:600;color:#10b981;background:#ecfdf5;padding:.3rem .75rem;border-radius:var(--radius-10)}.photo-upload-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.photo-dropzone{display:flex;align-items:center;justify-content:center;border:2px dashed #ddd;border-radius:var(--radius-md);padding:2rem 1rem;cursor:pointer;transition:all .2s;background:#fff}@media(hover:hover){.photo-dropzone:hover{border-color:#f5a7b8;background:#fdf8f9}}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:.35rem}.dropzone-icon{font-size:2rem}.dropzone-text{font-size:.9rem;font-weight:500;color:#555}.photo-ideas-box{background:#fff;border-radius:var(--radius-md);padding:1rem}.ideas-label{font-size:.85rem;font-weight:600;color:#555;display:block;margin-bottom:.5rem}.photo-ideas-box ul{margin:0;padding-left:1.25rem}.photo-ideas-box li{font-size:.85rem;color:#666;margin-bottom:.25rem;line-height:1.4}.photo-preview-wrapper{position:relative;display:inline-block}.photo-preview{max-width:200px;max-height:200px;border-radius:var(--radius-md);object-fit:cover}.remove-photo-btn{position:absolute;top:.5rem;right:.5rem;background:#000000b3;color:#fff;border:none;padding:.4rem .75rem;border-radius:var(--radius-xl);font-size:.8rem;cursor:pointer}@media(hover:hover){.remove-photo-btn:hover{background:#000000d9}}.builder-actions{display:flex;gap:1rem;padding-top:.5rem}.btn-skip{padding:.875rem 1.25rem;background:#fff;border:2px solid #e0e0e0;border-radius:var(--radius-md);font-size:1rem;font-weight:500;color:#888;cursor:pointer;transition:all .2s}@media(hover:hover){.btn-skip:hover{border-color:#ccc;background:#f9f9f9}}.btn-continue{flex:1;padding:.875rem 1.5rem;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}@media(hover:hover){.btn-continue:hover:not(:disabled):not(.btn-continue--disabled){transform:translateY(-2px);box-shadow:0 4px 15px #f5a7b866}}.btn-continue:disabled,.btn-continue--disabled{opacity:.5;cursor:not-allowed}@media(hover:hover){.btn-continue--disabled:hover{transform:none;box-shadow:none}}.mobile-step-indicator,.mobile-wizard-nav,.mobile-details-header{display:none}.desktop-only-subtitle{display:block}@media(max-width:768px){.post-builder-overlay{padding:0;align-items:stretch}.post-builder-wizard{max-height:var(--app-height, 100vh);border-radius:0;height:var(--app-height, 100vh)}.quick-start-wizard .builder-content{padding:1rem 1rem 6.5rem;padding-bottom:calc(6.5rem + env(safe-area-inset-bottom,0px))}.desktop-only-subtitle{display:none}.desktop-actions{display:none!important}.mobile-step-indicator{display:flex;align-items:center;gap:.75rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(0,0,0,.06)}.mobile-step-dots{display:flex;gap:.4rem}.mobile-step-dot{width:28px;height:4px;border-radius:var(--radius-2xs);background:#0000001f;transition:all .3s ease}.mobile-step-dot.active{background:linear-gradient(135deg,#f5a7b8,#8b5a7d);width:36px}.mobile-step-dot.completed{background:#8b5a7d}.mobile-step-label{font-size:.8rem;font-weight:600;color:#8b5a7d;letter-spacing:.02em}.mobile-wizard-step.mobile-step-hidden{display:none}.mobile-wizard-step.mobile-step-active{display:block;animation:mobileStepFadeIn .25s ease-out}@keyframes mobileStepFadeIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.mobile-details-header{display:block;font-size:.8rem;color:#8b5a7d;text-align:center;margin-bottom:.75rem;font-weight:500;opacity:.85}.mobile-wizard-nav{display:flex;gap:.75rem;position:fixed;bottom:0;left:0;right:0;padding:.75rem 1rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px));background:#fffffff5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(0,0,0,.08);z-index:10000;pointer-events:auto}.mobile-nav-cancel,.mobile-nav-back{padding:.875rem 1.25rem;background:#fff;border:2px solid #e0e0e0;border-radius:var(--radius-md);font-size:.95rem;font-weight:500;color:#888;cursor:pointer;transition:all .15s;white-space:nowrap}.mobile-nav-cancel:active,.mobile-nav-back:active{background:#f5f5f5;transform:scale(.97)}.mobile-nav-next,.mobile-nav-create{flex:1;padding:.875rem 1.25rem;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;color:#fff;cursor:pointer;transition:all .15s;box-shadow:0 2px 8px #8b5a7d40;pointer-events:auto;touch-action:manipulation}.mobile-nav-next:active:not(:disabled),.mobile-nav-create:active:not(:disabled){transform:scale(.98);box-shadow:0 1px 4px #8b5a7d33}.mobile-nav-next:disabled,.mobile-nav-create:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.quick-start-wizard .builder-progress-header{padding:.75rem 1rem}.quick-start-wizard .header-emoji{display:none}.quick-start-wizard .builder-header h2{font-size:1.1rem;margin-bottom:0}.quick-start-wizard .builder-header{margin-bottom:0}.quick-start-wizard .form-group label .optional{display:none}.quick-start-wizard .form-group label{font-size:1.2rem;font-weight:700;color:#2d2d2d;margin-bottom:.5rem}.quick-start-wizard .form-group textarea{font-size:1rem;min-height:120px;padding:.85rem;line-height:1.5}.quick-start-wizard .details-section{padding:.75rem;margin-bottom:.75rem}.quick-start-wizard [data-step="2"] .details-section,.quick-start-wizard [data-step="3"] .details-section{padding:0;background:none}.quick-start-wizard .form-group{margin-bottom:.75rem}.photo-upload-grid{flex-direction:column}.photo-upload-box{max-width:160px}.photo-arrow{transform:rotate(90deg)}.photo-upload-row{grid-template-columns:1fr}.post-builder-wizard:has(textarea:focus,.topic-input:focus) .builder-header{display:none}.post-builder-wizard:has(textarea:focus,.topic-input:focus) .builder-progress-header{padding-top:.5rem;padding-bottom:.5rem}}@media(max-width:380px){.quick-start-wizard .builder-content{padding:.75rem .75rem 6.5rem;padding-bottom:calc(6.5rem + env(safe-area-inset-bottom,0px))}.mobile-nav-next,.mobile-nav-create{font-size:.85rem;padding:.75rem 1rem}}@media(min-width:769px){.post-builder-wizard{max-width:680px}}.tf-video-upload-area{margin-top:.25rem}.tf-video-selected-badge{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;background:#ecfdf5;border:2px solid #059669;border-radius:var(--radius-md);font-size:.95rem;color:#065f46;font-weight:500}.tf-video-check{color:#059669;font-weight:700;font-size:1.1rem}.mpb-topic-step{display:flex;flex-direction:column;gap:1.25rem}.mpb-topic-step .topic-input{width:100%;padding:.875rem 1rem;border:2px solid #e0e0e0;border-radius:var(--radius-md);font-size:1rem;transition:border-color .2s;box-sizing:border-box;background:#fff}.mpb-topic-step .topic-input:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus-shadow)}.mpb-photo-step{display:flex;flex-direction:column;gap:1rem}.mpb-photo-header{display:flex;align-items:center;gap:.75rem}.mpb-photo-header h3{font-size:1.3rem;color:#2d2d2d;margin:0}.mpb-photo-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2.5rem 1rem;border:2px dashed #ddd;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;background:linear-gradient(135deg,#fdf2f8,#faf5ff)}.mpb-photo-dropzone:active{border-color:#f5a7b8;background:linear-gradient(135deg,#fce7f3,#f3e8ff);transform:scale(.98)}.mpb-dropzone-icon{font-size:2.5rem}.mpb-dropzone-text{font-size:1.15rem;font-weight:600;color:#8b5a7d}.mpb-dropzone-hint{font-size:.92rem;color:#999}.mpb-dropzone-instagram-hint{font-size:.8rem;color:#7c3aed;font-weight:500;margin-top:2px}.mpb-photo-preview{position:relative;display:flex;justify-content:center}.mpb-photo-preview img{width:100%;max-height:350px;border-radius:var(--radius-lg);object-fit:cover}.mpb-remove-photo{position:absolute;top:.75rem;right:.75rem;background:#000000b3;color:#fff;border:none;padding:.5rem .875rem;border-radius:var(--radius-xl);font-size:.85rem;font-weight:500;cursor:pointer}.mpb-remove-photo:active{background:#000000d9}.mpb-photo-ideas{background:#f9f9f9;border-radius:var(--radius-md);padding:1.25rem}.mpb-ideas-label{font-size:1.05rem;font-weight:600;color:#555;display:block;margin-bottom:.6rem}.mpb-photo-ideas ul{margin:0;padding-left:1.25rem}.mpb-photo-ideas li{font-size:1.05rem;color:#555;margin-bottom:.45rem;line-height:1.55}.mpb-video-tips{background:#f9f9f9;border-radius:var(--radius-md);padding:1.25rem;margin-top:1rem}.mpb-video-tips ul{margin:0;padding-left:1.25rem}.mpb-video-tips li{font-size:1.05rem;color:#555;margin-bottom:.45rem;line-height:1.55}.mpb-video-ready-badge{margin-top:1rem;padding:.6rem 1rem;background:#ecfdf5;border:1px solid #059669;border-radius:var(--radius-10);font-size:.85rem;color:#065f46;font-weight:500}.mpb-video-ready-badge span{font-weight:700;color:#059669}.mpb-video-picker-inline{margin-bottom:1.25rem;border-bottom:1px solid var(--border, #e5e7eb);padding-bottom:1rem}.mpb-video-confirm-step{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1rem;min-height:200px}.mpb-video-ready-confirm{display:flex;flex-direction:column;align-items:center;gap:.75rem}.mpb-video-confirm-step .mpb-video-ready-badge{margin-top:0}.mpb-confirm-topic{font-size:.95rem;color:var(--text-gray, #6b7280)}.mpb-confirm-text{font-size:1.1rem;font-weight:500;color:var(--text-dark, #374151)}.mpb-video-uploading-status{display:flex;flex-direction:column;align-items:center;gap:1rem}.mpb-uploading-spinner{width:40px;height:40px;border:3px solid var(--border, #e5e7eb);border-top-color:var(--primary, #f5a7b8);border-radius:50%;animation:mpb-spin .8s linear infinite}@keyframes mpb-spin{to{transform:rotate(360deg)}}.mpb-video-uploading-status p{font-size:1rem;color:var(--text-gray, #6b7280)}.mpb-video-not-selected{color:var(--text-gray, #6b7280);font-size:1rem}.mpb-review-step{display:flex;flex-direction:column;gap:1.25rem}.mpb-review-card{background:linear-gradient(135deg,#fdf2f8,#faf5ff);border-radius:var(--radius-lg);padding:1.25rem;display:flex;flex-direction:column;gap:.875rem}.mpb-review-row{display:flex;justify-content:space-between;align-items:center}.mpb-review-label{font-size:.85rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.04em}.mpb-review-value{font-size:.95rem;font-weight:500;color:#2d2d2d}.mpb-review-photo-thumb{display:flex;justify-content:center;margin-top:.5rem}.mpb-review-photo-thumb img{max-width:100%;max-height:200px;border-radius:var(--radius-md);object-fit:cover}.mpb-review-hint{font-size:.85rem;color:#888;text-align:center;line-height:1.5;padding:0 .5rem}.mpb-topic-cards{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.mpb-topic-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem 1rem;background:#fff;border:2px solid #e0e0e0;border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;text-align:center;box-shadow:0 4px 6px #0000001a;position:relative}@media(hover:hover){.mpb-topic-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026;border-color:#f5a7b8}}.mpb-topic-card.selected{background:linear-gradient(135deg,#f5a7b8,#8b5a7d);border-color:transparent;color:#fff;transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.mpb-topic-card-icon{font-size:2rem}.mpb-topic-card-label{font-size:1rem;font-weight:600;color:#2d2d2d}.mpb-topic-card.selected .mpb-topic-card-label{color:#fff}.mpb-topic-card-check{position:absolute;top:.75rem;right:.75rem;font-size:.9rem;font-weight:700;color:#fff;width:24px;height:24px;background:#ffffff4d;border-radius:50%;display:flex;align-items:center;justify-content:center}.mpb-seasonal-group{padding-top:.5rem;border-top:1px solid #f0e0e8}.mpb-seasonal-icon{margin-right:.25rem}.mpb-seasonal-event{margin-bottom:.75rem}.mpb-seasonal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.mpb-seasonal-name{font-size:.95rem;font-weight:600;color:#2d2d2d}.mpb-seasonal-countdown{font-size:.8rem;font-weight:600;color:#8b5a7d;background:#fdf2f8;padding:.2rem .6rem;border-radius:var(--radius-10)}.mpb-seasonal-card{border-color:#f0e0e8!important;background:#fdf8fa!important}.mpb-seasonal-card.selected{background:linear-gradient(135deg,#f5a7b8,#8b5a7d)!important;border-color:transparent!important}@media(max-width:768px){.mobile-post-builder .builder-progress-header{padding:.75rem 1rem}.mobile-post-builder .header-emoji{display:none}.mobile-post-builder .builder-header h2{font-size:1.1rem;margin-bottom:0}.mobile-post-builder .builder-header{margin-bottom:0}.mobile-post-builder .builder-content{padding:1rem 1rem 7.5rem;padding-bottom:calc(7.5rem + env(safe-area-inset-bottom,0px))}.mpb-topic-step .form-group label{font-size:1.15rem;font-weight:700;color:#2d2d2d}.mpb-topic-step .suggestions-group label{font-size:.95rem;font-weight:600;color:#555}.mpb-topic-step .topic-input{font-size:16px}.mpb-topic-cards{display:grid;grid-template-columns:1fr;gap:.6rem}.mpb-topic-card{display:flex;flex-direction:row;align-items:center;gap:.85rem;padding:1rem 1.15rem;background:#fff;border:2px solid #e0e0e0;border-radius:var(--radius-14);cursor:pointer;transition:all .2s ease;text-align:left;min-height:56px;box-sizing:border-box;position:relative}.mpb-topic-card.selected{background:linear-gradient(135deg,#f5a7b8,#8b5a7d);border-color:transparent;color:#fff;box-shadow:0 4px 12px #8b5a7d4d}.mpb-topic-card:active:not(.selected){border-color:#f5a7b8;background:#fdf2f8;transform:scale(.98)}.mpb-topic-card-icon{font-size:1.8rem;flex-shrink:0;line-height:1}.mpb-topic-card-label{font-size:1.05rem;font-weight:600;color:#2d2d2d;flex:1}.mpb-topic-card.selected .mpb-topic-card-label{color:#fff}.mpb-topic-card-check{position:static;width:auto;height:auto;background:none;border-radius:0;font-size:1.1rem;font-weight:700;color:#fff;flex-shrink:0}.mpb-photo-dropzone{padding:3rem 1rem}.mobile-post-builder [data-step="2"] .details-section,.mobile-post-builder [data-step="3"] .details-section{padding:0;background:none}.mobile-post-builder .form-group label .optional{display:none}.mobile-post-builder .form-group label{font-size:1.2rem;font-weight:700;color:#2d2d2d;margin-bottom:.5rem}.mobile-post-builder .form-group textarea{font-size:16px;min-height:120px;padding:.85rem;line-height:1.5}.mobile-post-builder .details-section{padding:.75rem;margin-bottom:.75rem}.mobile-post-builder .form-group{margin-bottom:.75rem}.mobile-post-builder .mobile-wizard-nav{display:flex;flex-direction:row;gap:.75rem;position:fixed;bottom:0;left:0;right:0;padding:.875rem 1rem;padding-bottom:calc(.875rem + env(safe-area-inset-bottom,0px));background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(0,0,0,.06);z-index:1001}.mobile-post-builder .mobile-wizard-nav button{min-height:54px;border-radius:var(--radius-14);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.mobile-post-builder .mobile-nav-cancel,.mobile-post-builder .mobile-nav-back{flex:1;padding:1rem 1.25rem;background:#fff;border:2px solid #e0e0e0;color:#555;white-space:nowrap;box-shadow:0 2px 4px #0000000a}.mobile-post-builder .mobile-nav-cancel:active,.mobile-post-builder .mobile-nav-back:active{background:#f9f5fb;border-color:#f5a7b8;transform:scale(.97)}.mobile-post-builder .mobile-nav-next,.mobile-post-builder .mobile-nav-create{flex:2;padding:1rem 1.5rem;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);border:none;color:#fff;box-shadow:0 4px 12px #8b5a7d4d}.mobile-post-builder .mobile-nav-next:active:not(:disabled),.mobile-post-builder .mobile-nav-create:active:not(:disabled){transform:scale(.97);box-shadow:0 2px 6px #8b5a7d33}.mobile-post-builder .mobile-nav-next:disabled,.mobile-post-builder .mobile-nav-create:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}}.strategy-nudge{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.2rem;border-radius:var(--radius-md);margin-bottom:1rem;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nudge-suggestion{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #90caf9}.nudge-action{background:linear-gradient(135deg,#fff8e1,#ffecb3);border:1px solid #ffe082}.nudge-seasonal{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border:1px solid #ce93d8}.nudge-celebration{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:1px solid #ffcc80}.nudge-content{display:flex;align-items:flex-start;gap:.8rem;flex:1;min-width:0}.nudge-icon{font-size:1.3rem;flex-shrink:0;margin-top:2px}.nudge-text{flex:1;min-width:0}.nudge-text strong{display:block;font-size:.9rem;color:#333;margin-bottom:.15rem}.nudge-text p{font-size:.82rem;color:#555;margin:0;line-height:1.4}.nudge-dismiss{background:#ffffffb3;border:1px solid rgba(0,0,0,.12);border-radius:var(--radius-6);padding:.35rem .8rem;font-size:.78rem;font-weight:600;color:#666;cursor:pointer;transition:background .15s;white-space:nowrap;flex-shrink:0}.nudge-dismiss:hover{background:#fffffff2}@media(max-width:600px){.strategy-nudge{flex-direction:column;align-items:flex-start}.nudge-dismiss{align-self:flex-end}}.carousel-preview{position:relative;border-radius:var(--radius-md);overflow:hidden}.carousel-counter{position:absolute;top:10px;right:10px;background:#000000a6;color:#fff;padding:3px 10px;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;z-index:3;letter-spacing:.5px;pointer-events:none}.carousel-role-label{position:absolute;top:10px;left:10px;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);color:#fff;padding:3px 10px;border-radius:var(--radius-md);font-size:.7rem;font-weight:600;z-index:3;text-transform:uppercase;letter-spacing:1px;pointer-events:none}.carousel-slides-container{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;aspect-ratio:4/5;background:#f5f0ec}.carousel-slides-container::-webkit-scrollbar{display:none}.carousel-slide{scroll-snap-align:start;flex:0 0 100%;min-width:100%;position:relative;overflow:hidden}.carousel-slide-image{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;-webkit-transform:translateZ(0);transform:translateZ(0)}.carousel-slide-placeholder{position:absolute;inset:0;background:#f5f0ec;display:flex;align-items:center;justify-content:center;z-index:1}.carousel-slide-shimmer{width:100%;height:100%;background:linear-gradient(90deg,#f5f0ec 25%,#ede5df,#f5f0ec 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;border:none;background:#ffffffd9;color:#333;font-size:1.3rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3;transition:all .2s;box-shadow:0 2px 6px #0003;line-height:1;padding:0}.carousel-nav:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.carousel-nav-prev{left:8px}.carousel-nav-next{right:8px}.carousel-dots{display:flex;justify-content:center;gap:5px;padding:8px 0;background:#fff}.carousel-dot{width:7px;height:7px;border-radius:50%;border:none;background:#d4d4d4;cursor:pointer;padding:0;transition:all .2s}.carousel-dot.active{background:linear-gradient(135deg,#f5a7b8,#8b5a7d);width:18px;border-radius:var(--radius-xs)}.carousel-dot:hover:not(.active){background:#aaa}.carousel-badge-indicator{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:600;color:#8b5a7d;background:linear-gradient(135deg,#fdf2f8,#fce7f3);padding:.2rem .5rem;border-radius:var(--radius-sm);margin-left:.5rem}.carousel-quality-badge{position:absolute;bottom:10px;left:17.5%;width:65%;display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--radius-md);font-size:.72rem;font-weight:600;color:#fff;border:none;cursor:pointer;z-index:3;box-shadow:0 2px 8px #00000059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:left}.carousel-quality-badge:active{opacity:.9}.carousel-quality-badge.cq-green{background:#10b981d9}.carousel-quality-badge.cq-yellow{background:#f59e0bd9}.carousel-quality-badge.cq-orange{background:#ef4444d9}.cqb-score{font-weight:800;font-size:.8rem;letter-spacing:.3px;flex-shrink:0}.cqb-attr{display:inline-flex;align-items:center;gap:2px;opacity:.95;font-weight:500;white-space:nowrap}.cqb-icon{font-weight:700;font-size:.65rem}@media(max-width:768px){.carousel-nav{display:none}}.ready-to-post-overlay{position:fixed;inset:0;background:#fff;z-index:2000;display:flex;flex-direction:column;animation:rtpFadeIn .2s ease}@keyframes rtpFadeIn{0%{opacity:0}to{opacity:1}}.ready-to-post-container{max-width:500px;margin:0 auto;width:100%;height:100%;display:flex;flex-direction:column;padding:.75rem 1.25rem;padding-bottom:env(safe-area-inset-bottom,0px)}.rtp-close-btn{position:fixed;top:.75rem;right:.75rem;background:#f0f0f0;border:none;width:36px;height:36px;border-radius:50%;font-size:1.1rem;cursor:pointer;z-index:2001;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:#666}@media(hover:hover){.rtp-close-btn:hover{background:#e0e0e0;transform:rotate(90deg)}}.rtp-header{text-align:center;margin-bottom:.4rem;flex-shrink:0}.rtp-title{font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .15rem}.rtp-subtitle{font-size:.8rem;color:#999;font-weight:500}.rtp-steps-container{background:linear-gradient(135deg,#fdf2f4,#f5f0ff);border:1.5px solid rgba(245,167,184,.3);border-radius:var(--radius-14);padding:.75rem 1rem .6rem;margin-bottom:.75rem;flex-shrink:0}.rtp-steps{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;gap:.15rem}.rtp-step{display:flex;flex-direction:column;align-items:center;gap:.3rem;flex:1;opacity:.35;transition:all .3s ease}.rtp-step.clickable{cursor:pointer}.rtp-step.active{opacity:1}.rtp-step.completed{opacity:.8}.rtp-step-num{width:40px;height:40px;border-radius:50%;background:#e8e8e8;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:#888;transition:all .3s ease}.rtp-step.active .rtp-step-num{background:linear-gradient(135deg,#f5a7b8,#8b5a7d);color:#fff;box-shadow:0 3px 10px #f5a7b880;animation:stepPulse 2s ease-in-out infinite}@keyframes stepPulse{0%,to{transform:scale(1);box-shadow:0 3px 10px #f5a7b880}50%{transform:scale(1.06);box-shadow:0 5px 16px #f5a7b899}}.rtp-step.completed .rtp-step-num{background:#10b981;color:#fff;box-shadow:0 2px 8px #10b98166;animation:none}.rtp-step-label{font-size:.65rem;font-weight:600;color:#888;text-align:center;text-transform:uppercase;letter-spacing:.3px}.rtp-step.active .rtp-step-label{color:#8b5a7d;font-weight:700}.rtp-step.completed .rtp-step-label{color:#10b981}.rtp-step-arrow{display:flex;align-items:center;font-size:1.2rem;font-weight:700;color:#ccc;margin:0 .1rem;padding-bottom:1.2rem;transition:color .3s ease}.rtp-step-arrow.completed{color:#10b981}.rtp-progress-bar{height:4px;background:#e8e8e8;border-radius:var(--radius-2xs);overflow:hidden}.rtp-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:var(--radius-2xs);transition:width .5s ease}.rtp-page{flex:1;display:flex;flex-direction:column;animation:rtpPageIn .25s ease;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}@keyframes rtpPageIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.rtp-page-save{gap:.5rem}.rtp-photo-section{border-radius:var(--radius-md);overflow:hidden;box-shadow:0 2px 10px #00000014;flex:1;min-height:0}.rtp-photo-section .carousel-preview{height:100%}.rtp-photo-section .carousel-slides-container{aspect-ratio:unset!important;height:100%!important}.rtp-image-wrapper{border-radius:var(--radius-md);overflow:hidden;line-height:0;height:100%}.rtp-preview-image{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}.rtp-page-copy{gap:.5rem}.rtp-caption-section,.rtp-hashtags-section{padding:.65rem .9rem;background:#f9fafb;border-radius:var(--radius-10);border:1px solid #f0f0f0;flex-shrink:0}.rtp-caption-section{flex:1;min-height:0;overflow-y:auto}.rtp-section-title{font-size:.7rem;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.8px;margin:0 0 .3rem}.rtp-caption-text{font-size:.88rem;line-height:1.5;color:#2d2d2d;white-space:pre-wrap;word-break:break-word}.rtp-hashtags-text{font-size:.82rem;line-height:1.5;color:#8b5a7d;word-break:break-word}.rtp-copy-buttons{display:flex;flex-direction:column;gap:.4rem;flex-shrink:0}.rtp-copy-row{display:flex;gap:.4rem}.rtp-copy-row .rtp-action-btn{flex:1;font-size:.85rem;padding:.6rem .5rem;min-height:42px;margin-bottom:0}.rtp-page-post{gap:.75rem;align-items:center}.rtp-post-card{width:100%;background:#f9fafb;border-radius:var(--radius-14);border:1px solid #ececec;overflow:hidden;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:space-evenly}.rtp-mini-preview{display:flex;gap:.85rem;padding:1rem;align-items:flex-start}.rtp-mini-thumb{width:88px;height:88px;border-radius:var(--radius-10);overflow:hidden;flex-shrink:0;position:relative;box-shadow:0 2px 6px #00000014}.rtp-mini-thumb-img{width:100%;height:100%;object-fit:cover;display:block}.rtp-mini-carousel-badge{position:absolute;top:4px;right:4px;background:#000000a6;color:#fff;font-size:.6rem;font-weight:700;padding:2px 5px;border-radius:var(--radius-xs);line-height:1.3}.rtp-mini-text{display:flex;flex-direction:column;gap:.35rem;min-width:0;flex:1;padding-top:2px}.rtp-mini-caption{font-size:.95rem;color:#2d2d2d;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.rtp-mini-hashtags{font-size:.85rem;color:#8b5a7d;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rtp-card-divider{height:1px;background:#e8e8e8;margin:0 .85rem}.rtp-checklist{display:flex;flex-direction:column;gap:.5rem;padding:.85rem 1rem}.rtp-check-item{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;transition:opacity .3s ease}.rtp-check-item.done{opacity:.55}.rtp-check-icon{font-size:1.35rem;flex-shrink:0;line-height:1}.rtp-check-label{font-size:1.1rem;color:#2d2d2d;font-weight:500}.rtp-check-item.done .rtp-check-label{text-decoration:line-through;color:#999}.rtp-card-tip{padding:.75rem 1rem;background:linear-gradient(135deg,#fefce8,#fef9c3);font-size:.9rem;color:#92400e;line-height:1.45;font-weight:500;border-top:1px solid #fde68a}.rtp-instagram-btn{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);color:#fff;box-shadow:0 4px 16px #833ab459;font-size:1.15rem;width:100%;padding:1rem;letter-spacing:.2px}@media(hover:hover){.rtp-instagram-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #833ab473}}.rtp-direct-publish-btn{background:linear-gradient(135deg,#833ab4,#c13584,#e1306c);color:#fff;box-shadow:0 4px 16px #833ab459;font-size:1.15rem;width:100%;padding:1rem;letter-spacing:.2px}.rtp-direct-publish-btn:disabled{opacity:.7;cursor:not-allowed}@media(hover:hover){.rtp-direct-publish-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 20px #833ab473}}.rtp-posted-btn-outline{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;font-size:1rem;padding:.85rem;width:100%;box-shadow:0 3px 10px #10b9814d}@media(hover:hover){.rtp-posted-btn-outline:hover{transform:translateY(-1px);box-shadow:0 5px 14px #10b98166}}.rtp-action-btn{width:100%;padding:.85rem 1rem;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:48px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;flex-shrink:0}.rtp-action-btn:active{transform:scale(.98)}.rtp-download-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 3px 10px #10b9814d}@media(hover:hover){.rtp-download-btn:hover{transform:translateY(-1px);box-shadow:0 5px 14px #10b98166}}.rtp-copy-btn{background:linear-gradient(135deg,#f5a7b8,#8b5a7d);color:#fff;box-shadow:0 2px 8px #f5a7b84d}@media(hover:hover){.rtp-copy-btn:hover{transform:translateY(-1px);box-shadow:0 3px 10px #f5a7b866}}.rtp-copy-btn.secondary{background:#f0f0f0;color:#555;box-shadow:none}@media(hover:hover){.rtp-copy-btn.secondary:hover{background:#e5e5e5}}.rtp-copy-all-btn{background:linear-gradient(135deg,#f5a7b8,#8b5a7d);color:#fff;box-shadow:0 2px 8px #f5a7b84d}@media(hover:hover){.rtp-copy-all-btn:hover{transform:translateY(-1px);box-shadow:0 3px 10px #f5a7b866}}.rtp-copy-all-btn.copied{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 3px 10px #10b98159!important;transition:background .3s ease,box-shadow .3s ease}.rtp-already-posted{text-align:center;padding:1rem;background:#f0fdf4;border:2px solid #bbf7d0;border-radius:var(--radius-md);color:#16a34a;font-weight:700;font-size:1.1rem;width:100%}.rtp-success-hint{text-align:center;padding:.5rem .75rem;color:#059669;font-weight:600;font-size:.85rem;background:#f0fdf4;border-radius:var(--radius-sm);border:1px solid #bbf7d0;flex-shrink:0}.rtp-ios-save-hint{display:flex;align-items:flex-start;gap:.5rem;padding:.65rem .75rem;background:linear-gradient(135deg,#eff6ff,#f0f7ff);border:1.5px solid #bfdbfe;border-radius:var(--radius-10);flex-shrink:0}.rtp-ios-save-icon{font-size:1.1rem;flex-shrink:0;margin-top:1px}.rtp-ios-save-text{font-size:.85rem;color:#1e40af;line-height:1.45;font-weight:500}.rtp-ios-save-text strong{font-weight:700}.rtp-tip{display:flex;align-items:flex-start;gap:.4rem;padding:.5rem .75rem;background:linear-gradient(135deg,#fef9c3,#fef3c7);border-radius:var(--radius-sm);border:1px solid #fde68a;flex-shrink:0}.rtp-tip-icon{font-size:.85rem;flex-shrink:0;margin-top:1px}.rtp-tip-text{font-size:.75rem;color:#92400e;line-height:1.4;font-weight:500}.rtp-page-nav{display:flex;justify-content:space-between;align-items:center;padding-top:.5rem;margin-top:auto;flex-shrink:0;gap:.75rem}.rtp-nav-btn{padding:.65rem 1.2rem;border:none;border-radius:var(--radius-10);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:42px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px}.rtp-nav-back{background:#f0f0f0;color:#666}@media(hover:hover){.rtp-nav-back:hover{background:#e5e5e5}}.rtp-nav-next{background:linear-gradient(135deg,#f5a7b8,#8b5a7d);color:#fff;box-shadow:0 2px 8px #f5a7b84d;flex:1;max-width:250px}@media(hover:hover){.rtp-nav-next:hover{transform:translateY(-1px);box-shadow:0 3px 10px #f5a7b866}}.rtp-nav-close{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d;flex:1;max-width:250px}@media(hover:hover){.rtp-nav-close:hover{transform:translateY(-1px);box-shadow:0 3px 10px #10b98166}}@media(max-width:480px){.ready-to-post-container{padding:.5rem .75rem;padding-bottom:env(safe-area-inset-bottom,0px)}.rtp-title{font-size:1.15rem}.rtp-header{margin-bottom:.3rem}.rtp-steps-container{padding:.4rem .6rem .35rem;margin-bottom:.4rem}.rtp-step-num{width:32px;height:32px;font-size:.95rem}.rtp-step-label{font-size:.55rem}.rtp-step-arrow{font-size:1rem;padding-bottom:.8rem}.rtp-progress-bar{height:3px}.rtp-action-btn{padding:.7rem .75rem;min-height:44px}.rtp-nav-btn{padding:.55rem .9rem;min-height:40px}.rtp-caption-text{font-size:.82rem;line-height:1.4}.rtp-hashtags-text{font-size:.78rem}.rtp-post-card{border-radius:var(--radius-md)}.rtp-mini-preview{padding:.75rem;gap:.65rem}.rtp-mini-thumb{width:76px;height:76px}.rtp-mini-caption{font-size:.9rem}.rtp-card-divider{margin:0 .75rem}.rtp-checklist{padding:.7rem .75rem;gap:.4rem}.rtp-check-label{font-size:1.05rem}.rtp-card-tip{padding:.65rem .75rem;font-size:.85rem}}@media(max-height:500px){.rtp-header{margin-bottom:.2rem}.rtp-steps-container{padding:.3rem .5rem .25rem;margin-bottom:.3rem}.rtp-step-num{width:28px;height:28px;font-size:.8rem}.rtp-step-label{display:none}.rtp-step-arrow{padding-bottom:0}}.guidance-card{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem;border-radius:var(--radius-lg);background:linear-gradient(135deg,#fce4ec,#f8bbd0,#f3e5f5);border:1px solid #f5a7b8;margin-bottom:1.5rem;animation:guidanceSlideDown .4s ease;box-shadow:0 4px 16px #f5a7b833}.guidance-card.variant-celebrate{background:linear-gradient(135deg,#d1fae5,#a7f3d0 40%,#e0f2fe);border:3px solid #6ee7b7;box-shadow:0 4px 20px #6ee7b759;padding:1.5rem 1.75rem;animation:guidanceSlideDown .4s ease,celebratePulse 2.5s ease-in-out infinite;position:relative;overflow:hidden}.guidance-card.variant-celebrate:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 3s ease-in-out infinite;pointer-events:none}@keyframes shimmer{0%{left:-100%}50%,to{left:100%}}@keyframes celebratePulse{0%,to{box-shadow:0 4px 20px #6ee7b759;border-color:#6ee7b7}50%{box-shadow:0 6px 28px #6ee7b780,0 0 0 4px #6ee7b726;border-color:#34d399}}.guidance-card.variant-celebrate .guidance-card-header{font-size:1.15rem}.guidance-card.variant-celebrate .guidance-message{font-size:1rem}.guidance-card.variant-celebrate .guidance-btn-primary{background:linear-gradient(135deg,#059669,#0891b2);box-shadow:0 2px 8px #0596694d;padding:.75rem 1.5rem;font-size:1rem}@media(hover:hover){.guidance-card.variant-celebrate .guidance-btn-primary:hover{box-shadow:0 4px 12px #05966966}}.guidance-card.variant-celebrate .guidance-dismiss{color:#6b7280}@keyframes guidanceSlideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.guidance-card-header{display:flex;align-items:center;gap:.6rem}.guidance-icon{font-size:1.5rem;flex-shrink:0}.guidance-title{font-size:1.05rem;font-weight:700;color:#333;margin:0}.guidance-message{font-size:.92rem;color:#555;line-height:1.55;margin:0;display:flex;flex-direction:column;gap:.15rem}.guidance-actions{display:flex;gap:.75rem;flex-wrap:wrap}.guidance-btn-primary{padding:.65rem 1.3rem;border:none;border-radius:var(--radius-10);font-size:.9rem;font-weight:600;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #f5a7b84d}@media(hover:hover){.guidance-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f5a7b866}}.guidance-btn-secondary{padding:.65rem 1.3rem;border:1px solid rgba(0,0,0,.12);border-radius:var(--radius-10);font-size:.9rem;font-weight:600;background:#ffffffb3;color:#555;cursor:pointer;transition:all .15s}@media(hover:hover){.guidance-btn-secondary:hover{background:#fffffff2}}.guidance-dismiss{font-size:.82rem;color:#888;background:none;border:none;cursor:pointer;padding:.2rem 0;align-self:flex-start;text-decoration:underline;text-underline-offset:2px;transition:color .15s}@media(hover:hover){.guidance-dismiss:hover{color:#666}}.guidance-card.compact{flex-direction:row;align-items:center;justify-content:space-between;padding:.9rem 1.2rem;gap:1rem}.guidance-card.compact .guidance-message{display:none}.guidance-card.compact .guidance-actions{flex-shrink:0}.guidance-card.compact .guidance-dismiss{align-self:center}@media(max-width:768px){.guidance-card{margin-left:-.25rem;margin-right:-.25rem;border-radius:var(--radius-md)}.guidance-actions{flex-direction:column}.guidance-btn-primary,.guidance-btn-secondary{width:100%;text-align:center;padding:.75rem 1rem;min-height:48px}.guidance-card.compact{flex-direction:column;align-items:flex-start}.guidance-card.compact .guidance-actions{width:100%}.guidance-callout{font-size:.85rem;padding:.2rem .55rem;gap:.3rem}.callout-marker{width:17px;height:17px;font-size:.65rem}.callout-arrow{font-size:1rem}.action-with-guidance .callout-above{margin-bottom:.4rem}.action-with-guidance .callout-amber.callout-above{margin-bottom:.5rem}.action-with-guidance .callout-below{margin-top:.4rem}.action-with-guidance .callout-green.callout-below{margin-top:.5rem}}.guidance-card.point-down{position:relative;margin-bottom:2rem}.guidance-arrow-down{position:absolute;bottom:-16px;left:50%;transform:translate(-50%);width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:16px solid #f5a7b8;animation:guidanceArrowBounce 1.5s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(245,167,184,.3))}@keyframes guidanceArrowBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}.guidance-step{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.guidance-step:last-child{margin-bottom:0}.guidance-marker{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-size:.85rem;font-weight:900;color:#fff;flex-shrink:0}.guidance-marker.marker-purple{background:#7c3aed;box-shadow:0 2px 6px #7c3aed4d}.guidance-marker.marker-blue{background:#3b82f6;box-shadow:0 2px 6px #3b82f64d}.guidance-marker.marker-green{background:#059669;box-shadow:0 2px 6px #0596694d}.guidance-marker.marker-amber{background:#d97706;box-shadow:0 2px 6px #d977064d}.guidance-caption-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;width:100%}.guidance-caption-wrapper .callout-above{margin-bottom:.4rem}.guidance-caption-wrapper .editable-caption-container{width:100%}.guidance-btn-wrapper{position:relative}.guidance-callout-row{grid-column:1 / -1;width:100%;margin-bottom:.5rem;margin-top:.25rem}.action-with-guidance{display:flex;flex-direction:column;align-items:stretch;width:100%}.action-with-guidance .callout-above,.action-with-guidance .callout-below{margin:0 auto;width:fit-content}.action-with-guidance .callout-above{margin-bottom:.75rem}.action-with-guidance .callout-amber.callout-above{margin-bottom:1.1rem}.action-with-guidance .callout-below{margin-top:.75rem}.action-with-guidance .callout-green.callout-below{margin-top:1.1rem}.action-with-guidance .action-btn{width:100%}.guidance-callout{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border-radius:var(--radius-xl);font-size:.78rem;font-weight:600;color:#555;margin-bottom:.5rem;letter-spacing:.02em;pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:0;transform:scale(.5)}.guidance-callout.callout-step-1{animation:calloutEntrance 2.4s ease-out 0s forwards,calloutGlow 3s ease-in-out 2.4s infinite}.guidance-callout.callout-step-2{animation:calloutEntrance 2.4s ease-out .5s forwards,calloutGlow 3s ease-in-out 2.9s infinite}.guidance-callout.callout-step-3{animation:calloutEntrance 2.4s ease-out 1s forwards,calloutGlow 3s ease-in-out 3.4s infinite}@keyframes calloutEntrance{0%{opacity:0;transform:scale(.5)}8%{opacity:1;transform:scale(1.2)}16%{opacity:1;transform:scale(.95)}24%{opacity:1;transform:scale(1.15)}32%{opacity:1;transform:scale(.97)}40%{opacity:1;transform:scale(1.1)}48%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}.guidance-callout.callout-purple{background:#7c3aed14;border:1.5px dashed rgba(124,58,237,.4);color:#6d28d9}.guidance-callout.callout-blue{background:#3b82f614;border:1.5px dashed rgba(59,130,246,.4);color:#2563eb}.guidance-callout.callout-green{background:#05966914;border:1.5px dashed rgba(5,150,105,.4);color:#047857}.guidance-callout.callout-amber{background:#d9770614;border:1.5px dashed rgba(217,119,6,.4);color:#b45309}.callout-marker{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;font-size:.7rem;font-weight:800;flex-shrink:0;color:#fff}.callout-purple .callout-marker{background:#7c3aed}.callout-blue .callout-marker{background:#3b82f6}.callout-green .callout-marker{background:#059669}.callout-amber .callout-marker{background:#d97706}.callout-arrow{display:inline-block;font-size:1.2rem;font-weight:700;animation:arrowBounceDown .8s ease-in-out infinite}.callout-arrow.arrow-left{margin-right:.5rem;margin-left:0;animation:arrowBounceLeft .8s ease-in-out infinite}.callout-arrow.arrow-down{margin-left:.5rem}.callout-arrow.arrow-up{margin-right:.5rem;animation:arrowBounceUp .8s ease-in-out infinite}@keyframes arrowBounceUp{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes calloutGlow{0%,to{opacity:1}50%{opacity:.6}}@keyframes arrowBounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes arrowBounceLeft{0%,to{transform:translate(0)}50%{transform:translate(-3px)}}.post-card.guidance-highlight{border:2px solid #f5a7b8;box-shadow:0 0 0 4px #f5a7b826;animation:guidancePulse 2s ease-in-out infinite;opacity:1!important}@keyframes guidancePulse{0%,to{box-shadow:0 0 0 4px #f5a7b826}50%{box-shadow:0 0 0 8px #f5a7b814}}.post-card.guidance-highlight .editable-caption{border-color:#7c3aed!important;background:#f5f3ff!important;animation:guidanceCaptionPulse 2s ease-in-out infinite}@keyframes guidanceCaptionPulse{0%,to{background:#f5f3ff;box-shadow:0 0 0 2px #7c3aed26}50%{background:#ede9fe;box-shadow:0 0 0 4px #7c3aed1a}}.post-card.guidance-highlight .ready-to-post-btn{animation:guidanceBtnPulse 1.5s ease-in-out infinite;box-shadow:0 0 0 3px #0596694d}@keyframes guidanceBtnPulse{0%,to{box-shadow:0 0 0 3px #0596694d;transform:scale(1)}50%{box-shadow:0 0 0 6px #05966926;transform:scale(1.02)}}.insights-card{margin:1rem 0;padding:1rem;background:#fff;border:1px solid var(--border, #e5e7eb);border-radius:var(--radius-14);box-shadow:0 1px 4px #0000000f}.insights-header{font-size:.8rem;font-weight:600;color:var(--text-gray, #6b7280);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.75rem}.insights-metrics{display:flex;gap:.5rem;justify-content:space-around}.insights-metric{text-align:center;flex:1;padding:.5rem .25rem;background:var(--bg-cream, #fafaf9);border-radius:var(--radius-10)}.insights-metric-number{font-size:1.25rem;font-weight:700;color:var(--text-dark, #374151);line-height:1}.insights-metric-label{font-size:.7rem;font-weight:500;color:var(--text-light, #9ca3af);text-transform:uppercase;letter-spacing:.02em;margin-top:.3rem}.insights-loading{text-align:left}.insights-skel__header{height:12px;width:45%;border-radius:var(--radius-xs);margin-bottom:.75rem;background:linear-gradient(90deg,var(--skeleton-bg) 25%,var(--skeleton-highlight) 50%,var(--skeleton-bg) 75%);background-size:200% 100%;animation:skeletonPulse 1.5s ease-in-out infinite}.insights-metric--skel{background:var(--bg-cream, #fafaf9)}.insights-skel__number{height:20px;width:50%;margin:0 auto 6px;border-radius:var(--radius-xs);background:linear-gradient(90deg,var(--skeleton-bg) 25%,var(--skeleton-highlight) 50%,var(--skeleton-bg) 75%);background-size:200% 100%;animation:skeletonPulse 1.5s ease-in-out infinite}.insights-skel__label{height:8px;width:70%;margin:0 auto;border-radius:var(--radius-xs);background:linear-gradient(90deg,var(--skeleton-bg) 25%,var(--skeleton-highlight) 50%,var(--skeleton-bg) 75%);background-size:200% 100%;animation:skeletonPulse 1.5s ease-in-out infinite}.insights-unavailable{text-align:center}.insights-unavailable-text{font-size:.9rem;font-weight:600;color:var(--text-gray, #6b7280)}.insights-unavailable-detail{font-size:.8rem;color:var(--text-light, #9ca3af);margin-top:.25rem}.scissors-track{position:relative;width:220px;height:48px;margin:0 auto;overflow:hidden}.scissors-cut-line{position:absolute;top:50%;left:0;right:0;height:2px;background:repeating-linear-gradient(90deg,rgba(139,90,125,.25) 0px,rgba(139,90,125,.25) 6px,transparent 6px,transparent 12px);transform:translateY(-50%)}.scissors-icon{position:absolute;top:50%;left:-28px;transform:translateY(-50%) rotate(-90deg);font-size:1.5rem;line-height:1;animation:scissorsGlide 3s ease-in-out infinite,scissorsSnip .4s ease-in-out infinite}.scissors-snips{position:absolute;top:50%;left:0;width:100%;height:100%;pointer-events:none}.scissors-snip{position:absolute;width:2px;height:7px;background:linear-gradient(180deg,#d4a0b0,#f5a7b8);border-radius:1px;opacity:0;animation:scissorsSnipFall 3s ease-out infinite}.scissors-snip:nth-child(1){left:20%;animation-delay:.3s}.scissors-snip:nth-child(2){left:35%;animation-delay:.7s}.scissors-snip:nth-child(3){left:50%;animation-delay:1.1s}.scissors-snip:nth-child(4){left:65%;animation-delay:1.5s}.scissors-snip:nth-child(5){left:80%;animation-delay:1.9s}@keyframes scissorsGlide{0%,5%{left:-28px;opacity:0}10%{left:-28px;opacity:1}80%{left:calc(100% - 14px);opacity:1}90%,to{left:calc(100% - 14px);opacity:0}}@keyframes scissorsSnip{0%,to{transform:translateY(-50%) rotate(-90deg)}50%{transform:translateY(-50%) rotate(-82deg)}}@keyframes scissorsSnipFall{0%,10%{opacity:0;transform:translateY(0) rotate(0)}15%{opacity:.7;transform:translateY(0) rotate(5deg)}55%{opacity:.3;transform:translateY(14px) rotate(20deg)}to{opacity:0;transform:translateY(22px) rotate(35deg)}}.swipeable-post-view,.mobile-swipe-area{display:none}@media(max-width:968px){.mobile-swipe-area{display:flex;flex-direction:column;position:relative;flex:1;min-height:0}.swipeable-post-view{display:block;position:relative;flex:1;min-height:0;overflow:hidden}.swipe-container{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;height:100%;padding:0 7.5%}.swipe-container::-webkit-scrollbar{display:none}.swipe-slide{scroll-snap-align:center;flex:0 0 85%;min-width:85%;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.5rem;box-sizing:border-box;will-change:transform,opacity;transform-origin:center center}.swipe-slide .post-card{min-height:calc(100% - 1rem);animation:none!important;opacity:1!important;margin:0;border-radius:var(--radius-14);box-shadow:0 2px 6px #00000012;display:flex;flex-direction:column}.swipe-slide:has(.mobile-simplified){overflow-y:hidden;padding:.35rem}.swipe-slide .post-card.mobile-simplified{height:calc(100% - .7rem);min-height:0;overflow:hidden}.swipe-slide .post-content{flex:1;min-height:0}.swipe-slide .mobile-actions-simplified{flex-shrink:0}.swipe-slide:has(.post-text-block.expanded) .post-card.mobile-simplified{overflow:hidden}.swipe-nav{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:none;background:#ffffffd9;color:#333;font-size:1.3rem;font-weight:700;cursor:pointer;z-index:10;box-shadow:0 2px 8px #00000026;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,opacity .15s ease;line-height:1;padding:0}.swipe-nav:active{transform:translateY(-50%) scale(.88);opacity:.7}.swipe-nav-prev{left:6px}.swipe-nav-next{right:6px}.placeholder-card{display:flex;flex-direction:column;justify-content:space-between;height:100%;background:linear-gradient(135deg,#fafafa,#f5f5f5);border:2px dashed #d4a5c0;border-radius:var(--radius-14);padding:1.5rem;box-sizing:border-box}.placeholder-header{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.placeholder-day{font-size:1.3rem;font-weight:700;color:#8b5a7d;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.placeholder-date{font-size:.85rem;font-weight:500;color:#888}.placeholder-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1rem}.placeholder-icon{font-size:4rem;margin-bottom:1rem;opacity:.4}.placeholder-title{font-size:1.25rem;font-weight:700;color:#666;margin:0 0 .5rem}.placeholder-message{font-size:.95rem;color:#888;line-height:1.5;margin:0;max-width:280px}.placeholder-cta{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);color:#fff;border:none;border-radius:var(--radius-md);font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #8b5a7d4d}.placeholder-cta:active{transform:scale(.98);box-shadow:0 2px 8px #8b5a7d33}.placeholder-card.placeholder-tappable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.placeholder-card.placeholder-tappable:active{transform:scale(.98);box-shadow:0 2px 12px #8b5a7d26}.placeholder-card.placeholder-past{background:linear-gradient(135deg,#f5f5f5,#efefef);border-color:#ddd;opacity:.7}.placeholder-past .placeholder-day{background:none;-webkit-background-clip:unset;-webkit-text-fill-color:#999;background-clip:unset;color:#999}.placeholder-past .placeholder-icon{opacity:.3}.placeholder-past .placeholder-title{color:#999}.placeholder-past .placeholder-message{color:#aaa}.post-card.mobile-simplified.post-past{opacity:.9}.post-past-badge{display:inline-block;padding:.2rem .6rem;background:var(--primary, #f5a7b8);color:#fff;font-size:.75rem;font-weight:600;border-radius:var(--radius-6);margin:.5rem .85rem}.multi-post-badge{display:inline-block;margin-left:.4rem;padding:.1rem .45rem;background:var(--accent, #6c5ce7);color:#fff;font-size:.65rem;font-weight:600;border-radius:var(--radius-sm);letter-spacing:.2px;vertical-align:middle}.placeholder-card.placeholder-welcome{background:linear-gradient(135deg,#fce4ec,#fafaf9 40%,#f3e5f5);border:2px solid #f5a7b8;border-style:solid;overflow:hidden;padding:1rem}.placeholder-welcome .placeholder-header{margin-bottom:.5rem}.placeholder-welcome .placeholder-content{padding:.25rem .5rem}.placeholder-welcome .welcome-icon{font-size:2rem;margin-bottom:.4rem;animation:welcomePulse 3s ease-in-out infinite}.placeholder-welcome .welcome-title{font-size:1.15rem;font-weight:700;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.4rem}.placeholder-welcome .welcome-message{font-size:.85rem;color:#666;line-height:1.4;max-width:260px;margin:0 auto}.placeholder-welcome .welcome-cta{font-size:1rem;padding:.85rem 1.5rem;letter-spacing:.3px}@keyframes welcomePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}}.pet-container{background:#f8f9fa;border-radius:var(--radius-md);padding:.75rem;margin:.5rem .75rem;border:1px solid #e9ecef}.pet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.pet-title{font-size:.85rem;font-weight:600;color:#333}.pet-close{background:none;border:none;font-size:1rem;color:#999;cursor:pointer;padding:.15rem;line-height:1}.pet-tools{display:flex;gap:.4rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.25rem}.pet-tool{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem .6rem;border:1px solid #e0e0e0;border-radius:var(--radius-10);background:#fff;cursor:pointer;flex-shrink:0;min-width:72px;transition:all .15s ease;position:relative}.pet-tool:active{transform:scale(.97)}.pet-tool.active{border-color:#8b5a7d;background:#fdf2f8}.pet-tool:disabled{opacity:.5;cursor:not-allowed}.pet-tool-icon{font-size:1.2rem}.pet-tool-label{font-size:.65rem;font-weight:600;color:#555;white-space:nowrap}.pet-tool-paid{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);color:#fff;font-size:.55rem;font-weight:700;padding:1px 4px;border-radius:var(--radius-xs);text-transform:uppercase}.pet-bg-input{display:flex;gap:.4rem;margin-top:.5rem}.pet-bg-field{flex:1;padding:.5rem .6rem;border:1px solid #ddd;border-radius:var(--radius-sm);font-size:16px;font-family:inherit;background:#fff}.pet-bg-field:focus{border-color:var(--secondary);outline:none;box-shadow:var(--focus-shadow)}.pet-bg-go{padding:.5rem .75rem;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:.85rem;cursor:pointer;white-space:nowrap}.pet-bg-go:disabled{opacity:.5}.pet-upscale-options{display:flex;gap:.4rem;margin-top:.5rem;justify-content:center}.pet-upscale-btn{padding:.4rem 1rem;border:1px solid #ddd;border-radius:var(--radius-sm);background:#fff;font-weight:600;font-size:.85rem;color:#555;cursor:pointer;transition:all .15s ease}.pet-upscale-btn.active{border-color:#8b5a7d;background:#fdf2f8;color:#8b5a7d}.pet-loading{display:flex;align-items:center;gap:.5rem;padding:.75rem 0;justify-content:center;color:#888;font-size:.85rem}.pet-spinner{width:18px;height:18px;border:2px solid #e0e0e0;border-top-color:#8b5a7d;border-radius:50%;animation:pet-spin .6s linear infinite}@keyframes pet-spin{to{transform:rotate(360deg)}}.pet-error{display:flex;align-items:center;gap:.5rem;padding:.5rem;margin-top:.4rem;background:#fff3cd;border-radius:var(--radius-sm);font-size:.8rem;color:#856404}.pet-error button{margin-left:auto;background:none;border:none;color:#8b5a7d;font-weight:600;cursor:pointer;font-size:.8rem;white-space:nowrap}.pet-comparison{margin-top:.5rem}.pet-compare-images{display:flex;gap:.4rem;margin-bottom:.5rem}.pet-compare-side{flex:1;position:relative;border-radius:var(--radius-sm);overflow:hidden}.pet-compare-side img{width:100%;height:120px;object-fit:cover;display:block}.pet-compare-label{position:absolute;bottom:4px;left:4px;background:#0009;color:#fff;font-size:.65rem;font-weight:600;padding:1px 6px;border-radius:var(--radius-xs)}.pet-compare-actions{display:flex;gap:.4rem}.pet-btn{flex:1;padding:.5rem;border:none;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;min-height:40px;transition:all .15s ease}.pet-btn:active{transform:scale(.97)}.pet-btn-discard{background:#f0f0f0;color:#555}.pet-btn-apply{background:linear-gradient(135deg,#f5a7b8,#8b5a7d);color:#fff}@media(min-width:969px){.pet-compare-side img{height:160px}}.ig-preview-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1100;animation:igFadeIn .2s ease;padding:var(--space-md)}@keyframes igFadeIn{0%{opacity:0}to{opacity:1}}.ig-preview-frame{position:relative;max-width:380px;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.ig-preview-close{position:absolute;top:-2.5rem;right:0;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:var(--space-xs);z-index:2}.ig-preview-label{color:#ffffffd9;font-size:.9rem;font-weight:500;margin:0;text-align:center}.ig-preview-phone{background:var(--bg-white);border-radius:var(--radius-lg);overflow:hidden;width:100%;box-shadow:0 20px 40px #0000004d}.ig-preview-header{display:flex;align-items:center;gap:.6rem;padding:.7rem .8rem;border-bottom:1px solid var(--border)}.ig-preview-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600}.ig-preview-handle{font-size:.85rem;font-weight:600;color:#262626}.ig-preview-image-container{width:100%;aspect-ratio:1;background:#fafafa;position:relative;overflow:hidden}.ig-preview-image-skeleton{position:absolute;inset:0;background:linear-gradient(90deg,var(--skeleton-bg) 25%,var(--skeleton-highlight) 50%,var(--skeleton-bg) 75%);background-size:200% 100%;animation:skeletonPulse 1.5s ease-in-out infinite}.ig-preview-image{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--duration-normal) ease}.ig-preview-image.loaded{opacity:1}.ig-preview-no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-light);font-size:.9rem}.ig-preview-actions{display:flex;gap:1rem;padding:.6rem .8rem;font-size:1.3rem;color:#262626}.ig-preview-save{margin-left:auto}.ig-preview-caption{padding:0 .8rem .3rem;font-size:.85rem;line-height:1.45;color:#262626}.ig-preview-caption strong{font-weight:600;margin-right:.3rem}.ig-preview-more{background:none;border:none;padding:0;margin-left:.2rem;color:#8e8e8e;font-size:.85rem;cursor:pointer;font-weight:400}.ig-preview-carousel-counter{position:absolute;top:10px;right:10px;background:#000000a6;color:#fff;padding:3px 10px;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;letter-spacing:.3px}.ig-preview-hashtags{padding:0 .8rem .8rem;font-size:.8rem;color:#00376b;line-height:1.5}.ig-preview-approve{width:100%;max-width:280px;padding:.85rem 1.5rem;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;border-radius:var(--radius-pill);font-size:1rem;font-weight:600;cursor:pointer;transition:transform var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.ig-preview-approve:active{transform:scale(.97)}.ig-preview-approve:hover{box-shadow:0 4px 12px #f5a7b866}.ig-connect-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem 1.25rem;margin:.75rem 0;animation:igCardSlideUp .3s ease-out}.ig-connect-card--error{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem 1.25rem;margin:.75rem 0}.ig-connect-card--connecting{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.5rem 1.25rem;margin:.75rem 0;display:flex;align-items:center;gap:.75rem;justify-content:center}.ig-connect-card__headline{font-size:1rem;font-weight:600;color:var(--text-dark);margin:0 0 .375rem}.ig-connect-card__title{font-size:.9375rem;font-weight:600;color:var(--text-dark);margin:0 0 .5rem}.ig-connect-card__body{font-size:.875rem;color:var(--text-gray);margin:0 0 .75rem;line-height:1.45}.ig-connect-card__body--muted{color:var(--text-light);font-size:.8125rem}.ig-connect-card__actions{display:flex;gap:.5rem}.ig-connect-card__btn{flex:1;padding:.625rem .75rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:background-color .15s,opacity .15s;text-decoration:none;text-align:center;display:inline-flex;align-items:center;justify-content:center}.ig-connect-card__btn--primary{background:var(--primary);color:#fff}.ig-connect-card__btn--primary:hover{background:var(--primary-dark)}.ig-connect-card__btn--secondary{background:var(--bg-cream);color:var(--text-dark);border:1px solid var(--border)}.ig-connect-card__btn--secondary:hover{background:var(--border)}.ig-connect-card__btn--outline{background:transparent;color:var(--secondary);border:1px solid var(--secondary)}.ig-connect-card__btn--outline:hover{background:#8b5a7d0f}.ig-connect-card__fallback-link,.ig-connect-card__dismiss-link,.ig-connect-card__hide-link{display:block;width:100%;text-align:center;margin-top:.5rem;padding:.25rem;background:none;border:none;color:var(--text-light);font-size:.8125rem;cursor:pointer}.ig-connect-card__fallback-link:hover,.ig-connect-card__dismiss-link:hover,.ig-connect-card__hide-link:hover{color:var(--text-gray)}.ig-connect-card__help{padding:0}.ig-connect-card__help-text{font-size:.875rem;color:var(--text-gray);margin:0 0 .75rem;line-height:1.45}.ig-connect-card__steps{padding-left:1.25rem;margin:0 0 .75rem;font-size:.8125rem;color:var(--text-gray);line-height:1.6}.ig-connect-card__checklist{list-style:none;padding:0;margin:0 0 .75rem;font-size:.8125rem;color:var(--text-gray);line-height:1.6}.ig-connect-card__checklist li:before{content:"✓ ";color:var(--primary)}.ig-connect-card__spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:igSpinnerSpin .6s linear infinite}@keyframes igCardSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes igSpinnerSpin{to{transform:rotate(360deg)}}@media(max-width:375px){.ig-connect-card__actions{flex-direction:column}}.prs-overlay{position:fixed;inset:0;z-index:1000;background:#fff;display:flex;flex-direction:column}.prs-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.prs-header{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;flex-shrink:0;border-bottom:1px solid #f0f0f0}.prs-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.prs-meta{display:flex;flex-direction:column;gap:.05rem;min-width:0;flex:1}.prs-type-label{font-size:.85rem;font-weight:700;color:#262626;line-height:1.2}.prs-schedule{font-size:.8rem;color:#8e8e8e;line-height:1.2}.prs-close{background:none;border:none;font-size:1.2rem;color:#999;cursor:pointer;padding:.25rem;line-height:1;flex-shrink:0}.prs-photo{flex-shrink:0;height:50vh;overflow:hidden;background:#f5f0ec;position:relative;transition:height .3s ease,background .3s ease}.prs-photo.prs-photo--shrunk{height:100px;cursor:pointer;background:#1a1a1a}.prs-photo.prs-photo--expanding{background:#1a1a1a;transition:height .45s ease-out,background .45s ease-out}.prs-photo.prs-photo--shrunk .carousel-slides-container,.prs-photo.prs-photo--expanding .carousel-slides-container{background:#1a1a1a!important}.prs-photo.prs-photo--shrunk img,.prs-photo.prs-photo--shrunk .transformation-image,.prs-photo.prs-photo--shrunk .prs-single-image,.prs-photo.prs-photo--shrunk .carousel-slide-image,.prs-photo.prs-photo--expanding img,.prs-photo.prs-photo--expanding .transformation-image,.prs-photo.prs-photo--expanding .prs-single-image,.prs-photo.prs-photo--expanding .carousel-slide-image{object-fit:contain!important;object-position:center center!important}.prs-photo.prs-photo--shrunk .transformation-image-wrapper,.prs-photo.prs-photo--shrunk .prs-single-wrapper,.prs-photo.prs-photo--expanding .transformation-image-wrapper,.prs-photo.prs-photo--expanding .prs-single-wrapper{display:flex;align-items:center;justify-content:center}.prs-photo--shrunk:after{content:"Tap to expand";position:absolute;bottom:4px;right:8px;font-size:.6rem;color:#ffffffe6;background:#00000073;padding:2px 8px;border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;z-index:3}.prs-photo .carousel-preview{border-radius:0!important;width:100%!important;height:100%!important}.prs-photo .carousel-slides-container{aspect-ratio:unset!important;height:100%!important;width:100%!important}.prs-photo .carousel-slide{height:100%!important}.prs-photo .carousel-dots{display:none}.prs-photo .carousel-slide-image{height:100%!important;object-fit:cover!important;object-position:center top!important}.prs-photo .transformation-image-wrapper,.prs-photo .post-image-preview{border-radius:0;height:100%}.prs-photo .transformation-image-wrapper img,.prs-photo .transformation-image,.prs-photo .post-image-preview img{width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:0}.prs-single-wrapper{width:100%;height:100%;overflow:hidden}.prs-single-image{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.prs-video-section{display:flex;flex-direction:column;background:#1a1a1a}.prs-video{width:100%;height:100%;object-fit:contain;background:#1a1a1a;display:block}.prs-video-meta{display:flex;align-items:center;gap:.75rem;padding:.4rem .75rem;background:#f5f0ec}.prs-video-meta-item{font-size:.78rem;font-weight:600;color:#666}.prs-photo.prs-photo--shrunk .prs-video,.prs-photo.prs-photo--expanding .prs-video{object-fit:contain!important;object-position:center center!important}.prs-content{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.prs-quality-badge{position:absolute;bottom:12px;left:50%;transform:translate(-50%) scale(1);width:60%;display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--radius-14);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2;line-height:1.3;transition:opacity .3s ease,transform .3s ease}.prs-photo .prs-quality-badge,.prs-photo .carousel-quality-badge{transition:opacity .2s ease .3s,visibility 0s linear .3s}.prs-photo.prs-photo--shrunk .prs-quality-badge,.prs-photo.prs-photo--shrunk .carousel-quality-badge{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .1s ease,visibility 0s linear .1s}.prs-quality-badge.qb-green{background:#2e7d32cc}.prs-quality-badge.qb-yellow{background:#e67e00cc}.prs-quality-badge.qb-orange{background:#c62828cc}.prs-quality-score{font-size:.85rem;font-weight:700;white-space:nowrap;flex-shrink:0}.prs-quality-attrs{display:flex;gap:6px;font-size:.7rem;font-weight:500;opacity:.95;overflow:hidden}.prs-quality-attr{white-space:nowrap}.prs-quality-badge.qb-loading{background:#4caf50bf}.prs-quality-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:prs-spin .8s linear infinite;vertical-align:middle;margin-right:4px}@keyframes prs-spin{to{transform:rotate(360deg)}}.prs-quality{padding:.5rem .75rem 0}.prs-quality .photo-quality-feedback{margin:0;border-radius:var(--radius-10)}.prs-enhance-btn{display:block;width:calc(100% - 1.5rem);margin:.5rem .75rem;padding:.5rem;background:#fff;border:1px dashed #d4b8c8;border-radius:var(--radius-10);color:#8b5a7d;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease}.prs-enhance-btn:active{transform:scale(.98);background:#fdf2f8}.prs-caption-area{padding:.75rem .75rem .25rem}.prs-caption-header{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding-bottom:.4rem}.prs-caption-header-label{font-size:.85rem;font-weight:600;color:#555}.prs-caption-header-count{font-size:.7rem;color:#8e8e8e;margin-left:auto}.prs-caption-expand-btn{background:none;border:none;font-size:.65rem;color:#999;cursor:pointer;padding:.1rem;line-height:1}.prs-caption{font-size:.9rem;color:#262626;line-height:1.5;margin:0;word-break:break-word;cursor:pointer;position:relative}.prs-caption-error{display:flex;align-items:flex-start;gap:.6rem;padding:.75rem;background:#fffbeb;border:1.5px solid #f59e0b;border-radius:var(--radius-10)}.prs-caption-error-icon{width:24px;height:24px;border-radius:50%;background:#f59e0b;color:#fff;font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.prs-caption-error-message{font-size:.88rem;color:#92400e;line-height:1.45;margin:0}.prs-btn-accept:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.prs-caption-edit{display:flex;flex-direction:column;gap:.4rem}.prs-caption-edit .editable-caption{font-size:16px;border:1px solid #dbdbdb;border-radius:var(--radius-sm);padding:.5rem;min-height:100px;font-family:inherit}.prs-caption-edit .editable-caption:focus{border-color:var(--primary);outline:none;box-shadow:var(--focus-shadow)}.prs-caption-edit .char-count{font-size:.7rem;color:#8e8e8e}.prs-edit-indicator{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#8e8e8e}.prs-edit-indicator button{background:none;border:none;color:#8b5a7d;font-size:.75rem;cursor:pointer;padding:0;text-decoration:underline}.prs-hashtags-header{display:flex;align-items:center;gap:6px;padding:0 .75rem;margin-bottom:2px}.prs-hashtags-header span{font-size:.85rem;color:#999}.prs-hashtags{display:flex;flex-wrap:wrap;gap:.3rem;padding:0 .75rem .5rem}.prs-hashtag{font-size:.8rem;color:#8b5a7d;background:#fdf2f8;padding:.15rem .5rem;border-radius:var(--radius-6);white-space:nowrap;flex-shrink:0}.prs-preview-link{display:block;width:100%;padding:.5rem .75rem;background:none;border:none;color:var(--secondary, #8b5a7d);font-size:.82rem;font-weight:500;cursor:pointer;text-align:center;transition:color .15s ease}.prs-preview-link:active{color:var(--primary-dark, #e88fa3)}.prs-booking-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem .75rem;cursor:pointer;font-size:.85rem}.prs-booking-toggle input[type=checkbox]{width:1rem;height:1rem;accent-color:#8b5a7d;cursor:pointer}.prs-booking-label{color:#555}.prs-actions{display:flex;gap:.5rem;padding:.6rem .75rem;padding-bottom:calc(.6rem + env(safe-area-inset-bottom,0px));flex-shrink:0;border-top:1px solid #f0f0f0;background:#fff}.prs-connect-prompt{flex-shrink:0;padding:0 .75rem;padding-bottom:env(safe-area-inset-bottom,0px);background:#fff}.prs-btn{border:none;border-radius:var(--radius-10);font-size:16px;font-weight:600;cursor:pointer;min-height:44px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-align:center;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.prs-btn:active{transform:scale(.97)}.prs-btn-rewrite{background:#f0f0f0;color:#333;flex:.7;padding:.5rem}.prs-btn-discard{background:none;color:#999;font-weight:500;font-size:.85rem;flex:.5;padding:.5rem;text-decoration:underline;text-underline-offset:2px}.prs-btn-accept{background:linear-gradient(135deg,#f5a7b8,#8b5a7d);color:#fff;flex:1;padding:.5rem;box-shadow:0 2px 8px #f5a7b84d}.prs-btn-copy{background:#f0f0f0;color:#333;flex:1;padding:.5rem}.prs-btn-copy.copied{background:#d4edda;color:#155724}.prs-btn-unschedule{background:#fff3cd;color:#856404;flex:.8;padding:.5rem;font-weight:600}.prs-btn-unschedule:disabled{opacity:.6}.prs-posted-badge{color:#059669;font-weight:600}.prs-scheduled-badge{color:#7c3aed;font-weight:600}.prs-caption-readonly{cursor:default;white-space:pre-wrap}.prs-posted-info{padding:.5rem .75rem .75rem;font-size:.8rem;color:#059669;font-weight:500}.prs-scheduled-info{padding:.5rem .75rem .75rem;font-size:.8rem;color:#7c3aed;font-weight:500}@media(min-width:969px){.prs-overlay{background:#b4b4b98c;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);align-items:center;justify-content:center}.prs-container{max-width:900px;max-height:80vh;height:80vh;width:90%;border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000026;overflow:hidden;flex-direction:row;position:relative}.prs-header{position:absolute;top:0;right:0;width:50%;z-index:5;background:#fdf5f7f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #f0f0f0;border-radius:0 16px 0 0}.prs-photo,.prs-photo.prs-photo--shrunk{flex:0 0 50%;max-height:none;height:100%;display:flex;align-items:center;background:#f5f0ec;border-radius:var(--radius-lg) 0 0 var(--radius-lg);overflow:hidden;cursor:default}.prs-photo--shrunk:after{display:none}.prs-photo .carousel-preview{width:100%;height:100%}.prs-photo .carousel-slides-container{max-height:none!important;aspect-ratio:4/5;height:auto;min-height:100%}.prs-photo .carousel-slide{height:auto;min-height:100%}.prs-photo .carousel-slide-image{max-height:none!important;height:auto;min-height:100%;object-fit:cover!important;object-position:center top!important}.prs-single-wrapper{max-height:none;height:100%}.prs-single-image{max-height:none;height:100%;width:100%;object-fit:cover}.prs-photo .transformation-image-wrapper,.prs-photo .post-image-preview{max-height:none;height:100%;border-radius:0}.prs-photo .transformation-image-wrapper img,.prs-photo .transformation-image,.prs-photo .post-image-preview img{max-height:none;height:100%;width:100%;object-fit:cover}.prs-content{flex:0 0 50%;min-width:0;padding-top:3.5rem;padding-bottom:4.5rem;overflow-y:auto;background:#fdf5f7}.prs-caption-area{padding:1rem 1.25rem}.prs-caption{font-size:.95rem;line-height:1.6}.prs-hashtags-header{padding:0 1.25rem}.prs-content .info-popup,.prs-content .info-popup-top{left:0;transform:none;animation:none}.prs-hashtags{padding:0 1.25rem 1rem;flex-wrap:wrap;overflow-x:visible}.prs-caption{-webkit-line-clamp:unset;display:block;max-height:none}.prs-learning-pill{width:auto!important;display:flex!important;justify-content:center;margin:.75rem 1.25rem!important;padding:.5rem 1.25rem!important;border-radius:var(--radius-2xl)!important;border:2px solid #e88fa3!important;background:linear-gradient(135deg,#fce4ec,#f8d0da)!important;box-shadow:0 2px 10px #e88fa340!important}.prs-learning-pill .prs-learning-text{font-size:13px!important;font-weight:600!important;color:#7a3e5d!important;letter-spacing:.01em}.prs-quality--desktop{padding:0 1.25rem .75rem}.prs-actions{position:absolute;bottom:0;right:0;width:50%;padding:.75rem 1.25rem;background:#fdf5f7f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid #f0f0f0;border-radius:0 0 16px}}@media(max-height:700px){.prs-photo{height:40vh}.prs-header{padding:.35rem .75rem}.prs-avatar{width:30px;height:30px;font-size:.9rem}.prs-actions{padding:.4rem .75rem;padding-bottom:calc(.4rem + env(safe-area-inset-bottom,0px))}.prs-btn{min-height:40px}}@keyframes prs-shimmer{0%{background-position:-300px 0}to{background-position:300px 0}}.prs-shimmer-line{height:14px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:300px 100%;animation:prs-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-6);margin-bottom:10px}.prs-shimmer-line:nth-child(2){width:92%}.prs-shimmer-line:nth-child(3){width:85%}.prs-shimmer-line:nth-child(4){width:95%}.prs-shimmer-line:nth-child(5){width:78%}.prs-shimmer-line:nth-child(6){width:88%}.prs-shimmer-tag{display:inline-block;width:80px;height:26px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:300px 100%;animation:prs-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-14);margin:0 6px 6px 0}.prs-shimmer-tag:nth-child(2){width:95px;animation-delay:.1s}.prs-shimmer-tag:nth-child(3){width:70px;animation-delay:.2s}.prs-shimmer-tag:nth-child(4){width:90px;animation-delay:.3s}.prs-shimmer-tag:nth-child(5){width:65px;animation-delay:.15s}.prs-shimmer-label{display:flex;align-items:center;gap:8px;padding:12px 0 8px;color:#b39ddb;font-size:.85rem;font-weight:500}@keyframes prs-shimmer-pulse{0%,to{opacity:1}50%{opacity:.5}}.prs-shimmer-label span{animation:prs-shimmer-pulse 1.5s ease-in-out infinite}.prs-btn.prs-btn-creating{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:300px 100%;animation:prs-shimmer 1.5s ease-in-out infinite;color:#999;cursor:default;pointer-events:none}.prs-btn.prs-btn-creating:active{transform:none}.prs-learning-pill{width:100vw;margin:.15rem 0 .15rem -.75rem;padding:.4rem .75rem;box-sizing:border-box;background:linear-gradient(135deg,#fdf2f5,#f5e6f0);border-top:1px solid #f0d4de;border-bottom:1px solid #f0d4de;border-left:none;border-right:none;border-radius:0;text-align:center}.prs-learning-pill--highlight{animation:learning-pill-pulse 2s ease-in-out}@keyframes learning-pill-pulse{0%{background:linear-gradient(135deg,#fdf2f5,#f5e6f0);box-shadow:none}20%{background:linear-gradient(135deg,#fce4ec,#f0d4e8);box-shadow:0 0 0 4px #f5a7b826}40%{background:linear-gradient(135deg,#fdf2f5,#f5e6f0);box-shadow:none}60%{background:linear-gradient(135deg,#fce4ec,#f0d4e8);box-shadow:0 0 0 4px #f5a7b826}to{background:linear-gradient(135deg,#fdf2f5,#f5e6f0);box-shadow:none}}.prs-learning-text{font-size:12.5px;color:#8b5a7d;line-height:1.5}.prs-voice-badge{display:inline-flex;align-items:center;margin:.25rem .75rem;padding:.2rem .6rem;border-radius:var(--radius-md);font-size:11.5px;font-weight:600}.prs-voice-badge--strong{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.prs-voice-badge--good{background:#fdf2f5;color:#8b5a7d;border:1px solid #f0d4de}.prs-voice-badge--draft{background:#f9fafb;color:#6b7280;border:1px solid #e5e7eb}.post-type-picker-overlay{display:flex;position:fixed;inset:0;background:#00000080;z-index:1100;align-items:center;justify-content:center;animation:ptpFadeIn .2s ease}@keyframes ptpFadeIn{0%{opacity:0}to{opacity:1}}.post-type-picker{width:480px;max-height:80vh;background:#fff;border-radius:var(--radius-lg);display:flex;flex-direction:column;box-shadow:0 8px 32px #00000026;overflow:hidden;animation:ptpScaleIn .2s ease}@keyframes ptpScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ptp-header{padding:1.25rem 1.5rem 1rem;border-bottom:1px solid #f0f0f0;flex-shrink:0;position:relative}.ptp-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border-radius:50%;border:none;background:#f3f4f6;color:#888;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.ptp-close:hover{background:#e5e7eb}.ptp-title-area{display:flex;align-items:baseline;gap:.5rem}.ptp-title{font-size:1.25rem;font-weight:700;color:#333;margin:0}.ptp-subtitle{font-size:.85rem;color:#777;margin:.25rem 0 0}.ptp-list{flex:1;overflow-y:auto;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.5rem}.ptp-card{display:flex;flex-direction:column;gap:.3rem;padding:.75rem 1rem;border-radius:var(--radius-md);border:1.5px solid #eee;background:#fff;text-align:left;cursor:pointer;transition:all .15s ease;position:relative}.ptp-card:hover{border-color:#d4b8c8;background:#fdf8fa}.ptp-card:active{border-color:#8b5a7d;background:#fdf2f8;transform:scale(.99)}.ptp-card.ptp-recommended{border-color:#d1fae5;background:#f0fdf4}.ptp-card.ptp-recommended:hover{border-color:#6ee7b7;background:#ecfdf5}.ptp-card-header{display:flex;align-items:center;gap:.5rem}.ptp-card-icon{font-size:1.2rem;line-height:1}.ptp-card-label{font-size:.95rem;font-weight:700;color:#333;flex:1}.ptp-card-pct{font-size:.72rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#8b5a7d,#b07498);padding:.15rem .45rem;border-radius:var(--radius-10);letter-spacing:.3px}.ptp-card-desc{font-size:.8rem;color:#666;line-height:1.4;margin:0}.ptp-card-tip{font-size:.72rem;color:#999;font-style:italic}.ptp-card-badge{position:absolute;top:-8px;right:12px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#059669;background:#d1fae5;padding:2px 8px;border-radius:var(--radius-sm)}@media(max-width:968px){.post-type-picker-overlay{align-items:flex-end;justify-content:flex-end}.post-type-picker{width:100%;max-height:95vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:0 -4px 20px #0000001a;animation:ptpSlideUp .3s ease}@keyframes ptpSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ptp-header{overflow:visible;z-index:1}.ptp-close{top:.75rem;right:.75rem;-webkit-tap-highlight-color:transparent}.ptp-title{font-size:1.35rem}.ptp-subtitle{font-size:.9rem}.ptp-list{-webkit-overflow-scrolling:touch;gap:.6rem}.ptp-card{gap:.35rem;padding:.85rem 1rem;border-radius:var(--radius-14);-webkit-tap-highlight-color:transparent}.ptp-card-icon{font-size:1.3rem}.ptp-card-label{font-size:1rem}.ptp-card-pct{font-size:.75rem;padding:.15rem .5rem}.ptp-card-desc{font-size:.82rem}.ptp-card-tip{font-size:.75rem}}.calendar-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:.5rem}.header-right{display:flex;align-items:center;gap:.75rem}.btn-schedule-all{background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;border:none;padding:.6rem 1rem;border-radius:var(--radius-sm);font-weight:600;font-size:.85rem;cursor:pointer;white-space:nowrap;transition:all .2s ease}@media(hover:hover){.btn-schedule-all:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #7c3aed66}}.btn-schedule-all:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:968px){.calendar-header{display:none!important}}.empty-state{display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem}.empty-state-content{max-width:800px;width:100%;text-align:center}.empty-state-icon{margin-bottom:.75rem;line-height:1}.empty-state-icon svg{display:block;margin:0 auto}.empty-state-title{font-size:2rem;font-weight:700;color:#2d2d2d;margin-bottom:.5rem}.empty-state-description{font-size:1.1rem;color:#777;margin-bottom:2.5rem}.getting-started-options{display:flex;flex-direction:column;gap:.75rem;max-width:480px;margin:0 auto 2rem}.getting-started-hero{display:flex;align-items:center;gap:1rem;width:100%;padding:1.1rem 1.5rem;background:linear-gradient(135deg,#8b5a7d,#a855f7);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #8b5a7d4d;text-align:left;font-family:inherit}.getting-started-hero .hero-text{display:flex;flex-direction:column;gap:.15rem;flex:1}.getting-started-hero .hero-label{font-size:1.15rem;font-weight:700;color:#fff}.getting-started-hero .hero-sub{font-size:.88rem;color:#fffc;font-weight:400}.getting-started-hero .hero-arrow{font-size:1.4rem;font-weight:700;color:#fff;flex-shrink:0}@media(hover:hover){.getting-started-hero:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #8b5a7d66}}.getting-started-hero:active{transform:scale(.98)}.getting-started-hero:disabled{opacity:.5;cursor:not-allowed}.getting-started-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:none;border:1.5px solid #e0e0e0;border-radius:var(--radius-md);cursor:pointer;font-size:.92rem;font-weight:600;color:#666;font-family:inherit;transition:all .2s ease}@media(hover:hover){.getting-started-secondary:hover:not(:disabled){border-color:#8b5a7d;color:#8b5a7d}}.getting-started-secondary:disabled{opacity:.5;cursor:not-allowed}.empty-state-features{display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap}.empty-state-features .feature-item{display:flex;align-items:center;gap:8px;font-size:.95rem;color:#777;font-weight:500}.empty-state-features .feature-icon{font-size:1.25rem}@media(max-width:968px){.getting-started-secondary{display:none}.getting-started-options{margin:0 auto 1.5rem;flex:1;display:flex;flex-direction:column}.getting-started-hero{flex:1;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem 1.5rem;border-radius:var(--radius-xl);gap:.75rem}.getting-started-hero .hero-text{align-items:center;gap:.4rem}.getting-started-hero .hero-label{font-size:1.35rem}.getting-started-hero .hero-sub{font-size:.95rem}.getting-started-hero .hero-arrow{font-size:1.6rem;margin-top:.25rem}.empty-state-content{flex:1;display:flex;flex-direction:column}.empty-state-features{gap:.75rem 1.25rem;justify-content:center;font-size:.85rem}.empty-state-features .feature-icon{font-size:1rem}.empty-state{padding:1.5rem 1rem;flex:1;display:flex;align-items:center;justify-content:center}.empty-state-icon{margin-bottom:.25rem}.empty-state-icon svg{width:100px;height:100px}.empty-state-title{font-size:1.4rem;margin-bottom:.25rem}.empty-state-description{font-size:1rem;margin-bottom:1.5rem}}.mtp-overlay{display:flex;position:fixed;inset:0;background:#00000080;z-index:1100;align-items:center;justify-content:center;animation:mtpFadeIn .2s ease}@keyframes mtpFadeIn{0%{opacity:0}to{opacity:1}}.mtp-sheet{width:420px;background:#fff;border-radius:var(--radius-lg);display:flex;flex-direction:column;box-shadow:0 8px 32px #00000026;overflow:hidden;animation:mtpScaleIn .2s ease}@keyframes mtpScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.mtp-header{padding:1.25rem 1.5rem 1rem;border-bottom:1px solid #f0f0f0;position:relative}.mtp-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border-radius:50%;border:none;background:#f3f4f6;color:#888;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.mtp-close:hover{background:#e5e7eb}.mtp-title{font-size:1.25rem;font-weight:700;color:#333;margin:0}.mtp-subtitle{font-size:.85rem;color:#777;margin:.25rem 0 0}.mtp-options{padding:.75rem 1rem 1rem;display:flex;flex-direction:column;gap:.6rem}.mtp-card{display:flex;flex-direction:column;gap:.3rem;padding:.85rem 1rem;border-radius:var(--radius-md);border:1.5px solid #eee;background:#fff;text-align:left;cursor:pointer;transition:all .15s ease}.mtp-card:hover{border-color:#d4b8c8;background:#fdf8fa}.mtp-card:active{border-color:#8b5a7d;background:#fdf2f8;transform:scale(.99)}.mtp-card-header{display:flex;align-items:center;gap:.5rem}.mtp-card-icon{font-size:1.2rem;line-height:1}.mtp-card-label{font-size:.95rem;font-weight:700;color:#333;flex:1}.mtp-card-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#7c3aed;background:#ede9fe;padding:2px 8px;border-radius:var(--radius-sm)}.mtp-card-desc{font-size:.8rem;color:#666;line-height:1.4;margin:0}.mtp-card-tip{font-size:.72rem;color:#999;font-style:italic}@media(max-width:968px){.mtp-overlay{align-items:flex-end;justify-content:flex-end}.mtp-sheet{width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:0 -4px 20px #0000001a;animation:mtpSlideUp .3s ease}@keyframes mtpSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mtp-close{top:.75rem;right:.75rem;-webkit-tap-highlight-color:transparent}.mtp-title{font-size:1.35rem}.mtp-subtitle{font-size:.9rem}.mtp-card{padding:.85rem 1rem;border-radius:var(--radius-14);-webkit-tap-highlight-color:transparent}.mtp-card-icon{font-size:1.3rem}.mtp-card-label{font-size:1rem}.mtp-card-desc{font-size:.82rem}.mtp-card-tip{font-size:.75rem}}.skeleton-loading{padding:1rem;max-width:900px;margin:0 auto}.skeleton-header{margin-bottom:1.25rem}.skeleton-bar{background:linear-gradient(90deg,var(--skeleton-bg) 25%,var(--skeleton-highlight) 50%,var(--skeleton-bg) 75%);background-size:200% 100%;border-radius:var(--radius-sm);animation:skeletonPulse 1.5s ease-in-out infinite}.skeleton-title{height:24px;width:55%;margin-bottom:.5rem}.skeleton-subtitle{height:14px;width:40%}.skeleton-week-strip{display:flex;gap:.35rem;margin-bottom:1rem;padding:0 .25rem}.skeleton-day-pill{flex:1;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.5rem 0}.skeleton-day-label{height:10px;width:24px;border-radius:var(--radius-xs)}.skeleton-day-num{height:28px;width:28px;border-radius:50%}.skeleton-swipe-area{display:flex;justify-content:center;padding:0 1rem}.skeleton-swipe-area .skeleton-post-card{width:100%;max-width:360px}.skeleton-post-card{background:#fff;border-radius:var(--radius-14);padding:1rem;box-shadow:0 2px 6px #0000000f}.skeleton-post-top{display:flex;gap:.5rem;margin-bottom:.85rem}.skeleton-badge{height:24px;width:65px;border-radius:var(--radius-md)}.skeleton-image{width:100%;height:180px;border-radius:var(--radius-md);margin-bottom:.85rem}.skeleton-post-text{display:flex;flex-direction:column;gap:.45rem;margin-bottom:.85rem}.skeleton-text-line{height:12px;border-radius:var(--radius-xs)}.skeleton-post-actions{display:flex;flex-direction:column;gap:.4rem}.skeleton-button{height:40px;border-radius:var(--radius-sm)}.skeleton-desktop-posts{display:none}@media(min-width:969px){.skeleton-loading{max-width:1100px;padding:2rem}.skeleton-swipe-area{display:none}.skeleton-desktop-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.skeleton-image{height:160px}}.celebration-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:3000;animation:celebFadeIn .2s ease}@keyframes celebFadeIn{0%{opacity:0}to{opacity:1}}.celebration-overlay .confetti-container{position:absolute;inset:0;overflow:hidden;pointer-events:none}.celebration-overlay .confetti{position:absolute;width:10px;height:10px;top:-10px;animation:celebConfettiFall 3s linear infinite}.celebration-overlay .confetti:nth-child(1){left:10%;animation-delay:0s;background:#f5a7b8;border-radius:50%}.celebration-overlay .confetti:nth-child(2){left:30%;animation-delay:.3s;background:#8b5a7d;border-radius:var(--radius-2xs)}.celebration-overlay .confetti:nth-child(3){left:50%;animation-delay:.6s;background:#10b981;border-radius:50%}.celebration-overlay .confetti:nth-child(4){left:70%;animation-delay:.9s;background:gold;border-radius:var(--radius-2xs)}.celebration-overlay .confetti:nth-child(5){left:90%;animation-delay:1.2s;background:#f5a7b8;border-radius:50%}@keyframes celebConfettiFall{0%{top:-10px;transform:rotate(0);opacity:1}80%{opacity:1}to{top:100%;transform:rotate(720deg);opacity:0}}.celebration-card{background:#fff;border-radius:var(--radius-2xl);padding:2.5rem 2rem;max-width:380px;width:85%;text-align:center;position:relative;z-index:1;animation:celebBounceIn .5s ease-out;box-shadow:0 20px 60px #0003}@keyframes celebBounceIn{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.celebration-emoji{font-size:3.5rem;margin-bottom:.5rem;animation:celebEmojiPop .6s ease-out .2s both}@keyframes celebEmojiPop{0%{transform:scale(0) rotate(-15deg)}60%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0)}}.celebration-title{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem;text-align:center;width:100%}.celebration-message{font-size:1rem;color:#666;margin:0 0 1.5rem;line-height:1.5}.celebration-progress-bar{height:8px;background:#f0f0f0;border-radius:var(--radius-xs);overflow:hidden}.celebration-progress-fill{height:100%;background:linear-gradient(135deg,#10b981,#059669);border-radius:var(--radius-xs);transition:width .8s ease}.celebration-time-compare{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0}.time-compare-row{display:flex;justify-content:space-between;align-items:center;padding:.65rem 1rem;border-radius:var(--radius-10);font-size:.95rem}.time-compare-row.manual{background:#fef2f2;color:#991b1b}.time-compare-row.manual .time-value{font-weight:700;text-decoration:line-through;opacity:.7}.time-compare-row.stylify{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#166534}.time-compare-row.stylify .time-value{font-weight:700;font-size:1.1rem}.time-label{font-weight:500}.time-value{font-weight:600}.celebration-progress-fill--week{background:linear-gradient(135deg,#f5a7b8,#8b5a7d)}.celebration-week-cta{font-size:.9rem;color:#8b5a7d;font-weight:600;margin:1rem 0 0}.auto-quickstart-page{min-height:var(--app-height, 100vh);background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:2rem}.auto-quickstart-container{max-width:800px;width:100%}.welcome-header{text-align:center;margin-bottom:3rem;animation:fadeInDown .6s ease-out}.welcome-icon{font-size:4rem;margin-bottom:1rem;animation:bounce 1s ease-in-out infinite}.welcome-header h1{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.welcome-subtitle{font-size:1.25rem;color:#ffffffe6;font-weight:400}.welcome-preview{background:#fff;border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem;box-shadow:0 20px 60px #0000004d;animation:fadeInUp .6s ease-out .2s both}.preview-badge{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1.5rem;border-radius:50px;font-weight:600;font-size:.9rem;margin-bottom:2rem}.preview-steps{display:flex;flex-direction:column;gap:1.5rem}.preview-step{display:flex;align-items:flex-start;gap:1.5rem;padding:1.5rem;background:#f8f9fa;border-radius:var(--radius-md);transition:all .3s ease}.preview-step:hover{background:#f0f0f0;transform:translate(5px)}.step-number{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0}.step-content h3{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin-bottom:.25rem}.step-content p{font-size:1rem;color:#666;margin:0}.welcome-footer{text-align:center;margin-top:2rem;animation:fadeIn .6s ease-out .4s both}.footer-note{color:#ffffffe6;font-size:.95rem;font-style:italic}.generating-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.generating-modal{background:#fff;border-radius:var(--radius-2xl);padding:3rem;max-width:600px;width:90%;box-shadow:0 25px 80px #00000080;animation:scaleIn .3s ease-out}.generating-header{text-align:center;margin-bottom:2.5rem}.generating-header h2{font-size:2rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.generating-header p{color:#666;font-size:1.1rem}.generating-stages{display:flex;flex-direction:column;gap:1rem;margin-bottom:2.5rem}.generating-stage{display:flex;align-items:center;gap:1.5rem;padding:1.25rem;border-radius:var(--radius-md);background:#f8f9fa;transition:all .3s ease}.generating-stage.active{background:linear-gradient(135deg,#667eea15,#764ba215);border:2px solid #667eea}.generating-stage.completed{background:#e8f5e9;opacity:.7}.stage-icon{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.generating-stage.completed .stage-icon{background:#4caf50}.generating-stage.active .stage-icon{animation:pulse 1.5s ease-in-out infinite}.stage-content{flex:1}.stage-label{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin-bottom:.25rem}.stage-sublabel{font-size:.9rem;color:#666}.generating-tip{background:linear-gradient(135deg,#fff3e0,#ffe0b2);padding:1.5rem;border-radius:var(--radius-md);display:flex;gap:1rem;margin-bottom:2rem}.tip-icon{font-size:2rem;flex-shrink:0}.tip-text{flex:1}.tip-label{display:block;font-weight:600;color:#e65100;margin-bottom:.25rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.generating-progress{display:flex;justify-content:center}.celebration-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}.confetti-container{position:absolute;inset:0;overflow:hidden;pointer-events:none}.confetti{position:absolute;width:10px;height:10px;background:gold;top:-10px;animation:confettiFall 3s linear infinite}.confetti:nth-child(1){left:10%;animation-delay:0s;background:#ff6b6b}.confetti:nth-child(2){left:30%;animation-delay:.5s;background:#4ecdc4}.confetti:nth-child(3){left:50%;animation-delay:1s;background:gold}.confetti:nth-child(4){left:70%;animation-delay:1.5s;background:#95e1d3}.confetti:nth-child(5){left:90%;animation-delay:2s;background:#ff6b6b}@keyframes confettiFall{0%{top:-10px;transform:rotate(0)}to{top:100%;transform:rotate(720deg)}}.celebration-modal{background:#fff;border-radius:var(--radius-2xl);padding:3rem;max-width:600px;width:90%;box-shadow:0 25px 80px #0000004d;text-align:center;position:relative;z-index:1;animation:scaleInBounce .6s ease-out}.celebration-icon{font-size:5rem;margin-bottom:1rem;animation:bounceIn .8s ease-out}.celebration-modal h1{font-size:2.5rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.celebration-subtitle{font-size:1.25rem;color:#666;margin-bottom:2.5rem}.celebration-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2.5rem}.stat-card{background:#f8f9fa;padding:1.5rem;border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;gap:.75rem;transition:all .3s ease}.stat-card:hover{background:#e9ecef;transform:translateY(-5px)}.stat-icon{font-size:2rem}.stat-value{font-size:2rem;font-weight:700;color:#667eea}.stat-label{font-size:.9rem;color:#666;font-weight:500}.celebration-next{background:linear-gradient(135deg,#667eea15,#764ba215);padding:2rem;border-radius:var(--radius-lg);margin-bottom:2rem}.next-label{font-size:1.1rem;font-weight:600;color:#667eea;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.next-items{display:flex;flex-direction:column;gap:1rem;text-align:left}.next-item{display:flex;align-items:center;gap:1rem}.next-number{width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.next-text{font-size:1rem;color:#1a1a1a;font-weight:500}.celebration-footer{text-align:center;padding-top:.5rem}.btn-continue-to-calendar{display:inline-block;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);color:#fff;border:none;border-radius:var(--radius-md);padding:14px 36px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 14px #8b5a7d4d}.btn-continue-to-calendar:hover{transform:translateY(-1px);box-shadow:0 6px 20px #8b5a7d66}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleInBounce{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3) rotate(-10deg)}50%{transform:scale(1.1) rotate(5deg)}70%{transform:scale(.9) rotate(-3deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media(max-width:768px){.auto-quickstart-page{padding:0;background:transparent;align-items:stretch}.welcome-header,.welcome-preview,.welcome-footer{display:none}.auto-quickstart-container{width:100%;max-width:100%}.celebration-overlay{align-items:center;padding:1rem}.celebration-modal{padding:1.75rem 1.25rem;border-radius:var(--radius-xl);width:92%}.celebration-icon{font-size:3.5rem;margin-bottom:.5rem}.celebration-modal h1{font-size:1.6rem;margin-bottom:.25rem}.celebration-subtitle{font-size:1rem;margin-bottom:1.25rem}.celebration-stats{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1.5rem}.stat-card{padding:.75rem .35rem;border-radius:var(--radius-10)}.stat-icon{font-size:1.5rem}.stat-value{font-size:1.3rem}.stat-label{font-size:.7rem}.btn-continue-to-calendar{width:100%;padding:14px 24px;font-size:1.05rem;border-radius:var(--radius-14);min-height:48px}.generating-modal{padding:1.5rem 1.25rem;border-radius:var(--radius-xl);width:92%}.generating-header{margin-bottom:1.5rem}.generating-header h2{font-size:1.35rem}.generating-header p{font-size:.9rem}.generating-stages{gap:.5rem;margin-bottom:1.5rem}.generating-stage{padding:.7rem;gap:.75rem}.stage-icon{width:36px;height:36px;font-size:1.1rem}.stage-label{font-size:.9rem}.stage-sublabel{font-size:.78rem}.generating-tip{padding:.85rem 1rem;gap:.75rem;margin-bottom:1rem}.tip-icon{font-size:1.3rem}.tip-label{font-size:.7rem;margin-bottom:.15rem}.tip-text{font-size:.85rem}}.week-strip{background:linear-gradient(135deg,#fdf2f8,#faf5ff,#eff6ff);border-radius:var(--radius-14);padding:1rem 1.25rem;margin-bottom:.25rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;animation:cardEnter .3s ease-out both}@media(hover:hover){.week-strip:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00000014}}.week-strip:active{transform:scale(.99)}.week-strip__label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-light);margin-bottom:.75rem}.week-strip__days{display:flex;justify-content:space-between;gap:.25rem}.week-strip__day{display:flex;flex-direction:column;align-items:center;gap:.4rem;flex:1}.week-strip__day-label{font-size:.7rem;font-weight:600;color:var(--text-light);letter-spacing:.02em}.week-strip__day--today .week-strip__day-label{color:var(--secondary);font-weight:800}.week-strip__day--past .week-strip__day-label{opacity:.5}.week-strip__dot{width:28px;height:28px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.65rem;transition:transform .15s ease}.week-strip__day--today .week-strip__dot{box-shadow:0 0 0 2px var(--secondary)}.week-strip__dot--empty{background:#0000000a;border:1.5px dashed rgba(0,0,0,.12)}.week-strip__dot--ready{background:#dcfce7}.week-strip__dot--scheduled{background:#ede9fe}.week-strip__dot--posted{background:#10b981}.week-strip__check{color:#fff;font-size:.7rem;font-weight:700}.week-strip__ready-icon{color:#10b981;font-size:.5rem}.week-strip__scheduled-icon{color:#7c3aed;font-size:.7rem}@media(min-width:769px){.week-strip{padding:1.15rem 2rem}.week-strip__dot{width:32px;height:32px}.week-strip__day-label{font-size:.75rem}}.hp-card{background:#fff;border-radius:var(--radius-14);border-left:4px solid var(--hp-accent);box-shadow:0 2px 8px #0000000f;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease;animation:cardEnter .3s ease-out both}.hp-card:nth-child(1){animation-delay:0s}.hp-card:nth-child(2){animation-delay:.04s}.hp-card:nth-child(3){animation-delay:.08s}.hp-card:nth-child(4){animation-delay:.12s}.hp-card:nth-child(5){animation-delay:.16s}.hp-card:nth-child(6){animation-delay:.2s}.hp-card:nth-child(7){animation-delay:.24s}.hp-card:nth-child(8){animation-delay:.28s}.hp-card[role=button]{cursor:pointer}.hp-card[role=button]:active{transform:scale(.98)}@media(hover:hover){.hp-card[role=button]:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-1px)}}.hp-card__header{display:flex;align-items:center;gap:.65rem;padding:1rem 1.25rem 0}.hp-card__icon-circle{width:36px;height:36px;border-radius:var(--radius-10);background:var(--hp-accent-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.hp-card__icon{font-size:1.15rem;line-height:1}.hp-card__title{font-size:.95rem;font-weight:700;color:var(--hp-accent-dark);margin:0;letter-spacing:-.01em}.hp-card__body{padding:.85rem 1.25rem 1.15rem}.hp-card--green{--hp-accent: #10b981;--hp-accent-bg: #ecfdf5;--hp-accent-dark: #065f46;--hp-accent-light: #d1fae5}.hp-card--purple{--hp-accent: #7c3aed;--hp-accent-bg: #f5f3ff;--hp-accent-dark: #4c1d95;--hp-accent-light: #ede9fe}.hp-card--amber{--hp-accent: #f59e0b;--hp-accent-bg: #fffbeb;--hp-accent-dark: #92400e;--hp-accent-light: #fef3c7}.hp-card--blue{--hp-accent: #3b82f6;--hp-accent-bg: #eff6ff;--hp-accent-dark: #1e3a5f;--hp-accent-light: #dbeafe}.hp-card--pink{--hp-accent: #ec4899;--hp-accent-bg: #fdf2f8;--hp-accent-dark: #831843;--hp-accent-light: #fce7f3}@media(max-width:768px){.hp-card__header{padding:.85rem 1rem 0}.hp-card__body{padding:.75rem 1rem 1rem}.hp-card__icon-circle{width:32px;height:32px;border-radius:var(--radius-sm)}.hp-card__icon{font-size:1rem}.hp-card__title{font-size:.9rem}}.tf-body{cursor:pointer;border-radius:var(--radius-10);padding:.85rem;transition:background .15s ease}.tf-body:active{opacity:.9}.tf-body--ready{background:#f0fdf4}.tf-body--scheduled{background:#f5f3ff}.tf-body--posted{background:#f0fdf4}.tf-body--empty{background:#fafafa;border:1.5px dashed #d1d5db}.tf-content{display:flex;align-items:center;gap:.75rem}.tf-icon{font-size:1.5rem;flex-shrink:0;line-height:1}.tf-text{flex:1;min-width:0}.tf-text strong{display:block;font-size:.9rem;color:var(--text-dark);margin-bottom:.15rem}.tf-text p{font-size:.8rem;color:var(--text-gray);margin:0}.tf-arrow{font-size:1.4rem;color:var(--text-light);flex-shrink:0;font-weight:300}.tf-status-pill{display:inline-block;margin-top:.6rem;padding:.25rem .7rem;border-radius:var(--radius-xl);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.tf-status-pill--ready{background:#dcfce7;color:#166534}.tf-status-pill--scheduled{background:#ede9fe;color:#5b21b6}.tf-status-pill--posted{background:#d1fae5;color:#065f46}.tf-status-pill--empty{background:#f3f4f6;color:#6b7280}.cs-suggestion{display:flex;flex-direction:column;gap:.5rem}.cs-seasonal-badge{display:inline-flex;align-items:center;gap:.35rem;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:var(--radius-xl);padding:.25rem .65rem;font-size:.75rem;font-weight:600;color:#6d28d9;align-self:flex-start}.cs-seasonal-icon{font-size:.8rem}.cs-ai-badge{align-self:flex-start}.cs-ai-badge__text{font-size:.7rem;font-weight:600;color:var(--hp-accent)}.cs-title{font-size:.95rem;font-weight:600;color:var(--text-dark);margin:0;line-height:1.3}.cs-subtitle{font-size:.82rem;color:var(--text-gray);margin:0;line-height:1.4}.cs-ideas{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.25rem}.cs-idea-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .7rem;background:#f5f3ff;border:1.5px solid #ddd6fe;border-radius:var(--radius-xl);font-size:.78rem;font-weight:600;color:#5b21b6;cursor:pointer;transition:all .15s ease}.cs-idea-chip:active{transform:scale(.96);background:#ede9fe}@media(hover:hover){.cs-idea-chip:hover{background:#ede9fe;border-color:#c4b5fd}}.cs-idea-icon{font-size:.85rem;line-height:1}.cs-idea-label{white-space:nowrap}.coach-tip{display:flex;flex-direction:column;gap:.55rem}.coach-tip__category{display:inline-flex;align-items:center;gap:.3rem;align-self:flex-start;padding:.2rem .6rem;border-radius:var(--radius-xl);background:var(--hp-accent-light);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--hp-accent-dark)}.coach-tip__category-icon{font-size:.75rem;line-height:1}.coach-tip__ai-badge{font-size:.65rem;font-weight:600;color:var(--hp-accent);margin-left:auto;text-transform:none;letter-spacing:normal}.coach-tip__text{font-size:.9rem;color:var(--text-dark);line-height:1.55;margin:0}.coach-tip__actions{display:flex;gap:.5rem;margin-top:.25rem}.coach-tip__btn{padding:.35rem .85rem;border-radius:var(--radius-sm);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s ease;border:none}.coach-tip__btn:active{transform:scale(.96)}.coach-tip__btn--dismiss{background:var(--hp-accent-light);color:var(--hp-accent-dark)}@media(hover:hover){.coach-tip__btn--dismiss:hover{filter:brightness(.95)}}.es-body{cursor:pointer}.es-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;text-align:center}.es-metric{display:flex;flex-direction:column;align-items:center;gap:.15rem}.es-metric__value{font-size:1.35rem;font-weight:700;color:var(--text-dark);line-height:1.2}.es-metric__label{font-size:.68rem;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.04em}.es-posts-count{margin:.65rem 0 0;font-size:.78rem;color:var(--text-gray);text-align:center}.es-body--empty{cursor:default}.es-empty-message{font-size:.85rem;color:var(--text-gray);text-align:center;line-height:1.5;padding:.5rem 0}.es-metric--skeleton{gap:.4rem}.es-metric--skeleton .skeleton-bar{display:block;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:4px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.rp-body{cursor:pointer;display:flex;flex-direction:column;gap:.75rem}.rp-source{display:flex;flex-direction:column;gap:.3rem}.rp-source__type{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--hp-accent);background:var(--hp-accent-bg);padding:.2rem .5rem;border-radius:var(--radius-6);width:fit-content}.rp-source__caption{font-size:.85rem;color:var(--text-gray);line-height:1.4;margin:0}.rp-suggestion{display:flex;align-items:center;gap:.6rem;background:var(--hp-accent-bg);border-radius:var(--radius-10);padding:.65rem .85rem}.rp-suggestion__icon{font-size:1.2rem;flex-shrink:0}.rp-suggestion__text{font-size:.9rem;font-weight:600;color:var(--text-dark);line-height:1.3}.rp-cta{display:flex;align-items:center;justify-content:flex-end;gap:.3rem}.rp-cta__label{font-size:.82rem;font-weight:600;color:var(--hp-accent)}.rp-cta__arrow{font-size:1.2rem;font-weight:300;color:var(--hp-accent);line-height:1}.rp-empty{text-align:center;padding:.75rem 0}.rp-empty__icon{font-size:2rem;margin-bottom:.5rem}.rp-empty__text{font-size:.88rem;color:var(--text-gray);margin:0;line-height:1.4}.photo-progress__body{display:flex;flex-direction:column;gap:.65rem}.photo-progress__message{font-size:.85rem;color:var(--text-dark);line-height:1.4;margin:0}.photo-progress__score{display:flex;align-items:baseline;gap:.4rem}.photo-progress__score-value{font-size:1.5rem;font-weight:700;color:var(--hp-accent-dark, #065f46)}.photo-progress__score-label{font-size:.75rem;color:var(--text-gray)}.photo-progress__bar-container{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.photo-progress__bar{height:100%;background:var(--success, #10b981);border-radius:3px;transition:width .5s ease}.photo-progress__bar-label{font-size:.75rem;color:var(--text-light);margin:0}.streak-body{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;text-align:center}.streak-count{display:flex;align-items:baseline;gap:.35rem}.streak-number{font-size:2.5rem;font-weight:700;color:var(--text-dark);line-height:1}.streak-label{font-size:.95rem;color:var(--text-gray);font-weight:500}.streak-message{font-size:.85rem;color:var(--text-gray);margin:0;line-height:1.4}.streak-bar{width:100%;height:6px;background:var(--border);border-radius:var(--radius-full);overflow:hidden;margin-top:var(--space-xs)}.streak-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),#e8c547);border-radius:var(--radius-full);transition:width var(--duration-slow) ease}.npt-body{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm) 0;text-align:center;cursor:pointer}.npt-time{display:flex;align-items:baseline;gap:.4rem}.npt-day{font-size:1.3rem;font-weight:700;color:var(--text-dark)}.npt-at{font-size:.85rem;color:var(--text-light);font-weight:400}.npt-hour{font-size:1.3rem;font-weight:700;color:var(--secondary)}.npt-away{font-size:.85rem;color:var(--text-gray);margin:0;font-weight:500}.npt-hint{font-size:.8rem;color:var(--text-light);margin:0;line-height:1.3}.npt-connect-nudge{background:none;border:none;padding:.25rem 0;margin-top:.25rem;font-size:.75rem;color:var(--secondary);cursor:pointer;text-decoration:none}.npt-connect-nudge:hover{text-decoration:underline}.homepage{max-width:900px;margin:0 auto;padding:1rem;padding-bottom:100px}.homepage__welcome{margin-bottom:1rem;padding-bottom:0}.homepage__welcome-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.homepage__greeting{font-size:1.6rem;font-weight:800;background:linear-gradient(135deg,var(--text-dark),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .15rem;letter-spacing:-.02em}.homepage__subtitle{font-size:.9rem;color:var(--text-gray);margin:0}.homepage__streak-badge{display:flex;align-items:center;gap:.3rem;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid rgba(245,158,11,.2);padding:.4rem .75rem;border-radius:var(--radius-xl);flex-shrink:0}.homepage__streak-emoji{font-size:1rem;line-height:1}.homepage__streak-num{font-size:1.15rem;font-weight:800;color:#92400e;line-height:1}.homepage__streak-unit{font-size:.7rem;font-weight:600;color:#b45309;line-height:1}.homepage__founding-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#d4af37,#f5d76e);color:#5c4300;font-size:.75rem;font-weight:700;padding:4px 12px;border-radius:var(--radius-xl);margin-top:8px;letter-spacing:.02em}.homepage__cards{display:flex;flex-direction:column;gap:1rem}@media(min-width:769px){.homepage{max-width:1100px;padding:2rem;padding-bottom:100px}.homepage__welcome{margin-bottom:1.25rem}.homepage__greeting{font-size:2rem}.homepage__streak-badge{padding:.45rem .9rem}.homepage__streak-num{font-size:1.3rem}.homepage__cards{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:start}}.homepage__skeleton{display:flex;flex-direction:column;gap:1rem}.homepage__skel-header{padding-bottom:1rem;margin-bottom:.25rem;border-bottom:1px solid var(--border)}.homepage__skel-header .skel-title-bar{height:24px;width:55%;border-radius:var(--radius-6);background:linear-gradient(90deg,var(--skeleton-bg) 25%,var(--skeleton-highlight) 50%,var(--skeleton-bg) 75%);background-size:200% 100%;animation:skeletonPulse 1.5s ease-in-out infinite;margin-bottom:.5rem}.homepage__skel-header .skel-subtitle-bar{height:14px;width:40%;border-radius:var(--radius-xs);background:linear-gradient(90deg,var(--skeleton-bg) 25%,var(--skeleton-highlight) 50%,var(--skeleton-bg) 75%);background-size:200% 100%;animation:skeletonPulse 1.5s ease-in-out infinite;animation-delay:.1s}.homepage__skel-strip{display:flex;justify-content:space-between;padding:1.25rem 1.5rem;background:linear-gradient(90deg,var(--skeleton-bg) 25%,var(--skeleton-highlight) 50%,var(--skeleton-bg) 75%);background-size:200% 100%;border-radius:var(--radius-14);animation:skeletonPulse 1.5s ease-in-out infinite}.skel-strip-dot{width:28px;height:28px;border-radius:var(--radius-full);background:#0000000f}.homepage__skel-card{background:#fff;border-radius:var(--radius-14);border-left:4px solid var(--skeleton-border);box-shadow:0 2px 8px #0000000f;overflow:hidden;animation:skeletonPulse 1.5s ease-in-out infinite}.skel-card-header{display:flex;align-items:center;gap:.65rem;padding:.85rem 1rem 0}.skel-icon-circle{width:32px;height:32px;border-radius:var(--radius-sm);flex-shrink:0}.skel-title-line{height:14px;width:50%;border-radius:var(--radius-xs);background:linear-gradient(90deg,var(--skeleton-bg) 25%,var(--skeleton-highlight) 50%,var(--skeleton-bg) 75%);background-size:200% 100%;animation:skeletonPulse 1.5s ease-in-out infinite}.skel-card-body{padding:.85rem 1rem 1.15rem;display:flex;flex-direction:column;gap:.5rem}.skel-text-line{height:12px;border-radius:var(--radius-xs);background:linear-gradient(90deg,var(--skeleton-bg) 25%,var(--skeleton-highlight) 50%,var(--skeleton-bg) 75%);background-size:200% 100%;animation:skeletonPulse 1.5s ease-in-out infinite}.skel-text--wide{width:85%}.skel-text--medium{width:60%}.skel-text--short{width:40%}@media(min-width:769px){.homepage__skeleton{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.homepage__skel-header,.homepage__skel-strip{grid-column:1 / -1}.skel-card-header{padding:1rem 1.25rem 0}.skel-icon-circle{width:36px;height:36px;border-radius:var(--radius-10)}.skel-card-body{padding:.85rem 1.25rem 1.15rem}}.help-center{max-width:640px;margin:0 auto;padding:1rem;padding-bottom:100px}.hc-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.hc-back{background:none;border:none;color:var(--primary, #c97bb5);font-size:.95rem;font-weight:600;cursor:pointer;padding:.4rem 0;white-space:nowrap}.hc-title{font-size:1.4rem;font-weight:700;color:#1a1a2e;margin:0}.hc-tabs{display:flex;gap:0;border-bottom:2px solid #f0f0f0;margin-bottom:1rem}.hc-tab{flex:1;background:none;border:none;padding:.7rem 1rem;font-size:.95rem;font-weight:600;color:#999;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.hc-tab.active{color:var(--primary, #c97bb5);border-bottom-color:var(--primary, #c97bb5)}.hc-search-wrap{position:relative;margin-bottom:.75rem}.hc-search{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:2px solid #e8e8e8;border-radius:var(--radius-md);font-size:.95rem;color:#333;background:#fafafa;transition:border-color .2s;box-sizing:border-box}.hc-search:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:var(--focus-shadow)}.hc-search-clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1rem;color:#999;cursor:pointer;padding:.2rem}.hc-categories{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;padding-bottom:.5rem}.hc-cat-pill{background:#f5f5f5;border:1px solid #e8e8e8;border-radius:var(--radius-xl);padding:.35rem .75rem;font-size:.8rem;font-weight:500;color:#666;cursor:pointer;transition:all .2s;white-space:nowrap}.hc-cat-pill.active{background:var(--primary, #c97bb5);border-color:var(--primary, #c97bb5);color:#fff}.hc-cat-pill:hover:not(.active){border-color:var(--primary, #c97bb5);color:var(--primary, #c97bb5)}.hc-faq-list{display:flex;flex-direction:column;gap:.5rem}.hc-faq-item{border:1px solid #eee;border-radius:var(--radius-10);overflow:hidden;transition:border-color .2s}.hc-faq-item.expanded{border-color:var(--primary, #c97bb5)}.hc-faq-q{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.85rem 1rem;background:none;border:none;font-size:.9rem;font-weight:600;color:#1a1a2e;cursor:pointer;text-align:left;gap:.75rem}.hc-faq-q-text{flex:1}.hc-faq-arrow{font-size:1.2rem;font-weight:300;color:#999;flex-shrink:0}.hc-faq-a{padding:0 1rem 1rem;font-size:.88rem;line-height:1.65;color:#555;animation:hcFadeIn .2s ease}@keyframes hcFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.hc-empty{text-align:center;padding:2rem 1rem;color:#999}.hc-empty-hint{font-size:.85rem;margin-top:.5rem}.hc-link-btn{background:none;border:none;color:var(--primary, #c97bb5);font-weight:600;cursor:pointer;text-decoration:underline;font-size:inherit}.hc-bottom-cta{text-align:center;margin-top:2rem;padding:1.5rem;background:#fafafa;border-radius:var(--radius-md)}.hc-bottom-cta p{color:#888;font-size:.9rem;margin:0 0 .75rem}.hc-support-btn{background:linear-gradient(135deg,#f5a7b8,#8b5a7d);color:#fff;border:none;border-radius:var(--radius-10);padding:.65rem 1.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .15s,opacity .15s}.hc-support-btn:hover{transform:translateY(-1px);opacity:.95}.hc-guides{display:flex;flex-direction:column;gap:.75rem}.hc-guide-card{border:1px solid #eee;border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s,box-shadow .2s}.hc-guide-card.expanded{border-color:var(--primary, #c97bb5);box-shadow:0 2px 12px #c97bb51a}.hc-guide-header{display:flex;align-items:center;width:100%;padding:1rem;background:none;border:none;cursor:pointer;gap:.75rem;text-align:left}.hc-guide-icon{font-size:1.5rem;flex-shrink:0}.hc-guide-title-area{flex:1;display:flex;flex-direction:column;gap:.15rem}.hc-guide-title{font-size:.95rem;font-weight:700;color:#1a1a2e}.hc-guide-subtitle{font-size:.8rem;color:#888}.hc-guide-arrow{font-size:.75rem;color:#999;flex-shrink:0}.hc-guide-body{padding:0 1rem 1.25rem;animation:hcFadeIn .25s ease}.hc-guide-section{padding-top:1rem;border-top:1px solid #f0f0f0}.hc-guide-section:first-child{border-top:none;padding-top:0}.hc-guide-section-heading{font-size:.92rem;font-weight:700;color:#1a1a2e;margin:0 0 .5rem}.hc-guide-section-content{font-size:.88rem;line-height:1.65;color:#555}.hc-contact-section{margin-top:2rem;padding:1.5rem;background:#fafafa;border:1px solid #e8e8e8;border-radius:var(--radius-md);text-align:center}.hc-contact-heading{font-size:1.1rem;font-weight:700;color:#1a1a2e;margin:0 0 .5rem}.hc-contact-body{font-size:.9rem;line-height:1.6;color:#555;margin:0 0 .5rem}.hc-contact-link{color:var(--primary, #c97bb5);font-weight:600;text-decoration:none}.hc-contact-link:hover{text-decoration:underline}.hc-contact-subtext{font-size:.82rem;color:#999;margin:0}@media(max-width:480px){.help-center{padding:.75rem}.hc-title{font-size:1.2rem}.hc-cat-pill{font-size:.75rem;padding:.3rem .6rem}.hc-faq-q{font-size:.85rem;padding:.75rem .85rem}.hc-faq-a{font-size:.84rem;padding:0 .85rem .85rem}.hc-guide-header{padding:.85rem}.hc-guide-body{padding:0 .85rem 1rem}.hc-contact-section{padding:1.25rem}}.instagram-connect{padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border)}.instagram-connect--locked{background:#fafafa;border-style:dashed}.instagram-connect__locked-msg{text-align:center;padding:.5rem 0}.instagram-connect__locked-msg strong{display:block;font-size:.88rem;color:var(--text-dark);margin-bottom:.35rem}.instagram-connect__locked-msg p{font-size:.8rem;color:var(--text-gray);margin:0;line-height:1.4}.instagram-connect--loading{padding:12px 16px}.ig-skel{display:flex;align-items:center;gap:12px}.ig-skel .skeleton-bar{background:linear-gradient(90deg,var(--skeleton-bg) 25%,var(--skeleton-highlight) 50%,var(--skeleton-bg) 75%);background-size:200% 100%;animation:skeletonPulse 1.5s ease-in-out infinite}.ig-skel__avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0}.ig-skel__lines{display:flex;flex-direction:column;gap:6px;flex:1}.ig-skel__name{height:14px;width:55%;border-radius:var(--radius-xs)}.ig-skel__status{height:10px;width:35%;border-radius:var(--radius-xs);animation-delay:.1s}.instagram-connect--connected{display:flex;align-items:center;justify-content:space-between;background:var(--bg-cream)}.instagram-connect__profile{display:flex;align-items:center;gap:12px;min-width:0}.instagram-connect__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.instagram-connect__info{display:flex;flex-direction:column;gap:2px;min-width:0}.instagram-connect__username{font-weight:600;color:var(--text-dark);font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.instagram-connect__status{font-size:.78rem;color:#059669;font-weight:500}.instagram-connect__warning{font-size:.72rem;color:#d97706}.instagram-connect__disconnect{background:none;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:.35rem .75rem;font-size:.82rem;font-weight:600;color:var(--text-gray);cursor:pointer;flex-shrink:0;transition:all .2s}.instagram-connect__disconnect:hover{border-color:#ef4444;color:#ef4444}.instagram-connect--disconnected{text-align:center;background:var(--bg-cream)}.instagram-connect__personal{background:#fef3c7;border:1px solid #f59e0b;border-radius:var(--radius-10);padding:14px 16px;margin-bottom:12px;font-size:.85rem;color:#92400e;line-height:1.5;text-align:left}.instagram-connect__personal strong{display:block;margin-bottom:6px;font-size:.9rem}.instagram-connect__personal p{margin:0 0 8px}.instagram-connect__personal a{color:#b45309;font-weight:600;text-decoration:underline}.instagram-connect__personal-dismiss{background:none;border:1.5px solid #d97706;border-radius:var(--radius-sm);padding:.3rem .8rem;font-size:.82rem;font-weight:600;color:#92400e;cursor:pointer;margin-top:4px}.instagram-connect__denied{background:#fff3cd;border:1px solid #ffc107;border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:12px;font-size:.85rem;color:#856404;line-height:1.4;text-align:left}.instagram-connect__denied p{margin:0 0 8px}.instagram-connect__help{margin-top:8px;font-size:.82rem}.instagram-connect__help summary{cursor:pointer;font-weight:600;color:#6c4e00}.instagram-connect__help ul{margin:6px 0 0;padding-left:18px}.instagram-connect__help li{margin-bottom:4px}.instagram-connect__account-warning{background:#fffbeb;border:1px solid #fbbf24;border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:12px;font-size:.84rem;color:#92400e;line-height:1.5;text-align:left}.instagram-connect__account-warning a{color:#b45309;font-weight:600;text-decoration:underline}.instagram-connect__desc{font-size:.88rem;color:var(--text-gray);margin:0 0 12px;line-height:1.4}.instagram-connect__button{background:linear-gradient(135deg,#833ab4,#c13584,#e1306c,#f77737);color:#fff;border:none;border-radius:var(--radius-10);padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;cursor:pointer;width:100%;transition:opacity .2s}.instagram-connect__button:hover{opacity:.9}.instagram-connect__button:disabled{opacity:.6;cursor:not-allowed}.billing-toggle{margin:12px 0 8px}.billing-toggle__pills{display:flex;gap:0;background:var(--border);border-radius:var(--radius-10);padding:3px;max-width:260px}.billing-toggle__pills button{flex:1;padding:8px 14px;border:none;border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;cursor:pointer;background:transparent;color:var(--text-gray);transition:all .2s}.billing-toggle__pills button.active{background:#fff;color:var(--text-dark);box-shadow:0 2px 6px #00000014}.billing-toggle__save{display:inline-block;background:#dcfce7;color:#15803d;font-size:.65rem;padding:2px 5px;border-radius:5px;margin-left:3px;font-weight:700}.billing-toggle__founding{font-size:.8rem;color:#16a34a;font-weight:600;margin:8px 0 0}.billing-toggle__fm-annual{margin:10px 0 0;padding:10px 14px;background:linear-gradient(135deg,#fdf4ff,#fef3c7);border:1px solid #e9d5ff;border-radius:var(--radius-10)}.billing-toggle__fm-primary{font-size:.92rem;font-weight:700;color:var(--secondary, #8b5a7d);margin:0 0 4px}.billing-toggle__fm-sub{font-size:.78rem;color:var(--text-dark);margin:0 0 6px;line-height:1.4}.billing-toggle__fm-note{font-size:.72rem;color:var(--text-gray);margin:0;line-height:1.4;font-style:italic}.billing-toggle__hint{font-size:.78rem;color:var(--text-gray);margin:4px 0 0}.billing-toggle--compact{margin:0}.billing-toggle--compact .billing-toggle__pills{max-width:220px;padding:2px}.billing-toggle--compact .billing-toggle__pills button{padding:5px 10px;font-size:.75rem}.cancellation-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:backdropFadeIn .2s ease}.cancellation-modal{background:#fff;border-radius:var(--radius-xl);padding:2rem;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;animation:cancelModalSlideIn .3s ease}@keyframes cancelModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cancellation-close-btn{position:absolute;top:1rem;right:1rem;background:#f0f0f0;border:none;width:32px;height:32px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}@media(hover:hover){.cancellation-close-btn:hover{background:#e0e0e0}}.cancellation-header{text-align:center;margin-bottom:1.5rem}.cancellation-icon{font-size:2.5rem;display:block;margin-bottom:.5rem}.cancellation-header h2{font-size:1.5rem;color:var(--text-dark, #374151);margin:0 0 .5rem}.cancellation-header p{color:var(--text-gray, #6b7280);font-size:.95rem;margin:0;line-height:1.5}.cancellation-comeback{margin-top:.75rem!important;font-size:.85rem!important;font-style:italic;color:var(--text-light, #9ca3af)!important}.cancellation-reasons{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.cancellation-reason-card{display:flex;align-items:center;gap:.75rem;padding:1rem 3rem 1rem 1rem;border:2px solid var(--border, #e5e7eb);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;position:relative;background:#fff;text-align:left;font-family:inherit;font-size:inherit}@media(hover:hover){.cancellation-reason-card:hover:not(.selected){border-color:#e8d0d8;background:#faf8f9}}.cancellation-reason-card.selected{border-color:var(--primary, #f5a7b8);background:linear-gradient(135deg,#fdf2f8,#fce7f3);box-shadow:0 0 0 1px #f5a7b826}.reason-icon{font-size:1.25rem;width:32px;text-align:center;flex-shrink:0}.reason-label{font-size:.95rem;color:var(--text-dark, #374151);font-weight:500}.reason-check{width:24px;height:24px;border-radius:50%;background:#e0e0e0;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:transparent;transition:all .2s ease;position:absolute;right:1rem}.cancellation-reason-card.selected .reason-check{background:linear-gradient(135deg,#f5a7b8,#8b5a7d);color:#fff}.cancellation-textarea{width:100%;padding:.75rem 1rem;border:2px solid var(--border, #e5e7eb);border-radius:var(--radius-md);font-family:inherit;font-size:.9rem;resize:vertical;margin-bottom:1rem;transition:border-color .2s ease;box-sizing:border-box}.cancellation-textarea:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus-shadow)}.cancellation-input{width:100%;padding:.75rem 1rem;border:2px solid var(--border);border-radius:var(--radius-md);font-family:inherit;font-size:.9rem;margin-top:.5rem;transition:border-color .2s ease;box-sizing:border-box}.cancellation-input:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus-shadow)}.cancellation-offer-card{background:var(--bg-cream, #fafaf9);border:1.5px solid var(--border, #e5e7eb);border-radius:var(--radius-md);padding:1.25rem;margin-bottom:1.5rem}.cancellation-offer-card h3{font-size:1.1rem;color:var(--text-dark, #374151);margin:0 0 .5rem}.cancellation-offer-card p{font-size:.9rem;color:var(--text-gray, #6b7280);margin:0;line-height:1.5}.cancellation-actions{display:flex;flex-direction:column;gap:.75rem;align-items:center}.cancellation-btn-primary{width:100%;padding:.875rem 1.5rem;border:none;background:linear-gradient(135deg,#f5a7b8,#8b5a7d);border-radius:var(--radius-md);font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.cancellation-btn-primary:disabled{opacity:.5;cursor:not-allowed}@media(hover:hover){.cancellation-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f5a7b866}}.cancellation-btn-stay{background:none;border:none;color:var(--text-gray, #6b7280);font-size:.9rem;cursor:pointer;text-decoration:underline;padding:.5rem;font-family:inherit}@media(hover:hover){.cancellation-btn-stay:hover{color:var(--text-dark, #374151)}}.cancellation-btn-decline{background:none;border:none;color:var(--text-gray, #6b7280);font-size:.9rem;cursor:pointer;text-decoration:underline;padding:.5rem;font-family:inherit}.cancellation-btn-decline:disabled{opacity:.5;cursor:not-allowed}@media(hover:hover){.cancellation-btn-decline:hover:not(:disabled){color:var(--text-dark, #374151)}}.cancellation-actions--final{gap:.75rem;margin-top:.5rem}.cancellation-btn-destructive{width:100%;padding:.75rem 1.5rem;border:2px solid #e5e7eb;background:#fff;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;color:#dc2626;cursor:pointer;transition:all .2s ease;font-family:inherit}.cancellation-btn-destructive:disabled{opacity:.5;cursor:not-allowed}@media(hover:hover){.cancellation-btn-destructive:hover:not(:disabled){background:#fef2f2;border-color:#fecaca}}@media(max-width:480px){.cancellation-modal{padding:1.25rem 1rem;margin:.5rem}.cancellation-header{margin-bottom:1rem}.cancellation-icon{font-size:2rem;margin-bottom:.25rem}.cancellation-header h2{font-size:1.2rem;margin-bottom:.25rem}.cancellation-header p{font-size:.85rem}.cancellation-reasons{gap:.5rem;margin-bottom:.75rem}.cancellation-reason-card{padding:.7rem 2.75rem .7rem .75rem;gap:.5rem}.reason-icon{font-size:1.1rem;width:28px}.reason-label{font-size:.9rem}.reason-check{width:22px;height:22px;font-size:.7rem;right:.75rem}.cancellation-offer-card{padding:1rem}}.settings-page{background:var(--bg-white);border-radius:var(--radius-xl);padding:2.5rem;box-shadow:var(--shadow-sm)}.settings-header h2{font-size:2rem;font-weight:600;color:var(--text-dark);margin-bottom:.3rem}.settings-subtitle{color:var(--text-gray);font-size:1rem;margin-bottom:2rem}.settings-account-email{color:var(--text-light);font-size:.85rem;margin-top:.25rem}.settings-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);max-width:calc(100vw - 40px);background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:.8rem 1.5rem;border-radius:var(--radius-10);font-weight:600;font-size:.9rem;box-shadow:var(--shadow-md);z-index:1000;text-align:center;word-wrap:break-word;animation:toastIn .3s ease}.settings-toast.toast-error{background:linear-gradient(135deg,#dc2626,#991b1b)}@keyframes toastIn{0%{transform:translate(-50%) translateY(-20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.settings-page .settings-section{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.settings-page .settings-section:last-child{border-bottom:none;margin-bottom:0}.section-title-row{display:flex;align-items:center;gap:12px;margin-bottom:.3rem}.section-title-row h3{color:var(--secondary);font-size:1.2rem;font-weight:600;margin:0}.saving-indicator{font-size:.8rem;color:var(--primary);font-weight:500;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.section-desc{color:var(--text-gray);font-size:.92rem;margin-bottom:1.2rem;line-height:1.5}.section-hint{color:var(--text-gray);font-size:.82rem;margin-top:-.6rem;margin-bottom:1rem;line-height:1.5;opacity:.7}.section-hint em{font-style:italic}.connected-accounts-list{display:flex;flex-direction:column;gap:1rem}.vibe-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.vibe-card{position:relative;background:var(--bg-cream);border:2px solid var(--border);border-radius:var(--radius-md);padding:1rem 1.2rem;cursor:pointer;text-align:left;transition:all .2s ease;display:flex;align-items:center;gap:.75rem;opacity:.55}.vibe-card.selected{opacity:1}.vibe-check{position:absolute;top:6px;right:8px;width:20px;height:20px;border-radius:50%;background:var(--secondary, #8b5a7d);color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}@media(hover:hover){.vibe-card:hover{transform:translateY(-2px)}}.vibe-icon-box{width:42px;height:42px;border-radius:var(--radius-10);display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.vibe-text{display:flex;flex-direction:column;gap:.1rem}.vibe-title{font-weight:600;font-size:.95rem;color:var(--text-dark);margin-bottom:.1rem}.vibe-desc{font-size:.82rem;color:var(--text-gray)}.settings-vibe-polished{background:linear-gradient(135deg,#fbf5ee,#f5e6d3);border:2px solid #D4AF37}.settings-vibe-polished .vibe-icon-box{background:#d4af3726}@media(hover:hover){.settings-vibe-polished:hover{box-shadow:0 8px 24px #d4af3733;border-color:#c5a028}}.settings-vibe-polished.selected{border:3px solid #D4AF37;box-shadow:0 8px 24px #d4af374d;background:linear-gradient(135deg,#f5e6d3,#e8d4b8)}.settings-vibe-polished.selected .vibe-icon-box{background:#d4af3740}.settings-vibe-polished.selected .vibe-check{background:#d4af37}.settings-vibe-bold{background:linear-gradient(135deg,#f5eefa,#e8d5f2);border:2px solid #9B59B6}.settings-vibe-bold .vibe-icon-box{background:#9b59b61f}@media(hover:hover){.settings-vibe-bold:hover{box-shadow:0 8px 24px #9b59b633;border-color:#8e44ad}}.settings-vibe-bold.selected{border:3px solid #9B59B6;box-shadow:0 8px 24px #9b59b64d;background:linear-gradient(135deg,#e8d5f2,#f5e1f7)}.settings-vibe-bold.selected .vibe-icon-box{background:#9b59b633}.settings-vibe-bold.selected .vibe-check{background:#9b59b6}.settings-vibe-laidback{background:linear-gradient(135deg,#f0faf0,#e0f2e0);border:2px solid #5A9E6F}.settings-vibe-laidback .vibe-icon-box{background:#5a9e6f1f}@media(hover:hover){.settings-vibe-laidback:hover{box-shadow:0 8px 24px #5a9e6f33;border-color:#4a8e5f}}.settings-vibe-laidback.selected{border:3px solid #5A9E6F;box-shadow:0 8px 24px #5a9e6f4d;background:linear-gradient(135deg,#e0f2e0,#c8e6c9)}.settings-vibe-laidback.selected .vibe-icon-box{background:#5a9e6f33}.settings-vibe-laidback.selected .vibe-check{background:#5a9e6f}.settings-vibe-fun{background:linear-gradient(135deg,#fff2f8,#ffe4ef);border:2px solid #E84393}.settings-vibe-fun .vibe-icon-box{background:#e843931a}@media(hover:hover){.settings-vibe-fun:hover{box-shadow:0 8px 24px #e8439333;border-color:#d63384}}.settings-vibe-fun.selected{border:3px solid #E84393;box-shadow:0 8px 24px #e843934d;background:linear-gradient(135deg,#ffe4ef,#ffd1e4)}.settings-vibe-fun.selected .vibe-icon-box{background:#e843932e}.settings-vibe-fun.selected .vibe-check{background:#e84393}.settings-page .vibe-card .vibe-title{color:var(--text-dark);font-weight:700}.settings-page .vibe-card .vibe-desc{color:var(--text-dark);opacity:.7}.settings-page .vibe-card.selected .vibe-desc{opacity:.85}.specialty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.specialty-chip{background:var(--bg-cream);border:2px solid var(--border);border-radius:var(--radius-md);padding:1rem;cursor:pointer;font-size:.9rem;font-weight:500;color:var(--text-dark);transition:all .2s ease;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.4rem;min-height:72px}@media(hover:hover){.specialty-chip:hover{border-color:var(--primary);transform:translateY(-2px)}}.specialty-chip.selected{background:linear-gradient(135deg,#fef3f7,#f9f5f9);border-color:var(--secondary);color:var(--text-dark);font-weight:600;box-shadow:0 0 0 1px var(--secondary)}.specialty-chip-icon{font-size:1.5rem;line-height:1}.specialty-chip-label{font-size:.88rem;line-height:1.3}.brand-scroll-row{display:flex;gap:.6rem;overflow-x:auto;overflow-y:visible;padding:.85rem .75rem 1rem;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center}.brand-scroll-row::-webkit-scrollbar{display:none}.brand-card{background:var(--bg-cream);border:2px solid var(--border);border-radius:var(--radius-14);padding:.6rem .75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:120px;width:120px;height:80px;cursor:pointer;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,border-color .2s ease,opacity .2s ease;position:relative;flex-shrink:0;scroll-snap-align:center;transform-origin:center bottom}@media(hover:hover){.brand-scroll-row:hover .brand-card{transform:scale(.92);opacity:.7}.brand-scroll-row:hover .brand-card:hover{transform:scale(1.18);opacity:1;z-index:2;box-shadow:0 8px 24px #0000001f;border-color:var(--primary)}}@media(hover:none){.brand-card:active{transform:scale(1.1);z-index:2;box-shadow:0 6px 20px #0000001a}}.brand-card.selected{background:linear-gradient(135deg,#fef3f7,#f9f5f9);border-color:var(--secondary);color:var(--text-dark);font-weight:600;box-shadow:0 0 0 1px var(--secondary)}@media(hover:hover){.brand-scroll-row:hover .brand-card.selected:hover{box-shadow:0 8px 24px #0000001f,0 0 0 1px var(--secondary)}}.brand-card.hidden{opacity:1;border-color:#e0e0e0;background:#fafafa}@media(hover:hover){.brand-scroll-row:hover .brand-card.hidden{opacity:.85}.brand-scroll-row:hover .brand-card.hidden:hover{opacity:1;filter:none;border-color:var(--primary);background:#fff}}.brand-card.custom{border-color:var(--primary);background:linear-gradient(135deg,#f0f4ff,#e8ecff)}.brand-categories{display:flex;flex-direction:column;gap:.75rem}.brand-category-section{border:1.5px solid #ede0f0;border-radius:var(--radius-md);overflow:hidden;background:#fff}.brand-category-header{display:flex;align-items:center;gap:.5rem;width:100%;padding:.65rem .85rem;background:linear-gradient(135deg,#fdf8fa,#f9f5fc);border:none;font-size:.85rem;font-weight:600;color:var(--text-dark)}.brand-category-icon{font-size:1rem;flex-shrink:0}.brand-category-label{flex:1;text-align:left}.brand-category-count{font-size:.75rem;color:#999;font-weight:500;background:#0000000d;padding:.15rem .5rem;border-radius:var(--radius-10)}.brand-category-section .brand-scroll-row{padding:.6rem .75rem .85rem}.brand-check-badge{position:absolute;top:.4rem;right:.4rem;width:20px;height:20px;background:var(--secondary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.brand-card-label{font-size:.88rem;line-height:1.3;text-align:center}.brand-card-remove{position:absolute;top:.3rem;right:.3rem;font-size:.9rem;opacity:.6}.specialty-chip.custom-service-chip{border-color:var(--primary);background:linear-gradient(135deg,#fef3f7,#f9f5f9);position:relative;font-weight:600;box-shadow:0 0 0 1px var(--primary)}.specialty-chip-remove{position:absolute;top:.25rem;right:.35rem;font-size:.75rem;opacity:.5;line-height:1}@media(hover:hover){.specialty-chip.custom-service-chip:hover .specialty-chip-remove{opacity:1}}.settings-location-inputs{background:linear-gradient(135deg,#fdf8fa,#f9f5fc);border:1.5px solid #ede0f0;border-radius:var(--radius-14);padding:1.25rem;margin-bottom:.75rem;max-width:500px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.field-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.8rem}.field-group label{font-size:.82rem;font-weight:600;color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px}.label-optional{font-size:.75rem;font-weight:400;color:#aaa;text-transform:none;letter-spacing:0;margin-left:.25rem}.text-input-styled{width:100%;padding:.7rem .9rem;font-size:.95rem;border:2px solid #e0e0e0;border-radius:var(--radius-10);background:#fff;transition:all .3s ease}.text-input-styled:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus-shadow)}.settings-page .toggle-pill{display:flex;align-items:center;gap:.6rem;width:100%;max-width:500px;padding:.85rem 1.25rem;background:#f9f7fb;border:2px solid #e8e0ed;border-radius:var(--radius-md);cursor:pointer;transition:all .25s ease;font-size:.95rem;font-weight:500;color:var(--text-dark);text-align:left}@media(hover:hover){.settings-page .toggle-pill:hover{border-color:var(--primary)}}.settings-page .toggle-pill.active{background:linear-gradient(135deg,#fce4ec,#f8bbd0);border-color:var(--primary);color:var(--secondary)}.toggle-pill-icon{font-size:1.2rem;flex-shrink:0}.toggle-pill-text{flex:1}.toggle-pill-indicator{width:22px;height:22px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;opacity:0;transform:scale(0);transition:all .25s cubic-bezier(.68,-.55,.265,1.55)}.settings-page .toggle-pill.active .toggle-pill-indicator{opacity:1;transform:scale(1)}.settings-page .mobile-stylist-toggle{margin:.75rem 0}.mobile-stylist-toggle-inline{display:none}.location-bottom-row{margin-top:.5rem}.settings-page .mobile-stylist-message{max-width:500px;margin:.75rem 0;padding:1rem 1.25rem;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #a7f3d0;border-radius:var(--radius-14);display:flex;align-items:flex-start;gap:.75rem}.settings-page .mobile-stylist-message-icon{width:28px;height:28px;background:#059669;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0}.settings-page .mobile-stylist-message p{margin:0;font-size:.9rem;font-weight:500;color:#065f46;line-height:1.5}.settings-page .input-benefits{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.settings-page .benefit-item{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;color:#666;background:#f8f5fb;padding:.35rem .65rem;border-radius:var(--radius-xl);font-weight:500}.settings-page .benefit-icon{font-size:.85rem;flex-shrink:0}.settings-page .location-benefits{justify-content:flex-start}.settings-instagram-wrapper{display:flex;align-items:baseline;max-width:400px;background:#fdfbff;border:2px solid #e0d4e8;border-radius:var(--radius-10);padding:14px .75rem 0;height:44px;transition:all .3s ease}.settings-instagram-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #f5a7b833}.settings-instagram-wrapper .input-prefix{font-size:.95rem;font-weight:600;color:var(--secondary);margin-right:.4rem;line-height:1}.settings-instagram-wrapper input{flex:1;border:none;outline:none;font-size:.95rem;background:transparent;color:var(--text-dark);min-width:0;padding:0;line-height:1}.settings-instagram-wrapper input::placeholder{color:#ccc}.save-section-btn{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;padding:.7rem 1.5rem;border-radius:var(--radius-10);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.5rem}@media(hover:hover){.save-section-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}}.settings-strategy-summary{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem;padding:1rem;background:linear-gradient(135deg,#fef9f3,#fdf2f8,#f5f0ff);border:1.5px solid rgba(139,90,125,.12);border-radius:var(--radius-md)}.strategy-summary-item{display:flex;align-items:flex-start;gap:.6rem}.strategy-summary-icon{font-size:1rem;flex-shrink:0;margin-top:.1rem}.strategy-summary-content{display:flex;flex-direction:column;gap:.1rem;min-width:0}.strategy-summary-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-gray)}.strategy-summary-value{font-size:.85rem;color:var(--text-dark);font-weight:500;line-height:1.3}.strategy-actions-row{display:flex;gap:.75rem;flex-wrap:wrap}.settings-page .edit-strategy-btn{padding:.7rem 1.3rem;border-radius:var(--radius-10);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.settings-page .edit-strategy-btn.primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 2px 8px #8b5a7d33}.settings-page .edit-strategy-btn.secondary{background:#fff;border-color:var(--border);color:var(--text-gray)}@media(hover:hover){.settings-page .edit-strategy-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5a7d4d}.settings-page .edit-strategy-btn.secondary:hover{border-color:var(--secondary);color:var(--secondary)}}.custom-list-section{margin-top:.75rem}.custom-list-section .list-items{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.custom-list-section .list-chip{padding:.45rem .85rem;border-radius:var(--radius-xl);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1.5px solid #e0e0e0;background:#fff;color:var(--text-gray)}.custom-list-section .list-chip.active{border-color:var(--secondary);background:linear-gradient(135deg,#fdf2f8,#fce7f3);color:var(--secondary)}.custom-list-section .list-chip.hidden{opacity:1;border-style:dashed;border-color:#ddd;background:#f7f7f7}.custom-list-section .list-chip.custom{border-color:var(--primary);background:linear-gradient(135deg,#f0f4ff,#e8ecff);color:var(--primary)}@media(hover:hover){.custom-list-section .list-chip:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000014}}.add-custom-row{display:flex;gap:.5rem;align-items:center}.add-custom-row input{flex:1;padding:.5rem .75rem;border:1.5px solid #e0e0e0;border-radius:var(--radius-sm);font-size:.9rem;max-width:250px}.add-custom-row input:focus{outline:none;border-color:var(--secondary);box-shadow:var(--focus-shadow)}.add-custom-btn{padding:.5rem 1rem;border-radius:var(--radius-sm);border:none;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease}.add-custom-btn:disabled{opacity:.4;cursor:not-allowed}@media(hover:hover){.add-custom-btn:not(:disabled):hover{opacity:.9;transform:translateY(-1px)}}.st-accent--pink{--st-accent: #ec4899}.st-accent--purple{--st-accent: #7c3aed}.st-accent--green{--st-accent: #10b981}.st-accent--blue{--st-accent: #3b82f6}.st-accent--amber{--st-accent: #f59e0b}.mobile-settings{padding:1rem .75rem!important;border-radius:0!important;box-shadow:none!important;background:var(--bg-cream)!important}.mobile-settings .settings-header{padding:0 .25rem;margin-bottom:.75rem}.mobile-settings .settings-header h2{font-size:1.5rem}.accordion-list{display:flex;flex-direction:column;gap:.5rem}.accordion-item{background:var(--bg-white);border-right:4px solid var(--st-accent, transparent);border-radius:var(--radius-14);box-shadow:0 1px 3px #0000000a}.accordion-header{display:flex;align-items:center;width:100%;padding:1rem 1.25rem;background:none;border:none;cursor:pointer;min-height:52px;text-align:left;transition:background .15s ease;gap:.5rem}.accordion-header:active{background:#00000008}.accordion-header-left{flex:1;display:flex;flex-direction:column;gap:.15rem;min-width:0}.accordion-title{font-size:1rem;font-weight:600;color:var(--text-dark)}.accordion-preview{font-size:.82rem;color:var(--text-gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.accordion-chevron{font-size:1.3rem;font-weight:300;color:var(--text-gray);flex-shrink:0;width:24px;text-align:center}.accordion-body{padding:0 1.25rem 1.25rem;animation:accordionSlideDown .2s ease}.accordion-body-info{display:flex;justify-content:flex-end;margin-bottom:.25rem}@keyframes accordionSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.accordion-item.expanded{background:var(--bg-white)}.accordion-item.expanded .accordion-header{border-bottom:1px solid var(--border)}.accordion-item.expanded .accordion-title{color:var(--secondary)}.mobile-settings .settings-section{margin-bottom:0;padding-bottom:0;border-bottom:none}.mobile-settings .section-desc{font-size:.85rem;margin-bottom:1rem}.mobile-settings .vibe-grid{grid-template-columns:1fr 1fr;gap:.6rem}.mobile-settings .vibe-card{padding:.75rem .85rem;gap:.5rem}.mobile-settings .vibe-icon-box{width:36px;height:36px;font-size:1.2rem}.mobile-settings .vibe-title{font-size:.85rem}.mobile-settings .vibe-desc{font-size:.72rem}.mobile-settings .specialty-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.mobile-settings .specialty-chip{padding:.8rem .6rem;font-size:.82rem;min-height:68px}.mobile-settings .specialty-chip-icon{font-size:1.3rem}.mobile-settings .specialty-chip-label{font-size:.8rem}.mobile-settings .settings-location-inputs{max-width:100%}.mobile-settings .field-row{grid-template-columns:1fr 1fr}.mobile-settings .toggle-pill,.mobile-settings .mobile-stylist-message{max-width:100%}.mobile-settings .settings-instagram-row{display:flex;flex-direction:column;gap:.75rem}.mobile-settings .settings-instagram-card{border:none;background:none;padding:0}.mobile-settings .settings-instagram-wrapper{max-width:100%}.mobile-settings .save-section-btn{width:100%;min-height:44px;font-size:.95rem}.mobile-settings .edit-strategy-btn{flex:1;min-height:44px;font-size:.9rem}.mobile-settings .strategy-actions-row{gap:.5rem}.mobile-settings .settings-strategy-summary{padding:.85rem}.settings-skel{display:flex;flex-direction:column;gap:1rem}.settings-skel .skeleton-bar{background:linear-gradient(90deg,var(--skeleton-bg) 25%,var(--skeleton-highlight) 50%,var(--skeleton-bg) 75%);background-size:200% 100%;border-radius:var(--radius-10);animation:skeletonPulse 1.5s ease-in-out infinite}.settings-skel__header{height:52px;width:55%;margin-bottom:.5rem}.settings-skel__list{display:flex;flex-direction:column;gap:.5rem}.settings-skel__item{height:52px;border-radius:var(--radius-14);border-right:4px solid var(--skeleton-border)}.settings-skel__section{height:100px;border-radius:var(--radius-14)}.mobile-settings .strategy-summary-value{font-size:.82rem}.mobile-settings .list-chip{font-size:.8rem;padding:.4rem .7rem}.mobile-settings .add-custom-row{margin-top:.5rem}.mobile-settings .add-custom-row input{max-width:none;flex:1}@media(max-width:600px){.settings-page:not(.mobile-settings){padding:1.5rem}.settings-page:not(.mobile-settings) .vibe-grid{grid-template-columns:1fr}.settings-page:not(.mobile-settings) .field-row{grid-template-columns:1fr}.settings-page:not(.mobile-settings) .settings-instagram-wrapper{max-width:100%}}.settings-logout-btn{width:100%;padding:14px;border:2px solid var(--border);border-radius:var(--radius-md);background:transparent;color:var(--text-gray);font-size:1rem;cursor:pointer;margin-top:24px;transition:all .2s}.settings-logout-btn:hover{border-color:#dc2626;color:#dc2626}.settings-clear-data-btn{width:100%;padding:14px;border:2px solid #dc2626;border-radius:var(--radius-md);background:transparent;color:#dc2626;font-size:1rem;font-weight:600;cursor:pointer;margin-top:24px;transition:all .2s}.settings-clear-data-btn:hover{background:#dc2626;color:#fff}.btn-help-support{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-10);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}@media(hover:hover){.btn-help-support:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}}.admin-tool-link{background:linear-gradient(135deg,#667eea1a,#764ba21a);color:#667eea;border:2px solid rgba(102,126,234,.3);padding:.75rem 1.5rem;border-radius:var(--radius-10);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;flex:1;min-width:180px}@media(hover:hover){.admin-tool-link:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;transform:translateY(-2px);box-shadow:var(--shadow-md)}}.biometric-loading{color:var(--text-gray);font-size:.9rem;padding:1rem 0}.biometric-credentials-list{display:flex;flex-direction:column;gap:0;margin-bottom:1rem;border:1.5px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.biometric-credential-item{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;background:var(--bg-white);border-bottom:1px solid var(--border)}.biometric-credential-item:last-child{border-bottom:none}.biometric-credential-info{display:flex;align-items:center;gap:.75rem;min-width:0}.biometric-credential-icon{color:var(--secondary);flex-shrink:0;display:flex;align-items:center}.biometric-credential-details{display:flex;flex-direction:column;gap:.1rem;min-width:0}.biometric-credential-name{font-size:.92rem;font-weight:600;color:var(--text-dark)}.biometric-credential-date{font-size:.78rem;color:var(--text-light)}.biometric-remove-btn{background:none;border:1.5px solid #fecaca;border-radius:var(--radius-sm);color:#dc2626;font-size:.82rem;font-weight:600;padding:.35rem .75rem;cursor:pointer;transition:all .2s;flex-shrink:0}.biometric-remove-btn:hover{background:#fef2f2;border-color:#dc2626}.biometric-remove-btn:disabled{opacity:.5;cursor:not-allowed}.biometric-setup-btn{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-10);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.biometric-setup-btn:disabled{opacity:.6;cursor:not-allowed}@media(hover:hover){.biometric-setup-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}}.biometric-unavailable{display:flex;align-items:center;gap:.5rem;padding:.85rem 1rem;background:var(--bg-cream);border-radius:var(--radius-10);font-size:.88rem;color:var(--text-gray)}.biometric-unavailable-icon{flex-shrink:0}.settings-instagram-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:stretch}.settings-instagram-card{padding:28px 16px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-cream);display:flex;flex-direction:column;gap:14px}.settings-instagram-wrapper-card{max-width:none;margin-top:auto}.settings-instagram-save{width:100%;margin-top:auto;white-space:nowrap;padding:.5rem 1.25rem;font-size:.88rem}.settings-instagram-right{display:flex}.settings-instagram-right .instagram-connect{flex:1;display:flex;flex-direction:column;gap:14px;padding:28px 16px}.settings-instagram-right .instagram-connect__desc{font-size:.88rem;margin:12px 0 0}.settings-instagram-right .instagram-connect__button{margin-top:auto;padding:.5rem 1.25rem;font-size:.88rem}.settings-referral-section{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--border)}.referral-link-box{margin-bottom:1.25rem}.referral-link-label{display:block;font-size:.8rem;font-weight:600;color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.referral-link-row{display:flex;gap:.5rem;align-items:stretch}.referral-link-input{flex:1;padding:.7rem .9rem;border:2px solid var(--border);border-radius:var(--radius-10);font-size:.9rem;color:var(--text-dark);background:var(--bg-cream);cursor:pointer;min-width:0}.referral-link-input:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus-shadow)}.referral-copy-btn{padding:.7rem 1.2rem;border:none;border-radius:var(--radius-10);background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-weight:700;font-size:.85rem;cursor:pointer;white-space:nowrap;transition:opacity .2s,transform .15s}.referral-copy-btn:hover{opacity:.9;transform:translateY(-1px)}.referral-copy-btn.copied{background:#10b981}.referral-share-row{display:flex;gap:.5rem;margin-bottom:1.5rem}.referral-share-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem .75rem;border:2px solid var(--border);border-radius:var(--radius-10);background:var(--bg-white);color:var(--text-dark);font-size:.82rem;font-weight:600;cursor:pointer;transition:border-color .2s,transform .15s,box-shadow .2s}.referral-share-btn:nth-child(1){background:#eff6ff;border-color:#bfdbfe}.referral-share-btn:nth-child(2){background:#f5f3ff;border-color:#ddd6fe}.referral-share-btn:nth-child(3){background:#fdf2f8;border-color:#fbcfe8}.referral-share-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.referral-share-btn:nth-child(1):hover{border-color:#3b82f6}.referral-share-btn:nth-child(2):hover{border-color:#8b5cf6}.referral-share-btn:nth-child(3):hover{border-color:var(--primary)}.referral-share-icon{font-size:1.1rem}.referral-how-it-works{background:linear-gradient(135deg,#fef9f3,#fdf2f8);border-left:3px solid var(--primary);border-radius:var(--radius-md);padding:1rem 1.25rem;margin-bottom:1.25rem}.referral-how-title{font-size:.85rem;font-weight:700;color:var(--text-dark);margin:0 0 .75rem}.referral-steps{display:flex;flex-direction:column;gap:.6rem}.referral-step{display:flex;align-items:center;gap:.75rem}.referral-step-number{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.referral-step-text{font-size:.88rem;color:var(--text-dark);line-height:1.4}.referral-stats-row{display:flex;gap:.5rem}.referral-stat{flex:1;text-align:center;padding:.75rem .5rem;background:#fff;border-radius:var(--radius-10);border:1px solid var(--border);position:relative;overflow:hidden}.referral-stat:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,var(--primary),var(--secondary))}.referral-stat-value{display:block;font-size:1.4rem;font-weight:700;color:var(--text-dark);line-height:1.2}.referral-stat-label{display:block;font-size:.72rem;color:var(--text-gray);margin-top:.2rem;font-weight:500}@media(max-width:600px){.referral-link-row{flex-direction:column}.referral-copy-btn{text-align:center}.referral-share-row{flex-wrap:nowrap}.referral-share-btn{padding:.55rem .5rem;font-size:.78rem}.referral-stats-row{gap:.35rem}.referral-stat{padding:.6rem .3rem}.referral-stat-value{font-size:1.2rem}.referral-stat-label{font-size:.68rem}}.settings-sms-section{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--border)}@media(min-width:969px){.settings-page{max-width:1100px;margin:0 auto}.field-row-flat{grid-template-columns:1fr 1fr 1fr}.location-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.5rem}.location-bottom-row .location-benefits{margin:0}.mobile-stylist-toggle-inline{display:block}.mobile-stylist-toggle-inline .toggle-pill{white-space:nowrap}.settings-location-inputs{max-width:none}.settings-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.settings-content-grid .settings-section{margin-bottom:0;padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius-14);background:var(--bg-white)}.settings-strategy-summary{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.settings-brands-section{margin-top:1rem;padding-top:2.5rem;border-top:1px solid var(--border)}.settings-subscription-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.settings-subscription-grid .settings-section{margin-bottom:0;padding-bottom:0;border-bottom:none}.settings-subscription-grid{padding-bottom:2rem;border-bottom:1px solid var(--border);margin-bottom:2.5rem}.settings-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.settings-account-grid .settings-section{margin-bottom:0;padding-bottom:0;border-bottom:none}.biometric-setup-btn,.btn-help-support{width:auto}.settings-bottom-actions{display:flex;gap:1rem;margin:3rem auto 0;padding-top:2rem;border-top:1px solid var(--border);max-width:500px}.settings-bottom-actions .settings-clear-data-btn,.settings-bottom-actions .settings-logout-btn{width:auto;flex:1;margin-top:0}}.subscription-status-card{background:var(--bg-cream);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:1rem 1.25rem;margin-bottom:1rem}.subscription-plan-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.subscription-plan-info{display:flex;flex-direction:column;gap:.3rem}.subscription-plan-name{font-size:1.1rem;font-weight:700;color:var(--text-dark)}.subscription-status-badge{display:inline-block;font-size:.78rem;font-weight:600;padding:.2rem .6rem;border-radius:var(--radius-xl);width:fit-content}.subscription-status--trial{background:#fef3c7;color:#92400e}.subscription-status--active{background:#d1fae5;color:#065f46}.subscription-status--expired{background:#fecaca;color:#991b1b}.subscription-status--past_due{background:#fed7aa;color:#9a3412}.subscription-status--canceled{background:#e5e7eb;color:#374151}.subscription-founding-badge{font-size:.75rem;font-weight:700;color:var(--accent);background:#d4af371a;padding:.25rem .65rem;border-radius:var(--radius-xl);white-space:nowrap}.cancel-subscription-link{display:block;margin:.75rem auto 0;background:none;border:none;color:var(--text-light, #9ca3af);font-size:.85rem;text-decoration:underline;cursor:pointer;padding:.25rem 0;font-family:inherit;transition:color .2s ease}@media(hover:hover){.cancel-subscription-link:hover{color:var(--text-gray, #6b7280)}}.account-email-label{font-size:.85rem;color:var(--text-light)}.support-toast{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:.8rem 1.5rem;border-radius:var(--radius-10);font-weight:600;font-size:.9rem;box-shadow:var(--shadow-md);z-index:1100;animation:supportSlideIn .3s ease,supportFadeOut .3s ease 2.7s}.support-toast-error{background:linear-gradient(135deg,#ef4444,#dc2626)}@keyframes supportSlideIn{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes supportFadeOut{0%{opacity:1}to{opacity:0}}.support-modal-backdrop{position:fixed;inset:0;background:#00000080;z-index:999;animation:supportBgFadeIn .3s ease}.support-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;max-width:600px;width:90vw;max-height:85vh;overflow-y:auto;animation:supportSlideUp .3s ease}@keyframes supportBgFadeIn{0%{opacity:0}to{opacity:1}}@keyframes supportSlideUp{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.support-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border);background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:#fff}.support-modal-header h2{margin:0;font-size:1.5rem;font-weight:600}.support-modal-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background .2s ease}@media(hover:hover){.support-modal-close:hover{background:#fff3}}.support-tabs{display:flex;border-bottom:1px solid var(--border);background:var(--bg-cream);padding:.5rem;gap:.5rem}.support-tab{flex:1;background:none;border:none;padding:1rem;font-size:.95rem;font-weight:500;color:var(--text-gray);cursor:pointer;border-radius:var(--radius-10);transition:all .2s ease;border-bottom:2px solid transparent}.support-tab:hover{color:var(--text-dark);background:#f5a7b81a}.support-tab.active{color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary));border-bottom:none}.support-tab-content{padding:2rem}.support-tab-description{color:var(--text-gray);font-size:.95rem;margin-bottom:1.5rem;line-height:1.5}.support-form-group{margin-bottom:1.2rem}.support-form-group label{display:block;font-weight:600;color:var(--text-dark);margin-bottom:.5rem;font-size:.95rem}.support-input,.support-textarea{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:1rem;font-family:inherit;background:var(--bg-white);color:var(--text-dark);transition:border-color .2s ease;box-sizing:border-box}.support-input:focus,.support-textarea:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus-shadow)}.support-input:disabled,.support-textarea:disabled{background:var(--bg-cream);cursor:not-allowed}.support-textarea{resize:vertical;font-size:1rem}.support-device-fieldset{border:none;padding:0;margin:0}.support-device-fieldset legend{font-size:.9rem;font-weight:600;color:var(--text-dark);margin-bottom:.5rem}.support-device-options{display:flex;flex-direction:column;gap:6px}.support-device-option{display:flex;align-items:center;gap:8px;padding:.6rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:.95rem;color:var(--text-gray);transition:border-color .15s,background .15s}.support-device-option:hover{border-color:var(--primary)}.support-device-option.selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,white);color:var(--text-dark)}.support-device-option input[type=radio]{accent-color:var(--primary);margin:0}.support-btn{padding:.75rem 1.5rem;border:none;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.support-btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.support-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.support-btn-primary:disabled{opacity:.6;cursor:not-allowed}.support-btn-secondary{background:var(--bg-cream);color:var(--text-dark);border:1px solid var(--border);margin-top:1rem;width:auto}.support-btn-secondary:hover:not(:disabled){background:var(--border)}.support-faq-answer{background:var(--bg-cream);padding:1.5rem;border-radius:var(--radius-10);margin:1.5rem 0;border-left:4px solid var(--primary)}.support-faq-answer h4{color:var(--secondary);margin:0 0 .75rem;font-size:1rem}.support-faq-answer p{color:var(--text-dark);margin:0 0 1rem;line-height:1.6;font-size:.95rem}.support-feedback{display:flex;align-items:center;gap:.75rem;margin:1rem 0 0;padding-top:.75rem;border-top:1px solid var(--border)}.support-feedback-label{font-size:.88rem;color:var(--text-gray);font-weight:500}.support-feedback-buttons{display:flex;gap:.5rem}.support-feedback-btn{padding:.35rem 1rem;border-radius:var(--radius-6);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;border:1.5px solid var(--border);background:var(--bg-white);color:var(--text-dark)}.support-feedback-yes:hover{border-color:#10b981;color:#10b981;background:#f0fdf4}.support-feedback-no:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2}.support-feedback-result{justify-content:center}.support-feedback-thanks{color:#10b981;font-weight:600;font-size:.9rem}.support-feedback-escalated{background:#fefce8;border-radius:var(--radius-sm);padding:.75rem 1rem;border-top:none}.support-feedback-escalated-text{color:#92400e;font-size:.88rem;line-height:1.4}.support-faq-common{margin-top:2rem}.support-faq-common h4{color:var(--secondary);font-size:1rem;margin-bottom:1rem}.support-faq-list{list-style:none;padding:0;margin:0}.support-faq-item{padding:.75rem;margin-bottom:.5rem;background:var(--bg-cream);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-dark);font-size:.9rem;transition:all .2s ease;border-left:3px solid transparent}@media(hover:hover){.support-faq-item:hover{background:var(--border);border-left-color:var(--primary);transform:translate(4px)}}.support-contact-form{margin-bottom:2rem}.support-success-message{text-align:center;padding:2rem;background:var(--bg-cream);border-radius:var(--radius-10);border-left:4px solid #10b981}.support-success-icon{font-size:2.5rem;color:#10b981;margin-bottom:1rem;display:block}.support-success-message h3{color:var(--text-dark);margin-bottom:.5rem}.support-success-message p{color:var(--text-gray);margin:0;font-size:.9rem}.support-contact-info{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.support-info-note{color:var(--text-gray);font-size:.85rem;margin:0;line-height:1.5}@media(max-width:600px){.support-modal{width:95vw;max-height:90vh;border-radius:var(--radius-md)}.support-modal-header{padding:1rem}.support-modal-header h2{font-size:1.25rem}.support-tab-content{padding:1.5rem}.support-btn{padding:.7rem 1.2rem;font-size:.9rem}.support-input,.support-textarea{font-size:16px}.support-modal:has(input:focus,textarea:focus){top:1rem;transform:translate(-50%);max-height:calc(100vh - 2rem)}}.pg-card{background:#fff;border-radius:var(--radius-14);border-top:4px solid var(--pg-accent);box-shadow:0 2px 8px #0000000f;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease;animation:cardEnter .3s ease-out both}.pg-card:nth-child(1){animation-delay:0s}.pg-card:nth-child(2){animation-delay:.04s}.pg-card:nth-child(3){animation-delay:.06s}.pg-card:nth-child(4){animation-delay:.08s}@media(hover:hover){.pg-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}}.pg-card__header{display:flex;align-items:center;gap:.6rem;padding:1rem 1.25rem 0}.pg-card__icon-circle{width:36px;height:36px;border-radius:var(--radius-10);background:var(--pg-accent-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pg-card__icon{font-size:1.15rem;line-height:1}.pg-card__title{font-size:.95rem;font-weight:700;color:var(--pg-accent-dark);margin:0;letter-spacing:-.01em}.pg-card__count{margin-left:auto;font-size:.78rem;font-weight:600;color:var(--pg-accent);background:var(--pg-accent-bg);padding:.2rem .6rem;border-radius:var(--radius-md)}.pg-card__body{padding:.85rem 1.25rem 1.15rem}.pg-card--green{--pg-accent: #10b981;--pg-accent-bg: #ecfdf5;--pg-accent-dark: #065f46;--pg-accent-light: #d1fae5}.pg-card--amber{--pg-accent: #f59e0b;--pg-accent-bg: #fffbeb;--pg-accent-dark: #92400e;--pg-accent-light: #fef3c7}.pg-card--purple{--pg-accent: #7c3aed;--pg-accent-bg: #f5f3ff;--pg-accent-dark: #4c1d95;--pg-accent-light: #ede9fe}.pg-card--pink{--pg-accent: #ec4899;--pg-accent-bg: #fdf2f8;--pg-accent-dark: #831843;--pg-accent-light: #fce7f3}.pg-card--blue{--pg-accent: #3b82f6;--pg-accent-bg: #eff6ff;--pg-accent-dark: #1e3a5f;--pg-accent-light: #dbeafe}@media(max-width:768px){.pg-card__header{padding:.85rem 1rem 0}.pg-card__body{padding:.75rem 1rem 1rem}.pg-card__icon-circle{width:32px;height:32px;border-radius:var(--radius-sm)}.pg-card__icon{font-size:1rem}.pg-card__title{font-size:.9rem}}.progress-page{max-width:900px;margin:0 auto;padding:1rem;padding-bottom:100px}.progress-page__header{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.progress-page__title{font-size:1.6rem;font-weight:700;color:var(--text-dark);margin:0 0 .15rem}.progress-page__subtitle{font-size:.9rem;color:var(--text-gray);margin:0}.progress-loading{display:flex;flex-direction:column;gap:1rem}.pg-skel-header{padding-bottom:1rem;margin-bottom:.25rem;border-bottom:1px solid var(--border)}.pg-skel-header .skel-title-bar{height:24px;width:45%;border-radius:var(--radius-6);background:linear-gradient(90deg,var(--skeleton-bg) 25%,var(--skeleton-highlight) 50%,var(--skeleton-bg) 75%);background-size:200% 100%;animation:skeletonPulse 1.5s ease-in-out infinite;margin-bottom:.5rem}.pg-skel-header .skel-subtitle-bar{height:14px;width:50%;border-radius:var(--radius-xs);background:linear-gradient(90deg,var(--skeleton-bg) 25%,var(--skeleton-highlight) 50%,var(--skeleton-bg) 75%);background-size:200% 100%;animation:skeletonPulse 1.5s ease-in-out infinite;animation-delay:.1s}.pg-skel-grid,.pg-skel-col{display:flex;flex-direction:column;gap:1rem}.pg-skel-card{background:#fff;border-radius:var(--radius-14);border-top:4px solid var(--skeleton-border);box-shadow:0 2px 8px #0000000f;overflow:hidden;animation:skeletonPulse 1.5s ease-in-out infinite}.pg-skel-card-header{display:flex;align-items:center;gap:.6rem;padding:.85rem 1rem 0}.pg-skel-icon{width:32px;height:32px;border-radius:var(--radius-sm);flex-shrink:0}.pg-skel-title{height:14px;width:45%;border-radius:var(--radius-xs);background:linear-gradient(90deg,var(--skeleton-bg) 25%,var(--skeleton-highlight) 50%,var(--skeleton-bg) 75%);background-size:200% 100%;animation:skeletonPulse 1.5s ease-in-out infinite}.pg-skel-card-body{padding:.85rem 1rem 1.15rem;display:flex;flex-direction:column;gap:.5rem}.pg-skel-card-body .skel-text-line{height:12px;border-radius:var(--radius-xs);background:linear-gradient(90deg,var(--skeleton-bg) 25%,var(--skeleton-highlight) 50%,var(--skeleton-bg) 75%);background-size:200% 100%;animation:skeletonPulse 1.5s ease-in-out infinite}.pg-skel-card-body .skel-text--wide{width:85%}.pg-skel-card-body .skel-text--medium{width:60%}.pg-skel-card-body .skel-text--short{width:40%}@media(min-width:769px){.pg-skel-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:start}.pg-skel-card-header{padding:1rem 1.25rem 0}.pg-skel-icon{width:36px;height:36px;border-radius:var(--radius-10)}.pg-skel-card-body{padding:.85rem 1.25rem 1.15rem}}.progress-empty{text-align:center;padding:3rem 1.5rem}.progress-empty-icon{font-size:3rem;margin-bottom:1rem}.progress-empty h2{font-size:1.3rem;font-weight:700;color:#2d2d2d;margin-bottom:.5rem}.progress-empty p{font-size:.95rem;color:#888;line-height:1.5}.progress-grid,.progress-col{display:flex;flex-direction:column;gap:1rem}@media(min-width:769px){.progress-page{max-width:1100px;padding:2rem;padding-bottom:100px}.progress-page__header{margin-bottom:1.75rem;padding-bottom:1.25rem}.progress-page__title{font-size:1.8rem}.progress-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:start}}.pg-time-hero{text-align:center;padding:1rem 0 .75rem}.pg-time-value{font-size:2.8rem;font-weight:800;color:#065f46;line-height:1;margin-bottom:.3rem}.pg-time-detail{font-size:.82rem;color:var(--text-gray);line-height:1.4}.pg-earnings{background:#f0fdf4;border-radius:var(--radius-10);padding:.85rem 1rem;margin-top:.5rem}.pg-earnings__label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#065f46;margin-bottom:.6rem}.pg-earnings__rows{display:flex;flex-direction:column;gap:.45rem}.pg-earnings__row{display:flex;justify-content:space-between;align-items:center;font-size:.88rem}.pg-earnings__service{color:#374151}.pg-earnings__amount{font-weight:700;color:#065f46}.pg-earnings__total{display:flex;justify-content:space-between;align-items:center;padding-top:.6rem;margin-top:.6rem;border-top:1px solid #d1fae5;font-size:.95rem;font-weight:600;color:#065f46}.pg-earnings__total-value{font-size:1.2rem;font-weight:800}.pg-earnings__tagline{font-size:.78rem;color:var(--text-gray);text-align:center;font-style:italic;margin-top:.5rem}.pg-streak{display:flex;align-items:baseline;justify-content:center;gap:.4rem;padding:.5rem 0}.pg-streak__number{font-size:3rem;font-weight:800;color:#92400e;line-height:1}.pg-streak__unit{font-size:1.1rem;font-weight:600;color:#b45309}.pg-streak__message{text-align:center;font-size:.85rem;color:#b45309;font-weight:600}.pg-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:.75rem}.pg-badge{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.65rem .35rem;border-radius:var(--radius-10);background:#fafafa}.pg-badge--earned{background:#f5f3ff}.pg-badge--locked{opacity:.5}.pg-badge__icon{font-size:1.4rem;margin-bottom:.2rem}.pg-badge__name{font-size:.7rem;font-weight:700;color:#2d2d2d;margin-bottom:.1rem}.pg-badge__desc{font-size:.62rem;color:#999;line-height:1.3}.pg-next-milestone{background:#f5f3ff;border-radius:var(--radius-sm);padding:.65rem .85rem}.pg-next-milestone__header{display:flex;justify-content:space-between;font-size:.78rem;font-weight:600;color:#4c1d95;margin-bottom:.35rem}.pg-next-milestone__count{color:#7c3aed}.pg-next-milestone__bar{height:8px;background:#ede9fe;border-radius:var(--radius-xs);overflow:hidden}.pg-next-milestone__fill{height:100%;background:linear-gradient(90deg,#7c3aed,#a78bfa);border-radius:var(--radius-xs);transition:width .5s ease;min-width:4px}.pg-mix{display:flex;flex-direction:column;gap:.5rem}.pg-mix__row{display:flex;align-items:center;gap:.6rem}.pg-mix__label{display:flex;align-items:center;gap:.3rem;min-width:120px;font-size:.82rem;color:#374151;font-weight:500}.pg-mix__icon{font-size:.9rem}.pg-mix__track{flex:1;height:8px;background:#fce7f3;border-radius:var(--radius-xs);overflow:hidden}.pg-mix__fill{height:100%;background:linear-gradient(90deg,#ec4899,#f472b6);border-radius:var(--radius-xs);transition:width .4s ease;min-width:4px}.pg-mix__count{min-width:24px;text-align:right;font-size:.82rem;font-weight:700;color:#831843}.progress-instagram .instagram-perf-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.progress-instagram .instagram-perf-stat{padding:.75rem;background:#eff6ff;border-radius:var(--radius-10);text-align:center}.progress-instagram .instagram-perf-value{font-size:1.3rem;font-weight:700;color:#1e3a5f;line-height:1}.progress-instagram .instagram-perf-label{font-size:.68rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.02em;margin-top:.25rem}.progress-instagram .instagram-perf-top{margin-top:.65rem;padding:.65rem;background:#eff6ff;border-radius:var(--radius-10)}.progress-instagram .instagram-perf-top-label{font-size:.68rem;font-weight:600;color:#3b82f6;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.25rem}.progress-instagram .instagram-perf-top-caption{font-size:.82rem;color:#374151;line-height:1.3;margin-bottom:.2rem}.progress-instagram .instagram-perf-top-reach{font-size:.78rem;font-weight:700;color:#1e3a5f}.progress-instagram .instagram-perf-error{text-align:center;padding:1rem 0;font-size:.85rem;color:#6b7280}.progress-instagram .instagram-perf-retry{background:none;border:1px solid #dbeafe;border-radius:var(--radius-sm);padding:.35rem .7rem;font-size:.78rem;color:#3b82f6;cursor:pointer;margin-left:.5rem}.instagram-perf-stat--skel{background:transparent!important}.instagram-perf-skel-value{height:22px;width:60%;margin:0 auto 6px;border-radius:var(--radius-xs);background:linear-gradient(90deg,var(--skeleton-bg) 25%,var(--skeleton-highlight) 50%,var(--skeleton-bg) 75%);background-size:200% 100%;animation:skeletonPulse 1.5s ease-in-out infinite}.instagram-perf-skel-label{height:10px;width:75%;margin:0 auto;border-radius:var(--radius-xs);background:linear-gradient(90deg,var(--skeleton-bg) 25%,var(--skeleton-highlight) 50%,var(--skeleton-bg) 75%);background-size:200% 100%;animation:skeletonPulse 1.5s ease-in-out infinite}.install-prompt{position:fixed;bottom:0;left:0;right:0;z-index:200;background:#fff;border-top:1px solid var(--border);box-shadow:0 -4px 20px #00000014;padding:14px 16px;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));animation:installSlideUp .3s ease-out}@keyframes installSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.install-prompt-content{max-width:600px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.install-prompt-text{display:flex;flex-direction:column;gap:2px}.install-prompt-text strong{font-size:.9rem;color:var(--text-dark)}.install-prompt-text span{font-size:.78rem;color:var(--text-gray)}.install-prompt-icon{display:inline-block;font-size:1rem;vertical-align:middle;margin:0 2px}.install-prompt-actions{display:flex;gap:8px;flex-shrink:0}.install-prompt-btn{background:var(--secondary);color:#fff;border:none;border-radius:var(--radius-10);padding:8px 18px;font-size:.85rem;font-weight:700;cursor:pointer;touch-action:manipulation;transition:opacity .2s}.install-prompt-btn:hover{opacity:.9}.install-prompt-dismiss{background:none;border:none;color:var(--text-light);font-size:.8rem;font-weight:600;cursor:pointer;padding:8px 4px;touch-action:manipulation}.install-prompt-dismiss:hover{color:var(--text-gray)}.trial-banner{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;font-size:.85rem;position:relative;z-index:50}.trial-banner-text{font-weight:600}.trial-banner-actions{display:flex;align-items:center;gap:8px}.trial-banner-btn{background:#fff;color:var(--secondary);border:none;padding:5px 14px;border-radius:var(--radius-sm);font-size:.78rem;font-weight:700;cursor:pointer;transition:transform .15s}.trial-banner-btn:hover{transform:translateY(-1px)}.trial-banner-help-link{background:none;border:none;color:#fffc;font-size:.78rem;cursor:pointer;padding:2px 0;text-decoration:underline;text-underline-offset:2px}.trial-banner-help-link:hover{color:#fff}.trial-banner-close{background:none;border:none;color:#ffffffb3;font-size:.85rem;cursor:pointer;padding:4px;line-height:1}.trial-banner-close:hover{color:#fff}.trial-banner--expired{background:linear-gradient(135deg,#f59e0b,#dc2626)}.trial-banner--past-due{background:linear-gradient(135deg,#dc2626,#b91c1c)}.trial-banner--suspended{background:linear-gradient(135deg,#991b1b,#7f1d1d);font-weight:700}.trial-banner--soft{background:var(--bg-cream, #fafaf9);color:var(--text-gray, #6b7280);font-size:.78rem;font-weight:400;padding:6px 16px}.trial-banner--soft .trial-banner-close{color:var(--text-light, #9ca3af)}.trial-banner--soft .trial-banner-close:hover{color:var(--text-dark, #374151)}.trial-banner-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.trial-banner--expanded{flex-wrap:wrap;gap:8px}.trial-banner--expanded .trial-banner-actions{gap:10px}.trial-banner .billing-toggle__pills{background:#fff3}.trial-banner .billing-toggle__pills button{color:#fffc}.trial-banner .billing-toggle__pills button.active{color:var(--text-dark)}.financial-tracker{padding:0}.ft-sub-tabs{display:flex;gap:4px;margin-bottom:20px;background:var(--admin-surface, #1a1d27);border-radius:var(--radius-10);padding:4px}.ft-sub-tab{flex:1;padding:10px 16px;border:none;background:transparent;color:var(--admin-text-muted, #8b8fa3);font-size:13px;font-weight:600;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s}.ft-sub-tab:hover{color:var(--admin-text, #e2e4ed);background:#ffffff0a}.ft-sub-tab.active{background:var(--admin-surface2, #232736);color:var(--admin-text, #e2e4ed)}.ft-unit-bar{display:flex;align-items:center;gap:8px;margin-bottom:20px}.ft-unit-badge{background:#fdcb6e1f;color:var(--admin-orange, #fdcb6e);font-size:11px;font-weight:700;padding:4px 10px;border-radius:var(--radius-xl);text-transform:uppercase;letter-spacing:.5px}.ft-unit-label{font-size:11px;color:var(--admin-text-muted, #8b8fa3)}.ft-stat-card{background:var(--admin-surface, #1a1d27);border:1px solid var(--admin-border, #2e3348);border-radius:var(--radius-14);padding:20px}.ft-stat-label{font-size:11px;font-weight:600;color:var(--admin-text-muted, #8b8fa3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.ft-stat-value{font-size:28px;font-weight:800;color:var(--admin-text, #e2e4ed);line-height:1.1;margin-bottom:4px}.ft-stat-sub{font-size:11px;color:var(--admin-text-muted, #8b8fa3)}.ft-green{color:var(--admin-green, #00cec9)!important}.ft-red{color:var(--admin-red, #ff7675)!important}.ft-orange{color:var(--admin-orange, #fdcb6e)!important}.ft-blue{color:var(--admin-blue, #74b9ff)!important}.ft-card{background:var(--admin-surface, #1a1d27);border:1px solid var(--admin-border, #2e3348);border-radius:var(--radius-14);padding:20px 24px;margin-bottom:20px}.ft-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.ft-card-header h3{font-size:15px;font-weight:700;color:var(--admin-text, #e2e4ed);margin:0}.ft-badge{background:#fdcb6e1f;color:var(--admin-orange, #fdcb6e);font-size:12px;font-weight:700;padding:4px 12px;border-radius:var(--radius-xl)}.ft-table-wrap{overflow-x:auto}.ft-table{width:100%;border-collapse:collapse;font-size:13px}.ft-table th{text-align:left;font-size:11px;font-weight:600;color:var(--admin-text-muted, #8b8fa3);text-transform:uppercase;letter-spacing:.5px;padding:8px 12px;border-bottom:1px solid var(--admin-border, #2e3348)}.ft-table td{padding:10px 12px;color:var(--admin-text, #e2e4ed);border-bottom:1px solid rgba(46,51,72,.4)}.ft-table tbody tr:hover{background:#ffffff05}.ft-muted{color:var(--admin-text-muted, #8b8fa3)!important;font-size:12px}.ft-type-badge{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:var(--radius-xs)}.ft-type-expense{background:#ff76751f;color:var(--admin-red, #ff7675)}.ft-type-revenue{background:#00cec91f;color:var(--admin-green, #00cec9)}.ft-recurring-badge{display:inline-block;margin-left:6px;font-size:10px;font-weight:600;color:var(--admin-blue, #74b9ff);background:#74b9ff1a;padding:1px 6px;border-radius:var(--radius-xs)}.ft-delete-btn{background:none;border:none;color:var(--admin-text-muted, #8b8fa3);font-size:18px;cursor:pointer;padding:2px 6px;border-radius:var(--radius-xs);line-height:1;transition:all .15s}.ft-delete-btn:hover{color:var(--admin-red, #ff7675);background:#ff76751a}.ft-trend-grid{display:flex;flex-direction:column;gap:12px}.ft-trend-item{display:grid;grid-template-columns:70px 1fr 90px;gap:12px;align-items:center}.ft-trend-month{font-size:12px;font-weight:600;color:var(--admin-text-muted, #8b8fa3)}.ft-trend-bar-group{display:flex;flex-direction:column;gap:3px}.ft-trend-row{display:flex;align-items:center;gap:6px}.ft-trend-label{font-size:10px;font-weight:600;color:var(--admin-text-muted, #8b8fa3);width:24px;text-align:right}.ft-trend-bar{height:8px;border-radius:var(--radius-xs);min-width:4px;transition:width .3s}.ft-trend-bar-expense{background:linear-gradient(90deg,rgba(255,118,117,.6),var(--admin-red, #ff7675))}.ft-trend-bar-revenue{background:linear-gradient(90deg,rgba(0,206,201,.6),var(--admin-green, #00cec9))}.ft-trend-amt{font-size:11px;font-weight:600;min-width:70px;text-align:right}.ft-trend-net{font-size:11px;font-weight:700;text-align:right}.ft-category-list{display:flex;flex-direction:column;gap:8px}.ft-category-row{display:grid;grid-template-columns:140px 1fr;gap:12px;align-items:center}.ft-category-name{font-size:12px;font-weight:600;color:var(--admin-text-muted, #8b8fa3);text-align:right}.ft-category-bars{display:flex;flex-direction:column;gap:2px}.ft-category-bar{height:20px;border-radius:var(--radius-xs);display:flex;align-items:center;padding:0 8px;font-size:10px;font-weight:700;color:#fff;min-width:fit-content}.ft-category-bar-expense{background:linear-gradient(90deg,#ff767580,#ff7675cc)}.ft-category-bar-revenue{background:linear-gradient(90deg,#00cec980,#00cec9cc)}.ft-kpi-card{background:var(--admin-surface2, #232736);border-radius:var(--radius-10);padding:16px;text-align:center}.ft-kpi-name{font-size:10px;font-weight:700;color:var(--admin-text-muted, #8b8fa3);letter-spacing:.8px;margin-bottom:8px}.ft-kpi-value{font-size:22px;font-weight:800;color:var(--admin-text, #e2e4ed);margin-bottom:4px}.ft-kpi-date{font-size:10px;color:var(--admin-text-muted, #8b8fa3)}.ft-toolbar{display:flex;gap:8px;margin-bottom:16px}.ft-btn{padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;border:1px solid var(--admin-border, #2e3348);background:var(--admin-surface, #1a1d27);color:var(--admin-text, #e2e4ed);cursor:pointer;transition:all .15s}.ft-btn:hover{background:var(--admin-surface2, #232736)}.ft-btn-primary{background:#00cec926;border-color:#00cec94d;color:var(--admin-green, #00cec9)}.ft-btn-primary:hover{background:#00cec940}.ft-btn-primary:disabled{opacity:.5;cursor:not-allowed}.ft-form-card{margin-bottom:16px}.ft-form-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:12px;margin-bottom:16px}.ft-form-wide{grid-column:span 2}.ft-form-group label{display:block;font-size:11px;font-weight:600;color:var(--admin-text-muted, #8b8fa3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.ft-form-group input,.ft-form-group select{width:100%;padding:8px 10px;border:1px solid var(--admin-border, #2e3348);border-radius:var(--radius-6);background:var(--admin-bg, #0f1117);color:var(--admin-text, #e2e4ed);font-size:13px;outline:none;transition:border-color .15s;box-sizing:border-box}.ft-form-group input:focus,.ft-form-group select:focus{border-color:var(--admin-green, #00cec9)}.ft-form-check-row{display:flex;align-items:flex-end;gap:12px}.ft-checkbox-label{display:flex!important;align-items:center;gap:6px;font-size:13px!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer}.ft-checkbox-label input[type=checkbox]{width:auto;accent-color:var(--admin-green, #00cec9)}.ft-form-actions{display:flex;gap:8px}.ft-bva-list{display:flex;flex-direction:column;gap:14px}.ft-bva-row{display:grid;grid-template-columns:200px 1fr;gap:16px;align-items:center}.ft-bva-info{text-align:right}.ft-bva-cat{font-size:13px;font-weight:600;color:var(--admin-text, #e2e4ed)}.ft-bva-meta{font-size:11px;color:var(--admin-text-muted, #8b8fa3)}.ft-bva-bar-wrap{display:flex;align-items:center;gap:10px}.ft-bva-bar-bg{flex:1;height:16px;background:var(--admin-surface2, #232736);border-radius:var(--radius-sm);overflow:hidden}.ft-bva-bar-fill{height:100%;border-radius:var(--radius-sm);background:linear-gradient(90deg,rgba(0,206,201,.6),var(--admin-green, #00cec9));transition:width .4s ease}.ft-bva-bar-fill.ft-bva-warn{background:linear-gradient(90deg,rgba(253,203,110,.6),var(--admin-orange, #fdcb6e))}.ft-bva-bar-fill.ft-bva-over{background:linear-gradient(90deg,rgba(255,118,117,.6),var(--admin-red, #ff7675))}.ft-bva-pct{font-size:13px;font-weight:700;min-width:40px;text-align:right}.ft-empty{text-align:center;padding:40px 20px;color:var(--admin-text-muted, #8b8fa3);font-size:13px}.ft-error{text-align:center;padding:60px 20px;color:var(--admin-red, #ff7675)}.ft-skeleton-card{background:var(--admin-surface, #1a1d27);border:1px solid var(--admin-border, #2e3348);border-radius:var(--radius-14);padding:20px}.ft-skeleton-line{height:12px;border-radius:var(--radius-6);background:linear-gradient(90deg,var(--admin-surface2, #232736) 25%,rgba(46,51,72,.5) 50%,var(--admin-surface2, #232736) 75%);background-size:200% 100%;animation:ft-shimmer 1.5s infinite;margin-bottom:10px}.ft-skeleton-short{width:40%}.ft-skeleton-wide{width:80%}@keyframes ft-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:900px){.ft-form-grid{grid-template-columns:1fr 1fr}.ft-trend-item{grid-template-columns:60px 1fr 70px}.ft-category-row{grid-template-columns:100px 1fr}}@media(max-width:480px){.ft-sub-tabs{flex-wrap:wrap}.ft-sub-tab{flex:1 1 45%}.ft-form-grid{grid-template-columns:1fr}.ft-form-wide{grid-column:span 1}.ft-stat-value{font-size:22px}.ft-trend-item{grid-template-columns:1fr;gap:4px}.ft-category-row{grid-template-columns:1fr}.ft-category-name{text-align:left}}.billing-audit{width:100%}.billing-audit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.billing-audit-controls{display:flex;gap:8px;align-items:center}.billing-audit-filter{background:var(--admin-bg, #1a1a2e);border:1px solid var(--admin-border, #2d2d44);border-radius:var(--radius-sm);color:var(--admin-text, #e0e0e0);padding:6px 12px;font-size:13px;width:160px}.billing-audit-filter::placeholder{color:var(--admin-text-muted, #666)}.billing-audit-btn{background:var(--admin-surface, #16213e);border:1px solid var(--admin-border, #2d2d44);border-radius:var(--radius-sm);color:var(--admin-text, #e0e0e0);padding:6px 14px;font-size:13px;cursor:pointer;transition:background .2s}.billing-audit-btn:hover:not(:disabled){background:var(--admin-border, #2d2d44)}.billing-audit-btn:disabled{opacity:.4;cursor:default}.billing-audit-error{color:#ff7675;padding:12px;margin-bottom:12px;font-size:13px}.billing-audit-loading,.billing-audit-empty{color:var(--admin-text-muted, #666);padding:40px 0;text-align:center;font-size:14px}.billing-audit-table-wrap{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--admin-border, #2d2d44)}.billing-audit-table{width:100%;border-collapse:collapse;font-size:13px}.billing-audit-table th{background:var(--admin-bg, #1a1a2e);color:var(--admin-text-muted, #999);font-weight:600;text-align:left;padding:10px 14px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--admin-border, #2d2d44)}.billing-audit-table td{padding:10px 14px;border-bottom:1px solid var(--admin-border, #2d2d44);color:var(--admin-text, #e0e0e0);vertical-align:middle}.billing-audit-table tbody tr:hover{background:#ffffff05}.billing-audit-time{white-space:nowrap;color:var(--admin-text-muted, #999)}.billing-audit-badge{display:inline-block;padding:3px 10px;border-radius:var(--radius-md);font-size:11px;font-weight:600;color:#1a1a2e;white-space:nowrap}.billing-audit-user{font-family:monospace;color:var(--admin-text-muted, #999)}.billing-audit-change{font-family:monospace;font-size:12px}.billing-audit-meta{font-size:12px;color:var(--admin-text-muted, #999);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.billing-audit-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:16px;padding:12px 0}.billing-audit-page-info{font-size:13px;color:var(--admin-text-muted, #999)}.admin-dashboard{--admin-bg: #0f1117;--admin-surface: #1a1d27;--admin-surface2: #232736;--admin-border: #2e3348;--admin-text: #e2e4ed;--admin-text-muted: #8b8fa3;--admin-accent: #6c5ce7;--admin-accent-light: #a29bfe;--admin-green: #00cec9;--admin-green-dim: rgba(0,206,201,.12);--admin-orange: #fdcb6e;--admin-orange-dim: rgba(253,203,110,.12);--admin-red: #ff7675;--admin-red-dim: rgba(255,118,117,.12);--admin-blue: #74b9ff;--admin-blue-dim: rgba(116,185,255,.12);--admin-purple: #a29bfe;--admin-purple-dim: rgba(162,155,254,.12);background:var(--admin-bg);color:var(--admin-text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.65;border-radius:0;padding:0;box-shadow:none;max-width:none;margin:0}.admin-hero{background:linear-gradient(135deg,#1a1d27,#2d1f4e,#1a2744);padding:48px 40px 20px;border-bottom:1px solid var(--admin-border);position:relative;overflow:hidden}.admin-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 50%,rgba(108,92,231,.08) 0%,transparent 60%),radial-gradient(ellipse at 70% 50%,rgba(0,206,201,.06) 0%,transparent 60%);pointer-events:none}.admin-hero-inner{position:relative;max-width:1100px;margin:0 auto}.admin-hero-row{display:flex;justify-content:space-between;align-items:flex-start}.admin-hero-label{font-size:12px;font-weight:600;letter-spacing:1.5px;color:var(--admin-text-muted);text-transform:uppercase;margin-bottom:8px}.admin-hero-title{font-size:2.4rem;font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,#e2e4ed,#a29bfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-hero-date{font-size:13px;color:var(--admin-text-muted);margin-top:8px}.admin-hero-brand{text-align:right;font-size:12px;color:var(--admin-text-muted);opacity:.7}.admin-hero-actions{display:flex;align-items:center;gap:.75rem;margin-top:8px}.admin-btn-refresh,.admin-btn-events,.admin-btn-command{padding:6px 14px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;border:1px solid var(--admin-border);background:var(--admin-surface);color:var(--admin-text-muted);transition:all .15s;font-family:inherit}.admin-btn-refresh:hover,.admin-btn-events:hover,.admin-btn-command:hover{color:var(--admin-text);border-color:var(--admin-accent)}.admin-btn-command{background:linear-gradient(135deg,#667eea1f,#764ba21f);border-color:#667eea66;color:#667eea}.admin-btn-command:hover{border-color:#667eea;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.admin-last-updated{font-size:11px;color:var(--admin-text-muted);opacity:.7}.admin-tab-bar{display:flex;gap:6px;margin-top:28px}.admin-tab-btn{padding:10px 20px;border-radius:var(--radius-10) var(--radius-10) 0 0;border:none;cursor:pointer;font-size:13px;font-weight:600;background:transparent;color:var(--admin-text-muted);border-top:2px solid transparent;transition:all .2s;font-family:inherit}.admin-tab-btn.active{background:var(--admin-surface);color:var(--admin-text);border-top-color:var(--admin-accent)}.admin-tab-btn:hover:not(.active){color:var(--admin-text)}.admin-content{max-width:1100px;margin:0 auto;padding:32px 40px 40px}.admin-tab-panel{display:none}.admin-tab-panel.active{display:block}.admin-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.admin-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.admin-grid-2-1{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:24px}.admin-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:12px}.admin-stat-card{background:var(--admin-surface);border-radius:var(--radius-lg);padding:28px 24px;border:1px solid var(--admin-border);text-align:center}.admin-stat-label{font-size:.82rem;font-weight:500;color:var(--admin-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.admin-stat-value{font-size:2.2rem;font-weight:700;letter-spacing:-.02em}.admin-stat-sub{font-size:.82rem;color:var(--admin-text-muted);margin-top:4px}.admin-section-title{font-size:14px;font-weight:700;color:var(--admin-text);margin-bottom:12px}.admin-chart-card{background:var(--admin-surface);border-radius:var(--radius-14);border:1px solid var(--admin-border);padding:24px}.admin-chart-note{font-size:11px;color:var(--admin-text-muted);margin-top:4px;font-style:italic}.admin-health-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.admin-health-row .admin-health-label{width:90px;font-size:12px;font-weight:600;color:var(--admin-text)}.admin-health-track{flex:1;height:20px;background:var(--admin-surface2);border-radius:var(--radius-10);overflow:hidden}.admin-health-fill{height:100%;border-radius:var(--radius-10);transition:width .8s ease}.admin-health-row .admin-health-value{width:40px;font-size:13px;font-weight:700;text-align:right}.admin-alert-box{margin-top:12px;padding:10px 14px;border-radius:var(--radius-10);font-size:11px}.admin-alert-orange{background:var(--admin-orange-dim);color:var(--admin-orange)}.admin-alert-green{background:var(--admin-green-dim);color:var(--admin-green);border:1px solid rgba(0,206,201,.2)}.admin-alert-blue{background:var(--admin-blue-dim);color:var(--admin-text-muted);border:1px solid rgba(116,185,255,.2)}.admin-funnel-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.admin-funnel-label{width:80px;font-size:11px;font-weight:600;color:var(--admin-text);text-align:right}.admin-funnel-track{flex:1;height:26px;background:var(--admin-surface2);border-radius:var(--radius-6);overflow:hidden;position:relative}.admin-funnel-fill{height:100%;border-radius:var(--radius-6);display:flex;align-items:center;padding-left:8px;min-width:30px}.admin-funnel-fill span{font-size:11px;font-weight:700;color:var(--admin-bg)}.admin-funnel-rate{width:40px;font-size:11px;font-weight:600}.admin-pie-legend{display:flex;flex-direction:column;gap:4px;margin-top:4px}.admin-pie-legend-item{display:flex;align-items:center;gap:6px;font-size:11px}.admin-pie-legend-item .dot{width:10px;height:10px;border-radius:var(--radius-2xs)}.admin-pie-legend-item .name{color:var(--admin-text);font-weight:600}.admin-pie-legend-item .pct{color:var(--admin-text-muted);margin-left:auto}.admin-engine-card{background:var(--admin-surface);border-radius:var(--radius-14);border:1px solid var(--admin-border);overflow:hidden;margin-bottom:16px}.admin-engine-header{padding:16px 20px;border-bottom:1px solid var(--admin-border);display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.admin-engine-header:hover{background:#6c5ce70a}.admin-engine-left{display:flex;align-items:center;gap:12px}.admin-engine-icon{width:40px;height:40px;border-radius:var(--radius-10);display:flex;align-items:center;justify-content:center;font-size:20px}.admin-engine-title{font-size:15px;font-weight:700;color:var(--admin-text)}.admin-engine-subtitle{font-size:11px;color:var(--admin-text-muted)}.admin-engine-right{display:flex;align-items:center;gap:16px}.admin-engine-body{padding:20px;display:none}.admin-engine-card.expanded .admin-engine-body{display:block}.admin-engine-card.expanded .admin-chevron{transform:rotate(180deg)}.admin-chevron{font-size:18px;color:var(--admin-text-muted);transition:transform .2s}.admin-health-indicator{display:flex;align-items:center;gap:8px}.admin-health-circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;border-width:2px;border-style:solid}.admin-health-circle.green{background:var(--admin-green-dim);border-color:var(--admin-green);color:var(--admin-green)}.admin-health-circle.orange{background:var(--admin-orange-dim);border-color:var(--admin-orange);color:var(--admin-orange)}.admin-health-circle.red{background:var(--admin-red-dim);border-color:var(--admin-red);color:var(--admin-red)}.admin-health-score{font-size:20px;font-weight:700;color:var(--admin-text)}.admin-health-sublabel{font-size:10px;color:var(--admin-text-muted);text-transform:uppercase;letter-spacing:.5px}.admin-metric-row{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid rgba(46,51,72,.5);gap:12px}.admin-metric-row:last-child{border-bottom:none}.admin-metric-label{flex:0 0 200px;font-size:13px;font-weight:600;color:var(--admin-text)}.admin-metric-value{flex:0 0 120px;font-size:14px;font-weight:700;color:var(--admin-accent-light)}.admin-metric-target{flex:0 0 120px;font-size:12px;color:var(--admin-text-muted)}.admin-metric-badge{flex:0 0 100px}.admin-metric-detail{flex:1;font-size:11px;color:var(--admin-text-muted)}.admin-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-xl);font-size:11px;font-weight:600;letter-spacing:.5px}.admin-badge .dot{width:7px;height:7px;border-radius:50%}.admin-badge-operational{background:var(--admin-green-dim);color:var(--admin-green)}.admin-badge-operational .dot{background:var(--admin-green)}.admin-badge-partial{background:var(--admin-orange-dim);color:var(--admin-orange)}.admin-badge-partial .dot{background:var(--admin-orange)}.admin-badge-blocked{background:var(--admin-orange-dim);color:var(--admin-orange)}.admin-badge-blocked .dot{background:var(--admin-orange)}.admin-badge-missing{background:var(--admin-red-dim);color:var(--admin-red)}.admin-badge-missing .dot{background:var(--admin-red)}.admin-badge-planned{background:var(--admin-purple-dim);color:var(--admin-purple)}.admin-badge-planned .dot{background:var(--admin-purple)}.admin-gap-item{padding:14px;border-radius:var(--radius-md);border:1px solid var(--admin-border);margin-bottom:10px;background:var(--admin-surface)}.admin-gap-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.admin-gap-title{font-size:13px;font-weight:700;color:var(--admin-text)}.admin-gap-prio{font-size:10px;font-weight:700;padding:2px 8px;border-radius:var(--radius-xl);text-transform:uppercase;letter-spacing:.04em}.admin-gap-prio-critical{background:var(--admin-red-dim);color:var(--admin-red)}.admin-gap-prio-high,.admin-gap-prio-medium{background:var(--admin-orange-dim);color:var(--admin-orange)}.admin-gap-desc{font-size:12px;color:var(--admin-text-muted);margin-bottom:8px;line-height:1.6}.admin-gap-meta{display:flex;gap:16px;font-size:11px}.admin-info-box{border-radius:var(--radius-lg);padding:24px 28px;margin-bottom:32px;border:1px solid}.admin-build-card{background:var(--admin-surface);border-radius:var(--radius-lg);padding:28px 32px;margin-bottom:20px;border:1px solid var(--admin-border)}.admin-rec-badge{background:var(--admin-green-dim);color:var(--admin-green);padding:3px 10px;border-radius:var(--radius-xl);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.admin-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.admin-tool-card{padding:14px;border-radius:var(--radius-md);border:1px solid var(--admin-border);background:var(--admin-surface2)}.admin-tool-name{font-size:13px;font-weight:700;color:var(--admin-accent-light)}.admin-tool-purpose{font-size:11px;color:var(--admin-text-muted);margin-bottom:4px}.admin-tool-meta{display:flex;gap:12px;font-size:10px}.admin-timeline-item{display:flex;gap:16px;margin-bottom:16px}.admin-timeline-icon{width:80px;text-align:center}.admin-timeline-circle{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;margin:0 auto 4px;border-width:2px;border-style:solid}.admin-timeline-phase{font-size:10px;font-weight:700}.admin-timeline-body{flex:1;padding:14px;border-radius:var(--radius-md);border:1px solid var(--admin-border);background:var(--admin-surface2)}.admin-timeline-title{font-size:13px;font-weight:700;color:var(--admin-text);margin-bottom:6px}.admin-timeline-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.admin-timeline-pill{font-size:11px;padding:3px 10px;border-radius:var(--radius-sm);background:var(--admin-surface);color:var(--admin-text);border:1px solid var(--admin-border)}.admin-timeline-total{font-size:11px;font-weight:600}.admin-events-panel{margin-top:24px;background:var(--admin-surface);border-radius:var(--radius-14);border:1px solid var(--admin-border);padding:20px}.admin-events-panel h3{font-size:14px;font-weight:700;color:var(--admin-text);margin-bottom:12px}.admin-events-list{max-height:300px;overflow-y:auto}.admin-event-row{display:flex;gap:1rem;padding:6px 0;border-bottom:1px solid rgba(46,51,72,.5);font-size:12px}.admin-event-row:last-child{border-bottom:none}.admin-event-type{font-weight:600;color:var(--admin-accent-light);min-width:140px}.admin-event-user{color:var(--admin-text-muted);min-width:80px}.admin-event-time{color:var(--admin-text-muted);margin-left:auto}.admin-events-empty{color:var(--admin-text-muted);font-size:12px;text-align:center;padding:1rem 0}.admin-loading{padding:40px}.admin-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.admin-skeleton-card{height:120px;border-radius:var(--radius-14);background:linear-gradient(90deg,var(--admin-surface) 25%,var(--admin-surface2) 50%,var(--admin-surface) 75%);background-size:200% 100%;animation:admin-shimmer 1.5s infinite}@keyframes admin-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.admin-error{text-align:center;padding:3rem}.admin-error p{color:var(--admin-text-muted);margin-bottom:1rem}.admin-error button{padding:8px 20px;border-radius:var(--radius-sm);background:var(--admin-accent);color:#fff;border:none;cursor:pointer;font-weight:600;font-size:13px}.admin-gap-summary{background:var(--admin-orange-dim);border-radius:var(--radius-lg);padding:24px 28px;margin-bottom:32px;border:1px solid rgba(253,203,110,.2)}.admin-gap-summary-title{font-size:15px;font-weight:700;color:var(--admin-text);margin-bottom:6px}.admin-gap-summary-desc{font-size:13px;color:var(--admin-text-muted);line-height:1.7}.admin-gap-summary-counts{display:flex;gap:24px;margin-top:16px}.admin-gap-count-num{font-size:28px;font-weight:800}.admin-gap-count-label{font-size:12px;color:var(--admin-text-muted);margin-left:4px}.admin-gap-section-title{font-size:15px;font-weight:700;margin-bottom:12px;margin-top:24px}.admin-dashboard svg text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@media(max-width:900px){.admin-grid-4{grid-template-columns:repeat(2,1fr)}.admin-grid-2,.admin-grid-2-1,.admin-grid-3{grid-template-columns:1fr}.admin-metric-row{flex-wrap:wrap}.admin-metric-label{flex:0 0 100%}.admin-tool-grid{grid-template-columns:1fr}.admin-hero{padding:32px 20px 16px}.admin-content{padding:20px}.admin-hero-title{font-size:1.6rem}.admin-hero-row{flex-direction:column;gap:8px}.admin-hero-brand{text-align:left}.admin-timeline-item{flex-direction:column}.admin-timeline-icon{width:auto}}@media(max-width:480px){.admin-grid-4{grid-template-columns:1fr}.admin-tab-bar{flex-wrap:wrap}.admin-tab-btn{font-size:12px;padding:8px 12px}.admin-stat-value{font-size:1.6rem}}.nps-overlay{position:fixed;bottom:80px;right:20px;z-index:1000;animation:nps-slide-in .3s ease-out}@keyframes nps-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.nps-modal{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;box-shadow:0 8px 30px #00000026;width:340px;max-width:calc(100vw - 40px)}.nps-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.nps-header h3{font-size:1rem;font-weight:600;color:var(--text-dark);margin:0}.nps-dismiss{background:none;border:none;color:var(--text-gray);cursor:pointer;font-size:1.1rem;padding:.2rem}.nps-question{font-size:.88rem;color:var(--text-dark);margin-bottom:1rem}.nps-scale{display:flex;gap:3px;justify-content:center}.nps-score-btn{width:28px;height:28px;border-radius:var(--radius-6);border:1px solid var(--border);background:#fff;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s;color:var(--text-dark)}.nps-score-btn:hover{border-color:#888}.nps-score-btn.selected.detractor{background:#fecaca;border-color:#ef4444;color:#991b1b}.nps-score-btn.selected.passive{background:#fef3c7;border-color:#f59e0b;color:#92400e}.nps-score-btn.selected.promoter{background:#d1fae5;border-color:#10b981;color:#065f46}.nps-labels{display:flex;justify-content:space-between;margin-top:.3rem;font-size:.7rem;color:var(--text-gray)}.nps-feedback{margin-top:1rem}.nps-feedback textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.6rem;font-size:.85rem;resize:none;font-family:inherit;box-sizing:border-box}.nps-feedback textarea:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus-shadow)}.nps-submit{margin-top:.5rem;width:100%;padding:.6rem;border-radius:var(--radius-sm);background:var(--primary, #6366f1);color:#fff;border:none;font-weight:500;font-size:.88rem;cursor:pointer}.nps-submit:disabled{opacity:.6;cursor:not-allowed}.nps-thanks{text-align:center;padding:1rem}.nps-check{display:inline-block;width:40px;height:40px;border-radius:50%;background:#10b981;color:#fff;font-size:1.4rem;line-height:40px;margin-bottom:.5rem}.nps-thanks p{font-weight:500;color:var(--text-dark)}@media(max-width:768px){.nps-overlay{bottom:90px;right:10px;left:10px}.nps-modal{width:100%}.nps-overlay:has(textarea:focus){bottom:auto;top:20px}}.biometric-prompt-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:biometricFadeIn .2s ease}.biometric-prompt-modal{background:var(--bg-white, #fff);border-radius:var(--radius-xl);padding:40px 30px;max-width:360px;width:100%;text-align:center;box-shadow:var(--shadow-lg);animation:biometricSlideUp .3s ease}@keyframes biometricSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes biometricFadeIn{0%{opacity:0}to{opacity:1}}.biometric-prompt-icon{margin-bottom:16px}.biometric-prompt-modal h3{font-size:1.3rem;font-weight:700;color:var(--text-dark, #374151);margin:0 0 8px}.biometric-prompt-modal p{font-size:.9rem;color:var(--text-gray, #6b7280);margin:0 0 24px;line-height:1.5}.biometric-prompt-error{color:#dc2626;font-size:.85rem;margin:-12px 0 16px}.biometric-prompt-enable{width:100%;padding:14px;border:none;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--secondary, #8b5a7d),var(--primary-dark, #e88fa3));color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s;margin-bottom:12px}.biometric-prompt-enable:active{transform:scale(.98)}.biometric-prompt-enable:disabled{opacity:.6;cursor:not-allowed}.biometric-prompt-skip{width:100%;padding:12px;border:none;background:transparent;color:var(--text-gray, #6b7280);font-size:.9rem;cursor:pointer;transition:color .2s}.biometric-prompt-skip:hover{color:var(--text-dark, #374151)}.scorecard{min-height:100dvh;background:var(--bg-cream, #fafaf9);padding:0 24px;display:flex;flex-direction:column;align-items:center}.scorecard--results{padding:0 24px 48px}.scorecard__intro{width:100%;max-width:560px;text-align:center;padding:0 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;flex:1;min-height:100dvh}.scorecard__intro-icon{font-size:4rem;margin-bottom:4px}.scorecard__intro-headline{font-size:2rem;font-weight:800;color:var(--text-dark, #374151);line-height:1.2}.scorecard__intro-subhead{font-size:1.125rem;color:var(--text-gray, #6b7280);line-height:1.6;max-width:480px}.scorecard__btn{border:none;border-radius:var(--radius-14);font-size:1.1rem;font-weight:700;cursor:pointer;padding:18px 36px;transition:transform .15s,box-shadow .15s;width:100%;max-width:400px}.scorecard__btn:active{transform:scale(.97)}.scorecard__btn--primary{background:linear-gradient(135deg,#f5a7b8,#e88fa3);color:#fff;box-shadow:0 4px 12px #f5a7b866}.scorecard__btn--primary:hover{box-shadow:0 6px 20px #f5a7b880}.scorecard__btn--primary:disabled{opacity:.6;cursor:not-allowed}.scorecard__btn--secondary{background:var(--bg-white, #fff);color:var(--secondary, #8b5a7d);border:2px solid var(--secondary, #8b5a7d);text-decoration:none;display:inline-block;text-align:center}.scorecard__fine-print{font-size:.875rem;color:var(--text-light, #9ca3af);max-width:480px;text-align:center;line-height:1.5}.scorecard__progress{width:100%;max-width:560px;padding-top:20px;margin-bottom:32px}.scorecard__progress-bar{height:8px;background:var(--border, #e5e7eb);border-radius:var(--radius-xs);overflow:hidden}.scorecard__progress-fill{height:100%;border-radius:var(--radius-xs);transition:width .3s ease}.scorecard__progress-label{display:flex;justify-content:space-between;margin-top:10px;font-size:.9rem}.scorecard__progress-dim{font-weight:700}.scorecard__progress-count{color:var(--text-light, #9ca3af)}.scorecard__question{width:100%;max-width:560px;animation:scorecardSlideIn .25s ease;flex:1;display:flex;flex-direction:column;justify-content:center;padding-bottom:24px}.scorecard__question--exit{opacity:.5;pointer-events:none}.scorecard__question--enter{opacity:1}@keyframes scorecardSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.scorecard__question-number{font-size:.95rem;font-weight:700;color:var(--text-light, #9ca3af);margin-bottom:8px;letter-spacing:.3px}.scorecard__question-number span{font-size:1.75rem;font-weight:900;color:var(--dim-color, var(--text-dark, #374151));vertical-align:baseline;margin-right:2px}.scorecard__question-text{font-size:1.5rem;font-weight:700;color:var(--text-dark, #374151);margin-bottom:28px;line-height:1.35}.scorecard__options{display:flex;flex-direction:column;gap:12px}.scorecard__option{background:var(--bg-white, #fff);border:2px solid var(--border, #e5e7eb);border-radius:var(--radius-14);padding:18px 20px;text-align:left;font-size:1.05rem;color:var(--text-dark, #374151);cursor:pointer;transition:border-color .15s,background .15s,transform .1s;line-height:1.45;-webkit-tap-highlight-color:transparent}.scorecard__option:focus{outline:none}@media(hover:hover){.scorecard__option:hover{border-color:var(--dim-color, var(--primary, #f5a7b8));background:#fefefe}}.scorecard__option:active{transform:scale(.98)}.scorecard__option--selected{border-color:var(--dim-color, var(--primary, #f5a7b8));background:color-mix(in srgb,var(--dim-color, var(--primary, #f5a7b8)) 8%,white)}.scorecard__back-btn{background:var(--bg-white, #fff);border:2px solid var(--border, #e5e7eb);border-radius:var(--radius-md);color:var(--text-gray, #6b7280);font-size:1rem;font-weight:600;cursor:pointer;padding:14px 24px;margin-top:20px;transition:border-color .15s,color .15s;align-self:flex-start;-webkit-tap-highlight-color:transparent}.scorecard__back-btn:hover{color:var(--text-dark, #374151);border-color:var(--text-light, #9ca3af)}.scorecard__email-gate{max-width:560px;width:100%;text-align:center;padding:0 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;flex:1;min-height:100dvh}.scorecard__preview-score{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:4px}.scorecard__preview-emoji{font-size:3rem}.scorecard__preview-number{font-size:3.5rem;font-weight:900;color:var(--secondary, #8b5a7d);line-height:1}.scorecard__preview-max{font-size:1.1rem;color:var(--text-light, #9ca3af);font-weight:600}.scorecard__preview-label{font-size:1.2rem;font-weight:700;color:var(--text-dark, #374151);margin-top:4px}.scorecard__email-icon{font-size:4rem}.scorecard__email-headline{font-size:1.75rem;font-weight:800;color:var(--text-dark, #374151)}.scorecard__email-subhead{font-size:1.05rem;color:var(--text-gray, #6b7280);line-height:1.6;max-width:480px}.scorecard__email-form{width:100%;display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:8px}.scorecard__email-input{width:100%;max-width:400px;padding:18px 20px;border:2px solid var(--border, #e5e7eb);border-radius:var(--radius-14);font-size:1.1rem;color:var(--text-dark, #374151);background:var(--bg-white, #fff);outline:none;transition:border-color .15s}.scorecard__email-input:focus{border-color:var(--primary);box-shadow:var(--focus-shadow)}.scorecard__email-input--error{border-color:#f44336}.scorecard__email-error{color:#f44336;font-size:.95rem;margin:0}.scorecard__hero{text-align:center;padding:40px 8px 32px;max-width:560px;width:100%}.scorecard__hero-emoji{font-size:4rem;margin-bottom:12px}.scorecard__hero-score{font-size:5rem;font-weight:900;color:var(--text-dark, #374151);display:inline;line-height:1}.scorecard__hero-max{font-size:1.75rem;color:var(--text-light, #9ca3af);display:inline;margin-left:4px}.scorecard__hero-label{font-size:1.4rem;font-weight:700;color:var(--secondary, #8b5a7d);margin-top:10px}.scorecard__hero-context{font-size:1.05rem;color:var(--text-gray, #6b7280);line-height:1.6;margin-top:14px;max-width:480px;margin-left:auto;margin-right:auto}.scorecard__hero-cta{text-align:center;margin:24px auto 32px;max-width:400px}.scorecard__hero-cta-btn{display:block;width:100%;font-size:1.05rem}.scorecard__hero-cta-sub{font-size:.84rem;color:var(--text-gray, #6b7280);margin-top:8px}.scorecard__dimensions{width:100%;max-width:560px;display:flex;flex-direction:column;gap:14px;margin-bottom:28px}.scorecard__dim-card{background:var(--bg-white, #fff);border-radius:var(--radius-lg);padding:22px;border-left:4px solid var(--dim-color, var(--border));box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.06))}.scorecard__dim-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:10px}.scorecard__dim-grade{font-size:2.25rem;font-weight:900;line-height:1;flex-shrink:0}.scorecard__dim-label{display:block;font-size:.85rem;font-weight:600;color:var(--text-light, #9ca3af);text-transform:uppercase;letter-spacing:.5px}.scorecard__dim-title{display:block;font-size:1.1rem;font-weight:700;color:var(--text-dark, #374151)}.scorecard__dim-copy{font-size:1rem;color:var(--text-gray, #6b7280);line-height:1.6;margin:0}.scorecard__opportunity{width:100%;max-width:560px;background:linear-gradient(135deg,#fff8e1,#fff3cd);border:2px solid #ffc107;border-radius:var(--radius-lg);padding:24px;margin-bottom:28px}.scorecard__opportunity-title{font-size:1.2rem;font-weight:700;color:#e65100;margin:0 0 10px}.scorecard__opportunity-body{font-size:1rem;color:#5d4037;line-height:1.6;margin:0}.scorecard__disclaimer{width:100%;max-width:560px;padding:0 8px;margin-bottom:8px}.scorecard__disclaimer p{font-size:.95rem;color:var(--text-gray, #6b7280);line-height:1.6;margin:0 0 8px}.scorecard__disclaimer p:last-child{margin-bottom:0}.scorecard__disclaimer a{color:var(--primary-dark, #e88fa3);text-decoration:none;font-weight:500}.scorecard__disclaimer a:hover{text-decoration:underline}.scorecard__cta{width:100%;max-width:560px;background:var(--bg-white, #fff);border-radius:var(--radius-lg);padding:32px 24px;text-align:center;box-shadow:var(--shadow-md, 0 4px 12px rgba(0,0,0,.08));margin-bottom:28px}.scorecard__cta-headline{font-size:1.35rem;font-weight:800;color:var(--text-dark, #374151);margin:0 0 14px}.scorecard__cta-body{font-size:1rem;color:var(--text-gray, #6b7280);line-height:1.6;margin:0 0 24px}.scorecard__cta-btn{display:inline-block;text-decoration:none;font-size:1.1rem;width:100%;max-width:400px}.scorecard__cta-founding{display:flex;align-items:flex-start;gap:14px;text-align:left;background:color-mix(in srgb,var(--accent, #d4af37) 10%,white);border-radius:var(--radius-md);padding:18px;margin:24px 0 0}.scorecard__cta-founding p{font-size:.95rem;color:var(--text-gray, #6b7280);margin:0;line-height:1.5}.scorecard__cta-founding strong{color:var(--accent, #d4af37)}.scorecard__cta-founding-icon{font-size:1.75rem;flex-shrink:0}.scorecard__bonus{width:100%;max-width:560px;background:var(--bg-white, #fff);border-radius:var(--radius-lg);padding:28px 24px;text-align:center;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.06));margin-bottom:28px}.scorecard__bonus h4{font-size:1.15rem;font-weight:700;color:var(--text-dark, #374151);margin:0 0 10px}.scorecard__bonus p{font-size:1rem;color:var(--text-gray, #6b7280);line-height:1.6;margin:0 0 18px}.scorecard__retake-btn{background:none;border:none;color:var(--text-light, #9ca3af);font-size:.95rem;cursor:pointer;padding:14px;margin-top:8px}.scorecard__retake-btn:hover{color:var(--text-gray, #6b7280)}@media(max-width:767px){.scorecard__intro{gap:clamp(12px,2.5dvh,20px);padding:0 4px}.scorecard__intro-icon{font-size:clamp(2.5rem,8dvh,4rem);margin-bottom:0}.scorecard__intro-headline{font-size:clamp(1.5rem,6vw,2rem)}.scorecard__intro-subhead{font-size:clamp(.95rem,3.5vw,1.125rem)}.scorecard__progress{padding-top:12px;margin-bottom:12px}.scorecard__progress-dim{display:inline-block;padding:4px 12px;border-radius:var(--radius-xl);background:color-mix(in srgb,currentColor 12%,transparent);font-size:clamp(.8rem,2.8vw,.9rem)}.scorecard__question{justify-content:flex-start;padding-bottom:max(16px,env(safe-area-inset-bottom,16px))}.scorecard__question-number{display:none}.scorecard__question-text{font-size:clamp(1.35rem,5.2vw,1.7rem);line-height:1.3;color:var(--text-dark, #374151);margin-bottom:clamp(12px,2dvh,28px)}.scorecard__options{flex:1;gap:clamp(6px,1.2dvh,12px)}.scorecard__option{flex:1;display:flex;align-items:center;font-size:clamp(1rem,4vw,1.125rem);font-weight:400;color:#4b5563;padding:clamp(10px,1.8dvh,20px) clamp(16px,4.5vw,24px);line-height:1.5}.scorecard__back-btn{flex-shrink:0;margin-top:clamp(6px,1dvh,20px);padding:clamp(8px,1.2dvh,14px) 20px;font-size:clamp(.85rem,2.5vw,1rem)}.scorecard__email-gate{gap:clamp(10px,2dvh,16px);padding:0 4px}.scorecard__email-icon{font-size:clamp(2.5rem,8dvh,4rem)}.scorecard__email-headline{font-size:clamp(1.35rem,5.5vw,1.75rem)}.scorecard__email-subhead{font-size:clamp(.9rem,3vw,1.05rem)}.scorecard__btn{padding:clamp(14px,2.2dvh,18px) 28px;font-size:clamp(.95rem,3vw,1.1rem)}}@media(min-width:768px){.scorecard{padding:0 40px}.scorecard--results{padding:0 40px 48px}.scorecard__intro{padding:0 32px}.scorecard__intro-headline{font-size:2.5rem}.scorecard__intro-subhead{font-size:1.15rem}.scorecard__question-text{font-size:1.6rem}.scorecard__option{padding:20px 24px;font-size:1.1rem}.scorecard__hero-score{font-size:6rem}.scorecard__dimensions,.scorecard__opportunity,.scorecard__cta,.scorecard__bonus{max-width:640px}}.rp{min-height:100dvh;background:var(--bg-cream, #fafaf9);padding:0;display:flex;flex-direction:column}.rp__loading{flex:1;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--text-gray, #6b7280)}.rp__error-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;text-align:center;gap:12px}.rp__error-icon{font-size:3rem}.rp__error-screen h2{font-size:1.5rem;font-weight:700;color:var(--text-dark, #374151)}.rp__error-screen p{font-size:1.05rem;color:var(--text-gray, #6b7280);max-width:400px;line-height:1.6}.rp__inline-error{color:#f44336;font-size:.95rem;padding:0 24px;margin:0}.rp__toast{position:fixed;top:16px;left:50%;transform:translate(-50%);background:var(--text-dark, #374151);color:#fff;padding:12px 24px;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;z-index:1000;animation:rpToastIn .2s ease;box-shadow:0 4px 16px #0003}@keyframes rpToastIn{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.rp__list-header{padding:48px 24px 20px;background:var(--bg-white, #fff);border-bottom:1px solid var(--border, #e5e7eb)}.rp__list-title{font-size:1.75rem;font-weight:800;color:var(--text-dark, #374151);margin:0}.rp__list-subtitle{font-size:.95rem;color:var(--text-light, #9ca3af);margin:4px 0 0}.rp__section{padding:0 16px;margin-top:20px}.rp__section-label{font-size:.9rem;font-weight:700;color:var(--text-gray, #6b7280);padding:0 8px 10px;text-transform:uppercase;letter-spacing:.5px}.rp__section-label--sent-back{color:#c62828}.rp__section-label--completed{cursor:pointer;list-style:none}.rp__section-label--completed::-webkit-details-marker{display:none}.rp__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;gap:12px}.rp__empty-icon{font-size:3rem}.rp__empty p{font-size:1.1rem;color:var(--text-gray, #6b7280)}.rp__review-card{display:block;width:100%;background:var(--bg-white, #fff);border:none;border-radius:var(--radius-14);padding:18px 20px;margin-bottom:10px;text-align:left;cursor:pointer;transition:transform .1s;box-shadow:0 1px 4px #0000000d;-webkit-tap-highlight-color:transparent}.rp__review-card:active{transform:scale(.98)}.rp__review-card--pending{border-left:4px solid #f59e0b}.rp__review-card--sent-back{border-left:4px solid #ef4444;opacity:.85}.rp__review-card--reviewed{opacity:.75;padding:14px 20px}.rp__card-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}.rp__card-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.rp__card-dot--pending{background:#f59e0b}.rp__card-dot--needs_changes{background:#ef4444}.rp__card-dot--approved{background:#22c55e}.rp__card-dot--revised,.rp__card-dot--archived{background:var(--text-light, #9ca3af)}.rp__card-title{font-size:1.05rem;font-weight:700;color:var(--text-dark, #374151);flex:1}.rp__card-bottom{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rp__card-time,.rp__card-score,.rp__card-comments{font-size:.8rem;color:var(--text-light, #9ca3af)}.rp__type-badge{display:inline-block;font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:var(--radius-10);background:var(--border, #e5e7eb);color:var(--text-gray, #6b7280);text-transform:uppercase;letter-spacing:.3px}.rp__score-badge{font-size:.8rem;font-weight:600;color:var(--secondary, #8b5a7d)}.rp__version-badge{font-size:.8rem;font-weight:600;color:var(--text-light, #9ca3af)}.rp__status-badge{font-size:.75rem;font-weight:700;padding:2px 10px;border-radius:var(--radius-10);text-transform:capitalize}.rp__status-badge--pending{background:#fff3e0;color:#e65100}.rp__status-badge--approved{background:#e8f5e9;color:#2e7d32}.rp__status-badge--needs_changes{background:#fce4ec;color:#c62828}.rp__status-badge--revised{background:#f3f4f6;color:#6b7280}.rp__status-badge--archived{background:#f3f4f6;color:#9ca3af}.rp__detail-header{padding:16px 16px 0;background:var(--bg-white, #fff)}.rp__back-btn{background:var(--bg-white, #fff);border:2px solid var(--border, #e5e7eb);border-radius:var(--radius-md);color:var(--text-gray, #6b7280);font-size:1rem;font-weight:600;cursor:pointer;padding:12px 20px;transition:border-color .15s,color .15s;-webkit-tap-highlight-color:transparent}.rp__back-btn:hover{color:var(--text-dark, #374151);border-color:var(--text-light, #9ca3af)}.rp__detail-meta{padding:20px 24px 16px;background:var(--bg-white, #fff);border-bottom:1px solid var(--border, #e5e7eb)}.rp__detail-title{font-size:1.5rem;font-weight:800;color:var(--text-dark, #374151);margin:0 0 12px;line-height:1.3}.rp__detail-badges{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rp__context-card{margin:16px 16px 0;padding:18px 20px;background:#f0f4ff;border:2px solid #bfdbfe;border-radius:var(--radius-14)}.rp__context-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#1565c0;margin-bottom:8px}.rp__context-card p{font-size:1rem;color:var(--text-dark, #374151);line-height:1.6;margin:0}.rp__live-link{display:inline-block;margin-top:10px;font-size:.95rem;font-weight:600;color:#1976d2;text-decoration:none}.rp__brand-rules{margin:12px 16px 0;background:#faf5ff;border:2px solid #e9d5ff;border-radius:var(--radius-14);padding:14px 20px}.rp__brand-rules summary{font-size:.9rem;font-weight:700;color:#7c3aed;cursor:pointer}.rp__brand-rules p{font-size:.95rem;color:var(--text-gray, #6b7280);line-height:1.6;margin:10px 0 0;white-space:pre-wrap}.rp__content-body{padding:20px 24px}.rp__content-spacer{height:12px}.rp__content-section{margin-top:24px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:12px}.rp__content-section-title{font-size:1.1rem;font-weight:700;color:var(--text-dark, #374151);text-transform:uppercase;letter-spacing:.5px;margin:0}.rp__content-comment-anchor{background:none;border:1.5px dashed var(--border, #e5e7eb);border-radius:var(--radius-sm);padding:6px 14px;font-size:.8rem;color:var(--text-light, #9ca3af);cursor:pointer;white-space:nowrap;flex-shrink:0;-webkit-tap-highlight-color:transparent}.rp__content-comment-anchor:hover{border-color:var(--primary, #f5a7b8);color:var(--text-gray, #6b7280)}.rp__content-para,.rp__content-labeled{font-size:1.05rem;color:var(--text-dark, #374151);line-height:1.7;margin:0 0 8px}.rp__content-labeled strong{color:var(--secondary, #8b5a7d)}.rp__content-list-item{font-size:1.05rem;color:var(--text-dark, #374151);line-height:1.7;margin:0 0 6px;padding-left:16px;position:relative}.rp__content-list-item:before{content:"•";position:absolute;left:0;color:var(--primary, #f5a7b8);font-weight:700}.rp__comments-section{padding:0 16px;margin-top:20px}.rp__comments-title{font-size:1rem;font-weight:700;color:var(--text-dark, #374151);margin:0 0 12px;padding:0 8px}.rp__comment-card{background:var(--bg-white, #fff);border-radius:var(--radius-md);padding:16px;margin-bottom:10px;border-left:3px solid var(--primary, #f5a7b8);box-shadow:0 1px 3px #0000000a}.rp__comment-card--resolved{opacity:.6;border-left-color:var(--border, #e5e7eb)}.rp__comment-meta{display:flex;align-items:center;gap:8px;font-size:.85rem;margin-bottom:8px}.rp__comment-meta strong{text-transform:capitalize;color:var(--text-dark, #374151)}.rp__comment-section{color:var(--text-light, #9ca3af)}.rp__comment-time{color:var(--text-light, #9ca3af);margin-left:auto}.rp__comment-quote{font-size:.9rem;color:var(--text-gray, #6b7280);font-style:italic;background:#f9fafb;border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:8px;border-left:3px solid var(--border, #e5e7eb)}.rp__comment-suggestion{font-size:.9rem;color:#2e7d32;background:#f0f7f0;border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:8px;font-weight:600}.rp__comment-text{font-size:.95rem;color:var(--text-dark, #374151);line-height:1.5;margin:0}.rp__comments-resolved{padding:0 16px;margin-top:12px}.rp__comments-resolved summary{font-size:.85rem;font-weight:600;color:var(--text-light, #9ca3af);cursor:pointer;padding:8px}.rp__comment-overlay{position:fixed;inset:0;background:#0006;z-index:900;display:flex;align-items:flex-end;justify-content:center;animation:rpFadeIn .15s ease}@keyframes rpFadeIn{0%{opacity:0}to{opacity:1}}.rp__comment-box{background:var(--bg-white, #fff);width:100%;max-width:560px;border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:24px 20px;animation:rpSlideUp .2s ease}@keyframes rpSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.rp__comment-box-header{display:flex;justify-content:space-between;align-items:center;font-size:1rem;font-weight:700;color:var(--text-dark, #374151);margin-bottom:16px}.rp__comment-box-close{background:none;border:none;font-size:1.5rem;color:var(--text-light, #9ca3af);cursor:pointer;padding:4px;line-height:1}.rp__comment-box-quote{font-size:.9rem;font-style:italic;color:var(--text-gray, #6b7280);background:#f9fafb;border-radius:var(--radius-10);padding:12px 16px;margin-bottom:12px;border-left:3px solid var(--primary, #f5a7b8)}.rp__comment-box-input{width:100%;border:2px solid var(--border, #e5e7eb);border-radius:var(--radius-md);padding:14px 16px;font-size:1rem;color:var(--text-dark, #374151);background:var(--bg-white, #fff);outline:none;resize:none;margin-bottom:10px;font-family:inherit;transition:border-color .15s}.rp__comment-box-input:focus{border-color:var(--primary);box-shadow:var(--focus-shadow)}.rp__comment-box-actions{display:flex;gap:10px;margin-top:4px}.rp__decision-bar{position:sticky;bottom:0;background:var(--bg-white, #fff);border-top:1px solid var(--border, #e5e7eb);padding:16px 20px;padding-bottom:max(16px,env(safe-area-inset-bottom));box-shadow:0 -4px 16px #0000000f}.rp__decision-note{width:100%;border:2px solid var(--border, #e5e7eb);border-radius:var(--radius-md);padding:12px 16px;font-size:.95rem;color:var(--text-dark, #374151);background:var(--bg-cream, #fafaf9);outline:none;resize:none;margin-bottom:12px;font-family:inherit}.rp__decision-note:focus{border-color:var(--primary);box-shadow:var(--focus-shadow)}.rp__decision-actions{display:flex;gap:10px}.rp__btn{border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:700;cursor:pointer;padding:14px 24px;flex:1;transition:transform .1s,opacity .1s;-webkit-tap-highlight-color:transparent}.rp__btn:active{transform:scale(.97)}.rp__btn:disabled{opacity:.5;cursor:not-allowed}.rp__btn--primary{background:linear-gradient(135deg,#f5a7b8,#e88fa3);color:#fff}.rp__btn--ghost{background:var(--bg-cream, #fafaf9);color:var(--text-gray, #6b7280);border:2px solid var(--border, #e5e7eb)}.rp__btn--approve{background:#22c55e;color:#fff}.rp__btn--changes{background:#ef4444;color:#fff}@media(min-width:768px){.rp{max-width:700px;margin:0 auto}.rp__list-header{padding:60px 32px 24px}.rp__list-title{font-size:2rem}.rp__detail-title{font-size:1.75rem}.rp__content-para,.rp__content-labeled,.rp__content-list-item{font-size:1.1rem}.rp__comment-box{border-radius:var(--radius-xl);margin-bottom:40px;max-width:600px}.rp__comment-overlay{align-items:center}}@media(max-width:768px){.rp__comment-box:has(textarea:focus){max-height:50vh;overflow-y:auto;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}}.publish-status-bar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;width:auto;min-width:300px;max-width:480px;pointer-events:auto}.publish-status-item{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:var(--radius-md);background:#fff;box-shadow:0 4px 20px #00000026;animation:publishStatusSlideUp .3s ease forwards;font-size:.9rem;font-weight:500;color:#333}.publish-status-publishing{border-left:4px solid #8b5cf6}.publish-status-success{border-left:4px solid #10b981;animation:publishStatusSlideUp .3s ease forwards}.publish-status-error{border-left:4px solid #ef4444}.publish-status-icon{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.publish-status-publishing .publish-status-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.publish-status-success .publish-status-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.publish-status-error .publish-status-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.publish-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:publishSpin .8s linear infinite}@keyframes publishSpin{to{transform:rotate(360deg)}}.publish-status-message{flex:1;line-height:1.4;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.publish-status-actions{display:flex;gap:8px;flex-shrink:0}.publish-retry-btn,.publish-dismiss-btn{background:none;border:none;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;padding:4px 8px;border-radius:var(--radius-6)}.publish-retry-btn{color:#8b5cf6}.publish-retry-btn:hover{background:#8b5cf61a}.publish-dismiss-btn{color:#6b7280}.publish-dismiss-btn:hover{background:#6b72801a}@keyframes publishStatusSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.publish-status-bar{bottom:80px;left:12px;right:12px;transform:none;width:auto;min-width:auto;max-width:none}.publish-status-item{padding:10px 14px;font-size:.85rem}}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:500;text-align:center;animation:offlineBannerSlideDown .3s ease}.offline-banner.offline{background:#fef3c7;color:#92400e;border-bottom:1px solid #fcd34d}.offline-banner.reconnected{background:#d1fae5;color:#065f46;border-bottom:1px solid #6ee7b7;animation:offlineBannerSlideDown .3s ease,offlineBannerFadeOut .5s ease 2.5s forwards}.offline-banner-icon{font-size:1rem;flex-shrink:0}.offline-banner-text{line-height:1.3}@keyframes offlineBannerSlideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes offlineBannerFadeOut{0%{opacity:1}to{opacity:0}}.summary-strip{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.25rem}.summary-strip__cell{background:var(--bg-white);border-radius:var(--radius-md);padding:1rem;box-shadow:0 1px 4px #0000000f;border-bottom:3px solid var(--cell-accent);display:flex;flex-direction:column}.summary-strip__value{font-size:1.6rem;font-weight:800;color:var(--text-dark);line-height:1}.summary-strip__label{font-size:.72rem;font-weight:600;color:var(--text-gray);text-transform:uppercase;letter-spacing:.03em;margin-top:.25rem}.summary-sparkline{width:60px;height:20px;margin-top:.4rem;flex-shrink:0}.summary-strip__detail{font-size:.72rem;color:var(--text-light);margin-top:.3rem;line-height:1.3}@media(min-width:769px){.summary-strip{grid-template-columns:repeat(4,1fr);gap:1rem}.summary-strip__cell{padding:1.25rem}.summary-strip__value{font-size:1.8rem}.summary-strip__label,.summary-strip__detail{font-size:.75rem}}.summary-strip--skeleton .summary-strip__cell{border-bottom-color:var(--skeleton-border, #d1d5db)}.summary-skel__value{width:60%;height:1.6rem;border-radius:var(--radius-6);background:linear-gradient(90deg,var(--skeleton-bg, #e8e8e8) 25%,var(--skeleton-highlight, #f5f5f5) 50%,var(--skeleton-bg, #e8e8e8) 75%);background-size:200% 100%;animation:skeletonPulse 1.5s ease-in-out infinite}.summary-skel__label{width:45%;height:.65rem;border-radius:var(--radius-xs);margin-top:.4rem;background:linear-gradient(90deg,var(--skeleton-bg, #e8e8e8) 25%,var(--skeleton-highlight, #f5f5f5) 50%,var(--skeleton-bg, #e8e8e8) 75%);background-size:200% 100%;animation:skeletonPulse 1.5s ease-in-out infinite}.summary-skel__detail{width:75%;height:.55rem;border-radius:3px;margin-top:.5rem;background:linear-gradient(90deg,var(--skeleton-bg, #e8e8e8) 25%,var(--skeleton-highlight, #f5f5f5) 50%,var(--skeleton-bg, #e8e8e8) 75%);background-size:200% 100%;animation:skeletonPulse 1.5s ease-in-out infinite}.an-card{background:var(--bg-white);border-radius:var(--radius-14);border-bottom:4px solid var(--an-accent);box-shadow:0 2px 8px #0000000f;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease;animation:cardEnter .3s ease-out both}.an-card:nth-child(1){animation-delay:0s}.an-card:nth-child(2){animation-delay:.04s}.an-card:nth-child(3){animation-delay:.06s}.an-card:nth-child(4){animation-delay:.08s}@media(hover:hover){.an-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}}@keyframes cardEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.an-card__header{display:flex;align-items:center;gap:.65rem;padding:1rem 1rem 0}.an-card__icon-circle{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--an-accent-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.an-card__icon{font-size:1rem;line-height:1}.an-card__titles{display:flex;flex-direction:column;gap:.1rem;min-width:0}.an-card__title{font-size:.92rem;font-weight:700;color:var(--an-accent-dark);margin:0;line-height:1.2}.an-card__subtitle{font-size:.75rem;color:var(--text-light);line-height:1.2}.an-card__body{padding:.75rem 1rem 1rem}@media(min-width:769px){.an-card__header{padding:1.25rem 1.25rem 0}.an-card__icon-circle{width:36px;height:36px;border-radius:var(--radius-10)}.an-card__icon{font-size:1.1rem}.an-card__title{font-size:1rem}.an-card__body{padding:.75rem 1.25rem 1.25rem}}.an-card--green{--an-accent: #10b981;--an-accent-bg: #ecfdf5;--an-accent-dark: #065f46;--an-accent-light: #d1fae5}.an-card--purple{--an-accent: #7c3aed;--an-accent-bg: #f5f3ff;--an-accent-dark: #4c1d95;--an-accent-light: #ede9fe}.an-card--amber{--an-accent: #f59e0b;--an-accent-bg: #fffbeb;--an-accent-dark: #92400e;--an-accent-light: #fef3c7}.an-card--blue{--an-accent: #3b82f6;--an-accent-bg: #eff6ff;--an-accent-dark: #1e3a5f;--an-accent-light: #dbeafe}.an-card--pink{--an-accent: #ec4899;--an-accent-bg: #fdf2f8;--an-accent-dark: #831843;--an-accent-light: #fce7f3}.best-post__image{width:100%;max-height:200px;object-fit:cover;border-radius:var(--radius-sm);margin-bottom:.75rem}.best-post__caption{font-size:.88rem;color:var(--text-dark);line-height:1.5;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.best-post__stats{display:flex;gap:1.5rem}.best-post__stat{display:flex;flex-direction:column;gap:.1rem}.best-post__stat-value{font-size:1.3rem;font-weight:800;color:var(--an-accent-dark, var(--text-dark))}.best-post__stat-label{font-size:.72rem;font-weight:600;color:var(--text-gray);text-transform:uppercase;letter-spacing:.03em}@media(min-width:769px){.best-post__caption{font-size:.92rem}.best-post__stat-value{font-size:1.4rem}}.heatmap-ranked{display:flex;flex-direction:column;gap:.5rem}.heatmap-ranked__note{font-size:.8rem;color:var(--text-light);margin:0 0 .25rem;line-height:1.4}.heatmap-ranked__item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;background:var(--an-accent-bg, #eff6ff);border-radius:var(--radius-10)}.heatmap-ranked__rank{font-size:.75rem;font-weight:700;color:var(--an-accent-dark, #1e3a5f);min-width:1.5rem}.heatmap-ranked__time{font-size:.88rem;font-weight:600;color:var(--text-dark)}.heatmap-ranked__toggle{margin-top:.5rem;padding:.5rem 0;background:none;border:none;color:var(--an-accent, #3b82f6);font-size:.8rem;font-weight:600;cursor:pointer;text-align:center}.heatmap-ranked__toggle:active{opacity:.7}.heatmap-ranked__empty{font-size:.82rem;color:var(--text-light);margin:0;line-height:1.4}.heatmap-grid{display:none;margin-top:.75rem}.heatmap-grid--expanded{display:grid;grid-template-columns:2.5rem repeat(7,1fr);gap:2px}.heatmap-grid__day-label{font-size:.65rem;font-weight:600;color:var(--text-gray);text-align:center;padding-bottom:.25rem;text-transform:uppercase;letter-spacing:.02em}.heatmap-grid__hour-label{font-size:.6rem;color:var(--text-light);display:flex;align-items:center;justify-content:flex-end;padding-right:.35rem;line-height:1}.heatmap-cell{height:18px;border-radius:3px;transition:transform .15s ease}.heatmap-cell--top{outline:2px solid #065f46;outline-offset:-1px;border-radius:var(--radius-xs)}.heatmap-apply{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.heatmap-apply__btn{width:100%;padding:.6rem 1rem;background:var(--an-accent-bg, #eff6ff);color:var(--an-accent-dark, #1e3a5f);border:1px solid var(--an-accent, #3b82f6);border-radius:var(--radius-10);font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s ease}.heatmap-apply__btn:hover{background:var(--an-accent, #3b82f6);color:#fff}.heatmap-apply__btn:active{transform:scale(.98)}.heatmap-apply__btn--primary{background:var(--an-accent, #3b82f6);color:#fff;flex:1}.heatmap-apply__btn--primary:hover{background:#2563eb}.heatmap-apply__btn--cancel{background:transparent;border-color:#d1d5db;color:var(--text-gray);flex:0 0 auto;width:auto}.heatmap-apply__btn--cancel:hover{background:#f3f4f6;color:var(--text-dark)}.heatmap-apply__confirm-text{font-size:.8rem;color:var(--text-gray);margin:0 0 .5rem;line-height:1.4}.heatmap-apply__confirm-actions{display:flex;gap:.5rem}.heatmap-apply__status{font-size:.82rem;color:var(--text-gray);margin:0;text-align:center;line-height:1.4}.heatmap-apply__status--success{color:#059669;font-weight:600}.heatmap-apply__status--error{color:#dc2626}@media(min-width:769px){.heatmap-ranked{display:none}.heatmap-grid{display:grid;grid-template-columns:3rem repeat(7,1fr);gap:3px}.heatmap-grid--expanded{display:grid}.heatmap-grid__day-label{font-size:.7rem}.heatmap-grid__hour-label{font-size:.65rem}.heatmap-cell{height:22px;border-radius:var(--radius-xs)}.heatmap-cell:hover{transform:scale(1.15);z-index:1}}.content-breakdown__text{font-size:.85rem;color:var(--text-gray);margin:0 0 .75rem;line-height:1.4}.content-breakdown__tips{display:flex;flex-direction:column;gap:.5rem}.content-breakdown__tip{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem .65rem;background:var(--an-accent-bg, #fdf2f8);border-radius:var(--radius-sm);font-size:.8rem;color:var(--text-dark);line-height:1.4}.content-breakdown__tip-icon{flex-shrink:0;font-size:.9rem;line-height:1.4}.content-breakdown__bars{display:flex;flex-direction:column;gap:.75rem}.content-breakdown__bar-row{display:flex;align-items:center;gap:.75rem}.content-breakdown__bar-label{font-size:.8rem;font-weight:600;color:var(--text-dark);width:8.5rem;flex-shrink:0;display:flex;flex-direction:column;gap:.1rem}.content-breakdown__bar-count{font-size:.65rem;font-weight:400;color:var(--text-light)}.content-breakdown__bar-track{flex:1;height:24px;background:var(--an-accent-bg, #fdf2f8);border-radius:var(--radius-6);overflow:hidden}.content-breakdown__bar-fill{height:100%;background:var(--an-accent, #ec4899);border-radius:var(--radius-6);transition:width .6s ease;min-width:4px}.content-breakdown__bar-value{font-size:.8rem;font-weight:700;color:var(--text-dark);min-width:3rem;text-align:right}.content-breakdown__insight{font-size:.78rem;color:var(--text-gray);margin:.75rem 0 0;line-height:1.4;font-style:italic}.post-list__text{font-size:.85rem;color:var(--text-gray);margin:0 0 .5rem;line-height:1.4}.post-list__hint{font-size:.8rem;color:var(--text-light);margin:0;line-height:1.4}.post-list__sort-bar{display:flex;gap:.5rem;margin-bottom:.75rem}.post-list__sort-btn{padding:.35rem .75rem;border:1px solid var(--border, #e5e7eb);border-radius:var(--radius-sm);background:var(--bg-white);font-size:.75rem;font-weight:600;color:var(--text-gray);cursor:pointer;transition:all .15s ease}.post-list__sort-btn--active{background:var(--an-accent-bg, #f5f3ff);border-color:var(--an-accent, #7c3aed);color:var(--an-accent-dark, #4c1d95)}.post-list__rows{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto}.post-list__row{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;background:var(--bg-white);border:1px solid var(--border, #e5e7eb);border-radius:var(--radius-10)}.post-list__thumb{width:56px;height:56px;border-radius:var(--radius-6);object-fit:cover;flex-shrink:0;background:var(--skeleton-bg, #e8e8e8)}.post-list__thumb--empty{display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:var(--an-accent-dark, #4c1d95);background:var(--an-accent-bg, #f5f3ff);border-radius:var(--radius-10)}.post-list__caption{flex:1;font-size:.8rem;color:var(--text-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.post-list__metrics{display:flex;gap:.75rem;flex-shrink:0}.post-list__metric{display:flex;flex-direction:column;align-items:flex-end;gap:.05rem}.post-list__metric-value{font-size:.82rem;font-weight:700;color:var(--text-dark)}.post-list__metric-label{font-size:.6rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.02em}.post-list__type-badge{font-size:.65rem;font-weight:600;padding:.15rem .4rem;border-radius:var(--radius-xs);background:var(--an-accent-bg, #f5f3ff);color:var(--an-accent-dark, #4c1d95);flex-shrink:0;min-width:5.5rem;text-align:center}.post-list__item{display:flex;flex-direction:column}.post-list__row{transition:background .15s ease}.post-list__row:hover{background:var(--bg-cream, #fafaf9)}.post-list__row--expanded{background:var(--an-accent-bg, #f5f3ff);border-color:var(--an-accent, #7c3aed);border-radius:var(--radius-10) var(--radius-10) 0 0}.post-list__expanded{display:flex;gap:1rem;padding:.85rem;border:1px solid var(--an-accent, #7c3aed);border-top:none;border-radius:0 0 10px 10px;background:var(--bg-white);animation:postExpandSlide .2s ease}@keyframes postExpandSlide{0%{opacity:0}to{opacity:1}}.post-list__expanded-img{width:180px;height:180px;border-radius:var(--radius-10);object-fit:cover;flex-shrink:0}.post-list__expanded-img--empty{display:flex;align-items:center;justify-content:center;background:var(--an-accent-bg, #f5f3ff);font-size:2.5rem}.post-list__expanded-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem}.post-list__expanded-date{font-size:.75rem;color:var(--text-light);font-weight:500}.post-list__expanded-caption{font-size:.82rem;color:var(--text-dark);line-height:1.5;white-space:pre-wrap;word-break:break-word;max-height:120px;overflow-y:auto}.post-list__expanded-metrics{display:flex;gap:1.25rem;margin-top:.25rem}.post-list__expanded-metric{display:flex;flex-direction:column;gap:.1rem}.post-list__expanded-metric-value{font-size:1rem;font-weight:700;color:var(--text-dark)}.post-list__expanded-metric-label{font-size:.68rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.02em}.post-list__expanded-type{font-size:.72rem;font-weight:600;padding:.2rem .5rem;border-radius:var(--radius-xs);background:var(--an-accent-bg, #f5f3ff);color:var(--an-accent-dark, #4c1d95);align-self:flex-start}@media(max-width:480px){.post-list__metrics{gap:.4rem}.post-list__type-badge{display:none}.post-list__caption{font-size:.75rem}.post-list__expanded{flex-direction:column;gap:.75rem}.post-list__expanded-img{width:100%;height:auto;max-height:250px}.post-list__expanded-metrics{flex-wrap:wrap;gap:.75rem}}.analytics-page{max-width:900px;margin:0 auto;padding:1rem;padding-bottom:100px;display:flex;flex-direction:column;gap:1.25rem}.analytics-page__header{margin-bottom:.25rem}.analytics-page__title{font-size:1.35rem;font-weight:800;color:var(--text-dark);margin:0;line-height:1.2}.analytics-page__subtitle{font-size:.85rem;color:var(--text-gray);margin:.25rem 0 0;line-height:1.3}.analytics-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem;min-height:40vh}.analytics-state__icon{font-size:2.5rem;margin-bottom:.75rem}.analytics-state__title{font-size:1.2rem;font-weight:700;color:var(--text-dark);margin:0 0 .5rem}.analytics-state__text{font-size:.88rem;color:var(--text-gray);margin:0;max-width:320px;line-height:1.5}.analytics-state__btn{margin-top:1rem;padding:.6rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-10);font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s ease}.analytics-state__btn:hover{background:var(--primary-dark)}.analytics-state__btn:active{transform:scale(.98)}.analytics-sample-banner{display:flex;align-items:center;gap:.65rem;padding:.75rem 1rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:var(--radius-md);flex-wrap:wrap}.analytics-sample-banner__icon{font-size:1.1rem;flex-shrink:0}.analytics-sample-banner__text{font-size:.82rem;color:#78350f;line-height:1.4;flex:1;min-width:180px}.analytics-sample-banner__text strong{font-weight:700}.analytics-sample-banner__btn{padding:.4rem .85rem;background:#fff;color:#92400e;border:1px solid #d97706;border-radius:var(--radius-sm);font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s ease}.analytics-sample-banner__btn:hover{background:#fffbeb}.analytics-sample-banner__btn:active{transform:scale(.98)}.analytics-sample-zone{display:flex;flex-direction:column;gap:1.25rem;position:relative}.analytics-sample-zone>*{position:relative}.analytics-sample-zone>*:after{content:"SAMPLE";position:absolute;top:10px;right:10px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f;font-size:.6rem;font-weight:800;letter-spacing:.08em;padding:2px 8px;border-radius:3px;z-index:1;pointer-events:none}.analytics-locked-banner{text-align:center;padding:2rem 1.5rem;background:linear-gradient(135deg,#fdf2f8,#f5f3ff);border-radius:var(--radius-14);border:1px solid rgba(139,90,125,.12)}.analytics-locked-banner__icon{font-size:2.5rem;margin-bottom:.75rem}.analytics-locked-banner__title{font-size:1.2rem;font-weight:800;color:var(--text-dark);margin:0 0 .5rem}.analytics-locked-banner__text{font-size:.88rem;color:var(--text-gray);max-width:400px;margin:0 auto;line-height:1.5}.analytics-locked-banner__actions{margin-top:1.25rem;display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.analytics-locked-banner__dismiss{padding:.75rem 1.75rem;background:#fff;color:var(--secondary);border:2px solid var(--secondary);border-radius:var(--radius-xl);font-size:.92rem;font-weight:700;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease}.analytics-locked-banner__dismiss:hover{background:var(--secondary);color:#fff}.analytics-locked-banner__dismiss:active{transform:scale(.97)}.analytics-page__sample-btn{margin-top:.5rem;padding:.35rem .75rem;background:#fef3c7;color:#92400e;border:1px solid #f59e0b;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;cursor:pointer;transition:background .15s ease}.analytics-page__sample-btn:hover{background:#fde68a}.analytics-page__sample-btn:active{transform:scale(.98)}.analytics-skel__title{width:55%;height:1.35rem;border-radius:var(--radius-6);background:linear-gradient(90deg,var(--skeleton-bg, #e8e8e8) 25%,var(--skeleton-highlight, #f5f5f5) 50%,var(--skeleton-bg, #e8e8e8) 75%);background-size:200% 100%;animation:skeletonPulse 1.5s ease-in-out infinite}.analytics-skel__subtitle{width:40%;height:.85rem;border-radius:var(--radius-xs);margin-top:.5rem;background:linear-gradient(90deg,var(--skeleton-bg, #e8e8e8) 25%,var(--skeleton-highlight, #f5f5f5) 50%,var(--skeleton-bg, #e8e8e8) 75%);background-size:200% 100%;animation:skeletonPulse 1.5s ease-in-out infinite;animation-delay:.03s}.analytics-skel__card{background:var(--bg-white);border-radius:var(--radius-14);padding:1.25rem;box-shadow:0 2px 8px #0000000f;border-bottom:4px solid var(--skeleton-border, #d1d5db)}.analytics-skel__card-header{width:45%;height:1rem;border-radius:5px;margin-bottom:.75rem;background:linear-gradient(90deg,var(--skeleton-bg, #e8e8e8) 25%,var(--skeleton-highlight, #f5f5f5) 50%,var(--skeleton-bg, #e8e8e8) 75%);background-size:200% 100%;animation:skeletonPulse 1.5s ease-in-out infinite}.analytics-skel__card-body{width:100%;height:60px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--skeleton-bg, #e8e8e8) 25%,var(--skeleton-highlight, #f5f5f5) 50%,var(--skeleton-bg, #e8e8e8) 75%);background-size:200% 100%;animation:skeletonPulse 1.5s ease-in-out infinite}@media(min-width:769px){.analytics-page{max-width:1100px;padding:2rem;padding-bottom:100px}.analytics-page__title{font-size:1.5rem}.analytics-page__subtitle{font-size:.9rem}}