:root{--max-width:1120px;--font-size-sm:.875rem;--font-size-base:1rem;--radius-card:16px;--radius-banner:clamp(18px, 2vw, 28px);--bp-tablet:600px;--bp-desktop:1024px}:root,[data-theme=light]{color-scheme:light;--background:#fff;--surface:#1118270f;--text:#111827f5;--muted-text:#111827b8;--border:#1118271f;--link:#6d28d9;--header-background:#fff;--header-border:#1118271f;--hero-gradient:linear-gradient(135deg, #eef2ff 0%, #ddd6fe 55%, #fff 100%)}[data-theme=dark]{color-scheme:dark;--background:#070a10;--surface:#ffffff0f;--text:#fffffff5;--muted-text:#ffffffc7;--border:#ffffff24;--link:#a78bfa;--header-background:#0b0e14;--header-border:#ffffff1f;--hero-gradient:linear-gradient(135deg, #111827 0%, #4c1d95 60%, #0b0e14 100%)}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background:var(--background);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Noto Sans Devanagari,Noto Sans Telugu,Noto Sans Kannada,Noto Naskh Arabic,sans-serif;line-height:1.6;transition:background-color .25s,color .25s}a{color:var(--link);text-decoration:underline}a:hover{text-decoration:underline}img{block-size:auto;max-inline-size:100%}.site-header{z-index:50;background:var(--header-background);border-block-end:1px solid var(--header-border);backdrop-filter:blur(8px);position:sticky;inset-block-start:0}.site-header__inner{max-inline-size:var(--max-width);justify-content:space-between;align-items:center;gap:12px;min-block-size:56px;margin-inline:auto;padding-inline:16px;display:flex}.brand{color:var(--text);white-space:nowrap;align-items:center;gap:8px;font-size:1.05rem;font-weight:800;display:inline-flex}.brand:hover{text-decoration:none}.brand__mark{block-size:24px;inline-size:24px}.caret{block-size:14px;inline-size:14px}.header-actions{align-items:center;gap:8px;display:flex}.lang-picker{position:relative}.lang-picker>summary{cursor:pointer;border:1px solid var(--border);color:var(--text);font-size:var(--font-size-sm);user-select:none;border-radius:10px;align-items:center;gap:6px;padding:6px 10px;font-weight:600;list-style:none;display:inline-flex}.lang-picker>summary::-webkit-details-marker{display:none}.lang-picker[open]>summary{background:var(--surface)}.lang-menu{overscroll-behavior:contain;background:var(--header-background);border:1px solid var(--border);border-radius:12px;min-block-size:200px;max-block-size:min(60vh,480px);min-inline-size:160px;margin-block-start:6px;padding:4px;position:absolute;inset-inline-end:0;overflow-y:auto;box-shadow:0 12px 32px #0000002e}.lang-menu a{color:var(--text);font-size:var(--font-size-sm);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.lang-menu a:hover{background:var(--surface);text-decoration:none}.lang-menu a[aria-current=true]{background:var(--surface);font-weight:700}.lang-menu .lang-en-name{color:var(--muted-text);margin-inline-start:auto;font-size:.72rem;font-weight:400}.icon-btn{border:1px solid var(--border);block-size:36px;inline-size:36px;color:var(--text);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;font-size:16px;display:inline-flex}.icon-btn:hover{background:var(--surface)}.container{max-inline-size:var(--max-width);margin-inline:auto;padding-inline:16px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:9999;background:var(--link);color:#fff;border-radius:0 0 4px;padding:8px 16px;font-weight:700;text-decoration:none;transition:transform .15s;position:absolute;inset-block-start:0;inset-inline-start:0;transform:translateY(-100%)}.skip-link:focus{outline:2px solid var(--link);outline-offset:2px;transform:translateY(0)}.container>h1{margin-block-end:.25rem;font-size:2rem}.tag-filters{flex-wrap:wrap;gap:8px;margin-block-start:20px;display:flex}.tag-chip{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:.85rem;transition:background .15s,border-color .15s,color .15s}.tag-chip:hover{border-color:var(--link)}.tag-chip--active{background:var(--link);border-color:var(--link);color:#fff}[data-theme=dark] .tag-chip--active{color:#070a10}.home-tools{margin-block-start:16px}.search-input{border:1px solid var(--border);background:var(--surface);inline-size:100%;color:var(--text);font-size:var(--font-size-base);border-radius:12px;outline:none;padding:12px 16px}.search-input:focus-visible{border-color:var(--link);outline:2px solid var(--link);outline-offset:2px}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-block:18px 0;padding:0;list-style:none;display:grid}@media (width>=600px){.post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1024px){.post-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.post-card{border-radius:var(--radius-card);border:1px solid var(--border);background:var(--surface);padding:12px;transition:transform .15s,opacity .15s;display:block}.post-card:hover{text-decoration:none;transform:translateY(-2px)}.post-card:active{opacity:.75}.post-card__thumb{aspect-ratio:16/10;object-fit:cover;border:1px solid var(--border);background:#7f7f7f14;border-radius:12px;inline-size:100%;margin-block-end:10px}.post-card__title{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-block-size:36px;margin:0;font-size:clamp(14px,1.2vw,16px);font-weight:800;line-height:1.25;display:-webkit-box;overflow:hidden}.grid-empty{text-align:center;color:var(--muted-text);margin-block:32px}.pager{justify-content:center;align-items:center;gap:12px;margin-block:24px 40px;display:flex}.pager__btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font-size:var(--font-size-sm);border-radius:10px;padding:8px 14px;font-weight:600}.pager__btn:disabled{opacity:.45;cursor:not-allowed}.pager__status{color:var(--muted-text);font-size:var(--font-size-sm)}.article{margin-block:28px 48px}.article__title{margin:0 0 6px;font-size:clamp(26px,3.5vw,38px);font-weight:900;line-height:1.25}.article__meta{color:var(--muted-text);font-size:var(--font-size-sm);margin-block-end:24px}.content h1,.content h2,.content h3{color:var(--text);margin-block:1.4em .6em;line-height:1.3}.content h1{font-size:2rem}.content h2{font-size:1.4rem}.content h3{font-size:1.1rem}.content p{color:var(--text);margin-block:.9em}.content ul,.content ol{margin-block:.9em;padding-inline-start:1.5em}.content li{margin-block:.35em}.content strong{font-weight:700}.content table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm);margin-block:1.1em}.content th,.content td{border:1px solid var(--border);text-align:start;vertical-align:middle;padding:8px 12px}.content th{background:var(--surface);font-weight:700}.content-figure{text-align:center;margin-block:1.2em}.content-figure img{border:1px solid var(--border);object-fit:contain;border-radius:12px;max-block-size:420px}.img-row{flex-wrap:wrap;gap:12px;margin-block:1.2em;display:flex}.img-row .content-figure{margin-block:0}.img-row .content-figure img{block-size:auto;inline-size:min(220px,42vw)}.img-row[data-named] .content-figure{flex-direction:column;align-items:center;gap:6px;display:flex}.figure-name{font-size:var(--font-size-sm);color:var(--muted-text)}button.content-figure{cursor:zoom-in;background:0 0;border:0;padding:0}button.content-figure img{display:block}button.content-figure:hover img{border-color:var(--link)}.lightbox{background:0 0;border:0;padding:0;overflow:visible}.lightbox::backdrop{background:#000000e0}.lightbox img{object-fit:contain;border-color:#ffffff40;border-radius:8px;max-block-size:90vh;max-inline-size:min(94vw,1100px);display:block}.lightbox__close{color:#fff;cursor:pointer;background:#0000008c;border:1px solid #ffffff59;border-radius:50%;block-size:40px;inline-size:40px;font-size:26px;line-height:1;position:fixed;inset-block-start:14px;inset-inline-end:16px}.ingredient-badge{border:1px solid var(--border);background:var(--surface);vertical-align:middle;border-radius:999px;align-items:center;gap:8px;margin-inline:4px;padding:3px 8px 3px 3px;display:inline-flex}.ingredient-badge img{object-fit:cover;border-radius:999px;block-size:28px;inline-size:28px}.ingredient-badge span{color:var(--text);font-size:.82rem;font-weight:600}button.ingredient-badge{font:inherit;cursor:zoom-in}button.ingredient-badge:hover{border-color:var(--link)}.info-page{max-inline-size:860px;margin-block:32px 64px;margin-inline:auto}.disclaimer{border-radius:var(--radius-card);border:1px solid var(--border);background:var(--surface);font-size:var(--font-size-sm);color:var(--text);opacity:.85;margin-block-start:32px;padding:16px 20px}.back-link{font-size:var(--font-size-sm);margin-block-start:24px;font-weight:600;display:inline-block}.page-end{block-size:48px}.site-footer{border-block-start:1px solid var(--border);max-inline-size:var(--max-width);text-align:center;font-size:var(--font-size-sm);margin-block-start:48px;margin-inline:auto;padding-block:24px;padding-inline:16px}.site-footer__links{flex-wrap:wrap;justify-content:center;gap:8px 20px;display:flex}.site-footer__links a{color:var(--muted-text);text-decoration:none}.site-footer__links a:hover,.site-footer__links a:focus-visible{color:var(--link);text-decoration:underline}.site-footer__note{color:var(--muted-text);margin-block-start:10px;font-size:.8rem}.consent-banner{z-index:500;background:var(--header-background);border-block-start:1px solid var(--border);font-size:var(--font-size-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:12px 16px;display:flex;position:fixed;inset-block-end:0;inset-inline:0;box-shadow:0 -4px 16px #0000001f}.consent-banner[hidden]{display:none}.consent-banner__text{margin:0}.consent-banner__actions{gap:8px;display:flex}.consent-banner__btn{border:1px solid var(--border);color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:6px 14px}.consent-banner__btn--primary{background:var(--link);border-color:var(--link);color:#fff}.consent-banner__btn:hover,.consent-banner__btn:focus-visible{opacity:.88}:focus-visible{outline:2px solid var(--link);outline-offset:2px;border-radius:4px}