@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,600;0,9..144,700;0,9..144,800;1,9..144,600&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root,.light,.light-theme{--orange-1:#fefcfb;--orange-2:#fff7ed;--orange-3:#ffefd6;--orange-4:#ffdfb5;--orange-5:#ffd19a;--orange-6:#ffc182;--orange-7:#f5ae73;--orange-8:#ec9455;--orange-9:#f76b15;--orange-10:#ef5f00;--orange-11:#cc4e00;--orange-12:#582d1d}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){:root,.light,.light-theme{--orange-1:color(display-p3 .995 .988 .985);--orange-2:color(display-p3 .994 .968 .934);--orange-3:color(display-p3 .989 .938 .85);--orange-4:color(display-p3 1 .874 .687);--orange-5:color(display-p3 1 .821 .583);--orange-6:color(display-p3 .975 .767 .545);--orange-7:color(display-p3 .919 .693 .486);--orange-8:color(display-p3 .877 .597 .379);--orange-9:color(display-p3 .9 .45 .2);--orange-10:color(display-p3 .87 .409 .164);--orange-11:color(display-p3 .76 .34 0);--orange-12:color(display-p3 .323 .185 .127)}}}:root,.light,.light-theme{--orange-a1:#c0400004;--orange-a2:#ff8e0012;--orange-a3:#ff9c0029;--orange-a4:#ff91014a;--orange-a5:#ff8b0065;--orange-a6:#ff81007d;--orange-a7:#ed6c008c;--orange-a8:#e35f00aa;--orange-a9:#f65e00ea;--orange-a10:#ef5f00;--orange-a11:#cc4e00;--orange-a12:#431200e2}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){:root,.light,.light-theme{--orange-a1:color(display-p3 .757 .267 .024/.016);--orange-a2:color(display-p3 .886 .533 .008/.067);--orange-a3:color(display-p3 .922 .584 .008/.15);--orange-a4:color(display-p3 1 .604 .004/.314);--orange-a5:color(display-p3 1 .569 .004/.416);--orange-a6:color(display-p3 .949 .494 .004/.455);--orange-a7:color(display-p3 .839 .408 0/.514);--orange-a8:color(display-p3 .804 .349 0/.62);--orange-a9:color(display-p3 .878 .314 0/.8);--orange-a10:color(display-p3 .843 .29 0/.836);--orange-a11:color(display-p3 .76 .34 0);--orange-a12:color(display-p3 .323 .185 .127)}}}:root,.light,.light-theme{--brown-1:#fefdfc;--brown-2:#fcf9f6;--brown-3:#f6eee7;--brown-4:#f0e4d9;--brown-5:#ebdaca;--brown-6:#e4cdb7;--brown-7:#dcbc9f;--brown-8:#cea37e;--brown-9:#ad7f58;--brown-10:#a07553;--brown-11:#815e46;--brown-12:#3e332e}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){:root,.light,.light-theme{--brown-1:color(display-p3 .995 .992 .989);--brown-2:color(display-p3 .987 .976 .964);--brown-3:color(display-p3 .959 .936 .909);--brown-4:color(display-p3 .934 .897 .855);--brown-5:color(display-p3 .909 .856 .798);--brown-6:color(display-p3 .88 .808 .73);--brown-7:color(display-p3 .841 .742 .639);--brown-8:color(display-p3 .782 .647 .514);--brown-9:color(display-p3 .651 .505 .368);--brown-10:color(display-p3 .601 .465 .344);--brown-11:color(display-p3 .485 .374 .288);--brown-12:color(display-p3 .236 .202 .183)}}}:root,.light,.light-theme{--brown-a1:#aa550003;--brown-a2:#aa550009;--brown-a3:#a04b0018;--brown-a4:#9b4a0026;--brown-a5:#9f4d0035;--brown-a6:#a04e0048;--brown-a7:#a34e0060;--brown-a8:#9f4a0081;--brown-a9:#823c00a7;--brown-a10:#723300ac;--brown-a11:#522100b9;--brown-a12:#140600d1}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){:root,.light,.light-theme{--brown-a1:color(display-p3 .675 .349 .024/.012);--brown-a2:color(display-p3 .675 .349 .024/.036);--brown-a3:color(display-p3 .573 .314 .012/.091);--brown-a4:color(display-p3 .545 .302 .008/.146);--brown-a5:color(display-p3 .561 .29 .004/.204);--brown-a6:color(display-p3 .553 .294 .004/.271);--brown-a7:color(display-p3 .557 .286 .004/.361);--brown-a8:color(display-p3 .549 .275 .004/.487);--brown-a9:color(display-p3 .447 .22 0/.632);--brown-a10:color(display-p3 .388 .188 0/.655);--brown-a11:color(display-p3 .485 .374 .288);--brown-a12:color(display-p3 .236 .202 .183)}}}:root,.light,.light-theme{--amber-1:#fefdfb;--amber-2:#fefbe9;--amber-3:#fff7c2;--amber-4:#ffee9c;--amber-5:#fbe577;--amber-6:#f3d673;--amber-7:#e9c162;--amber-8:#e2a336;--amber-9:#ffc53d;--amber-10:#ffba18;--amber-11:#ab6400;--amber-12:#4f3422}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){:root,.light,.light-theme{--amber-1:color(display-p3 .995 .992 .985);--amber-2:color(display-p3 .994 .986 .921);--amber-3:color(display-p3 .994 .969 .782);--amber-4:color(display-p3 .989 .937 .65);--amber-5:color(display-p3 .97 .902 .527);--amber-6:color(display-p3 .936 .844 .506);--amber-7:color(display-p3 .89 .762 .443);--amber-8:color(display-p3 .85 .65 .3);--amber-9:color(display-p3 1 .77 .26);--amber-10:color(display-p3 .959 .741 .274);--amber-11:color(display-p3 .64 .4 0);--amber-12:color(display-p3 .294 .208 .145)}}}:root,.light,.light-theme{--amber-a1:#c0800004;--amber-a2:#f4d10016;--amber-a3:#ffde003d;--amber-a4:#ffd40063;--amber-a5:#f8cf0088;--amber-a6:#eab5008c;--amber-a7:#dc9b009d;--amber-a8:#da8a00c9;--amber-a9:#ffb300c2;--amber-a10:#ffb300e7;--amber-a11:#ab6400;--amber-a12:#341500dd}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){:root,.light,.light-theme{--amber-a1:color(display-p3 .757 .514 .024/.016);--amber-a2:color(display-p3 .902 .804 .008/.079);--amber-a3:color(display-p3 .965 .859 .004/.22);--amber-a4:color(display-p3 .969 .82 .004/.35);--amber-a5:color(display-p3 .933 .796 .004/.475);--amber-a6:color(display-p3 .875 .682 .004/.495);--amber-a7:color(display-p3 .804 .573 0/.557);--amber-a8:color(display-p3 .788 .502 0/.699);--amber-a9:color(display-p3 1 .686 0/.742);--amber-a10:color(display-p3 .945 .643 0/.726);--amber-a11:color(display-p3 .64 .4 0);--amber-a12:color(display-p3 .294 .208 .145)}}}:root,.light,.light-theme{--sand-1:#fdfdfc;--sand-2:#f9f9f8;--sand-3:#f1f0ef;--sand-4:#e9e8e6;--sand-5:#e2e1de;--sand-6:#dad9d6;--sand-7:#cfceca;--sand-8:#bcbbb5;--sand-9:#8d8d86;--sand-10:#82827c;--sand-11:#63635e;--sand-12:#21201c}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){:root,.light,.light-theme{--sand-1:color(display-p3 .992 .992 .989);--sand-2:color(display-p3 .977 .977 .973);--sand-3:color(display-p3 .943 .942 .936);--sand-4:color(display-p3 .913 .912 .903);--sand-5:color(display-p3 .885 .883 .873);--sand-6:color(display-p3 .854 .852 .839);--sand-7:color(display-p3 .813 .81 .794);--sand-8:color(display-p3 .738 .734 .713);--sand-9:color(display-p3 .553 .553 .528);--sand-10:color(display-p3 .511 .511 .488);--sand-11:color(display-p3 .388 .388 .37);--sand-12:color(display-p3 .129 .126 .111)}}}:root,.light,.light-theme{--sand-a1:#55550003;--sand-a2:#25250007;--sand-a3:#20100010;--sand-a4:#1f150019;--sand-a5:#1f180021;--sand-a6:#19130029;--sand-a7:#19140035;--sand-a8:#1915014a;--sand-a9:#0f0f0079;--sand-a10:#0c0c0083;--sand-a11:#080800a1;--sand-a12:#060500e3}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){:root,.light,.light-theme{--sand-a1:color(display-p3 .349 .349 .024/.012);--sand-a2:color(display-p3 .161 .161 .024/.028);--sand-a3:color(display-p3 .067 .067 .008/.063);--sand-a4:color(display-p3 .129 .129 .012/.099);--sand-a5:color(display-p3 .098 .067 .008/.126);--sand-a6:color(display-p3 .102 .075 .004/.161);--sand-a7:color(display-p3 .098 .098 .004/.208);--sand-a8:color(display-p3 .086 .075 .004/.287);--sand-a9:color(display-p3 .051 .051 .004/.471);--sand-a10:color(display-p3 .047 .047 0/.514);--sand-a11:color(display-p3 .031 .031 0/.632);--sand-a12:color(display-p3 .024 .02 0/.891)}}}:root,.light,.light-theme{--green-1:#fbfefc;--green-2:#f4fbf6;--green-3:#e6f6eb;--green-4:#d6f1df;--green-5:#c4e8d1;--green-6:#adddc0;--green-7:#8eceaa;--green-8:#5bb98b;--green-9:#30a46c;--green-10:#2b9a66;--green-11:#218358;--green-12:#193b2d}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){:root,.light,.light-theme{--green-1:color(display-p3 .986 .996 .989);--green-2:color(display-p3 .963 .983 .967);--green-3:color(display-p3 .913 .964 .925);--green-4:color(display-p3 .859 .94 .879);--green-5:color(display-p3 .796 .907 .826);--green-6:color(display-p3 .718 .863 .761);--green-7:color(display-p3 .61 .801 .675);--green-8:color(display-p3 .451 .715 .559);--green-9:color(display-p3 .332 .634 .442);--green-10:color(display-p3 .308 .595 .417);--green-11:color(display-p3 .19 .5 .32);--green-12:color(display-p3 .132 .228 .18)}}}:root,.light,.light-theme{--green-a1:#00c04004;--green-a2:#00a32f0b;--green-a3:#00a43319;--green-a4:#00a83829;--green-a5:#019c393b;--green-a6:#00963c52;--green-a7:#00914071;--green-a8:#00924ba4;--green-a9:#008f4acf;--green-a10:#008647d4;--green-a11:#00713fde;--green-a12:#002616e6}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){:root,.light,.light-theme{--green-a1:color(display-p3 .024 .757 .267/.016);--green-a2:color(display-p3 .024 .565 .129/.036);--green-a3:color(display-p3 .012 .596 .145/.087);--green-a4:color(display-p3 .008 .588 .145/.142);--green-a5:color(display-p3 .004 .541 .157/.204);--green-a6:color(display-p3 .004 .518 .157/.283);--green-a7:color(display-p3 .004 .486 .165/.389);--green-a8:color(display-p3 0 .478 .2/.55);--green-a9:color(display-p3 0 .455 .165/.667);--green-a10:color(display-p3 0 .416 .153/.691);--green-a11:color(display-p3 .19 .5 .32);--green-a12:color(display-p3 .132 .228 .18)}}}:root,.light,.light-theme{--tomato-1:#fffcfc;--tomato-2:#fff8f7;--tomato-3:#feebe7;--tomato-4:#ffdcd3;--tomato-5:#ffcdc2;--tomato-6:#fdbdaf;--tomato-7:#f5a898;--tomato-8:#ec8e7b;--tomato-9:#e54d2e;--tomato-10:#dd4425;--tomato-11:#d13415;--tomato-12:#5c271f}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){:root,.light,.light-theme{--tomato-1:color(display-p3 .998 .989 .988);--tomato-2:color(display-p3 .994 .974 .969);--tomato-3:color(display-p3 .985 .924 .909);--tomato-4:color(display-p3 .996 .868 .835);--tomato-5:color(display-p3 .98 .812 .77);--tomato-6:color(display-p3 .953 .75 .698);--tomato-7:color(display-p3 .917 .673 .611);--tomato-8:color(display-p3 .875 .575 .502);--tomato-9:color(display-p3 .831 .345 .231);--tomato-10:color(display-p3 .802 .313 .2);--tomato-11:color(display-p3 .755 .259 .152);--tomato-12:color(display-p3 .335 .165 .132)}}}:root,.light,.light-theme{--tomato-a1:#ff000003;--tomato-a2:#ff200008;--tomato-a3:#f52b0018;--tomato-a4:#ff35002c;--tomato-a5:#ff2e003d;--tomato-a6:#f92d0050;--tomato-a7:#e7280067;--tomato-a8:#db250084;--tomato-a9:#df2600d1;--tomato-a10:#d72400da;--tomato-a11:#cd2200ea;--tomato-a12:#460900e0}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){:root,.light,.light-theme{--tomato-a1:color(display-p3 .675 .024 .024/.012);--tomato-a2:color(display-p3 .757 .145 .02/.032);--tomato-a3:color(display-p3 .831 .184 .012/.091);--tomato-a4:color(display-p3 .976 .192 .004/.165);--tomato-a5:color(display-p3 .918 .192 .004/.232);--tomato-a6:color(display-p3 .847 .173 .004/.302);--tomato-a7:color(display-p3 .788 .165 .004/.389);--tomato-a8:color(display-p3 .749 .153 .004/.499);--tomato-a9:color(display-p3 .78 .149 0/.769);--tomato-a10:color(display-p3 .757 .141 0/.8);--tomato-a11:color(display-p3 .755 .259 .152);--tomato-a12:color(display-p3 .335 .165 .132)}}}:root{--white-a1:#ffffff0d;--white-a2:#ffffff1a;--white-a3:#ffffff26;--white-a4:#fff3;--white-a5:#ffffff4d;--white-a6:#fff6;--white-a7:#ffffff80;--white-a8:#fff9;--white-a9:#ffffffb3;--white-a10:#fffc;--white-a11:#ffffffe6;--white-a12:#fffffff2}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){:root{--white-a1:color(display-p3 1 1 1/.05);--white-a2:color(display-p3 1 1 1/.1);--white-a3:color(display-p3 1 1 1/.15);--white-a4:color(display-p3 1 1 1/.2);--white-a5:color(display-p3 1 1 1/.3);--white-a6:color(display-p3 1 1 1/.4);--white-a7:color(display-p3 1 1 1/.5);--white-a8:color(display-p3 1 1 1/.6);--white-a9:color(display-p3 1 1 1/.7);--white-a10:color(display-p3 1 1 1/.8);--white-a11:color(display-p3 1 1 1/.9);--white-a12:color(display-p3 1 1 1/.95)}}}:root{--color-cream:var(--sand-1);--color-surface:#fff;--color-ube:var(--orange-9);--color-ube-dark:var(--orange-10);--color-mango:var(--amber-9);--color-calamansi:#1b6b38;--color-tomato:var(--tomato-9);--color-ink:#20130e;--color-muted:#523e36;--color-lavender:var(--orange-2);--color-border:var(--sand-7);--color-border-strong:var(--sand-8);--color-focus:var(--orange-9);--color-success-bg:#eaf7ee;--color-success-border:#a3e2b0;--color-warning-bg:var(--amber-2);--color-error-bg:var(--tomato-2);--color-shadow-subtle:var(--brown-a3);--color-shadow-soft:var(--brown-a4);--color-shadow:var(--brown-a5);--color-shadow-hover:var(--brown-a6);--color-card-focus:var(--orange-a5);--color-focus-ring:var(--orange-a4);--color-surface-translucent:var(--white-a10);--color-warning-border:var(--amber-a7);--color-error-border:var(--tomato-a7);--font-display:"Fraunces", Georgia, serif;--font-body:"Plus Jakarta Sans", system-ui, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-control:14px;--radius-card:20px;--radius-pill:999px;--shadow-card:0 10px 26px var(--color-shadow-soft);font-family:var(--font-body);color:var(--color-ink);background:var(--color-cream);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:500}*{box-sizing:border-box}body{letter-spacing:-.008em;min-width:320px;min-height:100vh;color:var(--color-ink);background:var(--color-cream);margin:0;font-weight:500;overflow-x:hidden}button,input,select,textarea{font:inherit;font-weight:500}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);font-weight:800}strong,label{font-weight:700}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}button:disabled{cursor:not-allowed}#root{min-height:100vh}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.app-shell{background:var(--color-cream);min-height:100vh}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}.app-background{z-index:0;pointer-events:none;background:radial-gradient(circle at 12% 12%,#f4b94226,#0000 28%),radial-gradient(circle at 88% 24%,#c84b311a,#0000 28%),radial-gradient(circle at 78% 88%,#4f8a5b1a,#0000 30%);position:fixed;inset:0;overflow:hidden}.app-background:before{content:"";background:radial-gradient(circle at 50% 18%, var(--orange-a1), transparent 42%);pointer-events:none;position:absolute;inset:0}.app-background:after{content:"";opacity:.18;background-image:radial-gradient(var(--brown-a3) .6px, transparent .6px);pointer-events:none;background-size:18px 18px;position:absolute;inset:0}.app-shell-home .app-background{background:radial-gradient(circle at 10% 18%, var(--amber-a2), transparent 32%), radial-gradient(circle at 88% 18%, var(--orange-a2), transparent 32%), radial-gradient(circle at 78% 88%, var(--green-a2), transparent 34%)}.app-shell-ulam .app-background{background:radial-gradient(circle at 14% 18%, var(--orange-a2), transparent 32%), radial-gradient(circle at 88% 72%, var(--green-a1), transparent 34%), var(--color-cream)}.app-shell-results .app-background{background:radial-gradient(circle at 12% 18%, var(--amber-a1), transparent 30%), radial-gradient(circle at 86% 20%, var(--orange-a2), transparent 34%), radial-gradient(circle at 76% 88%, var(--brown-a1), transparent 32%)}.app-shell-recipe-detail .app-background{background:radial-gradient(circle at 12% 20%, var(--green-a2), transparent 32%), radial-gradient(circle at 88% 24%, var(--orange-a1), transparent 34%), var(--color-cream)}.app-shell-cooking .app-background{background:radial-gradient(circle at 18% 16%, var(--amber-a2), transparent 34%), radial-gradient(circle at 84% 78%, var(--tomato-a1), transparent 30%), var(--color-cream)}.app-shell-auth .app-background{background:radial-gradient(circle at 18% 22%, var(--orange-a1), transparent 34%), radial-gradient(circle at 84% 22%, var(--amber-a1), transparent 32%), var(--color-cream)}.app-shell-saved .app-background{background:radial-gradient(circle at 14% 20%, var(--green-a1), transparent 32%), radial-gradient(circle at 88% 74%, var(--orange-a1), transparent 34%), var(--color-cream)}.app-shell-profile .app-background{background:radial-gradient(circle at 12% 18%, var(--orange-a1), transparent 34%), radial-gradient(circle at 86% 82%, var(--amber-a1), transparent 32%), var(--color-cream)}.background-flow{opacity:.62;width:100%;height:100%;position:absolute}.background-flow-line{stroke:#c84b3126;stroke-width:2px;stroke-linecap:round;stroke-dasharray:3 14}.background-flow-line-secondary{stroke:#f4b94233;stroke-dasharray:2 18}.background-orb{stroke:var(--color-cream);stroke-width:5px}.background-orb-green{fill:#4f8a5ba3}.background-orb-mango{fill:#f4b942ad}.background-orb-tomato{fill:#c84b318f}.background-doodle{stroke:#c84b312e;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.background-doodle-bowl{stroke-width:2.5px}.background-doodle-bowl ellipse:first-child{fill:#ffffff38}.background-doodle-bowl ellipse:nth-child(2){fill:none}.background-doodle-bowl path{fill:none;stroke:#c84b313d;stroke-width:3.5px}.background-doodle-leaf{fill:#4f8a5b26}.background-doodle-spark{stroke:#f4b94261}.background-doodle-garlic{stroke:var(--amber-a4);stroke-width:2.5px}.background-doodle-chili{stroke:var(--tomato-a4);stroke-width:2.5px}.app-shell-home .background-doodle-garlic{stroke:var(--amber-a4)}.app-shell-home .background-doodle-chili{stroke:var(--tomato-a4)}.app-shell-ulam .background-doodle-garlic{stroke:var(--amber-a4)}.app-shell-ulam .background-doodle-chili{stroke:var(--green-a4)}.app-shell-results .background-doodle-garlic{stroke:var(--brown-a4)}.app-shell-results .background-doodle-chili{stroke:var(--orange-a4)}.app-shell-cooking .background-doodle-garlic{stroke:var(--amber-a4)}.app-shell-cooking .background-doodle-chili{stroke:var(--tomato-a4)}.app-topbar-wrapper{z-index:100;pointer-events:none;justify-content:center;padding:0 20px;display:flex;position:fixed;top:18px;left:0;right:0}.app-topbar{pointer-events:auto;justify-content:space-between;align-items:center;gap:var(--space-4);background:var(--white-a11);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1.5px solid var(--slate-a4);border-radius:var(--radius-pill);width:min(760px,100%);min-height:56px;box-shadow:0 14px 36px -4px var(--color-shadow-soft), 0 2px 8px var(--color-shadow-subtle);padding:6px 8px 6px 14px;transition:box-shadow .2s,border-color .2s;display:flex}.app-topbar:hover{border-color:var(--teal-a6);box-shadow:0 18px 40px -2px var(--color-shadow), 0 3px 10px var(--color-shadow-soft)}.brand-lockup,.mobile-brand{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;display:flex}.brand-lockup{border-radius:var(--radius-pill);padding:4px 6px;transition:opacity .15s}.brand-lockup:hover{opacity:.85}.brand-name{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.02em;font-size:18px;font-weight:900;line-height:1}.brand-mark{flex:none;display:block}.topbar-nav{background:var(--sand-2);border:1px solid var(--slate-a3);border-radius:var(--radius-pill);align-items:center;gap:4px;padding:3px 4px;display:flex}.nav-item{border-radius:var(--radius-pill);min-height:36px;color:var(--color-muted);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:7px;padding:0 14px;font-size:13.5px;font-weight:700;transition:color .14s,background-color .14s,border-color .14s;display:inline-flex}.nav-item:hover{color:var(--color-ink);background:var(--color-surface)}.nav-item-active{box-shadow:0 2px 6px var(--color-shadow-subtle);font-weight:800;color:var(--teal-11)!important;background:var(--color-surface)!important;border-color:var(--teal-6)!important}.nav-icon{color:inherit;font-size:17px}.profile-link{background:var(--sand-2);border:1px solid var(--slate-a3);border-radius:var(--radius-pill);color:var(--color-ink);cursor:pointer;align-items:center;gap:8px;padding:4px 12px 4px 4px;transition:background-color .14s,border-color .14s;display:flex}.profile-link:hover{background:var(--color-surface);border-color:var(--teal-6)}.profile-name{color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;max-width:110px;font-size:13px;font-weight:700;overflow:hidden}.avatar{width:30px;height:30px;color:var(--color-ube-dark);background:var(--color-mango);border-radius:50%;place-items:center;font-size:12.5px;font-weight:800;display:grid}.app-content-wrap{z-index:1;width:100%;position:relative}.app-content{width:min(1680px,100%);padding:104px clamp(20px, 3vw, 48px) var(--space-8);margin:0 auto}html{scroll-padding-bottom:104px}.mobile-header,.mobile-nav{display:none}.page-shell{width:100%}.narrow-page{width:min(720px,100%);margin:0 auto}.eyebrow{color:var(--color-ube);letter-spacing:.09em;text-transform:uppercase;font-size:12px;font-weight:800;line-height:16px;display:inline-block}h1,h2,p{margin-top:0}h1,h2{font-family:var(--font-display)}h1{margin-bottom:var(--space-3);letter-spacing:-.04em;font-size:clamp(32px,5vw,52px);line-height:1.08}h2{margin-bottom:var(--space-2);font-size:20px;line-height:1.25}p{line-height:1.6}.page-intro{max-width:560px;margin-bottom:var(--space-6);color:var(--color-muted);font-size:18px}.page-shell-home{width:100%;max-width:1600px;margin:0 auto;display:block}.page-shell-home .hero-panel{min-height:660px;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1.18fr) minmax(520px,1fr);align-items:center;gap:clamp(56px,6vw,110px);padding:clamp(36px,5vw,76px) 0;display:grid;overflow:visible}@media (width<=1100px){.page-shell-home .hero-panel{grid-template-columns:1fr;gap:52px}}.hero-copy{z-index:1;position:relative}.hero-copy .eyebrow{letter-spacing:.14em;margin-bottom:12px;font-size:14px}.hero-copy h1{max-width:780px;margin-top:var(--space-3);letter-spacing:-.045em;margin-bottom:22px;font-size:clamp(34px,5.8vw,76px);line-height:1.08}.hero-copy h1:after{content:"";background:var(--color-ube);border-radius:var(--radius-pill);width:110px;height:6px;margin-top:20px;display:block}.hero-subtitle{color:var(--color-ube-dark);font-family:var(--font-display);margin-bottom:22px;font-size:clamp(22px,2.6vw,36px);font-weight:800;line-height:1.25}.hero-description{max-width:680px;color:var(--color-muted);margin-bottom:30px;font-size:clamp(16px,1.8vw,20px);line-height:1.65}.home-cta-content{gap:16px;max-width:680px;margin-top:32px;display:grid}.home-cta-content strong{color:var(--color-ube-dark);font-family:var(--font-display);font-size:clamp(17px,2vw,20px);line-height:1.3}.home-cta-content p{color:var(--color-muted);margin:0 0 8px;font-size:clamp(14.5px,1.6vw,17px);line-height:1.6}.home-cta-content .button{border-radius:16px;justify-self:start;min-height:56px;padding:0 clamp(24px,4vw,44px);font-size:clamp(16px,1.8vw,19px)}.hero-preview-wrapper{flex-direction:column;align-items:center;width:100%;max-width:620px;margin:0 auto;padding-top:34px;display:flex;position:relative}.card-stack-container{cursor:pointer;-webkit-user-select:none;user-select:none;grid-template-columns:1fr;align-items:start;width:100%;display:grid;position:relative}.card-stack-item{will-change:transform, opacity;grid-area:1/1;width:100%}.card-stack-bg{pointer-events:none}.card-stack-top{cursor:pointer}.hero-preview-card{background:var(--color-surface);border:1.5px solid var(--color-border);width:100%;box-shadow:0 24px 56px -12px var(--color-shadow-soft), 0 3px 10px var(--color-shadow-subtle);text-align:left;border-radius:24px;padding:34px 34px 26px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.card-stack-top:hover{border-color:var(--color-ube);box-shadow:0 32px 64px -10px var(--color-shadow), 0 6px 16px var(--color-shadow-soft)}.hero-preview-topline{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.hero-preview-tags{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hero-preview-badge{text-transform:uppercase;letter-spacing:.8px;color:var(--color-ube-dark);background:var(--color-lavender);border:1px solid var(--color-ube);border-radius:var(--radius-pill);padding:5px 12px;font-size:13px;font-weight:800}.hero-preview-authenticity{color:var(--color-muted);background:var(--sand-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:5px 12px;font-size:13px;font-weight:700}.hero-preview-match{color:var(--color-calamansi);background:var(--color-success-bg);border:1.5px solid var(--color-success-border);border-radius:var(--radius-pill);padding:5px 13px;font-size:14px;font-weight:800}.hero-preview-header{margin-bottom:8px}.hero-preview-title{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.035em;margin:0 0 4px;font-size:30px;font-weight:900;line-height:1.18}.hero-preview-local-name{color:var(--color-ube-dark);margin-bottom:4px;font-size:14.5px;font-weight:700;display:block}.hero-preview-desc{color:var(--color-muted);margin:8px 0 18px;font-size:16px;line-height:1.5}.hero-preview-metrics{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.metric-pill{color:var(--color-ink);background:var(--sand-2);border:1px solid var(--color-border);border-radius:8px;padding:5px 12px;font-size:14px;font-weight:700}.metric-price{color:var(--color-ube-dark);background:var(--color-lavender);border-color:var(--color-ube);font-weight:800}.hero-preview-ingredients{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);gap:12px;margin-bottom:16px;padding:16px 0;display:grid}.hero-preview-group-label{text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.hero-preview-group-label.meron{color:var(--color-calamansi)}.hero-preview-group-label.kulang{color:#991b1b}.hero-preview-chips{flex-wrap:wrap;gap:8px;display:flex}.chip-meron{color:var(--color-calamansi);background:var(--color-success-bg);border:1.5px solid var(--color-success-border);border-radius:8px;padding:5px 12px;font-size:14px;font-weight:700}.chip-kulang{color:#991b1b;background:#fef2f2;border:1.5px solid #fca5a5;border-radius:8px;padding:5px 12px;font-size:14px;font-weight:700}.hero-preview-sub-tip{background:var(--color-surface);border:1.5px solid var(--color-border-strong);color:var(--color-ink);box-shadow:0 2px 8px var(--color-shadow-subtle);border-radius:12px;align-items:center;gap:12px;margin-top:4px;padding:12px 16px;font-size:13.5px;display:flex}.sub-tip-badge{text-transform:uppercase;letter-spacing:.08em;color:var(--color-surface);background:var(--color-ube);box-shadow:0 1px 3px var(--color-shadow-subtle);border-radius:6px;flex-shrink:0;padding:4px 9px;font-size:11px;font-weight:900}.sub-tip-text{color:var(--color-ink);font-weight:700;line-height:1.4}.card-stack-bg-1{box-shadow:0 16px 36px -8px var(--color-shadow-soft);border-color:var(--slate-a5)}.card-stack-bg-2{box-shadow:0 10px 24px -6px var(--color-shadow-subtle);border-color:var(--slate-a4)}.ingredient-prompt textarea::placeholder{color:var(--color-muted)}.ingredient-prompt textarea:focus{border-color:var(--color-ube);box-shadow:0 0 0 3px var(--color-focus-ring)}.prompt-footer{justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:var(--space-1);display:flex}.prompt-helper{color:var(--color-muted);font-size:12px}.ingredient-suggestions{gap:var(--space-2);display:grid}.suggestions-label{color:var(--color-muted);font-size:12px;font-weight:700}.suggestion-list{flex-wrap:wrap;gap:8px;display:flex}.suggestion-chip{min-height:34px;color:var(--color-ube-dark);background:var(--color-lavender);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:0 12px;font-size:12px;font-weight:800;transition:background-color .15s,border-color .15s,transform .15s}.suggestion-chip:hover{background:var(--color-success-bg);border-color:var(--color-calamansi);transform:translateY(-1px)}.button{min-height:48px;padding:0 var(--space-6);border-radius:var(--radius-control);letter-spacing:-.01em;border:2px solid #0000;font-weight:800;transition:transform .15s,background-color .15s,box-shadow .15s}.button:not(:disabled):active{transform:scale(.985)}.button:hover:not(:disabled){transform:translateY(-1px)}.button-primary{color:var(--color-surface);background:var(--color-ube);box-shadow:0 4px 0 var(--color-ube-dark)}.button-primary:hover:not(:disabled){background:var(--color-ube-dark)}.button-primary:disabled{color:var(--color-muted);background:var(--color-border);box-shadow:none}.trust-note{align-items:flex-start;gap:var(--space-2);max-width:600px;margin-top:var(--space-4);color:var(--color-muted);font-size:12px;line-height:1.5;display:flex}.trust-icon{color:var(--color-mango);font-size:16px}.text-button{color:var(--color-ube-dark);background:0 0;border:0;padding:0;font-weight:800}.text-button:hover{text-decoration:underline}.card-caption{color:var(--color-muted);font-size:13px}.home-how-it-works{gap:var(--space-5);padding:var(--space-5) 0 0;box-shadow:none;background:0 0;border:0;border-radius:0;display:grid;position:relative}.home-section-heading{max-width:620px}.home-section-heading h2{margin:var(--space-2) 0;font-family:var(--font-display);font-size:clamp(24px,4vw,34px);line-height:1.15}.home-section-heading p{color:var(--color-muted);margin:0}.how-it-works-steps{align-items:center;gap:var(--space-3);display:flex;position:relative}.how-it-works-steps:before{z-index:0;content:"";background:var(--color-border-strong);height:2px;position:absolute;top:50%;left:8%;right:8%}.how-it-works-step{z-index:1;align-items:center;gap:var(--space-3);min-height:64px;padding:0 var(--space-4);color:var(--color-ube-dark);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);box-shadow:0 6px 16px var(--color-shadow-subtle);flex:1;transition:transform .16s,box-shadow .16s;display:flex;position:relative}.how-it-works-step:hover{box-shadow:0 10px 22px var(--color-shadow-soft);transform:translateY(-2px)}.how-it-works-step span{width:36px;height:36px;color:var(--color-surface);background:var(--color-ube);border:4px solid var(--color-lavender);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.how-it-works-arrow{z-index:2;color:var(--color-ube);background:var(--color-lavender);font-size:22px;font-weight:800;position:relative}.page-shell-home .home-how-it-works{background:linear-gradient(160deg, var(--color-warning-bg) 0%, var(--color-surface) 58%, var(--color-success-bg) 100%);border:1px solid var(--color-border-strong);max-width:none;min-height:500px;box-shadow:var(--shadow-card);border-radius:28px;align-content:center;align-self:center}.page-shell-home .home-section-heading{margin-bottom:var(--space-5)}.page-shell-home .how-it-works-steps{gap:6px;padding-left:0}.page-shell-home .how-it-works-steps:before{background:var(--color-border-strong);width:2px;height:auto;inset:28px auto 28px 28px}.page-shell-home .how-it-works-step{min-height:72px;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 8px 18px var(--color-shadow-subtle);border-radius:16px;padding:12px 14px;transition:transform .16s,border-color .16s,box-shadow .16s}.page-shell-home .how-it-works-step:hover{border-color:var(--color-ube);box-shadow:0 12px 24px var(--color-shadow-soft);transform:translate(3px)}.page-shell-home .how-it-works-step span{border:4px solid var(--color-cream);width:36px;height:36px}.page-shell-home .how-it-works-arrow{width:22px;color:var(--color-ube);background:var(--color-cream);text-align:center;margin-left:18px;font-size:16px;line-height:1}.button-secondary{color:var(--color-ube-dark);background:var(--color-surface);border-color:var(--color-border-strong)}.button-secondary:hover:not(:disabled){background:var(--color-lavender);border-color:var(--color-ube)}.button-saved{color:var(--color-ube-dark);background:var(--color-success-bg);border-color:var(--color-calamansi)}.full-width{width:100%}.narrow-page>.full-width{margin-top:var(--space-5)}.ingredient-add-form{gap:var(--space-4);margin-top:var(--space-5);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border-strong);box-shadow:0 8px 20px var(--color-shadow-subtle);border-radius:18px;display:grid}.ingredient-add-form .field-label input,.ingredient-add-form .field-label select{width:100%;min-height:46px;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);padding:0 12px}.ingredient-add-form .field-label input:focus,.ingredient-add-form .field-label select:focus{border-color:var(--color-ube);box-shadow:0 0 0 3px var(--color-focus-ring);outline:0}.ingredient-add-fields{gap:var(--space-3);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);display:grid}.ingredient-add-footer{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.ingredient-add-form>.ingredient-suggestions{padding-top:var(--space-4);border-top:1px solid var(--color-border)}.ulam-reset-button{margin-top:var(--space-3)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.muted-copy{color:var(--color-muted);font-size:14px}.section-kicker{color:var(--color-ube);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.section-heading-row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.count-badge{min-width:28px;height:28px;color:var(--color-ube-dark);background:var(--color-lavender);border-radius:var(--radius-pill);place-items:center;padding:0 8px;font-size:12px;font-weight:800;display:grid}.review-panel,.constraints-panel,.detail-section,.saved-section,.cost-panel{margin-top:var(--space-6);padding:var(--space-6);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.review-panel h2,.constraints-panel h2,.detail-section h2,.cost-panel h2{margin-bottom:0}.ingredient-chips{gap:var(--space-2);margin:var(--space-4) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.ingredient-chip{align-items:center;gap:var(--space-2);min-height:36px;color:var(--color-ink);background:var(--color-success-bg);border:1.5px solid var(--color-success-border);border-radius:var(--radius-pill);padding:0 8px 0 14px;font-size:13.5px;font-weight:700;display:inline-flex}.ingredient-chip-uncertain{background:var(--color-warning-bg);border-color:var(--color-mango)}.ingredient-chip button{width:26px;height:26px;color:var(--color-muted);background:0 0;border:0;border-radius:50%;place-items:center;font-size:18px;display:grid}.ingredient-chip button:hover{color:var(--color-tomato);background:var(--tomato-a3)}.chip-warning{width:18px;height:18px;color:var(--color-ink);background:var(--color-mango);border-radius:50%;place-items:center;font-size:11px;display:grid}.inline-warning{margin:var(--space-5) 0 0;color:var(--color-ink);border:1.5px solid var(--amber-7);border-left:5px solid var(--color-mango);box-shadow:0 2px 8px var(--color-shadow-subtle);background:#fffdf5;border-radius:12px;padding:14px 18px;font-size:13px;line-height:1.5}.constraint-grid{gap:var(--space-4);margin-top:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.field-label{gap:var(--space-2);color:var(--color-muted);font-size:12px;font-weight:800;display:grid}.field-label select{width:100%;min-height:48px;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);padding:0 14px}.serving-stepper{background:var(--color-cream);border:1px solid var(--color-border);border-radius:var(--radius-control);align-items:center;gap:10px;min-height:48px;padding:0 10px;display:inline-flex}.stepper-label{color:var(--color-muted);margin-right:auto;font-size:12px;font-weight:800}.serving-stepper button{width:32px;height:32px;color:var(--color-ube-dark);background:var(--color-surface);border:1px solid var(--color-border);border-radius:9px;place-items:center;font-size:18px;display:grid}.serving-stepper strong{text-align:center;min-width:20px}.allergy-callout{gap:var(--space-3);margin-top:var(--space-5);color:var(--color-ink);border:1.5px solid var(--amber-7);border-left:5px solid var(--tomato-9);box-shadow:0 2px 8px var(--color-shadow-subtle);background:#fffdf5;border-radius:12px;padding:14px 18px;font-size:12.5px;line-height:1.5;display:flex}.allergy-callout strong{color:var(--tomato-11);white-space:nowrap;font-weight:800}.cooking-loading{align-items:center;gap:var(--space-4);margin:var(--space-5) 0;padding:var(--space-4) var(--space-5);color:var(--color-ink);background:var(--color-lavender);border:1.5px solid var(--color-border);border-radius:var(--radius-card);display:flex}.cooking-loading-icon{width:42px;height:42px;color:var(--color-ube-dark);background:var(--color-surface);border:1.5px solid var(--color-ube);border-radius:12px;flex:none;place-items:center;display:grid}.loading-spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cooking-loading strong{font-family:var(--font-display);color:var(--color-ink);font-size:15px;display:block}.cooking-loading p{color:var(--color-muted);margin:4px 0 0;font-size:13px}.results-header{justify-content:space-between;align-items:end;gap:var(--space-5);display:flex}.results-header h1{margin-bottom:var(--space-2)}.active-filter-row{gap:var(--space-2);margin:var(--space-4) 0 var(--space-5);flex-wrap:wrap;display:flex}.filter-pill{color:var(--color-ube-dark);background:var(--color-lavender);border-radius:var(--radius-pill);padding:7px 12px;font-size:12px;font-weight:800}.results-guidance{margin:0 0 var(--space-5);color:var(--color-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 16px;font-size:12px;line-height:1.45;display:flex}.results-guidance strong{color:var(--color-ink)}.results-guidance b{color:var(--color-ube-dark)}.results-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}@media (width<=1080px){.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.results-grid{grid-template-columns:1fr}}.recipe-card{background:var(--color-surface);border:1px solid var(--slate-a4);min-width:0;box-shadow:0 10px 28px -8px var(--color-shadow-soft), 0 2px 5px var(--color-shadow-subtle);border-radius:18px;flex-direction:column;padding:22px 20px 20px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;overflow:hidden}.recipe-card:hover,.recipe-card:focus-within{border-color:var(--teal-a7);box-shadow:0 20px 40px -10px var(--color-shadow), 0 4px 10px var(--color-shadow-soft)}.recipe-card-image{aspect-ratio:16/9;object-fit:cover;width:calc(100% + 40px);height:auto;margin:-22px -20px 16px;transition:transform .22s}.recipe-card:hover .recipe-card-image,.recipe-card:focus-within .recipe-card-image{transform:scale(1.02)}.recipe-card-image-placeholder{aspect-ratio:16/9;background:linear-gradient(135deg, var(--teal-2) 0%, var(--sand-2) 100%);border-bottom:1px solid var(--slate-a3);flex-direction:column;justify-content:center;align-items:center;width:calc(100% + 40px);margin:-22px -20px 16px;display:flex;position:relative}.placeholder-pattern{opacity:.12;background-image:radial-gradient(var(--teal-11) .8px, transparent .8px);background-size:14px 14px;position:absolute;inset:0}.placeholder-brand{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--teal-11);background:var(--color-surface);border-radius:var(--radius-pill);border:1px solid var(--teal-6);z-index:1;padding:4px 12px;font-size:12px;font-weight:800;position:relative}.recipe-card-topline{justify-content:flex-start;align-items:center;gap:8px;margin-bottom:10px;display:flex}.recipe-badge{width:max-content;color:var(--teal-11);background:var(--teal-2);border:1px solid var(--teal-6);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.5px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-flex}.recipe-authenticity-badge{width:max-content;color:var(--color-muted);background:var(--sand-2);border:1px solid var(--slate-a3);border-radius:var(--radius-pill);padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.save-button{width:34px;height:34px;color:var(--color-muted);background:var(--sand-2);border:1px solid var(--slate-a3);border-radius:50%;place-items:center;margin-left:auto;font-size:17px;transition:color .15s,background .15s,border-color .15s;display:grid}.save-button:hover,.save-button-saved{color:var(--tomato-11);background:var(--tomato-2);border-color:var(--tomato-6)}.recipe-card-main{color:inherit;text-align:left;background:0 0;border:0;flex:1;gap:10px;padding:0;display:grid}.recipe-card-main h2{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.02em;margin:0;font-size:20px;font-weight:900;line-height:1.25}.recipe-description,.recipe-match{min-height:44px;color:var(--color-muted);margin:0;font-size:13.5px;line-height:1.45}.recipe-metrics{flex-wrap:wrap;gap:6px;margin:4px 0;display:flex}.recipe-metrics span{color:var(--color-ink);background:var(--sand-2);border:1px solid var(--color-border);border-radius:6px;padding:4px 8px;font-size:12px;font-weight:700}.recipe-metrics .metric-price{color:var(--color-ube-dark);background:var(--color-lavender);border-color:var(--color-ube);font-weight:800}.recipe-metrics .metric-match{color:var(--color-calamansi);background:var(--color-success-bg);border-color:var(--color-success-border);font-weight:800}.recipe-metrics-large{margin:var(--space-4) 0;flex-wrap:wrap;gap:8px;display:flex}.recipe-metrics-large span{color:var(--color-ink);background:var(--sand-2);border:1px solid var(--color-border-strong);border-radius:8px;padding:6px 12px;font-size:13.5px;font-weight:700}.recipe-metrics-large span:nth-child(3){color:var(--color-ube-dark);background:var(--color-lavender);border-color:var(--color-ube);font-weight:800}.recipe-metrics-large strong{color:inherit}.ingredient-summary{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);gap:10px;padding:12px 0 6px;display:grid}.ingredient-summary div{flex-wrap:wrap;align-items:center;gap:5px;font-size:11px;display:flex}.ingredient-summary strong{width:100%;color:var(--color-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px;font-size:11px;font-weight:800}.ingredient-summary span{color:var(--color-ink);background:var(--color-success-bg);border:1.5px solid var(--color-success-border);border-radius:6px;padding:3px 8px;font-size:11.5px;font-weight:700}.ingredient-summary div:last-child span{color:#991b1b;background:#fef2f2;border:1.5px solid #fca5a5}.ingredient-summary .chip-meron{color:var(--color-calamansi);background:var(--color-success-bg);border:1.5px solid var(--color-success-border);font-weight:800}.ingredient-summary .chip-kulang{color:#991b1b;background:#fef2f2;border:1.5px solid #fca5a5;font-weight:800}.card-action{color:var(--color-ube);align-items:center;gap:4px;margin-top:6px;font-size:13px;font-weight:800;transition:gap .15s,color .15s;display:inline-flex}.recipe-card:hover .card-action{color:var(--color-ube-dark);gap:8px}.recipe-feedback{gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border);display:grid}.recipe-feedback-label{color:var(--color-muted);font-size:12px;font-weight:700}.recipe-feedback-options{flex-wrap:wrap;gap:6px;display:flex}.feedback-option{min-height:32px;color:var(--color-ink);background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:999px;padding:5px 10px;font-size:11.5px;font-weight:700}.feedback-option:hover,.feedback-option-active{color:var(--color-ube-dark);background:var(--color-lavender);border-color:var(--color-ube)}.recipe-feedback-confirmation{color:var(--color-ube-dark);font-size:12px;font-weight:800}.results-footer-actions{margin-top:var(--space-6);justify-content:center;display:flex}.trust-note-block{max-width:none;margin:var(--space-5) 0 0;color:var(--color-ink);background:var(--color-surface);border:1.5px solid var(--color-border);text-align:center;box-shadow:0 2px 6px var(--color-shadow-subtle);border-radius:12px;justify-content:center;padding:14px 18px;font-size:12.5px}.state-panel{min-height:360px;padding:var(--space-7) var(--space-5);text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);align-content:center;justify-items:center;display:grid}.state-panel h2{margin:var(--space-3) 0 var(--space-2)}.state-panel p{max-width:460px;margin-bottom:var(--space-5);color:var(--color-muted)}.state-panel-error{background:var(--color-error-bg);border-color:var(--color-error-border)}.state-panel-offline{background:var(--color-lavender)}.state-icon{background:var(--color-warning-bg);border-radius:24px;place-items:center;width:68px;height:68px;font-size:34px;display:grid}.state-actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.skeleton-list{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.skeleton-card{gap:var(--space-3);min-height:300px;padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);display:grid}.skeleton-card span{background:linear-gradient(90deg, var(--color-cream), var(--color-lavender), var(--color-cream));background-size:200% 100%;border-radius:8px;height:18px;animation:1.2s ease-in-out infinite skeleton-loading;display:block}.skeleton-card span:first-child{width:44%;height:28px}.skeleton-card span:last-child{width:64%}@keyframes skeleton-loading{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes steam-rise{0%,to{opacity:.2;transform:translateY(7px)rotate(-18deg)}50%{opacity:.62;transform:translateY(-7px)rotate(-8deg)}}.detail-topbar{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.back-button{color:var(--color-ube-dark);cursor:pointer;background:0 0;border:0;padding:8px 0;font-weight:800}.recipe-hero{background:var(--color-surface);border:1px solid var(--color-border-strong);box-shadow:0 16px 36px var(--color-shadow-soft);border-radius:28px;grid-template-columns:1fr;gap:clamp(24px,4vw,48px);padding:clamp(24px,5vw,48px);display:grid}.recipe-hero:has(.recipe-hero-image){grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr)}.recipe-hero:not(:has(.recipe-hero-image)) .recipe-hero-content{max-width:780px}.recipe-hero-image{object-fit:cover;border-radius:20px;width:100%;height:100%;min-height:280px}.recipe-hero-content{align-self:center}.recipe-hero h1{max-width:760px;margin-top:var(--space-3);margin-bottom:var(--space-1)}.local-title{margin-top:0;margin-bottom:var(--space-3);color:var(--color-ube-dark);font-family:var(--font-display);font-size:16px;font-weight:800}.detail-description{max-width:720px;color:var(--color-muted);margin:10px 0 16px;font-size:15.5px;line-height:1.65}.match-callout{max-width:760px;color:var(--color-ink);background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-left:5px solid var(--color-ube);box-shadow:0 2px 8px var(--color-shadow-subtle);border-radius:12px;margin-top:16px;padding:16px 20px;font-size:14px;line-height:1.6}.match-callout strong{color:var(--color-ink);margin-right:6px;font-weight:800}.detail-layout{align-items:start;gap:var(--space-5);margin-top:var(--space-5);grid-template-columns:minmax(0,1fr) 330px;display:grid}.detail-section{box-shadow:none}.detail-section+.detail-section{margin-top:var(--space-4)}.detail-ingredient-list,.cost-list,.step-preview-list{gap:var(--space-2);margin:var(--space-5) 0 0;padding:0;list-style:none;display:grid}.detail-ingredient-list li{align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:10px;grid-template-columns:26px 1fr auto;display:grid}.detail-ingredient-list li strong{font-size:14px;display:block}.detail-ingredient-list li small{color:var(--color-muted);margin-top:3px;font-size:11px;display:block}.detail-ingredient-list li em{color:var(--color-muted);font-size:11px;font-style:normal}.ingredient-available{background:var(--color-success-bg);border:1.5px solid var(--color-success-border)}.ingredient-missing{background:#fef2f2;border:1.5px solid #fca5a5}.ingredient-status{width:22px;height:22px;color:var(--color-calamansi);background:var(--color-surface);border:1px solid var(--color-success-border);border-radius:50%;place-items:center;font-weight:800;display:grid}.ingredient-missing .ingredient-status{color:#991b1b;border-color:#fca5a5}.substitution-list{gap:var(--space-2);margin-top:var(--space-4);display:grid}.substitution-row{color:var(--color-ink);text-align:left;background:var(--color-surface);border:1.5px solid var(--color-border-strong);box-shadow:0 2px 6px var(--color-shadow-subtle);cursor:pointer;border-radius:12px;gap:6px;padding:14px 16px;transition:all .15s;display:grid}.substitution-row:hover,.substitution-row-active{background:var(--color-lavender);border-color:var(--color-ube);box-shadow:0 4px 12px var(--color-shadow-soft)}.substitution-row>span{align-items:center;gap:var(--space-2);font-size:14px;font-weight:700;display:flex}.substitution-row small{color:var(--color-muted);font-size:12.5px;font-weight:600}.substitution-arrow{color:var(--color-ube);font-weight:800}.step-preview-list li{gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);grid-template-columns:34px 1fr;display:grid}.step-preview-list li>span{width:30px;height:30px;color:var(--color-surface);background:var(--color-ube);border-radius:50%;place-items:center;font-weight:800;display:grid}.step-preview-list strong{font-size:14px;line-height:1.5;display:block}.step-preview-list small{color:var(--color-muted);margin-top:5px;font-size:12px;display:block}.cost-panel h2{margin-bottom:0}.cost-total{color:var(--color-ube-dark);font-size:18px}.cost-list{gap:0}.cost-list li{justify-content:space-between;gap:var(--space-3);border-bottom:1px solid var(--color-border);padding:10px 0;font-size:13px;display:flex}.cost-list small{color:var(--color-muted);font-size:10px}.missing-text{color:var(--color-tomato)!important}.cost-note{margin:var(--space-4) 0 0;color:var(--color-muted);font-size:11px;line-height:1.5}.safety-note{margin:var(--space-4) 0;color:var(--color-ink);background:var(--color-surface);border:1.5px solid var(--color-border-strong);box-shadow:0 2px 8px var(--color-shadow-subtle);border-radius:14px;padding:14px 16px;font-size:12px;line-height:1.5}.safety-note strong{color:var(--color-ink);margin-bottom:2px;font-weight:800;display:block}.safety-note p{margin:var(--space-1) 0 0;color:var(--color-muted)}.cooking-page{width:min(760px,100%);padding:var(--space-4) 0;margin:0 auto}.cooking-topbar{justify-content:space-between;align-items:center;gap:var(--space-4);background:var(--color-surface);border:1.5px solid var(--color-border);box-shadow:0 4px 14px var(--color-shadow-subtle);border-radius:18px;margin-bottom:24px;padding:12px 18px;display:flex}.cooking-back-button{color:var(--color-ink);background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:700;transition:background-color .15s,border-color .15s,transform .15s,color .15s;display:inline-flex}.cooking-back-button:hover{background:var(--color-lavender);border-color:var(--color-ube);color:var(--color-ube-dark);transform:translateY(-1px)}.cooking-dish-header{text-align:center;flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.cooking-mode-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--color-ube);font-size:11px;font-weight:800;line-height:1.2}.cooking-dish-title{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:2px 0 0;font-size:17px;font-weight:900;line-height:1.2;overflow:hidden}.cooking-topbar-actions{align-items:center;gap:8px;display:flex}.cooking-sound-toggle{color:var(--color-ink);background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.cooking-sound-toggle:hover{background:var(--color-lavender);border-color:var(--color-ube);color:var(--color-ube-dark)}.cooking-sound-toggle.sound-muted{color:var(--color-muted);background:var(--sand-2);border-color:var(--color-border)}.cooking-step-badge{color:var(--color-ink);background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-pill);white-space:nowrap;align-items:center;padding:6px 12px;font-size:12px;font-weight:800;display:inline-flex}.cooking-progress-header{margin-bottom:var(--space-2);color:var(--color-ink);justify-content:space-between;font-size:13px;font-weight:800;display:flex}.cooking-progress-header strong{color:var(--color-ube)}.progress-track{background:var(--color-border);border-radius:var(--radius-pill);height:10px;overflow:hidden}.progress-track span{background:var(--color-ube);border-radius:inherit;height:100%;transition:width .22s;display:block}.cooking-step-card{min-height:390px;margin-top:var(--space-6);padding:clamp(28px, 8vw, 72px) var(--space-6);text-align:center;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);touch-action:pan-y;border-radius:28px;align-content:center;justify-items:center;display:grid}.cooking-step-content{justify-items:center;width:100%;display:grid}.cooking-step-header-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:4px;display:flex}.step-kicker{color:var(--color-calamansi);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.cooking-voice-button{color:var(--color-ink);background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-pill);cursor:pointer;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:700;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.cooking-voice-button:hover{background:var(--color-lavender);border-color:var(--color-ube);color:var(--color-ube-dark)}.cooking-voice-button.voice-speaking{color:var(--color-surface);background:var(--color-ube);border-color:var(--color-ube-dark)}.voice-waveform{align-items:center;gap:2px;height:12px;margin-left:2px;display:inline-flex}.wave-bar{background:currentColor;border-radius:1px;width:2px;height:10px;animation:.8s ease-in-out infinite alternate wave-anim;display:inline-block}.wave-bar:nth-child(2){height:6px;animation-delay:.25s}.wave-bar:nth-child(3){height:8px;animation-delay:.5s}@keyframes wave-anim{0%{transform:scaleY(.4)}to{transform:scaleY(1.2)}}.cooking-step-card h1{max-width:620px;margin:var(--space-4) 0;color:var(--color-ink);font-size:clamp(28px,5vw,46px)}.step-details{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.step-details span{color:var(--color-ink);background:var(--sand-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:8px 12px;font-size:12px;font-weight:800}.timer-controls-cluster{margin-top:var(--space-6);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.timer-button{min-height:48px;padding:0 var(--space-5);color:var(--color-ink);background:var(--sand-2);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-control);cursor:pointer;justify-content:center;align-items:center;gap:8px;font-size:14.5px;font-weight:800;transition:background-color .15s,border-color .15s,box-shadow .15s,color .15s;display:inline-flex}.timer-button:hover{background:var(--color-lavender);border-color:var(--color-ube);color:var(--color-ube-dark)}.timer-button-active{color:var(--color-surface);background:var(--color-ube);border-color:var(--color-ube-dark);box-shadow:0 4px 14px var(--orange-a5)}.timer-button-paused{color:var(--amber-11);background:var(--amber-2);border-color:var(--amber-7)}.timer-button-finished{color:var(--color-surface);background:var(--green-9);border-color:var(--green-10);animation:1.6s infinite timer-pulse}@keyframes timer-pulse{0%{box-shadow:0 0 #2ea04373}70%{box-shadow:0 0 0 12px #2ea04300}to{box-shadow:0 0 #2ea04300}}.timer-icon{font-size:14px;font-weight:900}.timer-reset-button{min-height:48px;color:var(--color-ink);background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-control);cursor:pointer;box-shadow:0 2px 6px var(--color-shadow-subtle);align-items:center;gap:6px;padding:0 16px;font-size:13.5px;font-weight:800;transition:color .15s,border-color .15s,background-color .15s,transform .15s;display:inline-flex}.timer-reset-button:hover{color:var(--color-ube-dark);background:var(--color-lavender);border-color:var(--color-ube);transform:translateY(-1px)}.timer-alert-cue{color:var(--color-calamansi);background:var(--color-success-bg);border:1.5px solid var(--color-success-border);border-radius:var(--radius-pill);align-items:center;margin-top:14px;padding:8px 16px;font-size:13px;font-weight:800;display:inline-flex}.cooking-controls{justify-content:space-between;gap:var(--space-3);margin-top:var(--space-5);display:flex}.cooking-note{margin-top:var(--space-5);color:var(--color-muted);text-align:center;font-size:13px;font-weight:600}.saved-section{box-shadow:var(--shadow-card)}.saved-section+.saved-section{margin-top:var(--space-5)}.success-banner{margin:var(--space-4) 0;color:var(--color-calamansi);background:var(--color-success-bg);border:1.5px solid var(--color-success-border);box-shadow:0 2px 6px var(--color-shadow-subtle);border-radius:12px;padding:12px 16px;font-size:13px;font-weight:800}.error-banner{margin:var(--space-4) 0;color:#991b1b;box-shadow:0 2px 6px var(--color-shadow-subtle);background:#fef2f2;border:1.5px solid #fca5a5;border-radius:12px;padding:12px 16px;font-size:13px;font-weight:800}.preferences-panel,.account-panel{gap:var(--space-4);margin-top:var(--space-5);padding:var(--space-5);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);display:grid}.preference-form{gap:var(--space-4);display:grid}.account-panel{box-shadow:0 2px 8px var(--color-shadow-subtle);background:var(--color-surface);border:1.5px solid var(--color-border)}.account-panel h2,.account-panel p{margin-bottom:0}.account-panel p{color:var(--color-muted);font-size:14px}.auth-page{place-items:center;min-height:620px;display:grid}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);width:min(480px,100%);box-shadow:var(--shadow-card);border-radius:28px;padding:clamp(24px,6vw,48px)}.auth-card>p{color:var(--color-muted)}.auth-form{gap:var(--space-4);margin:var(--space-6) 0 var(--space-4);display:grid}.field-label input{min-height:46px;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);padding:0 12px}.auth-mode-switch{margin-top:var(--space-5);background:var(--color-cream);border:1px solid var(--color-border);border-radius:var(--radius-control);grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.auth-mode-switch button{min-height:40px;color:var(--color-muted);background:0 0;border:0;border-radius:10px;font-weight:800}.auth-mode-switch button:hover,.auth-mode-active{box-shadow:var(--shadow-card);color:var(--color-ube-dark)!important;background:var(--color-surface)!important}.auth-status{margin-top:var(--space-4)}.auth-field-error{color:var(--color-tomato);font-size:12px;font-weight:700}.password-field{align-items:center;gap:var(--space-2);display:flex}.password-field input{flex:1;min-width:0}.password-toggle{min-height:46px;color:var(--color-ube-dark);background:var(--color-cream);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);padding:0 12px;font-size:12px;font-weight:800}.saved-section h2{margin-bottom:0}@media (width<=1100px){.page-shell-home .hero-panel{grid-template-columns:1fr;gap:52px}.results-grid,.skeleton-list{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{grid-template-columns:minmax(0,1fr) 290px}}@media (width<=900px){.page-shell-home{display:block}.app-topbar-wrapper,.app-topbar{display:none}.app-content-wrap{width:100%;margin-left:0}.mobile-header{padding:var(--space-3) 20px;background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.mobile-brand{padding:0}.mobile-brand .brand-mark{width:36px;height:36px}.mobile-profile-button{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;min-height:40px;padding:0;display:flex}.app-content{padding:var(--space-4) 20px calc(112px + env(safe-area-inset-bottom,20px))}.mobile-nav{z-index:20;padding:var(--space-2) 8px calc(var(--space-2) + env(safe-area-inset-bottom));background:var(--white-a11);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--color-border);box-shadow:0 -8px 24px var(--color-shadow-soft);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:fixed;inset:auto 0 0}.mobile-nav-item{cursor:pointer;border-radius:12px;place-items:center;gap:2px;min-height:54px;font-size:19px;display:grid}.mobile-nav-item small{font-size:11px;font-weight:700}.mobile-nav-item-active{color:var(--color-ube-dark);background:var(--color-lavender)}.results-header{flex-direction:column;align-items:start}.results-header .button{width:100%}.detail-layout{grid-template-columns:1fr}.cooking-page{padding-top:0}.hero-panel{grid-template-columns:1fr;min-height:auto;padding:20px}.page-shell-home .hero-panel{flex-direction:column;gap:36px;min-height:auto;padding:12px 0 0;display:flex}.hero-illustration{order:-1;min-height:220px;transform:none}.illustration-pot{width:auto;height:auto;font-size:72px}.home-cta-content .button{width:100%}.page-shell-home .home-how-it-works{margin-top:var(--space-7)}.how-it-works-steps{flex-direction:column;align-items:stretch}.how-it-works-step{min-height:56px}.how-it-works-arrow{align-self:center;transform:rotate(90deg)}.how-it-works-steps:before{width:2px;height:auto;inset:8% auto 8% 18px}.background-flow{opacity:.42;width:150%;left:-25%}}@media (width<=680px){.constraint-grid,.results-grid,.skeleton-list{grid-template-columns:1fr}.detail-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.detail-topbar .button{min-height:40px;padding:0 14px;font-size:13px}.recipe-hero{border-radius:22px;padding:22px 18px}:is(.recipe-hero,.recipe-hero:has(.recipe-hero-image)){gap:var(--space-4);grid-template-columns:1fr}.recipe-hero-image{border-radius:16px;min-height:200px;max-height:260px}.recipe-metrics-large{gap:6px}.recipe-metrics-large span{text-align:center;flex:calc(50% - 6px);padding:5px 8px;font-size:12.5px}.detail-ingredient-list li{grid-template-columns:26px 1fr;gap:8px}.detail-ingredient-list li em{grid-column:2/-1;font-size:11px}.cooking-topbar{border-radius:16px;grid-template-columns:auto 1fr;gap:10px 8px;padding:12px 14px;display:grid}.cooking-dish-header{text-align:left;order:-1;grid-column:1/-1;align-items:flex-start}.cooking-controls{flex-direction:column-reverse}.cooking-controls .button{width:100%;min-height:48px}.ingredient-add-fields{grid-template-columns:1fr}.ingredient-add-footer{flex-direction:column;align-items:stretch}.ingredient-add-footer .button{width:100%}}@media (width<=480px){.app-content{padding:var(--space-3) 16px calc(112px + env(safe-area-inset-bottom,20px))}.prompt-footer{flex-direction:column;align-items:stretch}.prompt-footer .button{width:100%}.ingredient-prompt{padding:var(--space-4)}.hero-copy .eyebrow{margin-bottom:8px;font-size:12px}.hero-copy h1{margin-bottom:12px;font-size:clamp(26px,7.5vw,36px)}.hero-subtitle{margin-bottom:10px;font-size:17px}.hero-description{margin-bottom:16px;font-size:14.5px;line-height:1.55}.home-cta-content{gap:10px;margin-top:16px}.home-cta-content strong{font-size:16px}.home-cta-content p{font-size:13.5px}.hero-panel{border-radius:20px}.page-shell-home .hero-panel{border-radius:0;gap:28px}.placeholder-page{border-radius:20px;min-height:400px;padding:24px 16px}.hero-preview-wrapper{padding-top:26px}.hero-preview-card{border-radius:20px;padding:20px 16px 18px}.hero-preview-topline{gap:8px;margin-bottom:12px}.hero-preview-tags{gap:6px}.hero-preview-badge,.hero-preview-authenticity{padding:4px 9px;font-size:11px}.hero-preview-match{padding:4px 10px;font-size:12px}.hero-preview-title{font-size:22px}.hero-preview-local-name{font-size:13.5px}.hero-preview-desc{margin:6px 0 14px;font-size:14px}.hero-preview-metrics{gap:6px;margin-bottom:14px}.hero-preview-metrics .metric-pill{border-radius:6px;padding:4px 8px;font-size:12px}.hero-preview-ingredients{gap:10px;margin-bottom:14px;padding:12px 0}.hero-preview-group-label{margin-bottom:4px;font-size:11px}.chip-meron,.chip-kulang{border-radius:6px;padding:4px 9px;font-size:12px}.hero-preview-sub-tip{gap:8px;padding:8px 12px;font-size:12.5px}.sub-tip-badge{padding:2px 6px;font-size:10.5px}.recipe-card{border-radius:16px;padding:16px 14px 14px}.recipe-card-image,.recipe-card-image-placeholder{width:calc(100% + 28px);margin:-16px -14px 12px}.recipe-card-main h2{font-size:18px}.recipe-description,.recipe-match{min-height:auto;font-size:13px}.recipe-hero{border-radius:18px;padding:18px 14px}.recipe-hero h1{font-size:24px}.detail-description{margin:8px 0 12px;font-size:14px}.match-callout{border-radius:10px;padding:12px 14px;font-size:13px}.detail-section,.cost-panel{border-radius:18px;padding:16px 14px}.cooking-step-card{border-radius:20px;min-height:280px;padding:24px 14px}.cooking-step-card h1{margin:12px 0;font-size:22px}.timer-button{width:100%;min-height:46px}.auth-card{border-radius:20px;padding:22px 16px}.auth-card h1{font-size:26px}}@media (width<=360px){.app-content{padding:var(--space-2) 12px calc(112px + env(safe-area-inset-bottom,20px))}.mobile-header{padding:var(--space-2) 12px}.hero-preview-wrapper{padding-top:22px}.hero-preview-card{padding:16px 12px 14px}.hero-preview-title{font-size:20px}.recipe-card{padding:14px 12px 12px}.recipe-card-image,.recipe-card-image-placeholder{width:calc(100% + 24px);margin:-14px -12px 10px}.recipe-hero{padding:14px 10px}.recipe-hero h1{font-size:21px}.detail-topbar .button{width:100%}}@media (prefers-reduced-motion:reduce){.how-it-works-step:hover,.page-shell-home .how-it-works-step:hover{transform:none}.illustration-steam{opacity:.35;animation:none;transform:none}.recipe-card:hover .recipe-card-image,.recipe-card:focus-within .recipe-card-image{transform:none}}.kusina-shelf{margin-top:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.shelf-header{justify-content:space-between;align-items:flex-end;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.shelf-kicker{color:var(--color-ube);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;font-size:11px;font-weight:800;display:block}.shelf-title{font-size:18px;font-family:var(--font-display);color:var(--color-ink);margin:0}.shelf-hint{color:var(--color-muted);font-size:12px;font-weight:600}.smart-pairings-bar{margin-bottom:var(--space-3);background:var(--color-lavender);border:1px dashed var(--color-ube);border-radius:var(--radius-control);padding:10px 14px;overflow:hidden}.pairings-label{color:var(--color-ube);align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:800;display:flex}.pairings-list{flex-wrap:wrap;gap:6px;display:flex}.pairing-chip{background:var(--color-surface);min-height:30px;color:var(--color-ube-dark);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);cursor:pointer;align-items:center;gap:4px;padding:0 10px;font-size:12px;font-weight:700;transition:transform .12s,background-color .12s,border-color .12s;display:inline-flex}.pairing-chip:hover{background:var(--color-ube);color:var(--color-surface);border-color:var(--color-ube);transform:translateY(-1px)}.pairing-chip .plus-glyph{font-weight:800}.shelf-tabs{margin-bottom:var(--space-3);gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.shelf-tab{background:var(--color-surface);min-height:32px;color:var(--color-ink);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-pill);white-space:nowrap;cursor:pointer;padding:0 14px;font-size:12.5px;font-weight:700;transition:all .15s}.shelf-tab:hover{color:var(--color-ube-dark);background:var(--color-lavender);border-color:var(--color-ube)}.shelf-tab.tab-active{background:var(--color-ube);color:var(--color-surface);border-color:var(--color-ube-dark);box-shadow:0 2px 6px var(--color-shadow-subtle)}.shelf-grid{flex-wrap:wrap;gap:8px;display:flex}.shelf-item-chip{border-radius:var(--radius-pill);cursor:pointer;align-items:center;gap:6px;min-height:36px;padding:0 12px;font-size:13px;font-weight:700;transition:background-color .15s,border-color .15s,color .15s,transform .15s,box-shadow .15s;display:inline-flex}.shelf-item-chip.item-inactive{background:var(--color-surface);color:var(--color-ink);border:1.5px solid var(--color-border-strong)}.shelf-item-chip.item-inactive:hover{background:var(--color-lavender);border-color:var(--color-ube);color:var(--color-ube-dark);transform:translateY(-1px)}.shelf-item-chip.item-active{background:var(--color-success-bg);color:var(--color-calamansi);border:1.5px solid var(--color-success-border);box-shadow:0 2px 8px var(--color-shadow-subtle)}.shelf-item-chip.item-active:hover{background:var(--tomato-2);color:#7f1d1d;border-color:var(--tomato-7)}.shelf-item-chip .chip-indicator{justify-content:center;align-items:center;width:16px;height:16px;display:flex}.completion-overlay{z-index:300;background:#20130e99;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.completion-card{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:420px;padding:40px 32px 32px;box-shadow:0 16px 48px #0000002e}.completion-icon{justify-content:center;margin-bottom:20px;display:flex}.completion-icon svg{background:var(--calamansi-bg,#eaf7ee);border-radius:50%;width:76px;height:76px;padding:14px}.completion-title{color:var(--deep-soy-glaze,#20130e);margin:0 0 8px;font-family:Fraunces,serif;font-size:1.6rem;font-weight:800}.completion-dish{color:var(--palayok-terracotta,#c84b31);margin:0 0 6px;font-size:1.05rem;font-weight:600}.completion-time{color:var(--sand-9,#868175);margin:0 0 28px;font-size:.88rem}.completion-actions{flex-direction:column;gap:10px;display:flex}.input-with-autocomplete,.autocomplete-wrapper{width:100%;position:relative}.autocomplete-dropdown{border:1.5px solid var(--sand-6,#d4cfc4);z-index:100;background:#fff;border-radius:12px;max-height:260px;margin-top:4px;padding:4px 0;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #20130e1f}.autocomplete-item{cursor:pointer;justify-content:space-between;align-items:center;padding:10px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:.92rem;transition:background .1s;display:flex}.autocomplete-item:hover,.autocomplete-item.active{background:var(--pandesal-cream,#faf6ee)}.autocomplete-item-name{color:var(--deep-soy-glaze,#20130e);font-weight:600}.autocomplete-item-canonical{color:var(--sand-9,#868175);opacity:.75;font-size:.82rem}.timer-adjust-button{border:1.5px solid var(--sand-6,#d4cfc4);color:var(--deep-soy-glaze,#20130e);cursor:pointer;background:#fff;border-radius:100px;justify-content:center;align-items:center;padding:8px 14px;font-family:Plus Jakarta Sans,sans-serif;font-size:.82rem;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #0000000a}.timer-adjust-button:hover{border-color:var(--palayok-terracotta,#c84b31);color:var(--palayok-terracotta,#c84b31);box-shadow:0 3px 10px #c84b311f}.timer-adjust-button:active{transform:scale(.96)}.cooking-loading-mascot-card{background:linear-gradient(135deg, #fff 0%, var(--pandesal-cream,#faf6ee) 100%);border:1.5px solid var(--sand-5,#e0dbd0);border-radius:20px;grid-template-columns:auto 1fr;align-items:center;gap:24px;margin:20px 0 28px;padding:24px 28px;display:grid;box-shadow:0 8px 28px #20130e14}@media (width<=640px){.cooking-loading-mascot-card{text-align:center;grid-template-columns:1fr;gap:16px;padding:20px 18px}}.mascot-avatar-area{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:8px;display:flex}.chef-kalabaw-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.chef-kalabaw-interactive{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:transform .18s cubic-bezier(.16,1,.3,1)}.chef-kalabaw-interactive:hover{transform:scale(1.04)}.chef-kalabaw-interactive:active{transform:scale(.96)}.chef-kalabaw-svg{filter:drop-shadow(0 4px 12px #20130e14);width:100%;height:100%;overflow:visible}.mascot-stir-pill{background:var(--mango-3,#fff4d6);border:1px solid var(--mango-7,#e5a338);color:var(--deep-soy-glaze,#20130e);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:100px;justify-content:center;align-items:center;gap:6px;padding:6px 14px;font-family:Plus Jakarta Sans,sans-serif;font-size:.78rem;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px 8px #f39c1226}.mascot-stir-pill:hover{background:var(--mango-4,#ffe7a8);transform:translateY(-1px);box-shadow:0 4px 12px #f39c1240}.mascot-stir-pill.stir-active{background:var(--calamansi-bg,#eaf7ee);border-color:var(--calamansi-border,#a3e2b0);color:var(--calamansi-text,#1b6b38);box-shadow:0 2px 8px #1b6b381f}.mascot-stir-pill.stir-active:hover{background:#dbf2e1;border-color:#82d494}.mascot-stir-pill svg{flex-shrink:0}.mascot-dialogue-area{flex-direction:column;justify-content:center;gap:12px;width:100%;min-height:130px;display:flex}.mascot-speech-bubble{border:1.5px solid var(--sand-5,#e0dbd0);text-align:left;background:#fff;border-radius:16px;padding:16px 20px;position:relative;box-shadow:0 4px 16px #20130e0d}.mascot-speech-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.mascot-chef-name{color:var(--palayok-terracotta,#c84b31);font-family:Fraunces,serif;font-size:.95rem;font-weight:800}.mascot-speech-tag{text-transform:uppercase;letter-spacing:.05em;background:var(--calamansi-bg,#eaf7ee);color:var(--calamansi-text,#1b6b38);border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:700}.mascot-speech-headline{color:var(--deep-soy-glaze,#20130e);margin-bottom:6px;font-family:Fraunces,serif;font-size:1.18rem;font-weight:800;line-height:1.3;display:block}.mascot-speech-subline{color:var(--sand-11,#5b554b);margin:0 0 10px;font-size:.88rem;line-height:1.5}.mascot-speech-tip{background:var(--mango-2,#fffdf5);border:1px solid var(--mango-6,#fde68a);color:var(--deep-soy-glaze,#20130e);border-radius:8px;align-items:flex-start;gap:8px;padding:8px 12px;font-size:.8rem;line-height:1.4;display:flex}.mascot-speech-tip svg{color:var(--mango-10,#d97706);flex-shrink:0;margin-top:2px}.mascot-loading-progress-bar{background:var(--sand-4,#eae6de);border-radius:100px;width:100%;height:4px;margin-top:2px;position:relative;overflow:hidden}.mascot-progress-indicator{background:linear-gradient(90deg, var(--palayok-terracotta,#c84b31), var(--golden-mango,#f39c12));border-radius:100px;width:45%;height:100%}