.soft-launch-banner{background:linear-gradient(135deg,#f8f5f0,#f0ebe3);border-bottom:1px solid var(--border);padding:var(--space-3) var(--space-4)}.banner-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:var(--space-3)}.banner-icon{font-size:var(--text-xl);flex-shrink:0}.banner-text{flex:1;font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.banner-text strong{color:var(--color-brown-700);display:block;margin-bottom:2px}.banner-text a{color:var(--accent);text-decoration:none;font-weight:500}.banner-text a:hover{text-decoration:underline}.banner-link-btn{background:none;border:none;color:var(--accent);font-size:inherit;font-weight:500;cursor:pointer;padding:0;text-decoration:none}.banner-link-btn:hover{text-decoration:underline}.banner-close{background:none;border:none;font-size:var(--text-xl);color:var(--text-muted);cursor:pointer;padding:var(--space-1);line-height:1;border-radius:var(--radius-sm);transition:all .2s;flex-shrink:0}.banner-close:hover{background:#0000000d;color:var(--text-primary)}@media (max-width: 768px){.soft-launch-banner{padding:var(--space-3)}.banner-content{flex-wrap:wrap}.banner-icon{display:none}.banner-text{font-size:var(--text-xs)}.banner-text strong{font-size:var(--text-sm)}}.subscribe-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:fadeIn .2s ease}.subscribe-modal{background:#fff;border-radius:var(--radius-lg);max-width:420px;width:100%;padding:var(--space-8);position:relative;box-shadow:var(--shadow-lg);animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close-btn{position:absolute;top:var(--space-4);right:var(--space-4);background:none;border:none;font-size:24px;color:var(--text-muted);cursor:pointer;padding:0;line-height:1;transition:color .2s}.modal-close-btn:hover{color:var(--text-primary)}.subscribe-modal-header{text-align:center;margin-bottom:var(--space-6)}.subscribe-icon{font-size:48px;display:block;margin-bottom:var(--space-3)}.subscribe-modal-header h2{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-brown-700);margin:0 0 var(--space-2)}.subscribe-modal-header p{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5;margin:0}.subscribe-form{display:flex;flex-direction:column;gap:var(--space-4)}.subscribe-form .form-group input{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base);transition:border-color .2s}.subscribe-form .form-group input:focus{outline:none;border-color:var(--accent)}.subscription-options{display:flex;flex-direction:column;gap:var(--space-2)}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.subscribe-error{background:#fef2f2;color:#b91c1c;padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);text-align:center}.subscribe-submit-btn{width:100%;padding:var(--space-3) var(--space-4);background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all .2s}.subscribe-submit-btn:hover:not(:disabled){background:var(--accent-hover)}.subscribe-submit-btn:disabled{opacity:.6;cursor:not-allowed}.subscribe-disclaimer{text-align:center;font-size:var(--text-xs);color:var(--text-muted);margin:0}.subscribe-success{text-align:center;padding:var(--space-6)}.success-icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;background:var(--accent-light);color:var(--accent);font-size:28px;font-weight:700;border-radius:var(--radius-full);margin-bottom:var(--space-4)}.subscribe-success p{color:var(--text-primary);font-size:var(--text-base);margin:0}@media (max-width: 480px){.subscribe-modal{padding:var(--space-6);margin:var(--space-4)}.subscribe-icon{font-size:40px}.subscribe-modal-header h2{font-size:var(--text-xl)}}.home-page{min-height:100vh;background:var(--bg-secondary);display:flex;flex-direction:column}.home-hero{background:linear-gradient(135deg,var(--color-brown-700) 0%,var(--color-brown-600) 100%);color:#fff;padding:var(--space-12) var(--space-4) var(--space-10)}.home-hero-content{max-width:700px;margin:0 auto;text-align:center}.home-hero h1{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:600;margin:0 0 var(--space-3);line-height:1.2}.home-hero-subtitle{font-size:var(--text-lg);opacity:.9;margin:0 0 var(--space-8);line-height:1.5}.home-search-box{margin-bottom:var(--space-6)}.search-input-wrapper{display:flex;align-items:center;background:#fff;border-radius:var(--radius-lg);padding:var(--space-2);box-shadow:0 4px 20px #00000026;border:2px solid transparent;transition:border-color .2s}.search-input-wrapper:focus-within{border-color:var(--color-terracotta)}.search-icon{display:flex;align-items:center;justify-content:center;padding:0 var(--space-3);color:var(--text-muted)}.search-icon svg{width:20px;height:20px}.home-search-input{flex:1;border:none;outline:none;font-size:var(--text-base);font-family:var(--font-body);padding:var(--space-3) 0;background:transparent;color:var(--text-primary)}.home-search-input::placeholder{color:var(--text-muted)}.search-submit{background:var(--accent);color:#fff;border:none;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:background .2s}.search-submit:hover:not(:disabled){background:var(--accent-hover)}.search-submit:disabled{opacity:.5;cursor:not-allowed}.hero-quick-links{display:flex;justify-content:center;gap:var(--space-4);margin-top:var(--space-4)}.hero-quick-link{display:inline-flex;align-items:center;gap:var(--space-2);color:#ffffffe6;text-decoration:none;font-size:var(--text-sm);font-weight:500;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);transition:all .2s}.hero-quick-link svg{width:16px;height:16px}.hero-quick-link:hover{background:#fff3;border-color:#fff6;color:#fff;transform:translateY(-1px)}@media (max-width: 480px){.hero-quick-links{flex-direction:column;align-items:center;gap:var(--space-2)}.hero-quick-link{width:100%;justify-content:center}}.quick-questions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.quick-question-btn{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:all .2s}.quick-question-btn:hover{background:#ffffff40;border-color:#ffffff80}.category-links{background:#fff;border-bottom:1px solid var(--border);padding:var(--space-3) var(--space-4);position:sticky;top:60px;z-index:90}.category-links-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:var(--space-4);overflow-x:auto;-webkit-overflow-scrolling:touch}.category-links-label{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap}.category-links-list{display:flex;gap:var(--space-2)}.category-link{font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--bg-secondary);white-space:nowrap;transition:all .2s}.category-link:hover{background:var(--accent-light);color:var(--accent)}.featured-section{padding:var(--space-10) var(--space-4);max-width:1200px;margin:0 auto;width:100%}.section-header{text-align:center;margin-bottom:var(--space-8)}.section-header h2{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-brown-700);margin:0 0 var(--space-2)}.section-header p{color:var(--text-secondary);margin:0}.featured-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}@media (max-width: 1000px){.featured-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.featured-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.featured-grid{grid-template-columns:1fr}}.featured-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .2s;display:flex;flex-direction:column}.featured-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.featured-card-link{text-decoration:none;color:inherit;flex:1}.featured-image{aspect-ratio:1;background:var(--bg-secondary);overflow:hidden}.featured-image img{width:100%;height:100%;object-fit:cover}.featured-info{padding:var(--space-4)}.featured-category{font-size:var(--text-xs);color:var(--accent);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.featured-info h3{font-size:var(--text-base);font-weight:500;color:var(--text-primary);margin:var(--space-1) 0 0;line-height:1.3}.ask-about-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-1);width:100%;padding:var(--space-3);background:var(--bg-secondary);border:none;border-top:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:all .2s}.ask-about-btn:hover{background:var(--accent-light);color:var(--accent)}.featured-carousel-section{padding:var(--space-8) var(--space-4);max-width:1200px;margin:0 auto;width:100%}.featured-carousel-section .section-header{text-align:center;margin-bottom:var(--space-6)}.featured-carousel-section .section-header h2{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-brown-700);margin:0 0 var(--space-1)}.featured-carousel-section .section-header p{color:var(--text-muted);margin:0;font-size:var(--text-sm)}.carousel-container{position:relative;display:flex;align-items:stretch;gap:var(--space-3)}.carousel-arrow{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid var(--border);color:var(--color-brown-600);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 4px #0000000d;z-index:2;align-self:center}.carousel-arrow:hover{background:var(--color-brown-600);color:#fff;border-color:var(--color-brown-600)}.featured-carousel{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;padding:var(--space-2) 0;-ms-overflow-style:none;scrollbar-width:none;flex:1}.featured-carousel::-webkit-scrollbar{display:none}.carousel-card{flex:0 0 calc(25% - 12px);min-width:200px;background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 2px 8px #0000000f;transition:all .2s;display:flex;flex-direction:column}.carousel-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.carousel-card-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;flex:1}.carousel-image{width:100%;aspect-ratio:1;background:var(--bg-secondary);overflow:hidden}.carousel-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.carousel-card:hover .carousel-image img{transform:scale(1.05)}.carousel-info{padding:var(--space-3);flex:1;display:flex;flex-direction:column}.carousel-category{font-size:.65rem;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.carousel-info h3{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);margin:var(--space-1) 0 0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.carousel-ask-btn{display:block;width:100%;padding:var(--space-2);background:var(--bg-secondary);border:none;border-top:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-body);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s;margin-top:auto}.carousel-ask-btn:hover{background:var(--accent-light);color:var(--accent)}.blog-banner-section{padding:var(--space-6) var(--space-6);max-width:1200px;margin:var(--space-6) auto;background:linear-gradient(135deg,var(--color-cream) 0%,var(--color-cream-dark) 100%);border-radius:var(--radius-xl)}.blog-banner-header{text-align:center;margin-bottom:var(--space-5)}.blog-banner-header h2{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-brown-700);margin:0 0 var(--space-1)}.blog-banner-header p{color:var(--text-secondary);margin:0;font-size:var(--text-sm)}.blog-banner-footer{text-align:center;margin-top:var(--space-5)}.view-all-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);background:var(--color-brown-600);color:#fff;font-size:var(--text-sm);font-weight:500;text-decoration:none;border-radius:var(--radius-md);transition:all .2s}.view-all-btn:hover{background:var(--color-brown-700);transform:translateY(-1px)}.blog-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.blog-preview-featured{display:flex;flex-direction:column;background:#fff;border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 4px 12px #00000014;transition:all .3s}.blog-preview-featured:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-3px)}.blog-preview-image{aspect-ratio:16/9;background:var(--bg-tertiary);overflow:hidden}.blog-preview-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.blog-preview-featured:hover .blog-preview-image img{transform:scale(1.03)}.blog-preview-content{padding:var(--space-5);display:flex;flex-direction:column;flex:1}.blog-preview-tag{display:inline-block;background:var(--color-terracotta);color:#fff;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:3px 8px;border-radius:4px;margin-bottom:var(--space-2);align-self:flex-start}.blog-preview-content h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-brown-700);margin:0 0 var(--space-2);line-height:1.3}.blog-preview-content p{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.6;flex:1}.read-more{font-size:var(--text-sm);font-weight:500;color:var(--accent);margin-top:var(--space-3)}.blog-preview-list{display:flex;flex-direction:column;gap:var(--space-3)}.blog-preview-item{display:flex;gap:var(--space-3);background:#fff;border-radius:var(--radius-md);overflow:hidden;text-decoration:none;color:inherit;padding:var(--space-3);box-shadow:0 2px 6px #0000000d;transition:all .2s}.blog-preview-item:hover{box-shadow:0 4px 10px #0000001a;transform:translate(4px)}.blog-preview-thumb{width:80px;height:80px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:var(--bg-tertiary)}.blog-preview-thumb img{width:100%;height:100%;object-fit:cover}.blog-preview-text{display:flex;flex-direction:column;justify-content:center;flex:1;min-width:0}.blog-preview-text h4{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;color:var(--color-brown-700);margin:0 0 var(--space-1);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-preview-date{font-size:.7rem;color:var(--text-muted)}@media (max-width: 768px){.blog-banner-section{padding:var(--space-6) var(--space-4);border-radius:0;margin-bottom:0}.blog-banner-header{flex-direction:column;align-items:flex-start}.blog-preview-grid{grid-template-columns:1fr;gap:var(--space-4)}.blog-preview-list{display:grid;grid-template-columns:1fr;gap:var(--space-2)}.blog-preview-thumb{width:70px;height:70px}}@media (max-width: 1000px){.carousel-card{flex:0 0 calc(33.333% - 12px);min-width:180px}}@media (max-width: 768px){.carousel-card{flex:0 0 calc(50% - 8px);min-width:160px}}@media (max-width: 600px){.carousel-arrow{display:none}.carousel-container{position:relative}.carousel-container:after{content:"";position:absolute;right:0;top:0;bottom:0;width:40px;background:linear-gradient(to right,transparent,rgba(255,255,255,.9));pointer-events:none;z-index:1}.featured-carousel{padding-left:var(--space-4);padding-right:var(--space-6);overflow-x:scroll;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-sage) transparent}.featured-carousel::-webkit-scrollbar{display:block;height:4px}.featured-carousel::-webkit-scrollbar-track{background:var(--border);border-radius:4px}.featured-carousel::-webkit-scrollbar-thumb{background:var(--color-sage);border-radius:4px}.carousel-card{flex:0 0 160px;min-width:160px}}.all-products-section{padding:var(--space-10) var(--space-4);background:#fff}.all-products-section .section-header{max-width:1200px;margin:0 auto var(--space-8)}.products-by-category{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 2px 8px #0000000f}.category-block{scroll-margin-top:140px;border-bottom:1px solid var(--border)}.subcategory-title{font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--space-3);font-weight:500}.products-grid-compact{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}@media (max-width: 900px){.products-grid-compact{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.products-grid-compact{grid-template-columns:1fr}}.product-card-compact{display:flex;align-items:center;gap:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-3);transition:all .2s}.product-card-compact:hover{background:var(--bg-tertiary)}.product-link{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:inherit;flex:1;min-width:0}.product-thumb{width:50px;height:50px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:#fff}.product-thumb img{width:100%;height:100%;object-fit:cover}.product-details{flex:1;min-width:0}.product-name{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-primary);line-height:1.3}.product-note{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.swap-cta-section{padding:var(--space-8) var(--space-4);background:linear-gradient(135deg,var(--color-sage-50) 0%,var(--color-cream) 100%);border-top:1px solid var(--border)}.swap-cta-content{max-width:900px;margin:0 auto;display:flex;align-items:center;gap:var(--space-5)}.swap-cta-icon{flex-shrink:0;width:56px;height:56px;background:var(--color-sage);border-radius:12px;display:flex;align-items:center;justify-content:center}.swap-cta-icon svg{width:28px;height:28px;stroke:#fff}.swap-cta-text{flex:1}.swap-cta-text h2{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-brown-700);margin:0 0 var(--space-1)}.swap-cta-text p{color:var(--text-secondary);font-size:var(--text-sm);margin:0;max-width:450px;line-height:1.5}.swap-cta-btn{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-brown-600);color:#fff;border:none;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.swap-cta-btn svg{width:18px;height:18px;transition:transform .2s}.swap-cta-btn:hover{background:var(--color-brown-700);transform:translateY(-2px);box-shadow:0 4px 12px #5d403733}.swap-cta-btn:hover svg{transform:translate(4px)}@media (max-width: 768px){.swap-cta-content{flex-direction:column;text-align:center}.swap-cta-icon{width:64px;height:64px}.swap-cta-icon svg{width:32px;height:32px}.swap-cta-text p{max-width:none}.swap-cta-features{justify-content:center}.swap-cta-btn{width:100%;justify-content:center}}.products-loading,.products-empty{text-align:center;padding:var(--space-10);color:var(--text-muted)}@media (max-width: 768px){.home-hero{padding:var(--space-6) var(--space-4)}.home-hero h1{font-size:var(--text-2xl)}.home-hero-subtitle{font-size:var(--text-sm);margin-bottom:var(--space-4)}.home-search-box{margin-bottom:var(--space-3)}.search-input-wrapper{flex-direction:column;padding:var(--space-3);gap:var(--space-2)}.search-icon{display:none}.home-search-input{width:100%;text-align:center;padding:var(--space-2) 0;font-size:var(--text-sm)}.search-submit{width:100%;padding:var(--space-2)}.quick-questions,.category-links-label{display:none}.category-links{padding:var(--space-2) 0;position:sticky;top:60px}.category-links-inner{padding:0 var(--space-4);gap:var(--space-2);-ms-overflow-style:none;scrollbar-width:none}.category-links-inner::-webkit-scrollbar{display:none}.category-links-list{gap:var(--space-2)}.category-link{font-size:var(--text-xs);padding:var(--space-2) var(--space-3);background:var(--bg-secondary);color:var(--text-secondary)}.category-link:hover,.category-link:active{background:var(--accent-light);color:var(--accent)}.featured-section{padding:var(--space-5) var(--space-4)}.featured-section .section-header{margin-bottom:var(--space-4)}.featured-section .section-header h2{font-size:var(--text-lg);margin-bottom:var(--space-1)}.featured-section .section-header p{font-size:var(--text-xs)}.featured-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.featured-card:nth-child(n+5){display:none}.featured-card{border-radius:var(--radius-md)}.featured-image{aspect-ratio:1}.featured-info{padding:var(--space-2)}.featured-category{display:none}.featured-info h3{font-size:var(--text-xs);line-height:1.2}.ask-about-btn{display:none}.products-grid-compact{grid-template-columns:1fr}.tool-card{padding:var(--space-4)}.tool-icon{font-size:1.5rem;margin-bottom:var(--space-2)}.tool-card h3{font-size:var(--text-base)}.tool-card p{font-size:var(--text-xs);margin-bottom:var(--space-2)}.home-cta{padding:var(--space-6) var(--space-4)}.cta-content h2{font-size:var(--text-lg)}.cta-content p{font-size:var(--text-sm)}}@media (max-width: 480px){.home-hero h1{font-size:var(--text-xl)}.featured-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.featured-info{padding:var(--space-1) var(--space-2)}.featured-info h3{font-size:11px;line-height:1.2}}.product-search-form{display:flex;align-items:center;position:relative;margin-right:var(--space-3)}.product-search-input{padding:var(--space-2) var(--space-3);padding-right:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-sm);width:180px;transition:all .2s}.product-search-input:focus{outline:none;border-color:var(--accent);width:220px}.search-clear-btn{position:absolute;right:8px;background:none;border:none;font-size:var(--text-lg);color:var(--text-muted);cursor:pointer;padding:0 4px}.search-clear-btn:hover{color:var(--text-primary)}.search-results-section{padding:var(--space-8) var(--space-4);max-width:1200px;margin:0 auto}.search-results-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.search-results-section .section-header h2{font-size:var(--text-lg)}.clear-search-btn{padding:var(--space-2) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s}.clear-search-btn:hover{background:var(--bg-tertiary)}.search-results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}@media (max-width: 900px){.search-results-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.search-results-grid{grid-template-columns:1fr}}.search-result-card{display:flex;flex-direction:column;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .2s;overflow:hidden}.search-result-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.search-result-link{display:flex;gap:var(--space-3);padding:var(--space-3);text-decoration:none;color:inherit}.search-result-image{width:70px;height:70px;flex-shrink:0;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-secondary)}.search-result-image img{width:100%;height:100%;object-fit:contain}.search-result-info{flex:1;min-width:0}.search-result-category{font-size:var(--text-xs);color:var(--accent);font-weight:500}.search-result-info h3{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin:var(--space-1) 0}.search-result-info p{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-result-actions{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-3);border-top:1px solid var(--border)}.search-buy-btn{flex:1;padding:var(--space-2);background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;font-size:var(--text-xs);font-weight:600;text-decoration:none;text-align:center;cursor:pointer;transition:all .2s}.search-buy-btn:hover{background:var(--accent-hover)}.search-ask-btn{padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:all .2s}.search-ask-btn:hover{background:var(--bg-tertiary);border-color:var(--accent);color:var(--accent)}.no-results{text-align:center;color:var(--text-secondary);padding:var(--space-8)}.link-btn{background:none;border:none;color:var(--accent);text-decoration:underline;cursor:pointer;font-size:inherit}@media (max-width: 768px){.product-search-form{margin-right:0;margin-bottom:var(--space-2);width:100%}.product-search-input{width:100%}.product-search-input:focus{width:100%}.category-links-inner{flex-direction:column;align-items:stretch}.search-results-section .section-header{flex-direction:column;gap:var(--space-2);align-items:flex-start}}.products-page{min-height:100vh;background:var(--bg-secondary);display:flex;flex-direction:column}.category-nav{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:var(--header-height);z-index:90;overflow-x:auto;-webkit-overflow-scrolling:touch}.category-nav-inner{display:flex;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);max-width:1200px;margin:0 auto;min-width:max-content}.category-tab{padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-full);background:#fff;color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.category-tab:hover{border-color:var(--color-brown-400);color:var(--color-brown-600)}.category-tab.active{background:var(--color-brown-600);border-color:var(--color-brown-600);color:#fff}.category-nav::-webkit-scrollbar{display:none}.category-nav{-ms-overflow-style:none;scrollbar-width:none}.products-main{max-width:1200px;width:100%;margin:0 auto;padding:var(--space-8) var(--space-4);min-height:400px;flex:1;box-sizing:border-box}.category-section{margin-bottom:var(--space-10)}.category-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-4);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-brown-200)}.subcategory{margin-bottom:var(--space-6)}.subcategory-title{font-size:var(--text-base);font-weight:600;color:var(--text-secondary);margin:0 0 var(--space-3)}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);width:100%}@media (max-width: 1000px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.products-grid{grid-template-columns:repeat(2,1fr)}}.product-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);text-decoration:none;color:inherit;transition:all .2s;display:flex;flex-direction:column;gap:var(--space-3)}.product-card:hover{border-color:var(--color-brown-400);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.product-image{width:100%;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center}.product-image img{width:100%;height:100%;object-fit:cover}.product-info{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.product-name{font-size:var(--text-base);font-weight:600;color:var(--text-primary);line-height:1.4}.product-note{font-size:var(--text-sm);color:var(--text-muted);line-height:1.5;flex:1}.product-link-indicator{font-size:var(--text-sm);color:var(--color-brown-600);font-weight:500;margin-top:auto}.product-card:hover .product-link-indicator{color:var(--color-brown-700)}.products-loading,.products-error,.products-empty{text-align:center;padding:var(--space-10) var(--space-4);color:var(--text-muted)}@media (max-width: 520px){.page-hero{padding:var(--space-4) var(--space-4)}.page-hero h1{font-size:var(--text-xl)}.category-nav-inner{justify-content:flex-start}.products-grid{grid-template-columns:1fr}.product-card{padding:var(--space-3)}}.product-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.product-loading,.product-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center}.product-error h1{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-brown-600);margin-bottom:var(--space-4)}.product-error p{color:var(--text-secondary);margin-bottom:var(--space-6)}.product-main{flex:1;max-width:1100px;margin:0 auto;padding:var(--space-6) var(--space-4);width:100%}.product-breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-6);flex-wrap:wrap}.product-breadcrumb a{color:var(--text-secondary);text-decoration:none}.product-breadcrumb a:hover{color:var(--accent)}.product-breadcrumb .separator{color:var(--text-muted)}.product-content{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-8);margin-bottom:var(--space-10);align-items:start}@media (max-width: 768px){.product-content{grid-template-columns:1fr;gap:var(--space-6)}}.product-image-section{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);position:sticky;top:80px;min-height:400px;padding:var(--space-4)}.product-page-image{width:100%;height:auto;max-height:500px;object-fit:contain;object-position:center;display:block}.product-image-placeholder{width:100%;height:400px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.product-details{display:flex;flex-direction:column;overflow:visible}.product-category-badge{display:inline-block;font-size:var(--text-xs);font-weight:500;color:var(--accent-hover);background:var(--accent-light);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-3);align-self:flex-start}.product-name{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;color:var(--color-brown-700);margin-bottom:var(--space-4);line-height:1.3}.product-note{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.product-page-description{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-5);margin-bottom:var(--space-6)}.product-page-description h2{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;color:var(--color-brown-600);margin-bottom:var(--space-3)}.product-page-description p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7;white-space:pre-wrap;word-wrap:break-word}.product-page-description .description-link{color:var(--accent);text-decoration:none;font-weight:500}.product-page-description .description-link:hover{text-decoration:underline}.buy-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);background:var(--accent);color:#fff;font-family:var(--font-body);font-size:var(--text-base);font-weight:600;text-decoration:none;border-radius:var(--radius-md);transition:all .2s;margin-bottom:var(--space-3)}.buy-button:hover{background:var(--accent-hover);transform:translateY(-1px)}.buy-button svg{width:18px;height:18px}.ask-oldways-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:transparent;color:var(--color-brown-600);border:2px solid var(--color-brown-600);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;margin-bottom:var(--space-3)}.ask-oldways-button:hover{background:var(--color-brown-600);color:#fff;transform:translateY(-1px)}.ask-oldways-button svg{width:18px;height:18px}.affiliate-note{font-size:var(--text-xs);color:var(--text-muted)}.related-products{margin-bottom:var(--space-8)}.related-products h2{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-brown-600);margin-bottom:var(--space-4)}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}@media (max-width: 768px){.related-grid{grid-template-columns:repeat(2,1fr)}.product-image-section{position:static}}.related-card{background:#fff;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);text-decoration:none;transition:all .2s}.related-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.related-card img{width:100%;aspect-ratio:1;object-fit:contain;padding:var(--space-2);background:#fff}.related-name{display:block;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--text-primary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.back-to-products{text-align:center;padding:var(--space-6) 0;border-top:1px solid var(--border)}.back-to-products a{font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none}.back-to-products a:hover{color:var(--accent)}.analyzer-page{min-height:100vh;background:var(--bg-secondary);display:flex;flex-direction:column}.analyzer-main{flex:1;max-width:800px;width:100%;margin:0 auto;padding:var(--space-6) var(--space-4)}.analyzer-header{text-align:center;margin-bottom:var(--space-8)}.analyzer-header h1{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-brown-700);margin:0 0 var(--space-2)}.analyzer-header p{color:var(--text-secondary);font-size:var(--text-lg);margin:0}.analyzer-input-section{background:#fff;border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6)}.input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.input-header label{font-weight:600;color:var(--text-primary)}.input-actions{display:flex;gap:var(--space-2)}.action-btn{background:none;border:none;color:var(--accent);font-size:var(--text-sm);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:inherit}.action-btn:hover{background:var(--accent-light)}.ingredients-textarea{width:100%;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;resize:vertical;transition:border-color .2s}.ingredients-textarea:focus{outline:none;border-color:var(--accent)}.ingredients-textarea::placeholder{color:var(--text-muted)}.input-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-4);gap:var(--space-4)}.hint{font-size:var(--text-sm);color:var(--text-muted)}.analyze-btn{background:var(--accent);color:#fff;border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.analyze-btn:hover:not(:disabled){background:var(--accent-hover)}.analyze-btn:disabled{opacity:.5;cursor:not-allowed}.analyzer-loading{text-align:center;padding:var(--space-10);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.analyzer-loading p{color:var(--text-secondary);margin:0}.analyzer-error{background:var(--error-bg);border:1px solid var(--error);border-radius:var(--radius-md);padding:var(--space-4);text-align:center;margin-bottom:var(--space-6)}.analyzer-error p{color:var(--error);margin:0 0 var(--space-3)}.analyzer-error button{background:var(--error);color:#fff;border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-family:inherit;cursor:pointer}.analyzer-results{background:#fff;border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.analyzer-results h2{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-brown-700);margin:0 0 var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--accent-light)}.results-content{line-height:1.7;color:var(--text-primary)}.results-content p{margin:0 0 var(--space-3)}.result-section{font-weight:500;margin-top:var(--space-4)!important}.result-assessment{color:var(--color-brown-700);font-size:var(--text-lg)}.result-concerns{color:var(--warning)}.result-recommendation{color:var(--success)}.result-item{padding-left:var(--space-4);color:var(--text-secondary)}.results-disclaimer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border)}.results-disclaimer p{font-size:var(--text-sm);color:var(--text-muted);margin:0}.analyzer-info{background:#fff;border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.analyzer-info h3{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-brown-700);margin:0 0 var(--space-4);text-align:center}.concern-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.concern-card{padding:var(--space-4);border-radius:var(--radius-md)}.concern-card.high{background:#fef2f2;border-left:3px solid #dc2626}.concern-card.moderate{background:#fffbeb;border-left:3px solid #d97706}.concern-card.low{background:#f0fdf4;border-left:3px solid #16a34a}.concern-card h4{font-size:var(--text-sm);font-weight:600;margin:0 0 var(--space-2)}.concern-card.high h4{color:#dc2626}.concern-card.moderate h4{color:#d97706}.concern-card.low h4{color:#16a34a}.concern-card ul{margin:0;padding-left:var(--space-4)}.concern-card li{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-1)}@media (max-width: 640px){.analyzer-header h1{font-size:var(--text-2xl)}.input-footer{flex-direction:column;align-items:stretch}.hint{text-align:center;margin-bottom:var(--space-2)}.analyze-btn{width:100%}.concern-grid{grid-template-columns:1fr}}.swap-guide-page{min-height:100vh;background:var(--bg-secondary);display:flex;flex-direction:column}.swap-guide-main{flex:1;max-width:900px;width:100%;margin:0 auto;padding:var(--space-6) var(--space-4)}.swap-guide-header{text-align:center;margin-bottom:var(--space-4)}.swap-guide-header h1{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-brown-700);margin:0 0 var(--space-2)}.swap-guide-header p{color:var(--text-secondary);font-size:var(--text-lg);margin:0}.quick-start-section{text-align:center;margin-bottom:var(--space-6)}.quick-start-label{display:inline-block;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--space-3)}.presets-row{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.preset-chip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#fff;border:1px solid var(--border);border-radius:var(--radius-full);font-family:inherit;font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.preset-chip:hover{border-color:var(--accent);background:var(--accent-light);transform:translateY(-2px);box-shadow:0 4px 12px #5f7a5226}.preset-name{font-weight:500}.preset-arrow{display:flex;width:16px;height:16px;color:var(--accent);opacity:0;transform:translate(-4px);transition:all .2s ease}.preset-arrow svg{width:100%;height:100%}.preset-chip:hover .preset-arrow{opacity:1;transform:translate(0)}.progress-bar{margin-bottom:var(--space-4);overflow-x:auto;padding:var(--space-2) 0}.progress-steps{display:flex;justify-content:center;gap:var(--space-1);min-width:fit-content}.progress-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:0 var(--space-3);position:relative}.progress-step:not(:last-child):after{content:"";position:absolute;right:calc(var(--space-3) * -1 + 4px);top:14px;width:calc(var(--space-3) * 2 - 8px);height:2px;background:var(--border);transition:background .3s ease}.progress-step.completed:not(:last-child):after{background:var(--accent)}.step-number{width:32px;height:32px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:600;transition:all .3s ease}.step-number svg{width:16px;height:16px}.progress-step.active .step-number{background:var(--accent);color:#fff;box-shadow:0 0 0 4px #5f7a5233}.progress-step.completed .step-number{background:var(--accent);color:#fff}.step-label{font-size:var(--text-xs);color:var(--text-muted);transition:color .3s ease}.progress-step.active .step-label{color:var(--accent);font-weight:500}.selection-summary{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--accent-light);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--accent-hover);margin-bottom:var(--space-4);animation:fadeIn .3s ease}.summary-icon{display:flex;width:16px;height:16px;color:var(--accent)}.summary-icon svg{width:100%;height:100%}.swap-guide-content{background:#fff;border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-sm);min-height:400px;transition:opacity .2s ease,transform .2s ease}.swap-guide-content.animating-out{opacity:0;transform:translateY(-10px)}.swap-guide-content.animating-in{animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.step-content h2{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-brown-700);margin:0 0 var(--space-2);text-align:center}.step-subtitle{color:var(--text-secondary);text-align:center;margin:0 0 var(--space-6)}.back-btn{display:inline-flex;align-items:center;gap:var(--space-2);background:none;border:none;color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;padding:var(--space-2) 0;margin-bottom:var(--space-4);font-family:inherit;transition:color .2s ease}.back-btn svg{width:16px;height:16px}.back-btn:hover{color:var(--accent)}.household-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}@media (max-width: 600px){.household-grid{grid-template-columns:1fr}}.household-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--bg-secondary);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all .25s ease;font-family:inherit;text-align:left;position:relative;overflow:hidden}.household-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(95,122,82,.05) 100%);opacity:0;transition:opacity .25s ease}.household-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 24px #5f7a521f}.household-card:hover:before{opacity:1}.household-card.selected{border-color:var(--accent);background:var(--accent-light)}.household-card.selected:before{opacity:1}.card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff;border-radius:var(--radius-md);color:var(--accent);flex-shrink:0;transition:all .25s ease}.card-icon svg{width:24px;height:24px}.household-card:hover .card-icon,.household-card.selected .card-icon{background:var(--accent);color:#fff}.card-content{flex:1;display:flex;flex-direction:column;gap:2px}.card-name{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.card-description{font-size:var(--text-sm);color:var(--text-muted)}.card-check{width:24px;height:24px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .25s ease}.card-check svg{width:14px;height:14px}.card-check.checked{background:var(--accent);border-color:var(--accent);color:#fff}.room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}@media (max-width: 700px){.room-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.room-grid{grid-template-columns:1fr}}.room-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);background:var(--bg-secondary);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all .25s ease;font-family:inherit;position:relative;overflow:hidden}.room-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(95,122,82,.08) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.room-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 32px #5f7a5226}.room-card:hover:before{opacity:1}.room-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#fff;border-radius:var(--radius-lg);color:var(--accent);transition:all .25s ease}.room-icon svg{width:28px;height:28px}.room-card:hover .room-icon{background:var(--accent);color:#fff;transform:scale(1.1)}.room-name{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.room-description{font-size:var(--text-xs);color:var(--text-muted);text-align:center}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3);margin-bottom:var(--space-6)}.category-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-secondary);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;font-family:inherit;text-align:left}.category-card:hover{border-color:var(--accent-light);transform:translate(4px)}.category-card.selected{border-color:var(--accent);background:var(--accent-light)}.category-check{width:22px;height:22px;border-radius:var(--radius-sm);background:#fff;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.category-check svg{width:12px;height:12px}.category-check.checked{background:var(--accent);border-color:var(--accent);color:#fff}.category-info{display:flex;flex-direction:column;gap:2px}.category-name{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);display:block}.category-description{font-size:var(--text-xs);color:var(--text-muted);display:block}.priority-grid{display:flex;flex-direction:column;gap:var(--space-4)}.priority-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--bg-secondary);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all .25s ease;font-family:inherit;text-align:left;position:relative}.priority-card:hover{border-color:var(--accent);transform:translate(8px);box-shadow:0 4px 16px #5f7a521a}.priority-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff;border-radius:var(--radius-md);color:var(--accent);flex-shrink:0;transition:all .25s ease}.priority-icon svg{width:24px;height:24px}.priority-card:hover .priority-icon{background:var(--accent);color:#fff}.priority-name{flex:1;font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.priority-description{color:var(--text-muted);font-size:var(--text-sm);margin-right:var(--space-4)}.priority-arrow{display:flex;width:20px;height:20px;color:var(--accent);opacity:0;transform:translate(-8px);transition:all .25s ease}.priority-arrow svg{width:100%;height:100%}.priority-card:hover .priority-arrow{opacity:1;transform:translate(0)}.step-actions{display:flex;justify-content:center;margin-top:var(--space-6)}.primary-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all .25s ease}.primary-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #5f7a5240}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.btn-arrow{display:flex;width:18px;height:18px;transition:transform .25s ease}.btn-arrow svg{width:100%;height:100%}.primary-btn:hover:not(:disabled) .btn-arrow{transform:translate(4px)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-4);text-align:center}.loading-spinner{display:block!important;width:156px!important;height:156px!important;margin:0 auto var(--space-4)!important;border:none!important;border-radius:0!important;animation:none!important}.spinner-ring{display:none}.spinner-well{display:flex;align-items:center;justify-content:center;background:#faf6f1;border-radius:12px;padding:8px}.spinner-well img,.spinner-well video{width:140px;height:140px;object-fit:contain;border-radius:8px}.loading-state h3{display:block;width:100%;font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-brown-700);margin:0 0 var(--space-2)}.loading-dots{display:flex;gap:4px;align-items:center;margin-bottom:var(--space-6)}.loading-dots span{width:8px;height:8px;background:var(--color-sage-400);border-radius:var(--radius-full);animation:loadingDot 1.4s infinite ease-in-out both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}@keyframes loadingDot{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.loading-tip{max-width:400px;padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-md);animation:fadeIn .5s ease}.tip-label{display:block;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:var(--space-2)}.tip-text{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.5}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10);text-align:center}.error-state p{color:var(--error);margin-bottom:var(--space-4)}.results-content{animation:fadeIn .4s ease}.results-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border);flex-wrap:wrap}.results-header h2{text-align:left;margin:0 0 var(--space-1)}.results-summary{font-size:var(--text-sm);color:var(--text-muted);margin:0}.results-header-actions{display:flex;gap:var(--space-2)}.share-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.share-btn:hover{border-color:var(--accent);color:var(--accent)}.start-over-btn{padding:var(--space-2) var(--space-3);background:none;border:1px solid var(--border);border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.start-over-btn:hover{border-color:var(--accent);color:var(--accent)}.results-body{margin-bottom:var(--space-6)}.results-body img{max-width:150px;height:auto;border-radius:8px;margin:var(--space-2) 0}.result-heading{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-brown-700);margin:var(--space-6) 0 var(--space-3);padding-bottom:var(--space-2);border-bottom:2px solid var(--accent-light)}.result-heading:first-child{margin-top:0}.result-paragraph{color:var(--text-secondary);line-height:1.7;margin:0 0 var(--space-3)}.result-item{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-2)}.results-actions{display:flex;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap}.action-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-sm);font-weight:500;text-decoration:none;cursor:pointer;transition:all .25s ease}.action-btn.primary{background:var(--accent);color:#fff;border:none}.action-btn.primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #5f7a5240}.action-btn.secondary{background:#fff;color:var(--accent);border:1px solid var(--accent)}.action-btn.secondary:hover{background:var(--accent-light)}.results-disclaimer{padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-md);border-left:3px solid var(--accent)}.results-disclaimer p{font-size:var(--text-sm);color:var(--text-muted);margin:0;line-height:1.5}@media (max-width: 640px){.swap-guide-main{padding:var(--space-4) var(--space-3)}.swap-guide-header h1{font-size:var(--text-2xl)}.swap-guide-content{padding:var(--space-5)}.step-content h2{font-size:var(--text-lg)}.presets-row{flex-direction:column;align-items:stretch}.preset-chip{justify-content:center}.progress-step{padding:0 var(--space-2)}.step-label{display:none}.results-header{flex-direction:column}.results-header-actions{width:100%}.share-btn,.start-over-btn{flex:1;justify-content:center}.results-actions{flex-direction:column}.action-btn{justify-content:center;width:100%}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-cream: #FAF6F1;--color-cream-dark: #F0E9DF;--color-cream-darker: #E5DCD0;--color-brown-50: #F9F5F2;--color-brown-100: #E8DFD6;--color-brown-200: #D4C5B5;--color-brown-300: #B5A089;--color-brown-400: #8B7355;--color-brown-500: #5C4033;--color-brown-600: #4A3328;--color-brown-700: #3D2B1F;--color-brown-800: #2E2118;--color-brown-900: #1F1610;--color-sage-50: #F4F7F3;--color-sage-100: #E3EBE0;--color-sage-200: #C7D7C2;--color-sage-300: #A8C499;--color-sage-400: #87A878;--color-sage-500: #5F7A52;--color-sage-600: #4A6040;--color-sage-700: #3A4B33;--color-terracotta: #C67B5C;--color-gold: #D4A574;--color-rust: #A65D3F;--bg-primary: var(--color-cream);--bg-secondary: #FFFFFF;--bg-tertiary: var(--color-cream-dark);--text-primary: var(--color-brown-700);--text-secondary: var(--color-brown-400);--text-muted: var(--color-brown-300);--accent: var(--color-sage-400);--accent-hover: var(--color-sage-500);--accent-light: var(--color-sage-100);--border: var(--color-brown-100);--border-strong: var(--color-brown-200);--error: #DC2626;--error-bg: #FEF2F2;--error-border: #FECACA;--success: var(--color-sage-500);--success-bg: var(--color-sage-50);--warning: #D97706;--warning-bg: #FFFBEB;--font-display: "Lora", Georgia, "Times New Roman", serif;--font-body: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--max-width: 800px;--header-height: 60px;--input-area-height: 140px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:var(--max-width);margin:0 auto;background:var(--bg-secondary);position:relative}@media (min-width: 800px){.app{box-shadow:var(--shadow-lg);border-left:1px solid var(--border);border-right:1px solid var(--border)}}.header{position:sticky;top:0;z-index:100;background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:0 var(--space-4);height:var(--header-height);flex-shrink:0}.header-content{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:100%}.logo{display:flex;align-items:center;gap:var(--space-2)}.logo-icon{width:46px;height:46px;object-fit:contain}.logo h1{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-brown-500);letter-spacing:-.01em}.clear-btn{font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid var(--border);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.clear-btn:hover{background:var(--bg-tertiary);border-color:var(--border-strong);color:var(--text-primary)}.clear-btn.confirm{background:var(--error-bg);border-color:var(--error-border);color:var(--error)}.header-nav .nav-link{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);text-decoration:none;transition:color .2s}.header-nav .nav-link:hover,.header-nav .nav-link.active{color:var(--color-brown-600)}.header-nav .ask-ai-btn{background:var(--color-brown-600);color:#fff;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-weight:500}.header-nav .ask-ai-btn:hover{background:var(--color-brown-700);color:#fff}.mobile-menu-btn{display:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;background:none;border:none;cursor:pointer;padding:4px;z-index:110}.hamburger-line{display:block;width:100%;height:2px;background:var(--color-brown-600);border-radius:1px;transition:all .3s ease}.mobile-menu-btn.open .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.open .hamburger-line:nth-child(2){opacity:0}.mobile-menu-btn.open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-nav-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:99;opacity:0;transition:opacity .3s ease}.mobile-nav-overlay.open{opacity:1}.mobile-nav{display:none;position:fixed;top:0;right:-280px;width:280px;height:100vh;background:#fff;z-index:105;padding:calc(var(--header-height) + var(--space-4)) var(--space-4) var(--space-4);flex-direction:column;gap:var(--space-1);box-shadow:-4px 0 20px #0000001a;transition:right .3s ease}.mobile-nav.open{right:0}.mobile-nav-link{display:block;padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:500;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all .2s;background:none;border:none;text-align:left;width:100%;cursor:pointer;font-family:var(--font-body)}.mobile-nav-link:hover,.mobile-nav-link.active{background:var(--bg-secondary);color:var(--color-brown-600)}.mobile-nav-link.ask-oldways-link{margin-top:var(--space-4);background:var(--color-brown-600);color:#fff;text-align:center}.mobile-nav-link.ask-oldways-link:hover{background:var(--color-brown-700);color:#fff}@media (max-width: 768px){.header-nav.desktop-nav{display:none!important}.mobile-menu-btn{display:flex}.mobile-nav-overlay{display:block;pointer-events:none}.mobile-nav-overlay.open{pointer-events:auto}.mobile-nav{display:flex}}.chat-container{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.chat-container::-webkit-scrollbar{width:6px}.chat-container::-webkit-scrollbar-track{background:transparent}.chat-container::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.chat-container::-webkit-scrollbar-thumb:hover{background:var(--color-brown-300)}.chat-back-banner{background:var(--color-brown-50);border-bottom:1px solid var(--border);padding:var(--space-2) var(--space-4)}.chat-back-banner.sticky{position:sticky;top:60px;z-index:90}.back-to-products{background:none;border:none;color:var(--accent);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:background .2s}.back-to-products:hover{background:var(--accent-light)}.welcome{display:flex;align-items:center;justify-content:center;min-height:100%;padding:var(--space-6)}.welcome-content{text-align:center;max-width:480px;animation:fadeInUp .5s ease}.welcome-icon{font-size:4rem;margin-bottom:var(--space-4);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.welcome h2,.welcome h1{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;color:var(--color-brown-600);margin-bottom:var(--space-3)}.welcome>.welcome-content>p{color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.suggestions{width:100%}.suggestions-label{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-3)}.suggestions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}@media (max-width: 480px){.suggestions-grid{grid-template-columns:1fr}}.suggestion-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);text-align:left;cursor:pointer;transition:all var(--transition-base)}.suggestion-btn:hover{background:var(--accent-light);border-color:var(--accent);transform:translateY(-1px)}.suggestion-btn:active{transform:translateY(0)}.suggestion-icon{font-size:var(--text-lg);flex-shrink:0}.suggestion-text{line-height:var(--leading-tight)}.messages{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.message{display:flex;gap:var(--space-3);animation:messageIn .3s ease}@keyframes messageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-avatar{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);flex-shrink:0;background:var(--bg-tertiary)}.message.user .message-avatar{background:var(--accent-light)}.message-bubble{flex:1;min-width:0}.message-content{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--bg-tertiary)}.message.user .message-content{background:var(--accent-light);border:1px solid var(--color-sage-200)}.message.error .message-content{background:var(--error-bg);border:1px solid var(--error-border)}.message-content p{margin-bottom:var(--space-3)}.message-content h1,.message-content h2,.message-content h3,.message-content h4{font-family:var(--font-display);color:var(--color-brown-600);margin-top:var(--space-4);margin-bottom:var(--space-2);line-height:var(--leading-tight)}.message-content h1:first-child,.message-content h2:first-child,.message-content h3:first-child{margin-top:0}.message-content h2{font-size:var(--text-lg)}.message-content h3{font-size:var(--text-base);font-weight:600}.message-content strong{color:var(--color-brown-600);font-weight:600}.message-content em{font-style:italic}.message-content ul,.message-content ol{margin:var(--space-3) 0;padding-left:var(--space-6)}.message-content li{margin-bottom:var(--space-2)}.message-content li:last-child{margin-bottom:0}.message-content a{color:var(--accent-hover);text-decoration:underline;text-underline-offset:2px}.message-content a:hover{color:var(--color-brown-600)}.message-content code{font-family:SF Mono,Monaco,Consolas,monospace;font-size:.9em;background:var(--color-cream-darker);padding:.15em .4em;border-radius:var(--radius-sm)}.message-content pre{background:var(--color-brown-800);color:var(--color-cream);padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto;margin:var(--space-3) 0}.message-content pre code{background:transparent;padding:0;color:inherit}.message-content blockquote{border-left:3px solid var(--accent);padding-left:var(--space-4);margin:var(--space-3) 0;color:var(--text-secondary);font-style:italic}.message-content hr{border:none;border-top:1px solid var(--border);margin:var(--space-4) 0}.message-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-2);padding:0 var(--space-1)}.message-time{font-size:var(--text-xs);color:var(--text-muted)}.message-actions{display:flex;gap:var(--space-2);opacity:0;transition:opacity var(--transition-base)}.message:hover .message-actions,.message.last .message-actions{opacity:1}.action-btn{display:flex;align-items:center;gap:var(--space-1);font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-muted);background:transparent;border:none;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.action-btn:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.action-btn svg{width:14px;height:14px}.action-btn.copied{color:var(--success)}.retry-btn:hover{color:var(--terracotta)}.typing-indicator{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0}.typing-text{font-size:var(--text-sm);color:var(--text-muted);font-style:italic}.typing-dots{display:flex;gap:3px;align-items:center}.typing-dots span{width:6px;height:6px;background:var(--color-sage-400);border-radius:var(--radius-full);animation:typing 1.4s infinite ease-in-out both}.typing-dots span:nth-child(1){animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}.typing-dots span:nth-child(3){animation-delay:0s}@keyframes typing{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--error-bg);border-top:1px solid var(--error-border);animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-content{display:flex;align-items:center;gap:var(--space-2);color:var(--error);font-size:var(--text-sm)}.error-icon{width:18px;height:18px;flex-shrink:0}.error-dismiss{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--error);cursor:pointer;transition:background var(--transition-fast)}.error-dismiss:hover{background:#dc26261a}.error-dismiss svg{width:16px;height:16px}.input-area{border-top:1px solid var(--border);padding:var(--space-4);background:var(--bg-secondary);flex-shrink:0}.chat-page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--bg-primary)}.chat-main{flex:1;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:100px}.chat-messages{flex:1;padding:var(--space-4);max-width:800px;margin:0 auto;width:100%}.scroll-to-bottom-btn{position:fixed;bottom:100px;left:50%;transform:translate(-50%);width:36px;height:36px;border-radius:50%;background:var(--color-brown-600);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026;transition:all .2s ease;z-index:99}.scroll-to-bottom-btn:hover{background:var(--color-brown-700);transform:translate(-50%) scale(1.05)}.scroll-to-bottom-btn svg{width:20px;height:20px;stroke:#fff}.chat-input-float{position:fixed;bottom:28px;left:0;right:0;padding:0 var(--space-4);z-index:100}.chat-input-inner{max-width:800px;margin:0 auto}.chat-footer-disclaimer{position:fixed;bottom:0;left:0;right:0;background:var(--bg-primary);padding:6px var(--space-4);text-align:center;font-size:10px;color:var(--text-muted);opacity:.6;z-index:99}.chat-footer-disclaimer .separator{margin:0 6px}.chat-footer-disclaimer a{color:var(--text-muted);text-decoration:none}.chat-footer-disclaimer a:hover{text-decoration:underline}@media (max-width: 640px){.chat-input-float{bottom:24px;padding:0 var(--space-3)}.chat-footer-disclaimer{padding:4px var(--space-3);font-size:9px}.chat-main{padding-bottom:90px}}.input-container{display:flex;align-items:flex-end;gap:var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.input-container:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.input-container textarea{flex:1;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:transparent;border:none;resize:none;min-height:24px;max-height:150px;padding:var(--space-2) 0}.input-container textarea:focus{outline:none}.input-container textarea::placeholder{color:var(--text-muted)}.input-container textarea:disabled{opacity:.6;cursor:not-allowed}.send-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--accent);border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;flex-shrink:0;transition:all var(--transition-base)}.send-btn:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.05)}.send-btn:active:not(:disabled){transform:scale(.98)}.send-btn:disabled{background:var(--border-strong);cursor:not-allowed}.send-btn svg{width:18px;height:18px}.disclaimer{font-size:var(--text-xs);color:var(--text-muted);text-align:center;margin-top:var(--space-3)}@media (max-width: 640px){:root{--space-4: .875rem;--space-6: 1.25rem}.header{padding:0 var(--space-3)}.logo h1{font-size:var(--text-base)}.welcome-content{padding:var(--space-4)}.welcome h2{font-size:var(--text-xl)}.welcome-icon{font-size:3rem}.messages{padding:var(--space-3)}.message-avatar{width:32px;height:32px;font-size:var(--text-base)}.message-content,.input-area{padding:var(--space-3)}}@supports (padding-bottom: env(safe-area-inset-bottom)){.input-area{padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom))}}@media screen and (max-width: 768px){.input-container textarea{font-size:16px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.header-link{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:all var(--transition-base)}.header-link:hover{color:var(--text-primary);background:var(--bg-tertiary)}.blog-page{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-primary)}.page-hero{background:linear-gradient(135deg,var(--color-brown-700) 0%,var(--color-brown-600) 100%);color:#fff;padding:var(--space-6) var(--space-4)}.page-hero-content{max-width:1200px;margin:0 auto;text-align:center}.page-hero h1{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;margin:0 0 var(--space-2)}.page-hero p{font-size:var(--text-sm);opacity:.9;margin:0}.blog-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-4);max-width:900px;margin:0 auto;border-bottom:1px solid var(--border)}.tag-btn{font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.tag-btn:hover{border-color:var(--accent);color:var(--accent)}.tag-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.blog-content{max-width:900px;margin:0 auto;padding:var(--space-6) var(--space-4)}.blog-loading,.blog-error,.blog-empty{text-align:center;padding:var(--space-12) var(--space-4)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--space-4)}@keyframes spin{to{transform:rotate(360deg)}}.blog-error button,.blog-empty button{margin-top:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer}.empty-icon{font-size:3rem;display:block;margin-bottom:var(--space-4)}.blog-empty h2{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-2)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}.blog-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;transition:all var(--transition-base)}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.blog-card-image{aspect-ratio:16/9;overflow:hidden}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{padding:var(--space-4)}.blog-card-meta{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.blog-card-date{font-size:var(--text-xs);color:var(--text-muted)}.blog-card-tag{font-size:var(--text-xs);padding:2px 8px;background:var(--accent-light);color:var(--accent-hover);border-radius:var(--radius-full)}.blog-card-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-brown-600);margin-bottom:var(--space-2);line-height:var(--leading-tight)}.blog-card-excerpt{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-3)}.blog-card-link{font-size:var(--text-sm);font-weight:500;color:var(--accent)}.blog-footer{text-align:center;padding:var(--space-6) var(--space-4);border-top:1px solid var(--border);color:var(--text-muted);font-size:var(--text-sm)}.post-header{background:#fff;border-bottom:1px solid var(--border);padding:var(--space-4)}.post-header-content{max-width:700px;margin:0 auto}.blog-back-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:500;transition:all var(--transition-base)}.blog-back-btn:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.blog-back-btn svg{width:16px;height:16px}.post-article{max-width:700px;margin:0 auto;padding:var(--space-6) var(--space-4)}.post-nav-top{margin-bottom:var(--space-4)}.back-link-top{font-size:var(--text-sm);color:var(--text-muted);text-decoration:none;transition:color .2s}.back-link-top:hover{color:var(--accent)}.post-cover{border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-6);max-height:400px}.post-cover img{width:100%;height:100%;object-fit:cover}.post-header{display:flex;gap:var(--space-6);margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border)}.post-cover-inline{flex-shrink:0;width:200px;height:200px;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-tertiary)}.post-cover-inline img{width:100%;height:100%;object-fit:cover}.post-header-text{flex:1;display:flex;flex-direction:column;justify-content:center}.post-header-text .post-meta{margin-bottom:var(--space-3)}.post-header-text .post-title{margin:0}@media (max-width: 600px){.post-header{flex-direction:column;gap:var(--space-4);position:static}.post-cover-inline{width:100%;height:200px}.post-header-text .post-title{font-size:var(--text-xl)}}.post-content{background:#fff;border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.post-date{font-size:var(--text-sm);color:var(--text-muted)}.post-author{font-size:var(--text-sm);color:var(--text-secondary);font-style:italic}.post-tags{display:flex;gap:var(--space-2)}.post-tag{font-size:var(--text-xs);padding:2px 10px;background:var(--accent-light);color:var(--accent-hover);border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition-base)}.post-tag:hover{background:var(--accent);color:#fff}.post-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;color:var(--color-brown-700);line-height:var(--leading-tight);margin-bottom:var(--space-6)}.post-body{font-size:var(--text-base);line-height:1.8;color:var(--text-primary)}.post-body h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--color-brown-600);margin-top:var(--space-8);margin-bottom:var(--space-4)}.post-body h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-brown-600);margin-top:var(--space-6);margin-bottom:var(--space-3)}.post-body p{margin-bottom:var(--space-4)}.post-body ul,.post-body ol{margin:var(--space-4) 0;padding-left:var(--space-6)}.post-body li{margin-bottom:var(--space-2)}.post-body a{color:var(--accent-hover);text-decoration:underline}.post-body blockquote{border-left:3px solid var(--accent);padding-left:var(--space-4);margin:var(--space-6) 0;font-style:italic;color:var(--text-secondary)}.post-body img{max-width:100%;width:auto;height:auto;border-radius:var(--radius-md);margin:var(--space-4) 0;display:block}.post-image{margin:var(--space-6) 0;text-align:center}.post-image img{max-width:100%;width:auto;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.post-image figcaption{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-2);font-style:italic}.post-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border)}.back-to-blog-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--accent);color:#fff;text-decoration:none;font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-base)}.back-to-blog-btn:hover{background:var(--accent-hover)}.share-btn{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-2) var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.share-btn:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.share-btn svg{width:16px;height:16px}.chat-link{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--accent);text-decoration:none}.chat-link:hover{text-decoration:underline}.blog-error-page{text-align:center;padding:var(--space-12) var(--space-4);max-width:400px;margin:0 auto}.blog-error-page .error-icon{font-size:4rem;margin-bottom:var(--space-4)}.blog-error-page h1{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-2)}.blog-error-page p{color:var(--text-secondary);margin-bottom:var(--space-6)}.btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition-base)}.btn-primary:hover{background:var(--accent-hover)}.admin-page{min-height:100vh;background:var(--bg-primary)}.admin-login{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-4)}.admin-login-card{background:#fff;border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-lg);width:100%;max-width:400px;text-align:center}.admin-login-header{margin-bottom:var(--space-6)}.admin-icon{font-size:3rem;margin-bottom:var(--space-3);display:block}.admin-login-header h1{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-2)}.admin-login-header p{color:var(--text-secondary);font-size:var(--text-sm)}.admin-login form{display:flex;flex-direction:column;gap:var(--space-4)}.admin-login input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base)}.admin-login input:focus{outline:none;border-color:var(--accent)}.admin-login button[type=submit]{padding:var(--space-3);background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:background var(--transition-base)}.admin-login button:hover:not(:disabled){background:var(--accent-hover)}.admin-login button:disabled{opacity:.6;cursor:not-allowed}.error-text{color:var(--error);font-size:var(--text-sm)}.admin-back-link{display:block;margin-top:var(--space-6);color:var(--text-muted);text-decoration:none;font-size:var(--text-sm)}.admin-back-link:hover{color:var(--text-secondary)}.admin-header{background:#fff;border-bottom:1px solid var(--border);padding:var(--space-4)}.admin-header-content{max-width:1000px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.admin-title{display:flex;align-items:center;gap:var(--space-2)}.admin-title h1{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-primary)}.admin-actions{display:flex;align-items:center;gap:var(--space-4)}.admin-socials{display:flex;align-items:center;gap:var(--space-2);padding-right:var(--space-3);border-right:1px solid var(--border)}.admin-social-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);color:var(--text-muted);background:var(--bg-tertiary);transition:all .2s}.admin-social-link:hover{color:var(--accent);background:var(--accent-light)}.admin-social-link svg{width:16px;height:16px}.admin-link{font-size:var(--text-sm);color:var(--accent);text-decoration:none}.admin-link:hover{text-decoration:underline}.admin-logout{font-size:var(--text-sm);color:var(--text-muted);background:none;border:none;cursor:pointer}.admin-logout:hover{color:var(--error)}.admin-message{padding:var(--space-3) var(--space-4);text-align:center;font-size:var(--text-sm)}.admin-message.success{background:var(--success-bg);color:var(--success)}.admin-message.error{background:var(--error-bg);color:var(--error)}.admin-main{max-width:1000px;margin:0 auto;padding:var(--space-6) var(--space-4)}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.admin-toolbar h2{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-primary)}.toolbar-actions{display:flex;gap:var(--space-2);align-items:center}.admin-search-wrapper{position:relative;display:flex;align-items:center}.admin-search-input{padding:var(--space-2) var(--space-3);padding-right:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);width:200px;transition:all .2s}.admin-search-input:focus{outline:none;border-color:var(--accent);width:250px}.admin-search-clear{position:absolute;right:8px;background:none;border:none;font-size:var(--text-lg);color:var(--text-muted);cursor:pointer;padding:0 4px}.admin-search-clear:hover{color:var(--text-primary)}.admin-loading,.admin-empty{text-align:center;padding:var(--space-8);color:var(--text-secondary)}.admin-posts-list{display:flex;flex-direction:column;gap:var(--space-3)}.admin-post-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);background:#fff;padding:var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.admin-post-info h3{font-size:var(--text-base);font-weight:500;color:var(--text-primary);margin-bottom:var(--space-1)}.admin-post-meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm)}.admin-post-meta .status{font-weight:500}.admin-post-meta .status.published{color:var(--success)}.admin-post-meta .status.draft,.admin-post-meta .date{color:var(--text-muted)}.admin-post-actions{display:flex;gap:var(--space-2)}.admin-post-actions button{font-size:var(--text-sm);padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.admin-post-actions button:hover{background:var(--accent-light);color:var(--accent)}.admin-post-actions button.delete:hover{background:var(--error-bg);color:var(--error)}.admin-editor{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border)}.btn-secondary{padding:var(--space-2) var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base)}.btn-secondary:hover{background:var(--bg-primary);color:var(--text-primary)}.editor-tabs{display:flex;gap:var(--space-1);background:var(--bg-tertiary);padding:4px;border-radius:var(--radius-md)}.editor-tabs button{padding:var(--space-2) var(--space-4);background:transparent;border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.editor-tabs button.active{background:#fff;color:var(--text-primary);box-shadow:var(--shadow-sm)}.editor-form{padding:var(--space-6)}.form-group{margin-bottom:var(--space-5)}.form-group label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-primary);margin-bottom:var(--space-2)}.form-group input,.form-group textarea{width:100%;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);transition:border-color var(--transition-base)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent)}.form-group textarea{resize:vertical;line-height:1.6}.form-hint{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.editor-helpers{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);padding:var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-md)}.helper-btn{font-family:var(--font-body);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.helper-btn:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.helper-hint{font-size:var(--text-xs);color:var(--text-muted);margin-left:auto}@media (max-width: 640px){.helper-hint{display:none}}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media (max-width: 640px){.form-row{grid-template-columns:1fr}}.checkbox-group label{display:flex;align-items:center;gap:var(--space-2);font-weight:400;cursor:pointer}.checkbox-group input[type=checkbox]{width:auto}.form-actions{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border)}.editor-preview{padding:var(--space-6);background:var(--bg-tertiary);min-height:400px}.preview-content{max-width:700px;margin:0 auto;background:#fff;padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.preview-cover{width:100%;height:auto;border-radius:var(--radius-md);margin-bottom:var(--space-4)}.preview-content h1{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-brown-700);margin-bottom:var(--space-2)}.preview-excerpt{color:var(--text-secondary);font-style:italic;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.preview-body{line-height:1.8}.preview-body h2,.preview-body h3{font-family:var(--font-display);color:var(--color-brown-600);margin-top:var(--space-6);margin-bottom:var(--space-3)}.preview-body p{margin-bottom:var(--space-4)}.preview-body ul,.preview-body ol{padding-left:var(--space-6);margin:var(--space-4) 0}.preview-tags{display:flex;gap:var(--space-2);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border)}.preview-tag{font-size:var(--text-xs);padding:4px 12px;background:var(--accent-light);color:var(--accent-hover);border-radius:var(--radius-full)}.comments-section{background:#fff;border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-6);box-shadow:var(--shadow-sm)}.comments-title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-brown-600);margin-bottom:var(--space-6)}.comment-form{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border)}.comment-form input,.comment-form textarea{width:100%;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);transition:border-color var(--transition-base)}.comment-form input:focus,.comment-form textarea:focus{outline:none;border-color:var(--accent)}.comment-form button{align-self:flex-start;padding:var(--space-2) var(--space-4);background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background var(--transition-base)}.comment-form button:hover:not(:disabled){background:var(--accent-hover)}.comment-form button:disabled{opacity:.6;cursor:not-allowed}.comment-message{padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm)}.comment-message.success{background:var(--success-bg);color:var(--success)}.comment-message.error{background:var(--error-bg);color:var(--error)}.comments-list{display:flex;flex-direction:column;gap:var(--space-4)}.comments-loading,.no-comments{color:var(--text-muted);text-align:center;padding:var(--space-4)}.comment{padding:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-md)}.comment.reply{background:var(--bg-secondary);border-left:3px solid var(--accent)}.comment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2);flex-wrap:wrap;gap:var(--space-2)}.comment-author{font-weight:500;color:var(--text-primary)}.comment-author.admin{color:var(--accent-hover)}.admin-badge{font-size:var(--text-xs);padding:2px 6px;background:var(--accent);color:#fff;border-radius:var(--radius-full);margin-left:var(--space-2)}.comment-date{font-size:var(--text-xs);color:var(--text-muted)}.comment-content{color:var(--text-primary);line-height:1.6}.comment-replies{margin-top:var(--space-3);margin-left:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.post-views{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-muted)}.post-views svg{width:16px;height:16px}.admin-tabs{display:flex;gap:var(--space-1);padding:var(--space-4);max-width:1000px;margin:0 auto;border-bottom:1px solid var(--border)}.admin-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:transparent;border:none;border-bottom:2px solid transparent;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.admin-tab:hover{color:var(--text-primary)}.admin-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-badge{background:var(--error);color:#fff;font-size:var(--text-xs);padding:2px 8px;border-radius:var(--radius-full)}.filter-toggle{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer}.filter-toggle input{cursor:pointer}.admin-comments-list{display:flex;flex-direction:column;gap:var(--space-4)}.admin-comment-item{background:#fff;border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm);border-left:4px solid var(--border)}.admin-comment-item.pending{border-left-color:var(--color-gold)}.admin-comment-item.approved{border-left-color:var(--success)}.admin-comment-item .comment-header{flex-direction:column;align-items:flex-start}.admin-comment-item .comment-info{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.comment-status{font-size:var(--text-xs);padding:2px 8px;border-radius:var(--radius-full)}.comment-status.pending{background:#fef3c7;color:#92400e}.comment-status.approved{background:var(--success-bg);color:var(--success)}.comment-post-link{font-size:var(--text-sm);color:var(--accent);text-decoration:none}.comment-post-link:hover{text-decoration:underline}.admin-comment-item .comment-content{margin:var(--space-3) 0;padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.comment-actions{display:flex;gap:var(--space-2)}.comment-actions button{font-size:var(--text-xs);padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.comment-actions button:hover{background:var(--accent-light);color:var(--accent)}.comment-actions button.approve{background:var(--success-bg);color:var(--success)}.comment-actions button.approve:hover{background:var(--success);color:#fff}.comment-actions button.delete:hover{background:var(--error-bg);color:var(--error)}.reply-form{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.reply-form textarea{width:100%;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);resize:vertical;margin-bottom:var(--space-3)}.reply-form textarea:focus{outline:none;border-color:var(--accent)}.reply-actions{display:flex;gap:var(--space-2)}.admin-post-meta .views{color:var(--text-muted);font-size:var(--text-xs)}.content-management-section{padding:var(--space-4)}.content-description{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4)}.tips-layout{display:flex;flex-direction:column;gap:var(--space-6)}.add-tip-section{background:#fff;padding:var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.add-tip-section h3{font-family:var(--font-display);font-size:var(--text-base);color:var(--text-primary);margin:0 0 var(--space-3)}.tip-form{display:flex;flex-direction:column;gap:var(--space-3)}.tip-form textarea{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);resize:vertical;min-height:60px}.tip-form-actions{display:flex;gap:var(--space-2)}.tips-list-section{background:#fff;padding:var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.tips-list-section h3{font-family:var(--font-display);font-size:var(--text-base);color:var(--text-primary);margin:0 0 var(--space-3)}.tips-list{display:flex;flex-direction:column;gap:var(--space-2)}.tip-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--accent)}.tip-item.inactive{opacity:.5;border-left-color:var(--text-muted)}.tip-number{font-size:var(--text-sm);font-weight:600;color:var(--accent);min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--accent-light);border-radius:var(--radius-full)}.tip-content{flex:1;font-size:var(--text-sm);color:var(--text-primary);margin:0;line-height:1.5}.tip-actions{display:flex;gap:var(--space-1);flex-shrink:0}.tip-actions .btn-small{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.categories-management-section{padding:var(--space-4)}.categories-list{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-4)}.category-group{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.category-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.category-header h3{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0}.category-count{font-size:var(--text-sm);color:var(--text-muted);margin-left:auto}.category-header .btn-small{margin-left:var(--space-2)}.category-edit-row{display:flex;align-items:center;gap:var(--space-2);flex:1}.category-edit-row input{flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--accent);border-radius:var(--radius-md);font-size:var(--text-sm)}.subcategories-list{padding:var(--space-2)}.subcategory-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);transition:background .15s}.subcategory-item:hover{background:var(--bg-tertiary)}.subcategory-name{flex:1;font-size:var(--text-sm);color:var(--text-primary)}.subcategory-count{font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-tertiary);padding:2px 8px;border-radius:var(--radius-full)}.subcategory-item .btn-small{opacity:0;transition:opacity .15s}.subcategory-item:hover .btn-small{opacity:1}.btn-small.secondary{background:var(--bg-tertiary);color:var(--text-secondary)}.upload-btn{background:var(--accent-light)!important;border-color:var(--accent)!important;color:var(--accent)!important}.upload-btn:hover:not(:disabled){background:var(--accent)!important;color:#fff!important}.upload-btn:disabled{opacity:.6;cursor:wait}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal-content{background:#fff;border-radius:var(--radius-lg);max-width:800px;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border)}.modal-header h2{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-primary);margin:0}.modal-close{font-size:var(--text-2xl);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:var(--space-6);overflow-y:auto;flex:1}.modal-loading,.modal-empty{text-align:center;color:var(--text-muted);padding:var(--space-8)}.quick-edit-modal{background:#fff;border-radius:var(--radius-lg);max-width:700px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);overflow:hidden}.quick-edit-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);background:var(--bg-secondary)}.quick-edit-header h3{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-primary);margin:0}.quick-edit-header .close-btn{font-size:24px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;line-height:1}.quick-edit-header .close-btn:hover{color:var(--text-primary)}.quick-edit-body{display:grid;grid-template-columns:180px 1fr;gap:var(--space-5);padding:var(--space-5);overflow-y:auto;flex:1}@media (max-width: 600px){.quick-edit-body{grid-template-columns:1fr}}.quick-edit-preview{display:flex;align-items:flex-start;justify-content:center}.quick-edit-preview img{width:100%;max-width:180px;height:auto;border-radius:var(--radius-md);background:var(--bg-secondary)}.quick-edit-preview .image-placeholder{width:180px;height:180px;background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.quick-edit-fields{display:flex;flex-direction:column;gap:var(--space-4)}.quick-edit-fields .form-group{margin-bottom:0}.quick-edit-fields .form-group label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-1);display:block}.quick-edit-fields input[type=text],.quick-edit-fields textarea{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm)}.quick-edit-fields textarea{resize:vertical}.quick-edit-fields .checkbox-group label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.quick-edit-fields .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.quick-edit-fields select{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);background:#fff;cursor:pointer}.quick-edit-fields input[type=number]{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm)}.quick-edit-fields .checkbox-row{display:flex;gap:var(--space-6);flex-wrap:wrap}.quick-edit-fields .checkbox-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm)}.quick-edit-fields .checkbox-label .star-icon{font-size:1.2rem;color:#f59e0b}.quick-edit-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);background:var(--bg-secondary)}.admin-product-actions .quick-edit{background:var(--color-brown-100);color:var(--color-brown-700)}.admin-product-actions .quick-edit:hover{background:var(--color-brown-200)}.subscribers-dashboard{display:flex;flex-direction:column;gap:var(--space-6)}.subscribers-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}@media (max-width: 768px){.subscribers-stats{grid-template-columns:repeat(2,1fr)}}.subscribers-stats .stat-card{background:#fff;border-radius:var(--radius-md);padding:var(--space-4);text-align:center;box-shadow:var(--shadow-sm)}.subscribers-stats .stat-card.muted{opacity:.6}.subscribers-stats .stat-number{display:block;font-size:var(--text-2xl);font-weight:700;color:var(--accent)}.subscribers-stats .stat-label{font-size:var(--text-sm);color:var(--text-muted)}.email-status-card{background:#fff;border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm)}.email-status-card h3{font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--space-2)}.email-status-card .status-success{color:var(--color-green-600);margin:0}.email-status-card .status-warning{color:var(--color-orange-600);margin:0;font-size:var(--text-sm)}.send-email-section{background:#fff;border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-sm)}.send-email-section h3{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-4)}.email-form{display:flex;flex-direction:column;gap:var(--space-4)}.email-form textarea{font-family:var(--font-mono);font-size:var(--text-sm)}.subscribers-list-section{background:#fff;border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-sm)}.subscribers-list-section h3{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-4)}.subscribers-table{overflow-x:auto}.subscribers-table table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.subscribers-table th,.subscribers-table td{padding:var(--space-3);text-align:left;border-bottom:1px solid var(--border)}.subscribers-table th{font-weight:600;color:var(--text-secondary);background:var(--bg-secondary)}.subscribers-table tr.inactive{opacity:.5}.subscribers-table .status-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500}.subscribers-table .status-badge.active{background:var(--color-green-100);color:var(--color-green-700)}.subscribers-table .status-badge.inactive{background:var(--color-gray-100);color:var(--color-gray-600)}.btn-small{padding:4px 10px;font-size:var(--text-xs);border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all .2s}.btn-small.delete{background:#fee2e2;color:#b91c1c}.btn-small.delete:hover{background:#fecaca}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-4)}.image-item{position:relative;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-tertiary);aspect-ratio:1}.image-item img{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:transform var(--transition-base)}.image-item img:hover{transform:scale(1.05)}.image-item-actions{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:var(--space-3) var(--space-2) var(--space-2);display:flex;gap:var(--space-2);opacity:0;transition:opacity var(--transition-base)}.image-item:hover .image-item-actions{opacity:1}.image-item-actions button{flex:1;font-size:var(--text-xs);padding:var(--space-1) var(--space-2);background:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base)}.image-item-actions button:hover{background:var(--accent);color:#fff}.image-item-actions button.delete:hover{background:var(--error)}.comments-filter-tabs{display:flex;gap:var(--space-2);background:var(--bg-tertiary);padding:4px;border-radius:var(--radius-md)}.filter-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:transparent;border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.filter-tab:hover{color:var(--text-primary);background:var(--bg-secondary)}.filter-tab.active{background:#fff;color:var(--accent);box-shadow:var(--shadow-sm)}.filter-badge{background:var(--color-gold);color:#fff;font-size:var(--text-xs);padding:2px 8px;border-radius:var(--radius-full);font-weight:600}.filter-tab.active .filter-badge{background:var(--accent)}.stats-dashboard{display:flex;flex-direction:column;gap:var(--space-6)}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.stat-card{display:flex;align-items:center;gap:var(--space-4);background:#fff;padding:var(--space-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.stat-card.highlight{background:linear-gradient(135deg,var(--color-gold) 0%,#D97706 100%);color:#fff}.stat-card.highlight .stat-label{color:#ffffffe6}.stat-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-md)}.stat-card.highlight .stat-icon{background:#fff3}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:var(--text-2xl);font-weight:600;font-family:var(--font-display);color:var(--text-primary)}.stat-card.highlight .stat-value{color:#fff}.stat-label{font-size:var(--text-sm);color:var(--text-muted)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.stats-section{background:#fff;padding:var(--space-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.stats-section h3{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.stats-empty{color:var(--text-muted);text-align:center;padding:var(--space-6)}.top-posts-list{display:flex;flex-direction:column;gap:var(--space-3)}.top-post-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md)}.top-post-rank{font-weight:600;color:var(--accent);min-width:30px}.top-post-title{flex:1;font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-post-views{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.views-chart{display:flex;flex-direction:column;gap:var(--space-3)}.chart-bar-row{display:flex;flex-direction:column;gap:var(--space-1)}.chart-label{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-bar-container{display:flex;align-items:center;gap:var(--space-2);height:24px}.chart-bar{height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-hover) 100%);border-radius:var(--radius-sm);min-width:4px;transition:width .3s ease}.chart-value{font-size:var(--text-xs);color:var(--text-muted);min-width:40px}.stats-summary{grid-column:1 / -1}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4)}.summary-item{display:flex;flex-direction:column;align-items:center;padding:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-md);text-align:center}.summary-label{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-1)}.summary-value{font-size:var(--text-xl);font-weight:600;color:var(--text-primary)}@media (max-width: 640px){.stats-cards{grid-template-columns:1fr 1fr}.stat-card{flex-direction:column;text-align:center;padding:var(--space-4)}.stat-icon{width:50px;height:50px;font-size:1.5rem}.stats-grid{grid-template-columns:1fr}}.stats-integrations{grid-column:1 / -1}.integration-status{display:flex;flex-direction:column;gap:var(--space-3)}.integration-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md)}.integration-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:var(--bg-secondary);color:var(--text-muted)}.integration-item.connected .integration-icon{background:var(--success-bg);color:var(--success)}.integration-name{flex:1;font-weight:500;color:var(--text-primary)}.integration-badge{font-size:var(--text-xs);font-weight:500;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.integration-help{font-size:var(--text-sm);color:var(--text-muted);margin:0;padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md)}.integration-help.success{background:var(--success-bg);color:var(--success)}.content-page{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-secondary)}.content-main{flex:1;max-width:800px;width:100%;margin:0 auto;padding:var(--space-8) var(--space-4)}.content-article{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6)}.content-article section{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border)}.content-article section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.content-article h2{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-brown-700);margin:0 0 var(--space-4) 0}.content-article h3{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-brown-600);margin:var(--space-4) 0 var(--space-2) 0}.content-article p{color:var(--text-primary);line-height:1.7;margin-bottom:var(--space-4)}.content-article p:last-child{margin-bottom:0}.content-article ul{margin:var(--space-4) 0;padding-left:var(--space-6)}.content-article li{color:var(--text-primary);line-height:1.7;margin-bottom:var(--space-2)}.content-article a{color:var(--accent);text-decoration:none}.content-article a:hover{text-decoration:underline}.highlight-box{background:var(--accent-light);border-left:4px solid var(--accent);padding:var(--space-4);border-radius:var(--radius-md)}.highlight-box p{color:var(--color-brown-700);margin:0}.contact-intro{text-align:center}.contact-section{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width: 768px){.contact-section{grid-template-columns:2fr 1fr}}.contact-form-container{background:var(--bg-secondary);padding:var(--space-6);border-radius:var(--radius-lg)}.contact-success{background:var(--success-bg);color:var(--success);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.contact-error{background:#fef2f2;color:#dc2626;padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.contact-form{display:flex;flex-direction:column;gap:var(--space-4)}.contact-form .form-group{display:flex;flex-direction:column;gap:var(--space-2)}.contact-form label{font-weight:500;color:var(--text-primary);font-size:var(--text-sm)}.contact-form input,.contact-form select,.contact-form textarea{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);transition:border-color var(--transition-base)}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:none;border-color:var(--accent)}.contact-submit{background:var(--accent);color:#fff;padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:background var(--transition-base)}.contact-submit:hover{background:var(--accent-hover)}.contact-info{display:flex;flex-direction:column;gap:var(--space-4)}.contact-info-card{background:#fff;padding:var(--space-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.contact-info-card h3{font-family:var(--font-display);font-size:var(--text-base);color:var(--text-primary);margin:0 0 var(--space-2) 0}.contact-info-card p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.contact-info-card a{color:var(--accent);text-decoration:none}.contact-info-card a:hover{text-decoration:underline}.site-footer{background:var(--color-brown-700);color:#fff;padding:var(--space-8) var(--space-4) var(--space-6)}.footer-content{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-8)}@media (min-width: 768px){.footer-content{flex-direction:row;justify-content:space-between;align-items:flex-start}}.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}.footer-brand-name{display:flex;align-items:center;gap:var(--space-2)}.footer-logo{font-size:1.5rem}.footer-logo-img{width:42px;height:42px;object-fit:contain}.footer-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600}.footer-social{display:flex;gap:var(--space-3)}.social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:#ffffff1a;color:#fffc;transition:all .2s}.social-link:hover{background:#fff3;color:#fff;transform:translateY(-2px)}.social-link svg{width:18px;height:18px}.footer-links{display:flex;gap:var(--space-8);flex-wrap:wrap}.footer-column{display:flex;flex-direction:column;gap:var(--space-2);min-width:120px}.footer-column h4{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-2) 0}.footer-column a{color:#ffffffe6;text-decoration:none;font-size:var(--text-sm);transition:color var(--transition-base)}.footer-column a:hover{color:#fff;text-decoration:underline}.footer-link-btn{background:none;border:none;color:#ffffffe6;font-size:var(--text-sm);font-family:inherit;cursor:pointer;padding:0;text-align:left;transition:color var(--transition-base)}.footer-link-btn:hover{color:#fff;text-decoration:underline}.footer-bottom{max-width:1000px;margin:var(--space-8) auto 0;padding-top:var(--space-6);border-top:1px solid rgba(255,255,255,.1);text-align:center}.footer-bottom p{font-size:var(--text-sm);color:#fff9;margin:0}.footer-affiliate-note{margin-top:var(--space-2)!important;font-size:var(--text-xs)!important}.affiliate-disclaimer{font-size:var(--text-xs);color:var(--text-muted);text-align:center;margin-top:var(--space-2);opacity:.7}.affiliate-disclaimer a:hover{color:var(--text-secondary)}.product-card{display:flex;gap:var(--space-4);background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);margin:var(--space-4) 0;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.product-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.product-image{flex-shrink:0;width:100px;height:100px;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-tertiary)}.product-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.product-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0;line-height:1.3}.product-description{font-size:var(--text-sm);color:var(--text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.product-rating{display:flex;align-items:center;gap:2px}.product-rating .star{font-size:var(--text-sm)}.product-rating .star.half{color:#f59e0b;opacity:.5}.product-rating .star.empty{color:#d1d5db}.product-rating .rating-value{font-size:var(--text-xs);color:var(--text-muted);margin-left:var(--space-1)}.product-price{font-weight:600;color:var(--accent-hover);font-size:var(--text-base)}.product-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--accent);text-decoration:none;margin-top:auto;padding-top:var(--space-2)}.product-link svg{width:14px;height:14px}.product-link:hover{color:var(--accent-hover);text-decoration:underline}@media (max-width: 480px){.product-card{flex-direction:column;align-items:center;text-align:center}.product-image{width:120px;height:120px}.product-meta,.product-link{justify-content:center}}.welcome-badge{width:80px;height:80px;background:linear-gradient(135deg,var(--accent-light) 0%,white 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);box-shadow:0 4px 20px #6b8e2333}.welcome-badge .welcome-icon{font-size:2.5rem;animation:none}.welcome h2{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-primary);margin:0 0 var(--space-3);font-weight:600}.welcome>.welcome-content>p{color:var(--text-secondary);font-size:var(--text-base);max-width:400px;margin:0 auto var(--space-6);line-height:1.6}.suggestions-label{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);font-weight:500}.suggestions-grid{display:flex;flex-direction:column;gap:var(--space-2);max-width:400px;margin:0 auto}.suggestion-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:left;width:100%}.suggestion-btn:hover{border-color:var(--accent);background:var(--accent-light);transform:translate(4px)}.suggestion-icon{font-size:1.25rem;flex-shrink:0}.suggestion-text{flex:1;font-size:var(--text-sm);color:var(--text-primary)}.suggestion-arrow{color:var(--text-muted);font-size:var(--text-sm);opacity:0;transition:opacity var(--transition-base)}.suggestion-btn:hover .suggestion-arrow{opacity:1;color:var(--accent)}.welcome-features{display:flex;justify-content:center;gap:var(--space-6);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border);flex-wrap:wrap}.feature{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.feature-icon{color:var(--accent);font-weight:600}@media (max-width: 640px){.welcome-features{flex-direction:column;align-items:center;gap:var(--space-3)}}.message-bubble{max-width:85%;background:#fff;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000d}.message.user .message-bubble{background:var(--accent);margin-left:auto}.message.user .message-content,.message.user .message-content p{color:#fff}.message.user .message-time{color:#ffffffb3}.message.assistant .message-bubble{background:#fff;border:1px solid var(--border)}@media (max-width: 480px){.message-avatar{display:none}.message-bubble{max-width:95%}}.product-card.no-image{padding:var(--space-4) var(--space-5)}.product-card.no-image .product-info{gap:var(--space-2)}.action-items-dashboard{padding:var(--space-4)}.action-section{margin-bottom:var(--space-6)}.action-section h3{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.action-items-list{display:flex;flex-direction:column;gap:var(--space-3)}.action-item{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);gap:var(--space-3)}.action-item:hover{border-color:var(--border-strong)}.action-item-content{display:flex;align-items:flex-start;gap:var(--space-3);flex:1;min-width:0}.action-item-type{font-size:var(--text-lg);flex-shrink:0}.action-item-details{flex:1;min-width:0}.action-item-text{font-size:var(--text-sm);color:var(--text-primary);margin:0 0 var(--space-1);line-height:1.4}.action-item-meta{font-size:var(--text-xs);color:var(--text-muted)}.action-item-meta strong{color:var(--text-secondary)}.action-item-actions{display:flex;gap:var(--space-2);flex-shrink:0}.action-item-actions button{font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:all .15s}.btn-approve{background:var(--accent);color:#fff;border:none}.btn-approve:hover{background:var(--accent-hover)}.btn-edit{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.btn-edit:hover{background:var(--border)}.btn-reply{background:#fff;color:var(--accent);border:1px solid var(--accent)}.btn-reply:hover{background:var(--accent-light)}.btn-delete{background:#fff;color:var(--error);border:1px solid var(--error-border)}.btn-delete:hover{background:var(--error-bg)}.view-all-link{background:none;border:none;color:var(--accent);font-size:var(--text-sm);cursor:pointer;padding:var(--space-2) 0;text-align:left}.view-all-link:hover{text-decoration:underline}.posts-filter-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);padding:0 var(--space-4)}@media (max-width: 640px){.action-item{flex-direction:column;align-items:flex-start}.action-item-actions{width:100%;justify-content:flex-end;margin-top:var(--space-2)}}.cover-image-field{display:flex;flex-direction:column;gap:var(--space-2)}.cover-image-field input[type=url]{width:100%}.cover-image-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.cover-image-actions .helper-btn{font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.cover-image-actions .remove-btn{color:var(--error);border-color:var(--error-border)}.cover-image-actions .remove-btn:hover{background:var(--error-bg)}.cover-image-preview{margin-top:var(--space-2);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);max-width:300px}.cover-image-preview img{width:100%;height:auto;display:block}.browse-products{margin-top:var(--space-6);text-align:center}.browse-products-link{color:var(--color-brown-600);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:color .2s}.browse-products-link:hover{color:var(--color-brown-700);text-decoration:underline}.product-url-summary{display:flex;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.product-url-summary.clickable .summary-item{cursor:pointer;border:2px solid transparent;transition:all .2s}.product-url-summary.clickable .summary-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.product-url-summary.clickable .summary-item.active{border-color:currentColor;box-shadow:var(--shadow-md)}.product-url-summary .summary-item{font-size:var(--text-sm);font-weight:500;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--bg-secondary);color:var(--text-secondary);border:none;font-family:inherit}.product-url-summary .summary-item.success{background:var(--success-bg);color:var(--success)}.product-url-summary .summary-item.ok{background:var(--color-brown-100);color:var(--color-brown-600)}.product-url-summary .summary-item.error{background:var(--error-bg);color:var(--error)}.product-url-summary .summary-item.other{background:var(--bg-secondary);color:var(--text-muted)}.product-url-summary .summary-item.featured{background:#fef3c7;color:#b45309}.product-url-summary .summary-item.warning{background:#fef3c7;color:#92400e}.product-category-filter{display:flex;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-3) var(--space-4);background:#fff;border-bottom:1px solid var(--border);overflow-x:auto}.product-subcategory-filter{display:flex;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-2) var(--space-4);background:var(--bg-secondary);border-bottom:1px solid var(--border)}.subcategory-filter-btn{font-size:var(--text-xs);font-weight:500;padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;color:var(--text-secondary);cursor:pointer;transition:all .2s}.subcategory-filter-btn:hover{border-color:var(--accent);color:var(--accent)}.subcategory-filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.category-filter-btn{font-size:var(--text-sm);font-weight:500;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;white-space:nowrap;transition:all .2s;font-family:inherit}.category-filter-btn:hover{background:var(--bg-tertiary);border-color:var(--accent)}.category-filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.products-list-header{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--text-muted);background:var(--bg-secondary);border-bottom:1px solid var(--border)}.admin-products-list{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.admin-product-item{display:flex;gap:var(--space-4);background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);align-items:flex-start}.admin-product-item.inactive{opacity:.6;background:var(--bg-secondary)}.admin-product-image{width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;background:var(--bg-secondary)}.admin-product-image img{width:100%;height:100%;object-fit:cover}.admin-product-image .image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:var(--bg-tertiary);color:var(--text-muted)}.admin-product-info{flex:1;min-width:0}.admin-product-info h3{font-size:var(--text-base);font-weight:600;margin:0 0 var(--space-2);display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.url-badge{font-size:var(--text-xs);font-weight:500;padding:2px 8px;border-radius:var(--radius-full);white-space:nowrap}.url-badge.success{background:var(--success-bg);color:var(--success)}.url-badge.warning{background:var(--warning-bg);color:var(--warning)}.url-badge.error{background:var(--error-bg);color:var(--error);animation:pulse-attention 2s infinite}.url-badge.other{background:var(--bg-tertiary);color:var(--text-muted)}.url-badge.ok{background:var(--color-brown-100);color:var(--color-brown-600)}.url-badge.clickable{cursor:pointer;transition:all .2s}.url-badge.clickable:hover{transform:scale(1.05);filter:brightness(.95)}@keyframes pulse-attention{0%,to{opacity:1}50%{opacity:.6}}.admin-product-item.needs-attention{border-left:3px solid var(--error)}.admin-product-meta{display:flex;gap:var(--space-2);flex-wrap:wrap;font-size:var(--text-sm);margin-bottom:var(--space-2)}.admin-product-meta .category{background:var(--color-brown-100);color:var(--color-brown-700);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.admin-product-meta .subcategory{color:var(--text-muted)}.admin-product-meta .status.inactive{background:var(--bg-tertiary);color:var(--text-muted);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.admin-product-meta .status.featured{background:#fef3c7;color:#b45309;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.featured-star{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:0;color:#d1d5db;transition:all .2s;flex-shrink:0;align-self:center}.featured-star:hover{color:#fbbf24;transform:scale(1.2)}.featured-star.active{color:#f59e0b}.admin-product-note{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.4}.admin-product-actions{display:flex;gap:var(--space-2);flex-shrink:0}.admin-product-actions button{font-size:var(--text-sm);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);cursor:pointer;background:#fff;border:1px solid var(--border)}.admin-product-actions button:hover{background:var(--bg-secondary)}.admin-product-actions button.delete{color:var(--error);border-color:var(--error-border)}.admin-product-actions button.delete:hover{background:var(--error-bg)}.product-form .product-image-preview{margin-top:var(--space-2);width:120px;height:120px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border)}.product-form .product-image-preview img{width:100%;height:100%;object-fit:cover}@media (max-width: 640px){.admin-product-item{flex-direction:column}.admin-product-image{width:100%;height:150px}.admin-product-actions{width:100%;justify-content:flex-end}}.product-card{position:relative;overflow:hidden}.product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-terracotta),var(--color-gold));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #5d40371f}.product-card:hover:before{transform:scaleX(1)}.product-link{transition:all .2s ease}.product-link:hover{transform:translate(4px)}.home-hero,.page-hero{position:relative;overflow:hidden}.home-hero:before,.page-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(ellipse at 20% 30%,rgba(198,123,92,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(212,165,116,.12) 0%,transparent 50%);pointer-events:none}.home-hero:after,.page-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none}.home-hero-content,.page-hero-content{position:relative;z-index:1}.header-nav .nav-link{position:relative}.header-nav .nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:var(--color-terracotta);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.header-nav .nav-link:hover:after,.header-nav .nav-link.active:after{transform:scaleX(1);transform-origin:left}.header-nav .ask-ai-btn{position:relative;overflow:hidden}.header-nav .ask-ai-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--color-terracotta) 0%,var(--color-rust) 100%);opacity:0;transition:opacity .3s ease}.header-nav .ask-ai-btn:hover:before{opacity:1}.header-nav .ask-ai-btn span{position:relative;z-index:1}.primary-btn,.action-btn.primary,.search-submit{position:relative;overflow:hidden}.primary-btn:after,.action-btn.primary:after,.search-submit:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);opacity:0;transition:opacity .3s ease}.primary-btn:hover:after,.action-btn.primary:hover:after,.search-submit:hover:after{opacity:1}.example-questions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-top:.75rem}.example-questions .example-label{color:#ffffffb3;font-size:.85rem}.example-questions button{background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff;padding:.35rem .75rem;border-radius:20px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.example-questions button:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-1px)}.action-btn.secondary{position:relative;overflow:hidden}.action-btn.secondary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent-light);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;z-index:0}.action-btn.secondary:hover:before{transform:scaleX(1)}.action-btn.secondary span{position:relative;z-index:1}.featured-badge,.new-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:linear-gradient(135deg,var(--color-terracotta) 0%,var(--color-rust) 100%);color:#fff;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm)}.popular-badge{background:linear-gradient(135deg,var(--color-gold) 0%,var(--color-terracotta) 100%)}.room-card,.household-card,.priority-card,.category-card,.blog-card,.preset-chip{transition:all .25s cubic-bezier(.4,0,.2,1)}.blog-card:hover{transform:translateY(-6px);box-shadow:0 16px 32px #5d403726}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .5s ease forwards}.stagger-children>*{opacity:0;animation:fadeInUp .4s ease forwards}.stagger-children>*:nth-child(1){animation-delay:.05s}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.15s}.stagger-children>*:nth-child(4){animation-delay:.2s}.stagger-children>*:nth-child(5){animation-delay:.25s}.stagger-children>*:nth-child(6){animation-delay:.3s}.stagger-children>*:nth-child(7){animation-delay:.35s}.stagger-children>*:nth-child(8){animation-delay:.4s}.site-footer{position:relative;overflow:hidden}.site-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-terracotta) 0%,var(--color-gold) 50%,var(--color-sage-400) 100%)}.social-link{transition:all .3s cubic-bezier(.4,0,.2,1)}.social-link:hover{background:var(--color-terracotta);transform:translateY(-3px) scale(1.1)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-terracotta);outline-offset:2px}.loading-spinner .spinner-ring{border-color:var(--color-cream-darker);border-top-color:var(--color-terracotta)}.loading-spinner .spinner-well img{opacity:.8}.welcome-suggestions .suggestion-btn{position:relative;overflow:hidden}.welcome-suggestions .suggestion-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--accent-light) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.welcome-suggestions .suggestion-btn:hover:before{opacity:1}.blog-card{position:relative;overflow:hidden}.blog-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-terracotta),var(--color-gold));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.blog-card:hover:after{transform:scaleX(1)}.quick-question-btn{position:relative;overflow:hidden}.quick-question-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff1a;transform:translate(-100%);transition:transform .3s ease}.quick-question-btn:hover:before{transform:translate(0)}.category-link{position:relative}.category-link:after{content:"";position:absolute;bottom:-2px;left:50%;width:4px;height:4px;background:var(--color-terracotta);border-radius:50%;transform:translate(-50%) scale(0);transition:transform .2s ease}.category-link:hover:after,.category-link.active:after{transform:translate(-50%) scale(1)}.home-search-input:focus,.product-search-input:focus,.chat-input:focus{box-shadow:0 0 0 3px #c67b5c26}.search-input-wrapper:focus-within{box-shadow:0 4px 20px #00000026,0 0 0 3px #c67b5c26}.knowledge-dashboard{padding:0}.knowledge-section{background:#fff;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--color-cream-darker)}.knowledge-section .section-header{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-cream-darker)}.knowledge-section .section-header h3{margin:0;color:var(--color-brown-700)}.knowledge-section .section-description{flex:1;color:var(--color-brown-400);font-size:.9rem;margin:0}.knowledge-form{background:var(--color-cream);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.knowledge-form h4{margin:0 0 1rem;color:var(--color-brown-700)}.knowledge-form .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.knowledge-form .form-group{margin-bottom:1rem}.knowledge-form .form-group.small{max-width:100px}.knowledge-form .form-group label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--color-brown-600);font-size:.9rem}.knowledge-form input[type=text],.knowledge-form input[type=number],.knowledge-form textarea{width:100%;padding:.75rem;border:1px solid var(--color-cream-darker);border-radius:6px;font-size:.95rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}.knowledge-form input:focus,.knowledge-form textarea:focus{outline:none;border-color:var(--color-sage-400);box-shadow:0 0 0 3px #5f7a521a}.knowledge-form textarea{resize:vertical;min-height:80px}.knowledge-form .form-group.checkbox label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.knowledge-form .form-group.checkbox input{width:auto}.knowledge-form .form-actions{display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-cream-darker)}.knowledge-form .tier-heading{margin:1.5rem 0 1rem;padding-top:1rem;border-top:1px solid var(--color-cream-darker);color:var(--color-brown-600)}.knowledge-form .form-row.tiers{grid-template-columns:repeat(3,1fr)}.knowledge-list{display:flex;flex-direction:column;gap:1rem}.knowledge-item{background:var(--color-cream);border-radius:8px;padding:1rem 1.25rem;border:1px solid transparent;transition:border-color .2s}.knowledge-item:hover{border-color:var(--color-sage-300)}.knowledge-item.inactive{opacity:.6}.knowledge-item-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.knowledge-item-header h4{margin:0;color:var(--color-brown-700)}.knowledge-slug{background:var(--color-cream-darker);padding:.2rem .5rem;border-radius:4px;font-size:.8rem;color:var(--color-brown-500);font-family:monospace}.inactive-badge{background:var(--color-brown-300);color:#fff;padding:.15rem .5rem;border-radius:4px;font-size:.75rem}.knowledge-preview{color:var(--color-brown-500);font-size:.9rem;margin:.5rem 0;line-height:1.5}.knowledge-item-actions{display:flex;gap:.5rem;margin-top:.75rem}.knowledge-item-actions button{padding:.4rem .8rem;font-size:.85rem;border-radius:4px;border:1px solid var(--color-cream-darker);background:#fff;cursor:pointer;transition:all .2s}.knowledge-item-actions button:hover{background:var(--color-sage-50);border-color:var(--color-sage-300)}.knowledge-item-actions button.delete{color:#c53030}.knowledge-item-actions button.delete:hover{background:#fff5f5;border-color:#fc8181}.empty-state{color:var(--color-brown-400);font-style:italic;padding:1rem}.category-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.category-card-item{background:var(--color-cream);border-radius:8px;padding:1rem 1.25rem;border:1px solid transparent;transition:border-color .2s,box-shadow .2s}.category-card-item:hover{border-color:var(--color-sage-300);box-shadow:0 2px 8px #0000000d}.category-card-item.inactive{opacity:.6}.category-card-item .card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.category-card-item .card-header h4{margin:0;color:var(--color-brown-700)}.category-card-item .card-stats{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.category-card-item .card-stats span{font-size:.75rem;background:var(--color-sage-100);color:var(--color-sage-600);padding:.2rem .5rem;border-radius:4px}.category-card-item .card-actions{display:flex;gap:.5rem}.category-card-item .card-actions button{padding:.35rem .7rem;font-size:.8rem;border-radius:4px;border:1px solid var(--color-cream-darker);background:#fff;cursor:pointer;transition:all .2s}.category-card-item .card-actions button:hover{background:var(--color-sage-50);border-color:var(--color-sage-300)}.category-card-item .card-actions button.delete{color:#c53030}.category-card-item .card-actions button.delete:hover{background:#fff5f5;border-color:#fc8181}.category-card-form h5{color:var(--color-brown-600)}@media (max-width: 768px){.knowledge-section .section-header{flex-direction:column;align-items:flex-start}.knowledge-form .form-row,.knowledge-form .form-row.tiers,.category-cards-grid{grid-template-columns:1fr}}.products-by-category{display:flex;flex-direction:column;gap:0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 2px 8px #0000000f}.category-block{display:flex;flex-direction:column;gap:1.5rem;background:#fff;overflow:hidden;border-bottom:1px solid var(--border)}.category-block:last-child{border-bottom:none}.category-block.collapsed{gap:0}.category-block-title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--color-brown-700);margin:0;padding:.875rem 1rem;background:var(--color-cream);display:flex;align-items:center;gap:.625rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;border-left:3px solid var(--color-sage)}.category-block-title:hover{background:var(--color-cream-dark)}.category-block.collapsed .category-block-title{border-bottom:none}.category-toggle-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;background:var(--color-brown-600);color:#fff;font-weight:700;font-size:1rem;flex-shrink:0;line-height:1}.category-product-count{margin-left:auto;font-size:.75rem;font-weight:500;color:var(--color-brown-400)}.category-block.expanded .subcategory-block{padding:0 1rem}.category-block.expanded .subcategory-block:first-of-type{padding-top:.5rem}.category-block.expanded .subcategory-block:last-child{padding-bottom:1rem}.subcategory-block{display:flex;flex-direction:column;gap:1rem}.subcategory-title{font-family:var(--font-display);font-size:1rem;font-weight:500;color:var(--text-secondary);margin:0;text-transform:uppercase;letter-spacing:.05em}.products-grid-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.product-card-compact{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .2s ease;box-shadow:0 1px 3px #0000000a}.product-card-compact:hover{border-color:var(--accent);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.product-card-compact .product-link{display:flex;gap:1rem;padding:1rem;text-decoration:none;color:inherit;flex:1}.product-card-compact .product-thumb{flex-shrink:0;width:80px;height:80px;border-radius:8px;overflow:hidden;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.product-card-compact .product-thumb img{width:100%;height:100%;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.product-card-compact .product-details{display:flex;flex-direction:column;gap:.35rem;justify-content:center;min-width:0}.product-card-compact .product-name{font-family:var(--font-display);font-size:.95rem;font-weight:600;color:var(--text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card-compact .product-note{font-size:.85rem;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card-compact .product-actions-row{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--border);background:#fafbfc}.buy-btn-small{width:100%;display:flex;align-items:center;justify-content:center;padding:.625rem 1rem;background:var(--accent);color:#fff;font-size:.85rem;font-weight:600;border-radius:6px;text-decoration:none;transition:all .2s ease;white-space:nowrap;box-sizing:border-box}.buy-btn-small:hover{background:var(--accent-dark);transform:translateY(-1px)}.ask-btn-small{width:100%;display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;background:transparent;border:1px solid var(--color-sage);color:var(--color-sage);font-size:.8rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-sizing:border-box}.ask-btn-small:hover{background:var(--color-sage);color:#fff}@media (max-width: 640px){.products-grid-compact{grid-template-columns:1fr}.product-card-compact .product-thumb{width:70px;height:70px}.category-block-title{font-size:.9rem;padding:.75rem .875rem}.category-toggle-icon{width:18px;height:18px;font-size:.85rem;border-radius:3px}.category-product-count{font-size:.7rem}.category-block.expanded .subcategory-block{padding:0 .875rem}.category-block.expanded .subcategory-block:last-child{padding-bottom:.875rem}}.not-found-page{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:2rem}.not-found-content{text-align:center;max-width:500px}.not-found-content h1{font-size:6rem;font-weight:700;color:var(--accent);margin:0;line-height:1}.not-found-content h2{font-size:1.5rem;color:var(--text-primary);margin:.5rem 0 1rem}.not-found-content>p{color:var(--text-secondary);margin-bottom:2rem}.not-found-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.not-found-actions .btn-primary,.not-found-actions .btn-secondary{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .2s ease}.not-found-actions .btn-primary{background:var(--accent);color:#fff}.not-found-actions .btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text-primary)}.not-found-suggestions{padding-top:1.5rem;border-top:1px solid var(--border)}.not-found-suggestions p{color:var(--text-secondary);font-size:.9rem;margin-bottom:.75rem}.not-found-suggestions ul{list-style:none;padding:0;margin:0;display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.not-found-suggestions a{color:var(--accent);text-decoration:none}.not-found-suggestions a:hover{text-decoration:underline}.header{background:#fff;border-bottom:1px solid #e5e5e5}.logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none}.logo-mark{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:#fff;background:var(--color-brown-600);padding:6px 10px;border-radius:6px;letter-spacing:.02em}.logo-text{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-brown-700)}.header-nav{display:flex;align-items:center;gap:var(--space-4)}.nav-link{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);text-decoration:none;transition:color .15s}.nav-link:hover{color:var(--text-primary)}.welcome{display:flex;align-items:center;justify-content:center;min-height:100%;padding:var(--space-8) var(--space-4)}.welcome-content{max-width:480px;text-align:center}.welcome h1{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-3);line-height:1.3}.welcome>.welcome-content>p{font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--space-8);line-height:1.6}.suggestions{text-align:left}.suggestions-label{display:block;font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3)}.suggestions-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.suggestion-btn{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);background:#fff;border:1px solid #ddd;padding:var(--space-2) var(--space-4);border-radius:100px;cursor:pointer;transition:all .15s}.suggestion-btn:hover{border-color:var(--color-brown-400);background:var(--bg-tertiary)}.messages{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6) var(--space-4);max-width:720px;margin:0 auto}.message{display:flex;flex-direction:column;gap:var(--space-2)}.message.user{align-items:flex-end}.message.user .message-content{background:var(--color-brown-600);color:#fff;border-radius:20px 20px 4px;max-width:85%}.message.user .message-content p{color:#fff}.message.assistant .message-content{background:#fff;border:1px solid #e5e5e5;border-radius:4px 20px 20px;max-width:100%}.message-content{padding:var(--space-4) var(--space-5);font-size:var(--text-base);line-height:1.65}.message-content p{margin:0 0 var(--space-3);color:var(--text-primary)}.message-content p:last-child{margin-bottom:0}.message-actions{display:flex;gap:var(--space-2);opacity:0;transition:opacity .15s}.message:hover .message-actions{opacity:1}.message-actions .action-btn{font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-muted);background:none;border:none;padding:var(--space-1) var(--space-2);cursor:pointer;transition:color .15s}.message-actions .action-btn:hover{color:var(--text-primary)}.message-actions .action-btn.copied{color:var(--accent)}.message-avatar,.message-bubble,.message-footer{display:none!important}.message-time{display:block!important;font-size:11px;color:var(--text-muted);opacity:0;transition:opacity .15s;margin-top:var(--space-1)}.message.user .message-time{text-align:right}.message:hover .message-time{opacity:1}.product-card{display:flex;gap:var(--space-4);background:#fafafa;border:1px solid #e5e5e5;border-radius:12px;padding:var(--space-4);margin:var(--space-4) 0}.product-card:hover{border-color:#ccc}.product-image{flex-shrink:0;width:80px;height:80px;border-radius:8px;overflow:hidden;background:#fff;border:1px solid #eee}.product-image img{width:100%;height:100%;object-fit:contain}.product-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-1)}.product-description{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-2)}.product-meta{display:flex;align-items:center;gap:var(--space-3)}.product-rating{font-size:var(--text-sm);color:#666}.product-rating .star.filled{color:#f59e0b}.product-price{font-weight:600;color:var(--text-primary)}.product-link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:500;color:var(--color-brown-600);text-decoration:none;margin-top:var(--space-2)}.product-link:hover{text-decoration:underline}.product-link svg{width:12px;height:12px}.product-card.no-image{padding:var(--space-4)}.chat-input-container{border-top:1px solid #e5e5e5;padding:var(--space-4);background:#fff}.disclaimer,.affiliate-disclaimer{font-size:var(--text-xs);color:var(--text-muted);text-align:center;margin-top:var(--space-2)}.affiliate-disclaimer a{color:var(--text-muted);text-decoration:underline}