:root,[data-theme=dark]{color-scheme:dark;--bg:#0b1120;--card:#111a2e;--card2:#0f172a;--ink:#e6edf7;--muted:#94a3b8;--line:#1f2a44;--brand:#2dd4bf;--brandHover:#5eead4;--btnInk:#042f2e;--pillbg:rgba(45,212,191,.12);--pillline:rgba(45,212,191,.35);--graybg:#1a2540;--grayink:#cbd5e1;--warn:#fcd34d;--warnbg:rgba(251,191,36,.12);--warnline:rgba(251,191,36,.35);--codebg:#1a2540;--shadow:0 8px 30px rgba(0,0,0,.45);--setupbg:rgba(45,212,191,.08)}[data-theme=light]{color-scheme:light;--bg:#f7f8fa;--card:#fff;--card2:#fff;--ink:#0f172a;--muted:#5b6475;--line:#e4e7ec;--brand:#0f766e;--brandHover:#115e59;--btnInk:#fff;--pillbg:#ecfdf5;--pillline:#a7f3d0;--graybg:#f1f5f9;--grayink:#334155;--warn:#92400e;--warnbg:#fef3c7;--warnline:#fde68a;--codebg:#f1f5f9;--shadow:0 6px 24px rgba(15,23,42,.08);--setupbg:#f0fdfa}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink);line-height:1.55}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1120px;margin:0 auto;padding:0 20px}header.top{background:var(--card2);border-bottom:1px solid var(--line)}header.top .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{font-weight:800;font-size:20px;color:var(--ink)}.logo span{color:var(--brand)}nav a{margin-left:20px;color:var(--muted);font-size:14px}.hero{padding:56px 0 28px}.hero h1{font-size:44px;line-height:1.1;margin:0 0 14px;letter-spacing:-.02em;max-width:760px}.hero p{font-size:18px;color:var(--muted);max-width:640px;margin:0}.pill{display:inline-block;font-size:12px;padding:3px 10px;border-radius:999px;background:var(--pillbg);color:var(--brand);border:1px solid var(--pillline);margin:0 6px 6px 0}.pill.gray{background:var(--graybg);color:var(--grayink);border-color:var(--line)}.status{display:inline-flex;gap:6px;align-items:center;font-size:12px;padding:4px 10px;border-radius:999px;background:var(--warnbg);color:var(--warn);border:1px solid var(--warnline)}.filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;grid-gap:10px;gap:10px;margin:24px 0}.filters input,.filters select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;font-size:15px;background:var(--card);color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:16px;gap:16px;margin-bottom:48px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:8px;transition:box-shadow .15s}.card:hover{box-shadow:var(--shadow)}.card h3{margin:0;font-size:17px}.card h3 a{color:var(--ink)}.card p{margin:0;font-size:14px}.card p,.meta{color:var(--muted)}.meta{font-size:12px}.layout{display:grid;grid-template-columns:1fr 320px;grid-gap:28px;gap:28px;padding:32px 0 56px}article.recipe{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:32px}article.recipe h1{font-size:32px;margin:8px 0 10px;line-height:1.2}article.recipe h2{font-size:20px;margin:28px 0 8px;padding-top:16px;border-top:1px solid var(--line)}article.recipe code{background:var(--codebg);padding:1px 5px;border-radius:5px;font-size:.9em}aside .box{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:16px}aside .box h4{margin:0 0 8px}.btn{display:inline-block;background:var(--brand);color:var(--btnInk);padding:10px 16px;border-radius:10px;font-weight:600;border:0;cursor:pointer;font-size:14px}.btn:hover{background:var(--brandHover);text-decoration:none}.btn.ghost{background:transparent;color:var(--brand);border:1px solid var(--brand)}.facts{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin:16px 0}.facts div{background:var(--bg);border-radius:10px;padding:10px;font-size:13px}.facts b{display:block;font-size:15px}.news{background:linear-gradient(135deg,#0f766e,#134e4a);color:#fff;border-radius:16px;padding:28px;margin:8px 0 48px}.news h3{margin:0 0 6px}.news form{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.news input{flex:1 1;min-width:220px;padding:11px;border-radius:10px;border:0;background:#fff;color:#0f172a}.news .btn{background:#fff;color:#0f766e}footer{border-top:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:13px;background:var(--card2)}@media(max-width:820px){.filters,.layout{grid-template-columns:1fr}.hero h1{font-size:32px}}.theme-toggle{margin-left:20px;background:var(--graybg);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:13px;cursor:pointer}[data-theme=dark] .news{background:linear-gradient(135deg,#115e59,#0b3b38);border:1px solid var(--line)}.setup{border-color:var(--pillline)!important;background:var(--setupbg)!important}.tabs-wrap{margin-top:24px;border-top:1px solid var(--line);padding-top:16px}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:14px}.tab{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:10px 14px;font-size:15px;font-weight:600;cursor:pointer;margin-bottom:-1px}.tab.on{color:var(--brand);border-bottom-color:var(--brand)}.tabpanel table{width:100%;border-collapse:collapse;font-size:14px;margin:10px 0}.tabpanel td,.tabpanel th{border:1px solid var(--line);padding:8px;text-align:left;vertical-align:top}.tabpanel th{background:var(--graybg)}.tabpanel h2{font-size:18px;border:0;padding-top:0;margin-top:8px}