:root{--cream: #FDF6EE;--warm-bg: #F5ECD7;--amber: #E8A020;--amber-dk: #C47F0A;--rust: #C0522A;--brown: #4A2C17;--text: #3A2010;--muted: #8A6A50;--card-bg: #FFFAF3;--shadow: rgba(74,44,23,.12);--radius: 14px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Nunito,sans-serif;background:var(--cream);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{background:#fff;border-bottom:3px solid var(--amber);position:sticky;top:0;z-index:100;box-shadow:0 2px 12px var(--shadow)}.header-inner{width:100%;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;height:68px}.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}.logo-icon{width:42px;height:42px;background:var(--amber);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px}.logo-text{font-family:Playfair Display,serif;font-weight:900;font-size:1.5rem;color:var(--brown);letter-spacing:-.5px;line-height:1}.logo-text span{color:var(--amber-dk)}.header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:30px;font-family:Nunito,sans-serif;font-weight:700;font-size:.88rem;cursor:pointer;border:none;transition:all .2s}.btn-outline{background:transparent;border:2px solid var(--amber);color:var(--amber-dk)}.btn-outline:hover,.btn-primary{background:var(--amber);color:#fff}.btn-primary:hover{background:var(--amber-dk)}.btn-ghost{background:transparent;color:var(--muted);border:2px solid #ddd}.btn-ghost:hover{border-color:var(--rust);color:var(--rust)}.hero{background:linear-gradient(135deg,var(--warm-bg) 0%,#EED9B5 100%);padding:40px 20px 32px;text-align:center}.hero-title{font-family:Playfair Display,serif;font-size:clamp(1.6rem,4vw,2.6rem);color:var(--brown);margin-bottom:6px}.hero-sub{color:var(--muted);font-size:.95rem;margin-bottom:22px}.search-wrap{max-width:540px;margin:0 auto;position:relative}.search-wrap input{width:100%;padding:14px 52px 14px 20px;border-radius:40px;border:2px solid var(--amber);font-family:Nunito,sans-serif;font-size:1rem;background:#fff;color:var(--text);outline:none;box-shadow:0 4px 16px var(--shadow);transition:box-shadow .2s}.search-wrap input::placeholder{color:#bba990}.search-wrap input:focus{box-shadow:0 4px 24px #e8a0204d}.search-icon{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:1.1rem;color:var(--amber-dk);pointer-events:none}.cats-section{background:#fff;border-bottom:2px solid #F0E0C0;position:relative}.cats-inner{width:100%;padding:0 16px;display:flex;align-items:center;gap:0;flex-wrap:wrap}.cat-btn{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:15px 14px;font-family:Nunito,sans-serif;font-weight:700;font-size:.8rem;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all .2s;flex-shrink:0}.cat-btn:hover,.cat-btn.active{color:var(--rust);border-bottom-color:var(--rust)}.cat-drop{position:relative;flex-shrink:0}.cat-summary{list-style:none}.cat-summary::-webkit-details-marker{display:none}.drop-arrow{display:inline-block;transition:transform .2s;font-size:.7em}.cat-drop.open .drop-arrow{transform:rotate(180deg)}.cat-drop.open .cat-summary{color:var(--rust);border-bottom-color:var(--rust)}.cat-drop-menu{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid #F0DFC0;border-radius:0 0 var(--radius) var(--radius);box-shadow:0 8px 32px var(--shadow);padding:8px 0;min-width:210px;z-index:500;animation:dropIn .15s ease}.cat-drop.open .cat-drop-menu{display:block}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.cat-drop-item{display:block;width:100%;padding:10px 20px;text-align:left;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:600;color:var(--text);background:none;border:none;cursor:pointer;transition:background .15s,color .15s}.cat-drop-item:hover{background:var(--warm-bg);color:var(--rust)}.cat-drop-item.all-item{color:var(--muted);font-weight:700;border-bottom:1px solid #f0e0c0;margin-bottom:4px;font-size:.78rem;letter-spacing:.4px;text-transform:uppercase}details[open] .cat-drop-menu{display:block}.page-wrap{width:100%;padding:32px 20px 60px}.section-title{font-family:Playfair Display,serif;font-size:1.4rem;color:var(--brown);margin-bottom:20px;display:flex;align-items:center;gap:10px}.section-title:after{content:"";flex:1;height:2px;background:linear-gradient(to right,var(--amber),transparent)}#feed_container{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;width:100%}.card{background:var(--card-bg);border-radius:var(--radius);overflow:hidden;box-shadow:0 2px 12px var(--shadow);transition:transform .22s,box-shadow .22s;display:flex;flex-direction:column}.card:hover{transform:translateY(-4px);box-shadow:0 10px 32px #4a2c172e}.card-img-wrap{position:relative;height:195px;overflow:hidden}.card-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.card:hover .card-img-wrap img{transform:scale(1.05)}.card-badge{position:absolute;top:10px;left:10px;padding:4px 10px;border-radius:20px;font-size:.7rem;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.badge-recipe{background:var(--amber);color:#fff}.badge-article{background:#3d78b0;color:#fff}.badge-premium{background:var(--rust);color:#fff}.card-body{padding:16px;display:flex;flex-direction:column;flex:1}.card-title{font-family:Playfair Display,serif;font-size:1.05rem;font-weight:700;color:var(--brown);margin-bottom:8px;line-height:1.3}.card-title a:hover{color:var(--rust)}.card-desc{font-size:.85rem;color:var(--muted);line-height:1.5;flex:1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;align-items:center;gap:12px;margin-top:12px;padding-top:10px;border-top:1px solid #F0E4D0;font-size:.78rem;color:var(--muted)}.card-meta span{display:flex;align-items:center;gap:4px}.state-msg{grid-column:1/-1;text-align:center;padding:60px 20px;color:var(--muted);font-size:1.1rem}.spinner{width:40px;height:40px;border:4px solid #f0e0c0;border-top-color:var(--amber);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 14px}@keyframes spin{to{transform:rotate(360deg)}}.user-menu{position:relative}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--amber);color:#fff;font-weight:800;font-size:.85rem;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid var(--amber-dk);transition:transform .2s}.user-avatar:hover{transform:scale(1.08)}.user-drop{position:absolute;right:0;top:calc(100% + 8px);background:#fff;border:1px solid #F0DFC0;border-radius:var(--radius);box-shadow:0 8px 32px var(--shadow);min-width:180px;padding:8px 0;display:none;z-index:300}.user-menu:hover .user-drop{display:block}.user-drop a,.user-drop button{display:block;width:100%;padding:10px 18px;text-align:left;background:none;border:none;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:600;color:var(--text);cursor:pointer}.user-drop a:hover,.user-drop button:hover{background:var(--warm-bg);color:var(--rust)}.user-drop hr{border:none;border-top:1px solid #f0e0c0;margin:4px 0}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;border:none;background:none}.hamburger span{width:24px;height:2px;background:var(--brown);border-radius:2px;transition:all .3s}.mobile-nav{display:none;background:#fff;border-top:2px solid var(--warm-bg);padding:12px 20px 16px;flex-direction:column;gap:4px}.mobile-nav.open{display:flex}.mobile-nav-item{padding:10px 12px;border-radius:8px;font-weight:700;font-size:.9rem;color:var(--text);background:none;border:none;text-align:left;cursor:pointer;font-family:Nunito,sans-serif}.mobile-nav-item:hover{background:var(--warm-bg);color:var(--rust)}@media(max-width:768px){.header-right .btn{display:none}.hamburger{display:flex}.cats-inner{padding:0 12px}.cat-btn{font-size:.75rem;padding:12px 10px}#feed_container{grid-template-columns:1fr 1fr;gap:14px}.hero-title{font-size:1.4rem}.card-img-wrap{height:150px}}@media(max-width:500px){#feed_container{grid-template-columns:1fr}.logo-text{font-size:1.2rem}}details[open] .cat-drop-menu{display:flex}details[open] .drop-arrow{transform:rotate(180deg)}#pagination_container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin:40px 0 20px;font-family:Nunito,sans-serif}.pg-btn{min-width:38px;height:38px;padding:0 12px;border:1.5px solid #F0DFC0;background:#fff;color:var(--text);font-family:inherit;font-weight:700;font-size:.9rem;border-radius:8px;cursor:pointer;transition:all .18s ease;display:inline-flex;align-items:center;justify-content:center}.pg-btn:hover:not(:disabled):not(.active){background:var(--warm-bg);border-color:var(--amber);color:var(--rust)}.pg-btn.active{background:var(--amber);border-color:var(--amber-dk);color:#fff;cursor:default}.pg-btn:disabled{opacity:.4;cursor:not-allowed}.pg-arrow{font-size:1rem;font-weight:800}.pg-dots{padding:0 6px;color:var(--muted);font-weight:700;-webkit-user-select:none;user-select:none}.pg-info{width:100%;text-align:center;font-size:.82rem;color:var(--muted);margin-top:8px}@media(max-width:500px){.pg-btn{min-width:34px;height:34px;font-size:.82rem;padding:0 8px}}.lang-switcher{display:inline-flex;align-items:center;background:var(--warm-bg);border-radius:30px;padding:3px;gap:2px}.lang-btn{padding:6px 12px;border:none;background:transparent;color:var(--muted);font-family:Nunito,sans-serif;font-weight:800;font-size:.78rem;letter-spacing:.5px;border-radius:24px;cursor:pointer;transition:all .18s ease;min-width:38px}.lang-btn:hover{color:var(--rust)}.lang-btn.active{background:var(--amber);color:#fff;box-shadow:0 2px 6px #e8a02066}.lang-btn.active:hover{color:#fff}.mobile-lang-wrap{display:flex;justify-content:center;gap:6px;padding:8px 12px}.mobile-lang-wrap .lang-btn{padding:8px 16px;font-size:.85rem;background:var(--warm-bg)}.mobile-lang-wrap .lang-btn.active{background:var(--amber)}