:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--font-serif:Georgia,Cambria,"Times New Roman",Times,serif;--color-primary:#e05638;--color-primary-dark:#c23e22;--color-primary-light:#fef2f0;--color-secondary:#2d3748;--color-accent:#f59e0b;--color-text-main:#1f2937;--color-text-muted:#6b7280;--color-text-light:#9ca3af;--color-bg-body:#fbfbfb;--color-bg-card:#ffffff;--color-border:#e5e7eb;--shadow-sm:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.08),0 2px 4px -1px rgba(0,0,0,0.04);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.08),0 4px 6px -2px rgba(0,0,0,0.04);--shadow-hover:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-pill:9999px;--container-width:1200px;--content-width:820px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;width:100%;max-width:100%}body{font-family:var(--font-sans);background-color:var(--color-bg-body);color:var(--color-text-main);line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden;width:100%;max-width:100%;position:relative}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none;transition:color 0.2s ease}.container{max-width:var(--container-width);margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;width:100%}.site-header{background:#ffffff;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:72px}.brand-logo{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:800;color:var(--color-text-main);letter-spacing:-0.5px}.brand-logo .logo-badge{background:var(--color-primary);color:#fff;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}.brand-logo span span{color:var(--color-primary)}.main-nav{display:flex;align-items:center;gap:24px}.nav-link{font-weight:600;font-size:15px;color:var(--color-text-main);padding:6px 12px;border-radius:var(--radius-sm);transition:all 0.2s}.nav-link:hover,.nav-link.active{color:var(--color-primary);background:var(--color-primary-light)}.header-actions{display:flex;align-items:center;gap:12px}.search-form-header{position:relative;display:flex;align-items:center}.search-form-header input{padding:8px 16px 8px 36px;border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:14px;background:#f8fafc;outline:none;width:180px;transition:width 0.3s ease,border-color 0.2s}.search-form-header input:focus{width:240px;border-color:var(--color-primary);background:#fff}.search-icon-btn{position:absolute;left:12px;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center}.mobile-nav-search{display:none}.mobile-menu-btn{display:none;background:#f8fafc;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;padding:0;width:42px;height:42px;color:var(--color-text-main);align-items:center;justify-content:center;font-size:22px;line-height:1;transition:all 0.2s ease;user-select:none;-webkit-tap-highlight-color:transparent}.mobile-menu-btn:hover,.mobile-menu-btn.active{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary)}.category-bar-wrap{background:#fff;border-bottom:1px solid var(--color-border);padding:10px 0;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.category-bar-wrap::-webkit-scrollbar{display:none}.category-bar{display:flex;gap:10px;align-items:center;width:max-content;min-width:100%}.cat-pill{padding:6px 16px;font-size:14px;font-weight:600;border-radius:var(--radius-pill);background:#f3f4f6;color:var(--color-text-main);transition:all 0.2s;display:inline-flex;align-items:center;gap:6px}.cat-pill:hover,.cat-pill.active{background:var(--color-primary);color:#fff}.hero-section{padding:30px 0 20px}.discover-featured-card{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;background:#ffffff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--color-border);transition:transform 0.3s,box-shadow 0.3s}.discover-featured-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.featured-img-wrap{position:relative;min-height:380px;overflow:hidden}.featured-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.discover-featured-card:hover .featured-img-wrap img{transform:scale(1.03)}.featured-content{padding:40px 40px 40px 0;display:flex;flex-direction:column;justify-content:center}.trending-badge{display:inline-flex;align-items:center;gap:6px;background:#fef2f2;color:#dc2626;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.8px;padding:4px 12px;border-radius:var(--radius-pill);margin-bottom:14px;width:fit-content}.featured-title{font-size:32px;font-weight:800;line-height:1.25;margin-bottom:14px;color:var(--color-text-main)}.featured-title a:hover{color:var(--color-primary)}.featured-excerpt{color:var(--color-text-muted);font-size:16px;margin-bottom:20px;line-height:1.6}.meta-row{display:flex;align-items:center;gap:20px;font-size:14px;color:var(--color-text-muted);font-weight:500;flex-wrap:wrap}.rating-badge{display:inline-flex;align-items:center;gap:4px;background:#fffbeb;color:#b45309;font-weight:700;padding:3px 8px;border-radius:6px;font-size:13px}.rating-badge .star-icon{color:#f59e0b}.section-title-wrap{display:flex;align-items:baseline;justify-content:space-between;margin:40px 0 24px}.section-title{font-size:26px;font-weight:800;letter-spacing:-0.5px;display:flex;align-items:center;gap:10px}.section-title span{color:var(--color-primary)}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px;margin-bottom:60px}.recipe-card{background:#ffffff;border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:transform 0.25s ease,box-shadow 0.25s ease}.recipe-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-img-wrap{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:#f1f5f9}.card-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.recipe-card:hover .card-img-wrap img{transform:scale(1.05)}.card-category-tag{position:absolute;top:12px;left:12px;background:rgba(255,255,255,0.95);backdrop-filter:blur(4px);font-size:11px;font-weight:700;text-transform:uppercase;color:var(--color-text-main);padding:4px 10px;border-radius:var(--radius-pill);box-shadow:var(--shadow-sm)}.card-time-tag{position:absolute;bottom:12px;right:12px;background:rgba(0,0,0,0.7);color:#fff;font-size:12px;font-weight:600;padding:3px 8px;border-radius:4px;display:flex;align-items:center;gap:4px}.card-body{padding:20px;display:flex;flex-direction:column;flex:1}.card-title{font-size:19px;font-weight:700;line-height:1.35;margin-bottom:10px;color:var(--color-text-main)}.card-title a:hover{color:var(--color-primary)}.card-excerpt{font-size:14px;color:var(--color-text-muted);line-height:1.55;margin-bottom:16px;flex:1}.card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-border);padding-top:14px;font-size:13px;color:var(--color-text-muted)}.recipe-detail-wrap{padding:30px 0 60px}.recipe-header{max-width:var(--content-width);margin:0 auto 30px}.breadcrumbs{font-size:14px;color:var(--color-text-muted);margin-bottom:16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;word-break:break-word}.breadcrumbs a:hover{color:var(--color-primary)}.recipe-page-title{font-size:38px;font-weight:800;line-height:1.25;letter-spacing:-0.5px;margin-bottom:16px;color:var(--color-text-main);word-break:break-word;overflow-wrap:break-word}.recipe-submeta{display:flex;align-items:center;gap:20px;font-size:14px;color:var(--color-text-muted);flex-wrap:wrap;margin-bottom:24px}.author-chip{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--color-text-main)}.author-chip img{width:32px;height:32px;border-radius:50%;object-fit:cover}.action-buttons-bar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-pill);font-weight:600;font-size:14px;cursor:pointer;border:none;transition:all 0.2s}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn-outline{background:#fff;border:1px solid var(--color-border);color:var(--color-text-main)}.btn-outline:hover{background:#f8fafc;border-color:#cbd5e1}.recipe-hero-image-wrap{max-width:var(--content-width);margin:0 auto 36px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.recipe-hero-image-wrap img{width:100%;max-height:520px;object-fit:cover}.quick-specs-grid{max-width:var(--content-width);margin:0 auto 36px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));padding:20px;gap:16px;text-align:center;box-shadow:var(--shadow-sm)}.spec-item{border-right:1px solid var(--color-border)}.spec-item:last-child{border-right:none}.spec-label{font-size:12px;text-transform:uppercase;color:var(--color-text-muted);font-weight:700;letter-spacing:0.5px;margin-bottom:4px}.spec-value{font-size:18px;font-weight:800;color:var(--color-text-main)}.recipe-story-content{max-width:var(--content-width);margin:0 auto 40px;font-size:17px;line-height:1.8;color:#334155}.recipe-story-content p{margin-bottom:20px}.recipe-story-content h2,.recipe-story-content h3{font-size:24px;font-weight:800;margin:32px 0 16px;color:var(--color-text-main)}.recipe-story-content ul,.recipe-story-content ol{margin:0 0 20px 24px}.recipe-story-content li{margin-bottom:8px}.recipe-story-content a{color:var(--color-primary);font-weight:600;text-decoration:underline;text-underline-offset:3px;transition:all 0.2s ease}.recipe-story-content a:hover{color:var(--color-primary-dark);background-color:#fff7ed;border-radius:2px}.recipe-card-box{max-width:var(--content-width);margin:0 auto 40px;background:#ffffff;border:2px solid #fed7aa;border-radius:var(--radius-lg);padding:36px;box-shadow:var(--shadow-md);position:relative}.card-box-header{border-bottom:2px dashed var(--color-border);padding-bottom:24px;margin-bottom:28px}.card-box-header h2{font-size:28px;font-weight:800;color:var(--color-text-main);margin-bottom:10px}.recipe-card-summary{color:var(--color-text-muted);font-size:15px;line-height:1.6}.recipe-section-title{font-size:20px;font-weight:800;color:var(--color-text-main);margin:28px 0 16px;display:flex;align-items:center;gap:8px;border-bottom:2px solid var(--color-primary-light);padding-bottom:8px}.ingredients-list{list-style:none;display:grid;gap:12px}.ingredient-item{display:flex;align-items:flex-start;gap:12px;font-size:16px;cursor:pointer;padding:6px 10px;border-radius:var(--radius-sm);transition:background 0.15s}.ingredient-item:hover{background:#f8fafc}.ingredient-item input[type="checkbox"]{width:18px;height:18px;margin-top:3px;accent-color:var(--color-primary);cursor:pointer}.ingredient-item.checked span{text-decoration:line-through;color:var(--color-text-light)}.instructions-list{list-style:none;counter-reset:recipe-step;display:grid;gap:20px}.instruction-step{display:flex;gap:18px;font-size:16px;line-height:1.65}.step-number{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:15px}.nutrition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;background:#f8fafc;padding:16px;border-radius:var(--radius-md);margin-top:16px;text-align:center}.nutri-col{padding:8px}.nutri-val{font-size:17px;font-weight:800;color:var(--color-text-main)}.nutri-label{font-size:12px;color:var(--color-text-muted);text-transform:uppercase}.pro-tips-box{background:#eff6ff;border-left:4px solid #3b82f6;padding:18px 22px;border-radius:var(--radius-sm);margin:28px 0;font-size:15px;line-height:1.6}.pro-tips-box strong{color:#1e40af;display:block;margin-bottom:4px}.author-bio-card{max-width:var(--content-width);margin:40px auto;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:24px;display:flex;gap:20px;align-items:center;box-shadow:var(--shadow-sm)}.author-bio-card img{width:80px;height:80px;border-radius:50%;object-fit:cover;flex-shrink:0}.author-bio-details h4{font-size:18px;font-weight:700;margin-bottom:6px}.author-bio-details p{font-size:14px;color:var(--color-text-muted);line-height:1.5}.site-footer{background:#111827;color:#d1d5db;padding:60px 0 24px;margin-top:60px;border-top:4px solid var(--color-primary)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-col h5{color:#ffffff;font-size:16px;font-weight:700;margin-bottom:18px;text-transform:uppercase;letter-spacing:0.5px}.footer-links{list-style:none;display:grid;gap:10px;font-size:14px}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{border-top:1px solid #1f2937;padding-top:24px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#9ca3af;flex-wrap:wrap;gap:16px}@media print{.site-header,.site-footer,.category-bar-wrap,.action-buttons-bar,.author-bio-card,.search-form-header{display:none !important}body{background:#fff !important;color:#000 !important}.recipe-card-box{border:none !important;box-shadow:none !important;padding:0 !important}}@media (max-width:991px){.main-nav{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;width:100%;background:#ffffff;padding:16px 20px 24px;border-top:1px solid var(--color-border);border-bottom:3px solid var(--color-primary);box-shadow:0 15px 35px rgba(0,0,0,0.15);z-index:9999;max-height:calc(100vh - 65px);overflow-y:auto;-webkit-overflow-scrolling:touch;gap:4px}.main-nav.mobile-active{display:flex !important;animation:mobileNavSlideDown 0.25s cubic-bezier(0.16,1,0.3,1) forwards}@keyframes mobileNavSlideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-btn{display:flex !important}.main-nav .nav-link{font-size:16px;font-weight:600;padding:12px 14px;border-radius:8px;color:var(--color-text-main);border-bottom:1px solid #f3f4f6;display:flex;align-items:center;justify-content:space-between;transition:all 0.15s ease}.main-nav .nav-link:last-of-type{border-bottom:none}.main-nav .nav-link:hover,.main-nav .nav-link.active{background:var(--color-primary-light);color:var(--color-primary)}.mobile-nav-search{display:flex !important;position:relative;width:100%;margin-bottom:12px}.mobile-nav-search input{width:100%;height:44px;padding:10px 45px 10px 16px;font-size:15px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:#f8fafc;outline:none;transition:border-color 0.2s,background 0.2s}.mobile-nav-search input:focus{border-color:var(--color-primary);background:#fff}.mobile-nav-search button{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:var(--color-primary);color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:background 0.2s}.mobile-nav-search button:hover{background:var(--color-primary-dark)}.discover-featured-card{grid-template-columns:1fr;gap:0}.featured-content{padding:24px}.featured-img-wrap{min-height:260px}.footer-grid{grid-template-columns:1fr;gap:30px}}@media (max-width:768px){.site-header .search-form-header{display:none !important}.header-inner{height:64px}.brand-logo{font-size:20px;gap:8px}.brand-logo .logo-badge{width:34px;height:34px;font-size:18px;border-radius:8px}.recipe-page-title{font-size:26px;line-height:1.3}.recipe-detail-wrap{padding:20px 0 40px}.recipe-hero-image-wrap{border-radius:var(--radius-md);margin-bottom:24px}.recipe-hero-image-wrap img{max-height:340px}.quick-specs-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:12px}.spec-item{border-right:none;background:#f8fafc;padding:10px 8px;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.recipe-card-box{padding:22px 16px;border-radius:var(--radius-md)}.card-box-header h2{font-size:22px}.action-buttons-bar{gap:8px}.action-buttons-bar .btn{font-size:13px;padding:8px 14px}.author-bio-card{flex-direction:column;text-align:center;padding:20px 16px;gap:14px}.section-title-wrap{flex-direction:column;align-items:flex-start;gap:8px;margin:24px 0 16px}}@media (max-width:640px){.recipe-grid{grid-template-columns:1fr;gap:20px;margin-bottom:40px}.section-title{font-size:22px}.card-title{font-size:18px}.featured-title{font-size:22px}.featured-content{padding:18px}.featured-img-wrap{min-height:200px}.nutrition-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}.footer-bottom{flex-direction:column;text-align:center;gap:12px}}@media (max-width:480px){.container{padding-left:14px;padding-right:14px}.brand-logo{font-size:18px}.brand-logo .logo-badge{width:30px;height:30px;font-size:16px}.mobile-menu-btn{width:38px;height:38px;font-size:20px}.recipe-page-title{font-size:22px}.nutrition-grid{grid-template-columns:repeat(2,1fr)}.btn{padding:8px 14px;font-size:13px}.cat-pill{padding:5px 12px;font-size:12px}}.pagination-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:40px auto 70px;gap:14px}.pagination-list{display:flex !important;align-items:center !important;justify-content:center !important;list-style:none !important;list-style-type:none !important;gap:8px;padding:0 !important;margin:0 !important;flex-wrap:wrap !important}.pagination-list li,.page-item{display:inline-flex !important;list-style:none !important;list-style-type:none !important;margin:0 !important;padding:0 !important}.page-link{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 16px;font-size:15px;font-weight:600;color:var(--color-text-main);background:#ffffff;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all 0.2s ease-in-out;user-select:none}.page-link:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.page-item.active .page-link{background:var(--color-primary);color:#ffffff;border-color:var(--color-primary);box-shadow:0 4px 12px rgba(224,86,56,0.35);cursor:default;transform:none}.page-item.disabled .page-link{color:var(--color-text-light);background:#f9fafb;border-color:#f3f4f6;cursor:not-allowed;box-shadow:none;opacity:0.6}.page-item.disabled .page-link:hover{transform:none;background:#f9fafb;border-color:#f3f4f6;color:var(--color-text-light)}.page-item.ellipsis .page-link{border:none;background:transparent;box-shadow:none;color:var(--color-text-muted);cursor:default;min-width:30px;padding:0}.page-item.prev .page-link,.page-item.next .page-link{padding:0 18px;font-weight:700}.pagination-summary{font-size:13px;color:var(--color-text-muted);font-weight:500}.pagination-summary strong{color:var(--color-text-main)}@media (max-width:640px){.pagination-container{margin:30px auto 50px}.pagination-list{gap:6px}.page-link{min-width:38px;height:38px;padding:0 12px;font-size:14px;border-radius:var(--radius-sm)}.page-item.prev .page-link,.page-item.next .page-link{padding:0 14px;font-size:13px}}.recipe-faq-section{background:#ffffff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:36px 32px;margin:40px auto;box-shadow:var(--shadow-sm);max-width:var(--content-width)}.faq-section-header{text-align:center;margin-bottom:28px}.faq-section-badge{display:inline-flex;align-items:center;gap:6px;background:var(--color-primary-light);color:var(--color-primary);font-size:13px;font-weight:700;padding:4px 12px;border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:10px}.faq-section-title{font-size:26px;font-weight:800;color:var(--color-text-main);margin-bottom:8px;font-family:var(--font-sans)}.faq-section-desc{font-size:15px;color:var(--color-text-muted);max-width:620px;margin:0 auto}.faq-accordion-list{display:flex;flex-direction:column;gap:14px}.faq-accordion-item{border:1px solid #e5e7eb;border-radius:var(--radius-md);background:#ffffff;overflow:hidden;transition:all 0.25s ease}.faq-accordion-item:hover{border-color:#cbd5e1;box-shadow:var(--shadow-sm)}.faq-accordion-item[open]{border-color:#fed7aa;box-shadow:0 4px 12px rgba(224,86,56,0.08)}.faq-accordion-question{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;font-size:16.5px;font-weight:700;color:var(--color-text-main);cursor:pointer;user-select:none;list-style:none;transition:color 0.2s ease,background-color 0.2s ease}.faq-accordion-question::-webkit-details-marker{display:none}.faq-accordion-question::marker{display:none}.faq-accordion-item[open] .faq-accordion-question{color:var(--color-primary);background-color:#fffaf8;border-bottom:1px solid #fee2e2}.faq-question-text{flex:1;text-align:left}.faq-chevron{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;border-radius:var(--radius-pill);background:#f3f4f6;color:#4b5563;transition:transform 0.25s ease,background 0.2s ease,color 0.2s ease}.faq-accordion-item[open] .faq-chevron{transform:rotate(180deg);background:var(--color-primary);color:#ffffff}.faq-accordion-answer{padding:20px 22px;background:#ffffff;font-size:15.5px;line-height:1.7;color:#374151}.faq-accordion-answer p{margin:0}@media (max-width:640px){.recipe-faq-section{padding:24px 18px;margin:32px auto;border-radius:var(--radius-md)}.faq-section-title{font-size:22px}.faq-accordion-question{padding:14px 16px;font-size:15px}.faq-chevron{width:28px;height:28px;min-width:28px}.faq-accordion-answer{padding:16px;font-size:14.5px}}.header-user-area{display:inline-flex;align-items:center;gap:12px}.btn-header-google-login{display:inline-flex;align-items:center;gap:8px;background:#ffffff;color:#374151;border:1px solid #d1d5db;border-radius:var(--radius-pill);padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.2s ease;box-shadow:0 1px 2px rgba(0,0,0,0.05)}.btn-header-google-login:hover{background:#f9fafb;border-color:#9ca3af;box-shadow:0 2px 5px rgba(0,0,0,0.08)}.user-chip-header{display:inline-flex;align-items:center;gap:8px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:var(--radius-pill);padding:4px 10px 4px 4px}.user-chip-avatar{border-radius:50%;object-fit:cover;border:1px solid #d1d5db}.user-chip-name{font-size:13px;font-weight:600;color:#1f2937;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-chip-logout{background:transparent;border:none;color:#9ca3af;cursor:pointer;font-size:12px;padding:2px 4px;border-radius:50%;transition:color 0.15s}.btn-chip-logout:hover{color:#ef4444}.header-notif-wrap{position:relative}.notif-bell-btn{background:transparent;border:none;font-size:19px;cursor:pointer;position:relative;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background 0.15s}.notif-bell-btn:hover{background:#f3f4f6}.notif-badge{position:absolute;top:2px;right:2px;background:#ef4444;color:#ffffff;font-size:10px;font-weight:800;min-width:17px;height:17px;line-height:17px;border-radius:9px;text-align:center;padding:0 4px;box-shadow:0 2px 4px rgba(239,68,68,0.4)}.notif-badge.hidden{display:none}.notif-dropdown{position:absolute;top:calc(100% + 10px);right:-40px;width:340px;max-width:calc(100vw - 30px);background:#ffffff;border-radius:var(--radius-md);box-shadow:0 10px 25px rgba(0,0,0,0.12),0 2px 6px rgba(0,0,0,0.06);border:1px solid #e5e7eb;z-index:1000;overflow:hidden;animation:notifDropIn 0.2s ease-out forwards}@keyframes notifDropIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notif-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.notif-dropdown-header strong{font-size:14px;color:#111827}.btn-notif-mark-read{background:none;border:none;color:var(--color-primary);font-size:12px;font-weight:600;cursor:pointer;padding:0}.btn-notif-mark-read:hover{text-decoration:underline}.notif-dropdown-body{max-height:340px;overflow-y:auto}.notif-loading,.notif-empty-state{padding:30px 20px;text-align:center;font-size:13px;color:#6b7280}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid #f3f4f6;text-decoration:none;color:inherit;transition:background 0.15s}.notif-item:hover{background:#fff8f6}.notif-item.unread{background:#fff4ed;border-left:3px solid var(--color-primary)}.notif-avatar{border-radius:50%;flex-shrink:0;object-fit:cover}.notif-content{flex:1;font-size:12.5px;line-height:1.45}.notif-title{color:#111827;margin-bottom:3px}.notif-preview{color:#4b5563;font-style:italic;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-time{font-size:11px;color:#9ca3af}.google-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(17,24,39,0.65);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:modalFadeIn 0.2s ease-out}@keyframes modalFadeIn{from{opacity:0}to{opacity:1}}.google-modal-card{background:#ffffff;border-radius:16px;max-width:440px;width:100%;padding:28px 26px;position:relative;box-shadow:0 20px 35px -10px rgba(0,0,0,0.25);animation:modalPopIn 0.25s cubic-bezier(0.16,1,0.3,1)}@keyframes modalPopIn{from{transform:scale(0.95);opacity:0}to{transform:scale(1);opacity:1}}.google-modal-close{position:absolute;top:14px;right:16px;background:#f3f4f6;border:none;font-size:22px;line-height:1;width:32px;height:32px;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.15s}.google-modal-close:hover{background:#e5e7eb;color:#111827}.google-modal-head{text-align:center;margin-bottom:22px}.google-modal-logo{display:flex;justify-content:center;margin-bottom:12px}.google-modal-head h3{font-size:20px;font-weight:800;color:#111827;margin-bottom:6px}.google-modal-head p{font-size:13.5px;color:#6b7280;line-height:1.5}.modal-divider{display:flex;align-items:center;text-align:center;margin:18px 0;color:#9ca3af;font-size:12px;font-weight:600;text-transform:uppercase}.modal-divider::before,.modal-divider::after{content:'';flex:1;border-bottom:1px solid #e5e7eb}.modal-divider span{padding:0 10px}.quick-signin-form .modal-form-group{margin-bottom:14px}.quick-signin-form label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:5px}.quick-signin-form input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color 0.15s,box-shadow 0.15s}.quick-signin-form input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(224,86,56,0.15)}.quick-signin-form small{display:block;font-size:11px;color:#9ca3af;margin-top:4px}.btn-modal-submit{width:100%;padding:12px;font-size:14.5px;font-weight:700;border-radius:8px;margin-top:6px}.recipe-comments-section{background:#ffffff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:36px 32px;margin:48px auto 60px;box-shadow:var(--shadow-sm);max-width:var(--content-width)}.comments-section-header{margin-bottom:26px;text-align:left}.comments-badge{display:inline-block;background:var(--color-primary-light);color:var(--color-primary);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;padding:4px 12px;border-radius:var(--radius-pill);margin-bottom:10px}.comments-section-title{font-size:24px;font-weight:800;color:var(--color-text-main);margin-bottom:6px}.comments-section-subtitle{font-size:14px;color:var(--color-text-muted);line-height:1.6}.recipe-unread-alert{background:#ecfdf5;border:1px solid #10b981;color:#065f46;border-radius:var(--radius-sm);padding:12px 16px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600}.btn-jump-alert{color:var(--color-primary);text-decoration:underline;font-size:13px}.comment-input-card{background:#fbfbfc;border:1px solid #e5e7eb;border-radius:var(--radius-md);padding:24px;margin-bottom:36px}.comment-author-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid #f0f0f2;flex-wrap:wrap;gap:10px}.author-meta-left{display:flex;align-items:center;gap:12px}.comment-user-avatar{border-radius:50%;object-fit:cover;border:2px solid #e5e7eb}.author-name-tag{display:flex;align-items:center;gap:8px;font-size:15px}.badge-google-v{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#4b5563;background:#f3f4f6;padding:2px 7px;border-radius:4px}.author-email-muted{font-size:12px;color:var(--color-text-muted);display:block}.btn-logout-link{background:none;border:none;color:#9ca3af;font-size:12px;cursor:pointer;text-decoration:underline}.btn-logout-link:hover{color:#ef4444}.comment-star-picker-wrap{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.picker-label{font-size:13.5px;font-weight:600;color:#4b5563}.star-picker-list{display:inline-flex;gap:4px;cursor:pointer}.star-choice{font-size:24px;color:#d1d5db;transition:color 0.15s,transform 0.15s;user-select:none}.star-choice.hover,.star-choice.active{color:#f59e0b}.star-choice:hover{transform:scale(1.15)}.rating-text-feedback{font-size:13px;font-weight:700;color:#d97706}.comment-textarea-wrap textarea{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:14px;font-family:inherit;font-size:14.5px;line-height:1.5;background:#ffffff;transition:border-color 0.15s,box-shadow 0.15s;resize:vertical;min-height:90px}.comment-textarea-wrap textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(224,86,56,0.15)}.comment-form-bottom-bar{display:flex;align-items:center;justify-content:space-between;margin-top:14px;gap:12px;flex-wrap:wrap}.notif-guarantee-note{font-size:12.5px;color:#059669;font-weight:600}.btn-submit-comment{padding:10px 24px;font-size:14.5px;font-weight:700;border-radius:8px}.google-signin-invite-box{text-align:center;padding:24px 20px}.invite-icon{display:flex;justify-content:center;margin-bottom:12px}.google-signin-invite-box h4{font-size:18px;font-weight:800;color:#111827;margin-bottom:6px}.google-signin-invite-box p{font-size:13.5px;color:#6b7280;max-width:520px;margin:0 auto 18px;line-height:1.55}.btn-google-action{display:inline-flex;align-items:center;gap:10px;background:#ffffff;color:#1f2937;border:1px solid #d1d5db;border-radius:8px;padding:11px 22px;font-size:14px;font-weight:700;cursor:pointer;transition:all 0.2s ease;box-shadow:0 2px 4px rgba(0,0,0,0.06)}.btn-google-action:hover{background:#f9fafb;border-color:#9ca3af;box-shadow:0 4px 8px rgba(0,0,0,0.08);transform:translateY(-1px)}.comments-thread-container{display:flex;flex-direction:column;gap:22px}.no-comments-box{text-align:center;padding:40px 20px;background:#f9fafb;border-radius:var(--radius-md);border:1px dashed #d1d5db}.no-comm-emoji{font-size:40px;margin-bottom:8px}.no-comments-box h4{font-size:16px;color:#374151;margin-bottom:4px}.no-comments-box p{font-size:13.5px;color:#6b7280}.comment-thread-item{transition:all 0.2s}.comment-bubble{background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;padding:18px 20px;box-shadow:0 1px 3px rgba(0,0,0,0.03)}.comment-bubble-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.commenter-meta{display:flex;align-items:center;gap:12px}.commenter-avatar{border-radius:50%;object-fit:cover;border:1px solid #e5e7eb}.commenter-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.commenter-name-row strong{font-size:14.5px;color:#111827}.badge-google-check{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:700;color:#374151;background:#f3f4f6;padding:1px 6px;border-radius:3px}.comment-stars{color:#f59e0b;font-size:13px;letter-spacing:1px}.comment-time-ago{font-size:12px;color:#9ca3af;display:block}.comment-text-content{font-size:14.5px;color:#374151;line-height:1.65;margin-bottom:12px;word-break:break-word}.comment-actions-bar{display:flex;align-items:center;gap:14px;padding-top:8px;border-top:1px solid #f9fafb}.btn-action-reply{background:none;border:none;color:var(--color-primary);font-size:13px;font-weight:700;cursor:pointer;padding:4px 0;transition:opacity 0.15s}.btn-action-reply:hover{text-decoration:underline;opacity:0.85}.btn-action-delete{background:none;border:none;color:#9ca3af;font-size:12px;cursor:pointer;padding:4px 0;transition:color 0.15s}.btn-action-delete:hover{color:#ef4444}.inline-reply-box{background:#fff8f5;border:1px solid #fed7aa;border-radius:10px;padding:16px;margin-top:12px;animation:slideReply 0.2s ease-out}@keyframes slideReply{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.reply-box-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;color:#7c2d12}.btn-close-reply{background:none;border:none;color:#9a3412;cursor:pointer;font-size:12px;font-weight:600}.recipe-reply-form textarea{width:100%;border:1px solid #fdba74;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px;background:#ffffff;resize:vertical;min-height:60px}.recipe-reply-form textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(224,86,56,0.2)}.reply-form-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px;gap:10px;flex-wrap:wrap}.reply-hint{font-size:12px;color:#059669;font-weight:600}.btn-send-reply{padding:8px 18px;font-size:13.5px;font-weight:700;border-radius:6px}.nested-replies-wrap{margin-top:14px;padding-left:20px;border-left:2px solid #fed7aa;display:flex;flex-direction:column;gap:12px}.reply-thread-item{display:flex;gap:12px;background:#fafafa;border:1px solid #f3f4f6;border-radius:10px;padding:14px 16px}.reply-avatar-img{border-radius:50%;object-fit:cover;flex-shrink:0}.reply-main-col{flex:1}.reply-header-line{display:flex;align-items:center;gap:8px;margin-bottom:5px;flex-wrap:wrap}.reply-header-line strong{font-size:13.5px;color:#111827}.reply-time{font-size:11.5px;color:#9ca3af}.reply-text-body{font-size:14px;color:#374151;line-height:1.55;margin-bottom:6px}.reply-bottom-actions{display:flex;justify-content:flex-end}.comment-highlight-pulse{animation:pulseTarget 2s ease-in-out}@keyframes pulseTarget{0%{box-shadow:0 0 0 0 rgba(224,86,56,0.6);background-color:#fff8f0}50%{box-shadow:0 0 0 10px rgba(224,86,56,0);background-color:#fff3e6}100%{box-shadow:none}}@media (max-width:640px){.recipe-comments-section{padding:24px 16px;margin:36px auto 48px}.notif-dropdown{right:-70px;width:300px}.nested-replies-wrap{padding-left:12px;margin-left:4px}}.recipe-post-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:40px 0 25px;padding:20px;background:linear-gradient(135deg,#ffffff 0%,#fffbf8 100%);border:1px solid #fed7aa;border-radius:var(--radius-lg,16px);box-shadow:0 4px 14px rgba(224,86,56,0.05)}.recipe-nav-item{display:flex;flex-direction:column;padding:14px 18px;border-radius:12px;background:#ffffff;border:1px solid #f1f5f9;text-decoration:none;transition:all 0.25s ease}.recipe-nav-item:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 6px 18px rgba(224,86,56,0.12)}.recipe-nav-next{text-align:right;align-items:flex-end}.recipe-nav-sub{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:var(--color-primary);margin-bottom:6px}.recipe-nav-title{font-size:15px;font-weight:700;color:var(--color-text-main,#1e293b);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.btn-more-category:hover{text-decoration:underline !important;color:var(--color-primary-dark) !important}@media (max-width:640px){.recipe-post-nav{grid-template-columns:1fr;gap:12px;padding:14px}.recipe-nav-next{text-align:left;align-items:flex-start}}.cookie-consent-bar{position:fixed;bottom:0;left:0;right:0;background:#1e293b;color:#f8fafc;padding:16px 24px;z-index:99999;box-shadow:0 -4px 20px rgba(0,0,0,0.2);border-top:1px solid #334155;font-size:14px}.cookie-consent-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.cookie-consent-text{flex:1;min-width:280px;line-height:1.55}.cookie-consent-text a{color:#fb923c;text-decoration:underline;font-weight:600}.cookie-consent-actions{display:flex;gap:10px;align-items:center}.btn-cookie-accept{background:var(--color-primary,#e05638);color:#ffffff;border:none;padding:9px 20px;border-radius:var(--radius-sm,8px);font-weight:700;font-size:13.5px;cursor:pointer;transition:all 0.2s ease}.btn-cookie-accept:hover{background:var(--color-primary-dark,#c43d22)}.btn-cookie-decline{background:transparent;color:#94a3b8;border:1px solid #475569;padding:8px 18px;border-radius:var(--radius-sm,8px);font-weight:600;font-size:13.5px;cursor:pointer;transition:all 0.2s ease}.btn-cookie-decline:hover{color:#ffffff;border-color:#cbd5e1}@media (max-width:640px){.cookie-consent-content{flex-direction:column;align-items:stretch}.cookie-consent-actions{justify-content:flex-end}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}