:root{--bg:#0f1115;--bg-elev:#161a22;--card:#11161c;--border:#273044;--text:#e8edf7;--muted:#9aa6b2;--primary:#7c5cff;--primary-2:#6448d8;--ok:#2ecc71;--warn:#f39c12;--danger:#ef476f;--shadow:0 8px 24px rgba(0,0,0,.35);--ring:0 0 0 3px rgba(124,92,255,.35)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;height:100%}body{background:linear-gradient(180deg,var(--bg),#0b0d12 60%,#0a0c10);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:500 16px/1.55 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif}.container,.shell{width:100%;max-width:980px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.site-header,.header{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:color-mix(in oklab,var(--bg)85%,transparent);position:-webkit-sticky;position:sticky;top:0}.site-header .container,.header .shell{justify-content:space-between;align-items:center;height:64px;display:flex}.brand{color:var(--text);align-items:center;gap:10px;font-weight:800;text-decoration:none;display:flex}.nav{gap:18px;display:flex}.nav a{color:var(--muted);border-radius:10px;align-items:center;gap:6px;padding:8px 10px;font-weight:600;text-decoration:none;transition:color .18s,background .18s;display:flex}.nav a:hover{color:var(--text);background:color-mix(in oklab,var(--bg-elev)80%,transparent)}.site-footer,.footer{color:var(--muted);border-top:1px solid var(--border);margin-top:60px;padding:40px 0}h1,h2,h3{margin:22px 0 12px;line-height:1.2}h1,.h1{letter-spacing:.2px;font-size:max(26px,min(3vw,34px));font-weight:900}h2,.h2{font-size:max(22px,min(2.5vw,28px));font-weight:800}h3{font-size:20px;font-weight:800}p{margin:10px 0}small,.muted{color:var(--muted)}input[type=text],input[type=search],select,textarea,.input,.select{background:var(--bg-elev);border:1px solid var(--border);width:100%;color:var(--text);border-radius:12px;outline:none;padding:12px 14px;transition:border-color .18s,box-shadow .18s}input::placeholder{color:#7e889e}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:var(--ring)}.btn,button:not([type=checkbox]){--bg-btn:var(--bg-elev);color:var(--text);background:var(--bg-btn);border:1px solid var(--border);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:700;text-decoration:none;transition:transform 60ms,background .18s,border-color .18s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)scale(.98)}.btn-primary,.btn.primary{--bg-btn:var(--primary);border-color:var(--primary-2);color:#fff}.btn.ghost{box-shadow:none;background:0 0}.btn.danger{--bg-btn:var(--danger);color:#fff}.card{background:linear-gradient(180deg,color-mix(in oklab,var(--card)70%,transparent),var(--card));border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:16px 18px;transition:transform .12s,box-shadow .12s,border-color .12s}.card.hover:hover{border-color:color-mix(in oklab,var(--primary)35%,var(--border));transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,0,0,.4)}.badge{background:var(--bg-elev);border:1px solid var(--border);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:700;display:inline-flex}.pills{flex-wrap:wrap;gap:8px;display:flex}.pill{border:1px solid color-mix(in oklab,var(--border)80%,transparent);background:color-mix(in oklab,var(--bg-elev)92%,transparent);color:var(--muted);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:.9rem;font-weight:700;transition:transform .15s,border-color .15s,background .15s,color .15s}.pill:hover{color:var(--text);border-color:color-mix(in oklab,var(--primary)35%,var(--border));transform:translateY(-1px)}.pill--active,.pill.active{color:#fff;background:linear-gradient(135deg,color-mix(in oklab,var(--primary)92%,#000),var(--primary-2));box-shadow:0 2px 14px color-mix(in oklab,var(--primary)28%,transparent);border-color:transparent}input[type=checkbox]:not(.list-item input){-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:999px;width:46px;height:28px;margin:0 8px 0 0;transition:background .18s,border-color .18s;position:relative}input[type=checkbox]:after{content:"";background:#cfd6e4;border-radius:50%;width:22px;height:22px;transition:left .18s,background .18s;position:absolute;top:3px;left:3px}input[type=checkbox]:checked{background:var(--primary);border-color:color-mix(in oklab,var(--primary)70%,#000)}input[type=checkbox]:checked:after{background:#0b0f13;left:21px}.search-panel{z-index:20;background:color-mix(in oklab,var(--bg-elev)92%,transparent);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:saturate(130%)blur(6px);backdrop-filter:saturate(130%)blur(6px);border-radius:16px;margin-bottom:22px;position:-webkit-sticky;position:sticky;top:64px}.search-panel input[type=text],.search-panel input[type=search]{background:radial-gradient(120% 120% at 0% 0%,rgba(255,255,255,.03),transparent 70%),var(--bg);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%239aa6b2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>");background-position:16px;background-repeat:no-repeat;padding:14px 16px 14px 54px}.results-list{gap:12px;margin-top:18px;display:grid}.mp-thumb{border:1px solid var(--border);background:radial-gradient(120% 120% at 50% 0,#0f1218,#0b0e14);border-radius:14px;flex:0 0 72px;place-items:center;width:72px;height:72px;display:grid;overflow:hidden}.mp-thumb img{object-fit:cover;width:100%;height:100%}.mp-hero{border:1px solid var(--border);background:radial-gradient(120% 120% at 50% 0,#121826,#0f131c);border-radius:12px;justify-content:center;align-items:center;height:220px;margin-bottom:14px;display:flex;overflow:hidden}.mp-hero img{object-fit:cover;width:100%;height:100%}.mp-icon{color:#e9d8b7;opacity:.9;width:56%;height:56%}.row{align-items:center;gap:12px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.columns{grid-template-columns:1fr;gap:14px;display:grid}@media (min-width:900px){.columns{grid-template-columns:1fr 1fr}}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-12{margin-top:12px}.clean-ul{margin:0;padding:0;list-style:none}.clean-ul .item{align-items:center;gap:10px;padding:8px 0;display:flex}.ai-hint{border:1px dashed var(--border);background:linear-gradient(rgba(140,118,255,.06),rgba(140,118,255,.03));border-radius:8px;padding:6px 10px;font-size:.95rem}.list-item{border:1px solid var(--border);background:#0f121a;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.list-item input[type=checkbox]{width:42px;height:24px}.card a,.card--recipe a,.result-item a,main li>a,.card a:hover,.card--recipe a:hover,.result-item a:hover,main li>a:hover{text-decoration:none;color:var(--text)!important}.card a:hover .recipe-title,.card--recipe a:hover{color:color-mix(in oklab,var(--text)90%,var(--primary))}