@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.bulbulcha{display:block;overflow:visible}.bulbulcha .bb-body{transform-box:view-box;transform-origin:100px 186px;animation:3s ease-in-out infinite bb-breathe}.bulbulcha .bb-beak-low{transform-box:view-box;transform-origin:147px 86px}.bulbulcha-talk .bb-body{animation:.6s ease-in-out infinite alternate bb-bob}.bulbulcha-talk .bb-beak-low{animation:.3s ease-in-out infinite alternate bb-talk}.bulbulcha-happy .bb-body{animation:.45s cubic-bezier(.3,0,.5,1) 4 alternate bb-hop}@keyframes bb-breathe{50%{transform:scale(1.02,.98)}}@keyframes bb-bob{to{transform:translateY(-4px)rotate(-2deg)}}@keyframes bb-talk{to{transform:rotate(18deg)}}@keyframes bb-hop{to{transform:translateY(-26px)}}.coin-burst{pointer-events:none;position:absolute;inset:50% auto auto 50%}.coin{width:6vmin;height:6vmin;animation:coin-fly 1.1s cubic-bezier(.2, .7, .3, 1) var(--delay) both;background:radial-gradient(circle at 35% 30%,#fff7c8 0 14%,#ffd84a 15% 58%,#e9a912 59%);border-radius:50%;margin:-3vmin;position:absolute;box-shadow:inset 0 0 0 .5vmin #f1b62a}@keyframes coin-fly{0%{opacity:0;transform:translate(0)scale(.3)}15%,70%{opacity:1}to{transform:translate(calc(var(--x) * 1vmin), calc(var(--y) * 1vmin)) scale(1) rotate(200deg);opacity:0}}.sound-find{box-sizing:border-box;height:100%;padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));grid-template-rows:auto minmax(0,1fr);gap:2vmin;display:grid;overflow:hidden}.sf-top{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.sf-exit{aspect-ratio:1;width:clamp(44px,7vmin,72px);box-shadow:0 4px 0 var(--card-edge);background:#fff;border-radius:50%;place-items:center;display:grid}.sf-exit svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:50%}.sf-progress{gap:1.4vmin;display:flex}.sf-progress span{aspect-ratio:1;background:#d6e2c8;border-radius:50%;width:max(12px,2.2vmin);transition:background-color .3s,transform .3s}.sf-progress .done{background:var(--leaf)}.sf-progress .current{background:var(--sun-edge);transform:scale(1.35)}.sf-intro{place-content:center;justify-items:center;gap:2vmin;min-height:0;display:grid}.sf-intro .bulbulcha{width:min(42vh,60vw)}.sf-title{font-size:clamp(2rem,7vmin,5rem);font-weight:900}.sf-round{grid-template-rows:minmax(0,1fr) auto;gap:3vmin;display:grid}.sf-stage{grid-template-columns:1fr auto 1fr;align-items:center;gap:3vmin;display:grid}.sf-bird{justify-self:end;width:min(20vh,17vw)}.sf-zone{aspect-ratio:1;background:var(--sun);color:#7a4d0b;width:min(36vh,40vw);box-shadow:0 1vmin 0 var(--sun-edge), 0 2vmin 5vmin #966e1433;border-radius:50%;place-items:center;transition:transform .2s,background-color .3s,box-shadow .2s;display:grid;position:relative}.sf-zone:active:not(.solved){box-shadow:0 .4vmin 0 var(--sun-edge), 0 1vmin 3vmin #966e1433;transform:translateY(.6vmin)}.sf-zone>svg{width:46%}.sf-zone:before,.sf-zone:after{content:"";border:1vmin solid var(--sun-edge);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:0}.sf-zone.playing:before{animation:1.4s ease-out infinite sf-ripple}.sf-zone.playing:after{animation:1.4s ease-out .7s infinite sf-ripple}.sf-zone.solved{box-shadow:0 0 0 1.4vmin var(--leaf), 0 2vmin 5vmin #3c782840;background:#fff}.sf-zone-picture{pointer-events:none;width:76%;animation:.5s cubic-bezier(.3,1.6,.5,1) both sf-pop}.sf-choices{--card:min(30vh, 30vw);flex-wrap:wrap;justify-content:center;gap:3vmin;padding-bottom:1vmin;display:flex}.sf-choices[data-count="3"]{--card:min(27vh, 26vw)}.sf-choices[data-count="4"]{--card:min(25vh, 21vw)}.sf-choice{width:var(--card);aspect-ratio:1;transition:transform .3s cubic-bezier(.3,1.3,.5,1),opacity .3s;position:relative}.sf-choice.faded{opacity:.35}.sf-face{box-sizing:border-box;width:100%;height:100%;box-shadow:0 1vmin 0 var(--card-edge), 0 1.5vmin 3vmin #3c50281f;background:#fff;border-radius:16%;grid-template-rows:minmax(0,1fr) auto;place-items:center;padding:8% 8% 5%;transition:transform .2s,box-shadow .2s;display:grid}.sf-choice:active .sf-face{box-shadow:0 .4vmin 0 var(--card-edge), 0 1vmin 2vmin #3c50281f;transform:translateY(.6vmin)}.sf-choice.correct .sf-face{box-shadow:0 0 0 1.2vmin var(--leaf), 0 1.5vmin 3vmin #3c502833;animation:.6s cubic-bezier(.3,1.6,.5,1) sf-bounce}.sf-face img{object-fit:contain;pointer-events:none;-webkit-touch-callout:none;width:100%;height:100%}.sf-label{font-size:calc(var(--card) * .1);color:var(--ink-soft);font-weight:800;line-height:1.2}@keyframes sf-ripple{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes sf-pop{0%{opacity:0;transform:scale(.3)}}@keyframes sf-bounce{40%{transform:scale(1.12)}}.demo{box-sizing:border-box;text-align:center;align-content:center;justify-items:center;gap:clamp(12px,2.4vmin,28px);min-height:100%;padding:24px 16px;display:grid}.demo-bird{width:clamp(110px,20vmin,200px);position:relative}.demo-bird.big{width:clamp(160px,34vmin,340px)}.demo h1{margin:0;font-size:clamp(2.4rem,7vmin,5rem);font-weight:900;line-height:1.05}.demo-sub{color:var(--ink-soft);margin:0;font-size:clamp(1.05rem,2.6vmin,1.6rem);font-weight:700}.demo-options{justify-items:center;gap:8px;display:grid}.demo-label{color:var(--ink-soft);font-size:clamp(.95rem,2vmin,1.25rem);font-weight:800}.demo-segmented{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.demo-segmented button{min-width:9em;box-shadow:0 4px 0 var(--card-edge);background:#fff;border-radius:999px;padding:.7em 1.4em;font-size:clamp(1.05rem,2.4vmin,1.5rem);font-weight:800;line-height:1.2}.demo-segmented small{color:var(--ink-soft);font-size:.72em;font-weight:700;display:block}.demo-segmented [aria-pressed=true]{background:var(--leaf);color:#fff;box-shadow:0 4px 0 var(--leaf-edge)}.demo-segmented [aria-pressed=true] small{color:#ffffffd9}.demo-start{background:var(--sun);color:#6b430a;box-shadow:0 6px 0 var(--sun-edge);border-radius:999px;margin-top:1vmin;padding:.6em 2.2em;font-size:clamp(1.4rem,3.4vmin,2.2rem);font-weight:900}.demo button:active{transform:translateY(3px)}:root{--ink:#2a3b22;--ink-soft:#62705a;--sun:#ffd65a;--sun-edge:#eeb62e;--leaf:#6dbb4f;--leaf-edge:#4f9a35;--card-edge:#d5e2c4;color:var(--ink);font-family:Nunito Variable,system-ui,sans-serif}html,body,#root{height:100%;margin:0}body{-webkit-user-select:none;user-select:none;touch-action:manipulation;overscroll-behavior:none;background:linear-gradient(#e6f2f5,#eef5e1 55%)}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}button:focus-visible{outline:4px solid var(--leaf-edge);outline-offset:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}