@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;600;700;800&family=Heebo:wght@400;600;700;800;900&display=swap');
:root{--ink:#183c31;--red:#df4934;--cream:#f7f2df;--yellow:#f6c75f;--green:#a9c7a3}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Assistant,Arial,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #df4934;outline-offset:4px}::selection{background:#f6c75f}.shell{min-height:100dvh;display:flex;flex-direction:column}.top{display:flex;justify-content:space-between;align-items:center;padding:24px 6%;border-bottom:1px solid #183c3124}.brand{font-family:Heebo;font-weight:900;font-size:19px;letter-spacing:-.04em}.brand span{color:var(--red)}.tag{font-weight:700;font-size:13px;letter-spacing:.06em}.content{width:min(1120px,88%);margin:auto;flex:1;display:flex;flex-direction:column;justify-content:center;padding:42px 0 70px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6vw}.hero h1{font-family:Heebo;font-size:clamp(48px,7vw,98px);line-height:1.02;letter-spacing:-.055em;margin:15px 0 22px}.hero h1 em{font-style:normal;color:var(--red)}.lead{font-size:clamp(20px,2vw,25px);line-height:1.5;max-width:500px;margin:0 0 30px}.pill{display:inline-flex;border:1px solid var(--ink);padding:7px 14px;border-radius:99px;font-weight:800;font-size:13px}.primary,.secondary{border:0;border-radius:100px;padding:15px 26px;font-weight:800;font-size:18px;transition:transform .2s,background .2s}.primary{background:var(--ink);color:#fff}.primary:hover{transform:translateY(-3px);background:#285844}.secondary{background:transparent;color:var(--ink);border:1px solid #183c3160}.secondary:hover{background:#e6e9d5}.hero-art{position:relative;aspect-ratio:1;display:grid;place-items:center}.sun{position:absolute;width:85%;height:85%;border-radius:50%;background:var(--yellow);box-shadow:0 25px 65px #c9832635}.stamp{position:absolute;border:2px solid var(--ink);border-radius:50%;width:94%;height:94%;display:grid;place-items:center;transform:rotate(-9deg);font-weight:900;font-size:15px}.grill{position:relative;width:61%;height:42%;background:var(--red);border:4px solid var(--ink);border-radius:12px 12px 48% 48%;transform:rotate(-5deg);box-shadow:0 16px 0 #b9382c}.grill:before{content:'';position:absolute;top:-18%;left:4%;width:92%;height:22%;border-radius:50%;background:#183c31;border:4px solid var(--ink)}.grill:after{content:'✓';position:absolute;color:var(--cream);font-size:100px;font-weight:900;left:37%;top:1%}.legs{position:absolute;width:48%;height:18%;bottom:6%;border-left:7px solid var(--ink);border-right:7px solid var(--ink);transform:perspective(100px) rotateX(15deg)}.smoke{position:absolute;top:8%;font-size:80px;color:var(--ink);opacity:.35;animation:float 4s ease-in-out infinite}@keyframes float{50%{transform:translateY(-12px)}}.footer{padding:20px 6%;display:flex;justify-content:space-between;font-size:13px;font-weight:700;border-top:1px solid #183c3124}.screen{max-width:730px;width:100%;margin:auto;animation:enter .42s ease both}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.step{font-size:14px;font-weight:800;color:#71846f}.progress{height:4px;background:#d9dfcb;border-radius:10px;margin:12px 0 35px;overflow:hidden}.progress i{display:block;height:100%;background:var(--red);transition:width .4s}.screen h2,.results h2{font-family:Heebo;font-size:clamp(34px,5vw,58px);line-height:1.12;letter-spacing:-.045em;margin:0 0 13px}.desc{font-size:19px;line-height:1.55;color:#486758;margin:0 0 25px}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.choice{display:flex;align-items:center;gap:13px;text-align:right;border:1px solid #b6c4a8;background:#fffdf5;color:var(--ink);padding:16px 18px;border-radius:14px;font-weight:800;font-size:18px;min-height:65px;transition:transform .2s,border .2s,background .2s}.choice:hover{transform:translateY(-2px);border-color:var(--ink)}.choice.selected{background:#dce9d4;border:2px solid var(--ink)}.choice .ico{font-size:25px}.field{width:100%;padding:17px 18px;border:1px solid #a9bca6;border-radius:12px;background:#fffdf5;color:var(--ink);font-size:20px;margin:8px 0 20px}.actions{display:flex;align-items:center;gap:12px;margin-top:25px}.error{color:#ad3224;font-weight:700}.table-screen{max-width:960px}.scene{height:270px;background:linear-gradient(#cbe6d2 0 63%,#a8c593 63%);border-radius:22px;position:relative;overflow:hidden;margin:15px 0 28px}.scene:before{content:'☀';position:absolute;top:8px;left:30px;color:#edb940;font-size:48px}.hill{position:absolute;bottom:25%;left:-5%;width:110%;height:36%;border-radius:50% 50% 0 0;background:#b2d09f}.tabletop{position:absolute;bottom:37px;left:6%;right:6%;height:34px;background:#ad6c3f;border:3px solid #70482f;border-radius:8px;box-shadow:0 9px 0 #805132}.tabletop:before,.tabletop:after{content:'';position:absolute;top:26px;width:12px;height:58px;background:#805132}.tabletop:before{left:8%}.tabletop:after{right:8%}.items{position:absolute;bottom:65px;left:6%;right:6%;display:flex;direction:ltr;align-items:end;justify-content:space-around;gap:3px}.itemgroup{width:16%;text-align:center;min-height:90px;display:flex;align-items:end;justify-content:center;flex-wrap:wrap;align-content:end}.item{font-size:clamp(20px,3vw,35px);line-height:1.05;animation:pop .35s cubic-bezier(.2,.8,.2,1) both;filter:drop-shadow(0 3px 1px #526b4d44)}@keyframes pop{from{opacity:0;transform:translateY(12px) scale(.8)}to{opacity:1;transform:none}}.table-question{max-width:730px;margin:auto}.level{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.level .choice{display:block;text-align:center;font-size:16px}.level .choice small{display:block;font-weight:600;margin-top:4px;color:#587360}.results{width:100%;max-width:1000px;margin:auto;animation:enter .4s}.results-head{display:flex;justify-content:space-between;gap:20px;align-items:end}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0 42px}.stat{background:#e5ebd8;border-radius:16px;padding:22px}.stat strong{font-family:Heebo;font-size:38px;display:block}.stat span{font-weight:700}.section-title{font-family:Heebo;font-size:30px;margin:30px 0 8px}.people{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.person{border:1px solid #b6c4a8;border-radius:16px;background:#fffdf5;text-align:right;padding:20px;color:var(--ink)}.person strong{display:block;font-size:21px}.person span{font-size:14px;color:#587360}.person:hover{background:#e4ecd9}.notice{background:#f8e2a4;border-radius:14px;padding:15px 20px;margin:20px 0;font-size:15px}.legal{font-size:13px;line-height:1.5;color:#6a7b69}.detail{background:#fffdf5;border:1px solid #b6c4a8;padding:25px;border-radius:18px;margin-top:20px}.chip{display:inline-block;background:#e5ebd8;padding:5px 11px;border-radius:50px;margin:3px;font-weight:700}.demo{color:#6a7b69;font-size:13px}.screen .scene{margin-top:0}@media(max-width:700px){.top{padding:18px 5%}.content{width:90%;padding:30px 0 45px}.hero{grid-template-columns:1fr;gap:5px}.hero-art{width:72%;max-width:300px;margin:auto;grid-row:1}.hero h1{font-size:52px}.hero h1 br{display:none}.lead{font-size:19px}.stamp{font-size:11px}.smoke{font-size:50px}.grill:after{font-size:70px}.choices{grid-template-columns:1fr}.level{grid-template-columns:repeat(2,1fr)}.scene{height:205px}.tabletop{bottom:30px}.items{bottom:58px}.itemgroup{min-height:60px}.stats{grid-template-columns:repeat(3,1fr)}.stat{padding:13px}.stat strong{font-size:28px}.stat span{font-size:13px}.people{grid-template-columns:repeat(2,1fr)}.results-head{display:block}.footer{font-size:11px}.tag{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* The illustration stays in place while the ballot changes beneath it. */
.choices,.level{grid-template-columns:1fr}.level .choice{text-align:right;min-height:56px}.followup{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .4s cubic-bezier(.2,.8,.2,1),opacity .3s}.followup.open{grid-template-rows:1fr;opacity:1}.followup-inner{overflow:hidden}.followup-inner h3{font-family:Heebo;font-size:26px;margin:22px 0 4px}.followup-inner p{font-size:18px;margin:0 0 12px;color:#486758}.followup .choices{margin:12px 0}.question-enter{animation:enter .35s ease both}.item{display:inline-flex;width:clamp(23px,4.2vw,43px);height:clamp(36px,6vw,66px);margin:0 -4px;align-items:end;filter:drop-shadow(0 3px 1px #526b4d44)}.item img{width:100%;height:100%;object-fit:contain;object-position:bottom}.item.leaving{animation:disappear .22s ease forwards}@keyframes disappear{to{opacity:0;transform:translateY(8px) scale(.8)}}.itemgroup{flex-wrap:wrap;align-content:end;justify-content:center}.tabletop:before,.tabletop:after{width:16px;height:58px;transform:skew(-9deg);border-radius:0 0 3px 3px}.tabletop:after{transform:skew(9deg)}.scene:before{content:'☀'}
.itemgroup{flex-wrap:nowrap;align-items:flex-end;align-content:normal;overflow:visible}.itemgroup .item{flex:0 0 clamp(22px,3.8vw,40px);margin-inline:-6px}
/* Illustrated picnic spread: a little becomes a lot in layered rows. */
.items{bottom:65px;align-items:end}.itemgroup{position:relative;height:125px;min-height:0;display:block;width:16.66%}.itemgroup .item{position:absolute;bottom:calc(var(--row) * 18px);left:calc(50% + (var(--col) - 1) * 22%);width:clamp(33px,5vw,62px);height:clamp(60px,8vw,93px);margin:0;transform:translateX(-50%) rotate(var(--tilt));transform-origin:center bottom}.itemgroup .item img{width:100%;height:100%;object-fit:contain;object-position:bottom}.itemgroup .item{animation:item-arrive .35s ease both}@keyframes item-arrive{from{opacity:0;transform:translate(-50%,12px) scale(.85) rotate(var(--tilt))}to{opacity:1;transform:translateX(-50%) rotate(var(--tilt))}}.group-snacks .item{bottom:calc(var(--row) * 10px)}.group-meat .item,.group-salads .item,.group-nuts .item{bottom:calc(var(--row) * 8px)}.meat-list{border-top:1px solid #b6c4a8}.meat-row{border:0;border-bottom:1px solid #b6c4a8;margin:0;padding:18px 0}.meat-row legend{font-family:Heebo;font-size:21px;font-weight:800;padding:12px 0 0}.meat-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.meat-option{background:#fffdf5;color:var(--ink);border:1px solid #b6c4a8;border-radius:12px;min-height:52px;font-weight:800;transition:background .2s,border-color .2s}.meat-option.selected{background:#dce9d4;border:2px solid var(--ink)}@media(max-width:700px){.itemgroup .item{width:clamp(32px,8vw,48px);height:clamp(54px,13vw,75px)}.itemgroup{height:100px}.items{bottom:58px}}
.drink-warning{font-family:Heebo,sans-serif;font-size:clamp(25px,4vw,36px)!important;font-weight:900;color:#ce3828!important;line-height:1.2}.meat-slider-row{padding:18px 0 14px;border-bottom:1px solid #b6c4a8}.meat-slider-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.meat-slider-heading label{font-family:Heebo;font-size:21px;font-weight:800}.meat-value{font-weight:800;color:#607865;min-width:62px;text-align:left}.meat-value[data-value="1"]{color:#53804d}.meat-value[data-value="2"]{color:#a6640e}.meat-value[data-value="3"]{color:#b73527}.meat-slider{direction:ltr;appearance:none;-webkit-appearance:none;display:block;width:100%;height:12px;margin:10px 0;border-radius:20px;background:linear-gradient(to right,var(--slider-color) 0%,var(--slider-color) var(--fill),#dbe2d1 var(--fill),#dbe2d1 100%);cursor:pointer;touch-action:pan-y}.meat-slider::-webkit-slider-thumb{-webkit-appearance:none;width:27px;height:27px;border-radius:50%;background:#fffdf5;border:3px solid var(--slider-color);box-shadow:0 2px 6px #183c3130;transition:border-color .2s,transform .2s}.meat-slider::-moz-range-thumb{width:21px;height:21px;border-radius:50%;background:#fffdf5;border:3px solid var(--slider-color);box-shadow:0 2px 6px #183c3130}.meat-slider:active::-webkit-slider-thumb{transform:scale(1.12)}.slider-scale{display:flex;direction:ltr;justify-content:space-between;font-size:13px;font-weight:700;color:#6a7b69}.meat-slider:focus-visible{outline:3px solid #df4934;outline-offset:7px}
.table-verdict{font-family:Heebo,sans-serif;font-size:clamp(23px,3vw,34px);font-weight:900;line-height:1.2;margin:7px 0 20px}.verdict-modest{color:#c83c2c}.verdict-balanced{color:#467d50}.verdict-abundant{color:#ad601b}
/* Picnic ballot: confident filled surfaces, quieter chrome, intentional motion. */
:root{--ease-out:cubic-bezier(.16,1,.3,1)}
.top,.footer{border:0}.top{padding-block:26px}.tag{letter-spacing:0}.footer{color:#617360}.screen{max-width:660px}.screen h2,.results h2{letter-spacing:-.035em;font-size:clamp(32px,4.2vw,52px)}.desc{max-width:530px;margin-bottom:28px}.progress{height:5px;margin-bottom:30px;background:#e3e5d2}.step{color:#536d59}.primary{border-radius:12px;padding:16px 30px;box-shadow:0 5px 14px #183c3115;transition:transform .2s var(--ease-out),background .2s}.primary:active{transform:scale(.97)}.secondary{border:0;border-radius:12px;background:transparent;color:#526d5c}.choice,.choice.selected{border:0;border-radius:10px;min-height:62px;background:#e9ead8;padding:18px 22px;transition:background .22s,color .22s,transform .22s var(--ease-out);position:relative;box-shadow:none}.choice.selected{background:var(--ink);color:#fffdf5}.choice.selected:after{content:'✓';margin-inline-start:auto;font-weight:900}.choice:hover{transform:none;background:#dde3ca}.choice.selected:hover{background:#285844}.choice:active{transform:scale(.985)}.level .choice{display:flex;font-size:19px;align-items:center}.choices,.level{gap:9px}.field{border:0;border-radius:8px;background:#eeefdf;box-shadow:inset 0 -2px 0 #a7baa0;padding:20px}.field:focus{background:#fffdf5}.pill{border:0;background:#e5e9d2;border-radius:5px}.hero .pill{transform:rotate(-3deg);padding:9px 16px}.sun{box-shadow:none}.hero h1{letter-spacing:-.04em}.stamp{border-style:dashed;opacity:.7}.hero-art{transform:rotate(2deg)}.screen{animation:page-in .45s var(--ease-out) both}@keyframes page-in{from{opacity:0;transform:translateY(18px);filter:blur(3px)}to{opacity:1;transform:none;filter:blur(0)}}.question-enter{animation:page-in .35s var(--ease-out) both}.followup-inner{transition:padding .35s var(--ease-out)}.followup.open .followup-inner{padding-top:10px}.followup-inner h3{margin-top:15px}.scene{border-radius:12px;background:linear-gradient(#d1e5d4,#c0dcc6 62%,#a8c593 62%);height:300px}.scene:before{content:'';width:32px;height:32px;background:#f3c550;border-radius:50%;top:25px;left:35px;box-shadow:0 0 0 8px #f3c55025}.table-screen{max-width:960px}.table-question{max-width:660px}.tabletop{height:28px;border:0;border-radius:4px;background:repeating-linear-gradient(0deg,#aa6d43 0 12px,#98603a 12px 14px);box-shadow:0 8px 0 #815332}.items{bottom:61px}.itemgroup .item.leaving{animation:item-away .22s ease forwards}@keyframes item-away{to{opacity:0;transform:translate(-50%,9px) scale(.8) rotate(var(--tilt))}}.meat-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.meat-pick{display:flex;justify-content:space-between;align-items:center;gap:15px;border:0;border-radius:9px;background:#e9ead8;padding:17px 18px;min-height:58px;font-size:19px;font-weight:800;color:var(--ink);transition:background .2s,color .2s,transform .2s}.meat-pick.selected{background:var(--ink);color:#fffdf5}.pick-mark{font-size:21px;font-weight:400;opacity:.7}.meat-pick:active{transform:scale(.97)}.meat-adjustments{margin-top:26px}.meat-empty{color:#60735f;font-size:15px}.meat-reveal{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .4s var(--ease-out),opacity .25s}.meat-reveal.open{grid-template-rows:1fr;opacity:1}.meat-reveal>div{overflow:hidden}.meat-slider-row{border:0;padding:12px 0 20px}.meat-slider-heading{margin-bottom:16px}.meat-slider-heading label{font-size:18px}.meat-slider{height:9px}.meat-value{font-size:15px}.people{gap:10px}.person{border:0;border-radius:10px;background:#e7ead7;padding:23px;transition:transform .22s var(--ease-out),background .2s}.person:hover{transform:translateY(-3px);background:#dce5cc}.detail{border:0;background:#fdfbf0;border-radius:12px;padding:28px}.stat{border-radius:8px}.notice{border-radius:7px}.actions{margin-top:30px}.choice[data-equip="כלום"]{font-size:15px;line-height:1.5;font-weight:600}.legal{max-width:680px;line-height:1.7}
@media(hover:hover){.meat-pick:hover{background:#dbe2c9}.meat-pick.selected:hover{background:#285844}}
@media(max-width:700px){.content{padding-top:25px}.scene{height:230px}.items{bottom:54px}.top{padding-block:19px}.meat-picker{gap:8px}.meat-pick{padding:15px;font-size:17px}.table-screen .scene{position:sticky;top:8px;z-index:20;box-shadow:0 8px 15px #183c3110}.screen h2{font-size:34px}.primary{padding:15px 24px}.detail{padding:16px}.hero-art{max-width:260px}}
@media(prefers-reduced-motion:reduce){.screen,.question-enter{animation:none}.meat-reveal,.followup{transition:none}}
/* Restore the original opening composition. */
.hero-art{transform:none}.hero h1{letter-spacing:-.055em}.hero .pill{transform:none;border:1px solid var(--ink);border-radius:99px;background:transparent;padding:7px 14px}.stamp{border:2px solid var(--ink);opacity:1}.sun{box-shadow:0 25px 65px #c9832635}.hero .primary{border-radius:100px;padding:15px 26px;box-shadow:none}
@media(max-width:700px){.hero-art{max-width:300px}.hero h1 br{display:block}.hero h1{font-size:52px}}
.whatsapp-share{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#168c4b;color:#fff;border:0;border-radius:14px;padding:17px 24px;font-family:Heebo,sans-serif;font-weight:800;font-size:18px;line-height:1.25;box-shadow:0 5px 14px #126b3930;transition:background .2s,transform .2s}.whatsapp-share svg{width:29px;height:29px;flex:none}.whatsapp-share:active{transform:scale(.98)}@media(hover:hover){.whatsapp-share:hover{background:#11763e;transform:translateY(-2px)}}@media(max-width:700px){.whatsapp-share{width:100%;margin-top:8px}}