.zoo-stage{isolation:isolate;background:linear-gradient(#cfe9f5 0%,#e3f3f1 34%,#f3f7e2 62%,#eef6dc 100%);flex-direction:column;justify-content:flex-start;min-height:calc(100svh - 64px);padding:clamp(22px,3.2vw,44px) 0 clamp(150px,16vw,230px);display:flex;position:relative;overflow:hidden}.zoo-scene{z-index:-1;pointer-events:none;position:absolute;inset:0}.zoo-scene__sun{background:radial-gradient(circle,#fff0aaf2 0%,#fff0aa66 36%,#0000 70%);border-radius:50%;width:340px;height:340px;position:absolute;top:-110px;right:10%}.zoo-scene__clouds{width:100%;height:240px;position:absolute;top:0;left:0}.zoo-cloud{animation:38s ease-in-out infinite alternate zooDrift}.zoo-cloud--b{animation-duration:46s;animation-direction:alternate-reverse}.zoo-cloud--c{animation-duration:30s}@keyframes zooDrift{0%{transform:translate(-40px)}to{transform:translate(60px)}}.zoo-scene__hills{width:100%;height:84%;position:absolute;inset:16% 0 0}.zoo-leaves{filter:drop-shadow(0 10px 14px #2e5a282e);width:clamp(130px,20vw,320px);height:auto;position:absolute;top:-26px}.zoo-leaves--l{transform-origin:0 0;animation:7s ease-in-out infinite alternate zooSway;left:-34px}.zoo-leaves--r{transform-origin:100% 0;animation:8s ease-in-out infinite alternate-reverse zooSway;right:-34px}@keyframes zooSway{0%{rotate:-2deg}to{rotate:2.5deg}}.zoo-stage__inner{width:100%;max-width:1180px;margin:0 auto;padding:0 16px;position:static}.zoo-board{z-index:2;background:radial-gradient(420px 160px at 20% 10%,#ffffff8c,#0000 70%),radial-gradient(380px 160px at 85% 90%,#e8c88c59,#0000 70%),#f6e7c4;border-radius:48% 52% 44% 56%/9% 12% 8% 11%;max-width:1040px;margin:0 auto;padding:clamp(22px,3.4vw,34px) clamp(10px,3vw,40px) 18px;position:relative;box-shadow:0 26px 50px -30px #5a461473,inset 0 0 0 3px #ffffff73}.zoo-board:before{content:"";border-radius:inherit;pointer-events:none;background-image:radial-gradient(#a0783c1f 1px,#0000 1.4px);background-size:14px 14px;position:absolute;inset:0}.zoo-board__title{text-align:center;color:#33421f;margin:0 0 10px;font-size:clamp(1.35rem,3vw,1.9rem);position:relative}.zoo-board__swoosh{width:clamp(170px,26vw,240px);height:22px;margin:-2px auto 0;display:block}.zoo-mascot{z-index:3;filter:drop-shadow(0 16px 18px #28501e47);pointer-events:none;height:auto;position:absolute;bottom:clamp(4px,1.4vw,18px)}.zoo-mascot--croc{width:clamp(132px,17vw,250px);animation:4.6s ease-in-out infinite zooBob;left:clamp(2px,3vw,60px)}.zoo-mascot--eleph{width:clamp(112px,14.5vw,210px);animation:5.2s ease-in-out -1.4s infinite zooBob;right:clamp(2px,3vw,60px)}@keyframes zooBob{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-10px)rotate(1.5deg)}}@media (min-width:1400px){.zoo-stage{z-index:1;position:relative}.zoo-stage__inner{grid-template-columns:minmax(0,1fr) minmax(0,1040px) minmax(0,1fr);align-items:center;column-gap:24px;max-width:none;display:grid}.zoo-stage__inner .zoo-mascot{justify-self:center;width:min(100%,250px);position:static}.zoo-stage__inner .zoo-mascot--eleph{width:min(100%,220px)}.zoo-meadow{margin-top:calc(-1*clamp(120px,12vw,260px))}.zoo-enc{z-index:2}}.zstars{position:relative}.zstars__track{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-auto-columns:calc(25% - 16.5px);grid-auto-flow:column;gap:22px;padding:26px 6px 18px;display:grid;overflow-x:auto}.zstars__track::-webkit-scrollbar{display:none}@media (hover:hover) and (pointer:fine){.zstars__track{cursor:grab}}.zstars__track.is-drag{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;-webkit-user-select:none;user-select:none}.zstars__track img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.zpolar{all:unset;box-sizing:border-box;cursor:pointer;scroll-snap-align:start;transform:rotate(var(--rot,-2deg));-webkit-tap-highlight-color:transparent;background:#fff;border-radius:12px;flex-direction:column;padding:10px 10px 12px;transition:transform .45s cubic-bezier(.2,.8,.25,1),box-shadow .35s;display:flex;position:relative;box-shadow:0 14px 26px -16px #3c32148c,0 2px #0000000a}.zpolar:nth-child(2n){--rot:2.2deg}.zpolar:nth-child(3n){--rot:-1deg}.zpolar:hover,.zpolar:focus-visible{transform:rotate(0)translateY(-8px)scale(1.03);box-shadow:0 26px 40px -20px #3c321499}.zpolar:focus-visible{outline:3px solid var(--brand);outline-offset:4px}.zpolar:active{transform:rotate(0)scale(.98)}.zpolar__pin{z-index:2;background:radial-gradient(circle at 35% 32%,#8fd36b,#2e7d32 70%);border-radius:50%;width:22px;height:22px;position:absolute;top:-9px;left:50%;translate:-50%;box-shadow:0 4px 6px #0000004d}.zpolar__photo{aspect-ratio:4/5;background:#e9efe0;border-radius:6px;display:block;position:relative;overflow:hidden}.zpolar__photo img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.zpolar:hover .zpolar__photo img{transform:scale(1.07)}.zpolar__photo:after{content:"";background:linear-gradient(#0000 52%,#0a1e0a9e);position:absolute;inset:0}.zpolar__name{z-index:1;text-align:center;color:#fff;text-shadow:0 2px 8px #00000080;font-size:clamp(1.02rem,1.6vw,1.2rem);font-weight:600;position:absolute;bottom:10px;left:0;right:0}.zpolar__badge{z-index:1;background:var(--accent);color:#5d3a00;border-radius:999px 0 0 999px;padding:2px 12px 2px 10px;font-size:.74rem;font-weight:600;position:absolute;top:10px;right:-4px;box-shadow:0 4px 10px -4px #00000059}.zpolar__caption{text-align:center;color:var(--ink-soft);margin-top:8px;font-size:.82rem;line-height:1.4;display:block}html.js .zstars__track .zpolar{opacity:0;translate:0 -26px}html.js .zstars__track.is-in .zpolar{opacity:1;transition:opacity .5s ease calc(var(--i) * 90ms), translate .7s cubic-bezier(.3, 1.5, .5, 1) calc(var(--i) * 90ms), transform .45s cubic-bezier(.2, .8, .25, 1), box-shadow .35s ease;translate:0}.zstars__arrow{z-index:3;cursor:pointer;width:42px;height:42px;color:var(--brand-deep);background:#fff;border:0;border-radius:50%;font-size:1.6rem;line-height:1;transition:transform .2s,opacity .2s;position:absolute;top:50%;translate:0 -50%;box-shadow:0 8px 18px -8px #00000059}.zstars__arrow:hover:not(:disabled){transform:scale(1.1)}.zstars__arrow:disabled{opacity:0;pointer-events:none}.zstars__arrow--l{left:-18px}.zstars__arrow--r{right:-18px}.zdots{justify-content:center;gap:8px;margin-top:4px;display:flex}.zdots__dot{cursor:pointer;background:#fff;border:0;border-radius:999px;width:10px;height:10px;padding:0;transition:width .3s,background .3s;box-shadow:inset 0 0 0 1.5px #2e5a2840}.zdots__dot.is-on{background:var(--brand-deep);width:26px;box-shadow:none}.zstars__hint{text-align:center;color:#7a6a45;margin:8px 0 0;font-size:.84rem}.zoo-meadow{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='70'%3E%3Ccircle cx='16' cy='22' r='3' fill='%23fff' fill-opacity='.9'/%3E%3Ccircle cx='16' cy='22' r='1.2' fill='%23ffd54a'/%3E%3Ccircle cx='70' cy='50' r='2.4' fill='%23ffd54a' fill-opacity='.85'/%3E%3Ccircle cx='92' cy='16' r='2.2' fill='%23f8bbd0' fill-opacity='.85'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='56'%3E%3Cpath d='M8 40q2-9 4 0M12 40q3-12 6 0M48 22q2-8 4 0M52 22q3-11 6 0' stroke='%234f8a33' stroke-opacity='.28' stroke-width='1.8' stroke-linecap='round' fill='none'/%3E%3C/svg%3E"),#86bd5d;margin-bottom:-110px;padding-bottom:110px;position:relative}.zoo-enc{padding:clamp(20px,3vw,40px) 0 clamp(36px,5vw,60px);position:relative}.zoo-enc>.wrap{background:radial-gradient(420px 160px at 20% 4%,#ffffff8c,#0000 70%),radial-gradient(#a0783c1a 1px,#0000 1.4px) 0 0/14px 14px,#f6e7c4;border-radius:36px;max-width:min(1180px,100% - 40px);padding:clamp(30px,4vw,52px) clamp(14px,3vw,40px) clamp(30px,4vw,48px);position:relative;box-shadow:0 26px 50px -30px #2846148c,inset 0 0 0 3px #ffffff73}@media (max-width:640px){.zoo-enc>.wrap{border-radius:24px;max-width:calc(100% - 20px)}}.zchips{flex-wrap:wrap;justify-content:center;gap:10px;margin:26px auto;display:flex}.zchip{color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #2e7d3238;border-radius:999px;align-items:center;gap:8px;padding:8px 14px 8px 12px;font-size:.93rem;transition:background .25s,color .25s,transform .2s,box-shadow .25s;display:inline-flex}.zchip:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.zchip.is-on{background:linear-gradient(180deg, #54b954, var(--brand-deep));color:#fff;border-color:#0000;box-shadow:0 10px 20px -10px #2e7d32b3}.zchip__ico{font-size:1.1rem}.zchip__n{text-align:center;background:var(--brand-soft);min-width:22px;color:var(--brand-deep);border-radius:999px;padding:0 6px;font-size:.72rem}.zchip.is-on .zchip__n{color:#fff;background:#ffffff40}.zdia-wrap{container-type:inline-size}.zdia{--half:calc(100cqw / var(--n) / 2);display:grid}.zdia__item{all:unset;box-sizing:border-box;cursor:pointer;pointer-events:none;-webkit-tap-highlight-color:transparent;animation:.55s cubic-bezier(.2,.9,.3,1.15) both zooCardIn;animation-delay:calc(var(--i) * 35ms);display:block;position:relative}@keyframes zooCardIn{0%{opacity:0;transform:translateY(18px)scale(.94)}to{opacity:1;transform:none}}.zdia__tile{pointer-events:auto;cursor:pointer;background:#fff8e6;border-radius:22%;width:60%;height:60%;transition:scale .4s cubic-bezier(.3,1.5,.5,1),box-shadow .3s,filter .4s,opacity .4s;position:absolute;top:50%;left:50%;overflow:hidden;translate:-50% -50%;rotate:45deg;box-shadow:0 14px 26px -16px #3c280a8c,0 0 0 3px #ffffffb3}.zdia__face{background:radial-gradient(circle at 50% 42%,#fffdf3 0 30%,#fbefcf 75%);width:141.42%;height:141.42%;position:absolute;top:-20.71%;left:-20.71%;rotate:-45deg}.zdia__photo{object-fit:cover;width:100%;height:100%;transition:opacity .35s,scale .6s;position:absolute;inset:0}.zdia__sticker{aspect-ratio:1;opacity:0;place-items:center;width:46%;transition:opacity .3s,scale .45s cubic-bezier(.3,1.6,.5,1),rotate .45s cubic-bezier(.3,1.6,.5,1),translate .45s cubic-bezier(.3,1.6,.5,1);display:grid;position:absolute;top:44%;left:50%;translate:-50% -50%;scale:.6}.zdia__sticker img{object-fit:contain;filter:drop-shadow(0 6px 6px #3c280a4d);width:100%;height:100%}.zdia__name{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;opacity:0;background:#2e7d32;border-radius:999px;max-width:46%;padding:3px 12px;font-size:clamp(.78rem,1.25cqw,1rem);font-weight:600;line-height:1.35;transition:opacity .3s,translate .35s;position:absolute;top:71%;left:50%;overflow:hidden;translate:-50% 8px}.zdia__item:focus-visible{outline:none}.zdia__item:focus-visible .zdia__tile{box-shadow:0 0 0 4px #4caf50,0 14px 26px -16px #3c280a8c}.zdia__item:active .zdia__tile{scale:.97}@media (hover:hover){.zdia__item.is-hover{z-index:2}.zdia__item.is-hover .zdia__tile{scale:1.06;box-shadow:0 22px 34px -16px #3c280a99,0 0 0 3px #fff}.zdia__item.is-hover .zdia__photo{opacity:0;scale:1.1}.zdia__item.is-hover .zdia__sticker{opacity:1;scale:1}.zdia__item.is-hover .zdia__name{opacity:1;translate:-50%}.zdia__item.is-hover.no-sticker .zdia__photo{opacity:1}.zdia__sticker--p1{translate:-54% -58%;rotate:-8deg}.zdia__sticker--p2{translate:-46% -50%;rotate:7deg}}.zdia__tile{animation:5s ease-in-out infinite zdiaFloat;animation-delay:calc(var(--i) * -.83s)}@keyframes zdiaFloat{0%,to{translate:-50% -50%}50%{translate:-50% calc(-50% - 7px)}}.zdia__photo{animation:10s ease-in-out infinite alternate zdiaDrift;animation-delay:calc(var(--i) * -1.7s)}@keyframes zdiaDrift{0%{transform:scale(1.04)translate(-1.5%,1%)}to{transform:scale(1.12)translate(1.5%,-1.5%)}}.zdia__item:nth-child(3n+1) .zdia__tile{animation-duration:5.7s}.zdia__item:nth-child(3n+2) .zdia__tile{animation-duration:4.4s}.zdia__item:nth-child(2n) .zdia__photo{animation-duration:12.5s;animation-direction:alternate-reverse}.zdia__item.is-hover .zdia__tile,.zdia__item.is-off .zdia__tile,.zdia__item.is-hover .zdia__photo,.zdia__item.is-off .zdia__photo{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.zdia__tile,.zdia__photo{animation:none}}.zdia__item.is-off{cursor:default}.zdia__item.is-off .zdia__tile{cursor:default;pointer-events:none;filter:grayscale()contrast(.9);opacity:.5}.zsheet{z-index:200;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.zsheet__backdrop{-webkit-backdrop-filter:blur(5px);background:#1628148c;position:absolute;inset:0}.zsheet__panel{transform-origin:50%;background:#fffdf6;border-radius:28px;flex-direction:column;width:min(880px,100%);max-height:min(88vh,760px);display:flex;position:relative;overflow:hidden;box-shadow:0 40px 80px -30px #0000008c}.zsheet__grab{display:none}.zsheet__x{z-index:5;cursor:pointer;width:40px;height:40px;color:var(--ink);background:#fffffff0;border:0;border-radius:50%;font-size:1rem;transition:transform .25s;position:absolute;top:12px;right:12px;box-shadow:0 6px 16px -6px #00000059}.zsheet__x:hover{transform:rotate(90deg)}.zsheet__scroll{overscroll-behavior:contain;touch-action:pan-y;flex:1;min-height:0;overflow:hidden auto}.zsheet__content{animation:.45s both zooFadeUp}.zsheet__content.is-swiped,.zsheet__content.is-swiped *{animation:none!important}.zsheet__track{position:relative}.zsheet__ghost{pointer-events:none;width:100%;position:absolute;left:100%}.zsheet__ghost--prev{left:-100%}.zsheet__ghost *{animation:none!important}.zsheet__panel{--media-w:100cqw;--media-h:calc(100cqw * 10 / 16);container-type:inline-size}.zsheet__arrow{z-index:4;top:calc(var(--media-h) / 2);cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(3px);opacity:.6;background:#14231247;border:0;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;transition:opacity .2s,background .2s;display:grid;position:absolute;translate:0 -50%}.zsheet__arrow:hover,.zsheet__arrow:focus-visible{opacity:1;background:#14231280}.zsheet__arrow--prev{left:10px}.zsheet__arrow--next{left:calc(var(--media-w) - 48px)}.zsheet__swipe{z-index:4;pointer-events:none;left:calc(var(--media-w) / 2);top:calc(var(--media-h) - 34px);color:#fff;background:#1423124d;border-radius:999px;padding:2px 10px;animation:1.6s ease-in-out 3 both zsheetSwipe,.6s 4.8s forwards zsheetFade;display:none;position:absolute;translate:-50%}@media (hover:none){.zsheet__swipe{display:block}}@keyframes zsheetSwipe{0%,to{transform:translate(0)}30%{transform:translate(-8px)}70%{transform:translate(8px)}}@keyframes zsheetFade{to{opacity:.35}}@media (orientation:landscape){.zsheet__panel{height:min(88dvh,760px)}.zsheet__scroll{display:flex;overflow:hidden}.zsheet__track{flex:1;height:100%;min-height:0}.zsheet__content,.zsheet__ghost{height:100%}.zsheet .zdetail{grid-template-columns:.95fr 1.05fr;height:100%;min-height:0}.zsheet .zdetail__media{aspect-ratio:auto;min-height:0}.zsheet .zdetail__body{overscroll-behavior:contain;overflow-y:auto}.zsheet__panel{--media-w:47.5cqw;--media-h:100%}.zsheet__swipe{top:auto;bottom:14px}}@media (orientation:landscape) and (max-height:500px){.zsheet{padding:10px 16px}.zsheet__panel{border-radius:22px;height:calc(100dvh - 20px);max-height:none}.zsheet .zdetail__body{padding:18px 20px 14px}.zsheet__x{top:8px;right:8px}}@keyframes zooFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.zdetail{grid-template-columns:.95fr 1.05fr;min-height:100%;display:grid}.zdetail__media{background:#e9efe0;min-height:320px;position:relative}.zdetail__media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.zdetail__ribbon{background:var(--accent);color:#5d3a00;border-radius:999px;padding:4px 14px;font-size:.8rem;font-weight:600;position:absolute;bottom:16px;left:16px;box-shadow:0 6px 14px -6px #0006}.zdetail__body{padding:30px 30px 24px}.zdetail__eyebrow{color:var(--brand-deep);margin:0 0 4px;font-size:.86rem;font-weight:600}.zdetail__title{color:#2f4d22;margin:0 0 4px;font-size:clamp(1.5rem,3vw,2rem)}.zdetail__sci{color:var(--muted);margin:0 0 14px;font-size:.86rem}.zdetail__story{color:var(--ink-soft);margin:0 0 16px}.zdetail__map{margin:0 0 16px}.zdetail__where{background:var(--brand-soft);color:var(--ink);border-radius:14px;margin:14px 0 0;padding:10px 14px;font-size:.9rem}.zfacts{gap:10px;display:grid}.zfacts li,.zstat{border:1px solid var(--line);animation:.5s both zooFadeUp;animation-delay:calc(.12s + var(--k) * 90ms);background:#fff;border-radius:14px;align-items:flex-start;gap:10px;padding:10px 14px;font-size:.93rem;line-height:1.55;display:flex}.zfacts__ico,.zstat__ico{flex:none;font-size:1.1rem}.zstats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.zstat strong{color:var(--brand-deep);font-size:.78rem;display:block}.zknow{align-items:flex-end;gap:6px;margin-top:6px;animation:.5s .35s both zooFadeUp;display:flex}.zknow__mascot{flex:none;width:70px;margin-bottom:-6px;animation:4s ease-in-out infinite zooBob}.zknow__bubble{background:#fff6d8;border:1.5px solid #ffe08a;border-radius:18px 18px 18px 6px;flex:1;padding:10px 14px;font-size:.92rem;line-height:1.55;position:relative}.zknow__bubble strong{color:#a06a00;font-size:.86rem;display:block}@media (max-width:1100px){.zstars__arrow--l{left:-8px}.zstars__arrow--r{right:-8px}.zstars__track{grid-auto-columns:calc(33.3333% - 13.3333px);gap:20px}}@media (min-width:901px) and (max-height:820px){.zoo-board{max-width:min(1040px,205svh - 615px)}.zoo-mascot--croc{width:clamp(120px,13vw,200px)}.zoo-mascot--eleph{width:clamp(100px,11vw,170px)}.zoo-stage{padding-bottom:clamp(120px,12vw,180px)}}@media (max-aspect-ratio:4/5){.zoo-stage{min-height:0}.zoo-scene__hills{height:90%;top:10%}}@media (max-width:820px){.zstars__track{grid-auto-columns:calc(42.5532% - 7.65957px);gap:18px}}@media (max-width:900px) and (orientation:portrait){.zdetail{grid-template-columns:1fr}.zdetail__media{aspect-ratio:16/10;min-height:0}.zdetail__media img{position:absolute}}@media (max-width:640px){.zoo-stage{padding-bottom:150px}.zoo-board{border-radius:28px;padding:18px 0 14px}.zstars__track{grid-auto-columns:100%;gap:16px;padding:24px 18% 16px;scroll-padding:0 18%}.zpolar{scroll-snap-align:center}.zstars__arrow{display:none}.zoo-leaves{top:-16px}.zchips{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;margin:20px -16px;padding:2px 16px 6px;overflow-x:auto}.zchips::-webkit-scrollbar{display:none}}@media (max-width:639px) and (orientation:portrait){.zsheet{place-items:end stretch;padding:0}.zsheet__panel{border-radius:26px 26px 0 0;width:100%;height:90dvh;max-height:none;transition:height .38s cubic-bezier(.2,.85,.25,1)}.zsheet__panel.is-peek{height:min(var(--peek,62dvh), 90dvh);touch-action:none}.zsheet__panel.is-peek .zsheet__scroll{touch-action:none;overflow:hidden}.zsheet__panel.is-dragging{transition:none}.zsheet{overscroll-behavior:contain}.zsheet__grab{z-index:4;touch-action:none;height:44px;display:block;position:absolute;top:0;left:0;right:0}.zsheet__grab span{background:#ffffffe6;border-radius:999px;width:44px;height:5px;margin:9px auto 0;display:block;box-shadow:0 1px 4px #0000004d}.zdetail__body{padding:20px 18px 18px}.zstats{grid-template-columns:1fr}.zknow__mascot{width:56px}}@media (prefers-reduced-motion:reduce){.zoo-cloud,.zoo-leaves,.zoo-mascot,.zknow__mascot{animation:none!important}html.js .zstars__track .zpolar{opacity:1;translate:none}}@media (max-width:599px) and (orientation:portrait),(orientation:landscape) and (max-height:500px){.zchips{display:none}}.zfab{z-index:60;animation:.35s cubic-bezier(.3,1.5,.5,1) both zfabIn;position:fixed}@keyframes zfabIn{0%{opacity:0;transform:translateY(12px)scale(.85)}to{opacity:1;transform:none}}.zfab__btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:0;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;transition:transform .3s cubic-bezier(.3,1.6,.5,1);display:grid;position:relative;box-shadow:0 8px 18px -8px #1e3c1499,0 0 0 2px #ffffffb3}.zfab__btn:active{transform:scale(.92)}.zfab__ring{border:2.5px dashed #8cc35a;border-radius:50%;animation:14s linear infinite zrailSpin;position:absolute;inset:-5px}.zfab__btn img{object-fit:contain;filter:drop-shadow(0 2px 2px #0003);width:40px;height:40px}.zfab__btn.is-filtered .zfab__ring{border-style:solid;border-color:#2e7d32}.zfab__btn.is-filtered:after{content:"";background:#f9b923;border-radius:50%;width:12px;height:12px;position:absolute;top:-2px;right:-2px;box-shadow:0 0 0 2px #fff}.zpick{z-index:210;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.zpick__backdrop{-webkit-backdrop-filter:blur(4px);background:#1628148c;animation:.25s both zooFadeIn;position:absolute;inset:0}@keyframes zooFadeIn{0%{opacity:0}to{opacity:1}}.zpick__panel{background:#fffdf6;border-radius:26px;width:min(440px,100%);max-height:calc(100dvh - 32px);padding:22px 16px 16px;animation:.32s cubic-bezier(.3,1.4,.5,1) both zfabIn;position:relative;overflow-y:auto;box-shadow:0 30px 60px -24px #0000008c}.zpick__title{text-align:center;color:#2f4d22;margin:0 40px 14px;font-size:1.15rem}.zpick__x{cursor:pointer;width:36px;height:36px;color:var(--ink);background:#f1f4ec;border:0;border-radius:50%;position:absolute;top:12px;right:12px}.zpick__grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.zpick__opt{cursor:pointer;font:inherit;color:var(--ink);background:#fff;border:0;border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:10px 8px 12px;transition:transform .2s;display:flex;box-shadow:0 8px 18px -14px #1e3c1499,inset 0 0 0 1.5px #2e5a281f}.zpick__opt:active{transform:scale(.96)}.zpick__opt img{object-fit:contain;width:54px;height:54px}.zpick__name{text-align:center;font-size:.92rem;font-weight:600;line-height:1.3}.zpick__opt.is-on{background:linear-gradient(#e9f7df,#d6efc6);box-shadow:inset 0 0 0 2.5px #4caf50}@media (orientation:landscape) and (max-height:500px){.zpick__panel{width:min(640px,100%);padding:14px 14px 12px}.zpick__title{margin-bottom:10px;font-size:1.05rem}.zpick__grid{grid-template-columns:repeat(4,1fr);gap:8px}.zpick__opt{padding:6px 6px 8px}.zpick__opt img{width:40px;height:40px}}
