:root{--ink: #1e332c;--ink-soft: #4a6a5c;--paper: #f2faf5;--leaf: #2f8f62;--leaf-deep: #1f6b48;--citrus: #e09a3a;--lotus: #ff8fa0;--mist: rgba(30, 51, 44, .08);--font-display: "Noto Serif SC", "Songti SC", serif;--font-ui: "Outfit", "Segoe UI", sans-serif;color:var(--ink);background:var(--paper);font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100dvh}.page{position:relative;min-height:100dvh;overflow:hidden;background:radial-gradient(95% 70% at 12% -10%,#9fe0c0 0%,transparent 55%),radial-gradient(80% 60% at 100% 0%,#ffd0d888 0%,transparent 48%),radial-gradient(70% 55% at 78% 100%,#7ec8e855 0%,transparent 52%),radial-gradient(50% 40% at 50% 40%,#fff6c855 0%,transparent 60%),linear-gradient(168deg,#e6f7ef,#f7fbf6 42%,#d8f0e6)}.glow{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0}.glow-a{width:42vw;height:42vw;top:-8%;left:-6%;background:#6fd4a055;animation:drift 14s ease-in-out infinite alternate}.glow-b{width:36vw;height:36vw;right:-8%;bottom:10%;background:#ff9aa844;animation:drift 18s ease-in-out infinite alternate-reverse}.grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.18;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");mix-blend-mode:multiply}.botany{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;color:#3a9468}.botany-piece{position:absolute;opacity:.78}.botany-tl{top:-2rem;left:-1.5rem;width:clamp(170px,26vw,280px);animation:sway 9s ease-in-out infinite alternate;transform-origin:30% 100%}.botany-tr{top:.5rem;right:-1rem;width:clamp(150px,22vw,240px);animation:sway 11s ease-in-out infinite alternate-reverse;transform-origin:80% 10%}.botany-bl{bottom:-1rem;left:-1rem;width:clamp(190px,30vw,300px);animation:sway 10s ease-in-out infinite alternate;transform-origin:20% 100%}.botany-br{bottom:0;right:-1.2rem;width:clamp(180px,28vw,290px);animation:sway 12s ease-in-out infinite alternate-reverse;transform-origin:90% 100%}.botany-mid{top:38%;right:16%;width:clamp(90px,12vw,130px);opacity:.45;animation:drift 16s ease-in-out infinite alternate}.botany-mid2{top:58%;left:22%;width:clamp(70px,9vw,100px);opacity:.38;animation:drift 20s ease-in-out infinite alternate-reverse}.botany-lotus{animation:bloom-soft 8s ease-in-out infinite alternate;transform-origin:center bottom}.botany-lotus-open{animation:bloom-soft 10s ease-in-out infinite alternate-reverse}.botany-critter{position:absolute;pointer-events:none;opacity:.72;will-change:transform}.botany-dragonfly{top:16%;left:22%;width:clamp(56px,7.5vw,84px);z-index:2;animation:dragonfly-path 8s ease-in-out infinite}.botany-dragonfly2{top:26%;right:26%;width:clamp(44px,6vw,64px);opacity:.82;z-index:2;animation:dragonfly-path-2 10s ease-in-out infinite}.botany-dragonfly .wing,.botany-dragonfly2 .wing{transform-box:fill-box;transform-origin:right center;animation:wing-buzz .12s ease-in-out infinite alternate}.botany-dragonfly .wing-r,.botany-dragonfly2 .wing-r{transform-origin:left center;animation-delay:.06s}.botany-frog{bottom:10%;left:8%;width:clamp(52px,7vw,74px);z-index:2;animation:frog-roam 14s ease-in-out infinite}.botany-frog .frog-body{transform-box:fill-box;transform-origin:center bottom;animation:frog-squash 14s ease-in-out infinite}.botany-fish{bottom:8%;left:6%;width:clamp(52px,6.5vw,74px);opacity:.85;z-index:2;animation:fish-roam 16s ease-in-out infinite}.botany-fish2{bottom:18%;right:8%;width:clamp(42px,5.5vw,58px);opacity:.75;z-index:2;animation:fish-roam-2 18s ease-in-out infinite}.botany-fish .fish-body,.botany-fish2 .fish-body{transform-box:fill-box;transform-origin:center center;animation:fish-wiggle .45s ease-in-out infinite alternate}.botany-fish .fish-tail,.botany-fish2 .fish-tail{transform-box:fill-box;transform-origin:right center;animation:tail-flick .28s ease-in-out infinite alternate}.botany-butterfly{top:10%;right:18%;width:clamp(40px,5.5vw,56px);z-index:2;animation:butterfly-path 6.5s ease-in-out infinite}.botany-butterfly .wing{transform-box:fill-box;transform-origin:right center;animation:wing-flap .22s ease-in-out infinite alternate}.botany-butterfly .wing-r{transform-origin:left center}.botany-swallow{top:5%;left:-10%;width:clamp(78px,11vw,120px);z-index:3;opacity:.95;animation:swallow-fly 11s linear infinite}.botany-swallow2{top:13%;left:-12%;width:clamp(60px,8.5vw,92px);z-index:3;opacity:.88;animation:swallow-fly-2 14s linear infinite;animation-delay:-5s}.botany-swallow .swallow-wing,.botany-swallow2 .swallow-wing{transform-box:fill-box;transform-origin:right center}.botany-swallow .wing-up,.botany-swallow2 .wing-up{animation:swallow-wing-up .18s ease-in-out infinite alternate}.botany-swallow .wing-down,.botany-swallow2 .wing-down{animation:swallow-wing-down .18s ease-in-out infinite alternate}.botany-swallow .swallow-body,.botany-swallow2 .swallow-body{transform-box:fill-box;transform-origin:center center;animation:swallow-tilt .9s ease-in-out infinite alternate}.shell{position:relative;z-index:1;width:min(920px,calc(100% - 2rem));margin:0 auto;padding:clamp(2.5rem,8vh,5rem) 0 3.5rem}.content{position:relative;padding:clamp(1.25rem,3vw,1.75rem) clamp(1.1rem,3vw,1.6rem) clamp(1.5rem,3vw,2rem);border-radius:1.35rem;background:linear-gradient(165deg,#ffffffb8,#f7fcf9a3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px #ffffffa6 inset,0 18px 40px -28px #143c2d47}.hero{max-width:36rem}.brand{margin:0 0 .85rem;font-family:var(--font-display);font-size:clamp(2.6rem,8vw,4.2rem);font-weight:700;letter-spacing:.04em;line-height:1.05;color:var(--leaf-deep);animation:rise .7s ease both}.headline{margin:0 0 .75rem;font-family:var(--font-display);font-size:clamp(1.35rem,3.6vw,1.85rem);font-weight:500;line-height:1.35;color:var(--ink);animation:rise .7s ease .08s both}.lede{margin:0 0 1.25rem;max-width:28rem;font-size:1.05rem;line-height:1.6;color:var(--ink-soft);animation:rise .7s ease .14s both}.period{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;margin-bottom:1.75rem;font-size:.95rem;color:var(--ink-soft);animation:rise .7s ease .2s both}.period-badge{display:inline-flex;align-items:center;gap:.55rem;padding:.4rem .85rem .4rem .65rem;border-radius:.75rem;background:color-mix(in srgb,white 55%,#c8edd8);border:1px solid color-mix(in srgb,var(--leaf) 18%,transparent)}.period-dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--lotus);box-shadow:0 0 #ff8fa066;animation:pulse 2.2s ease-out infinite}.period-label{font-weight:700;color:var(--leaf-deep)}.period-clock{font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--ink-soft)}.period-hint{padding-left:.2rem;opacity:.88}.categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-bottom:1.75rem;animation:rise .7s ease .26s both}.cat-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1.5px solid transparent;border-radius:1rem;padding:1.05rem 1.05rem 1rem;text-align:left;cursor:pointer;background:color-mix(in srgb,white 78%,#b5e4c8);color:var(--ink);transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.cat-btn:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--leaf) 35%,transparent);box-shadow:0 10px 24px -18px #1c241888}.cat-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--leaf) 55%,white);outline-offset:2px}.cat-btn:active{transform:translateY(0)}.cat-btn.is-active{background:var(--leaf-deep);color:#f3f8f5;border-color:var(--leaf-deep)}.cat-label{display:block;font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.cat-blurb{display:block;font-size:.84rem;line-height:1.4;opacity:.78}.result{min-height:11rem}.empty{margin:0;padding:1.1rem .15rem;color:var(--ink-soft);font-size:1rem}.result-panel{animation:rise .45s ease both}.result-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.35rem}.result-head h2{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:.45rem .7rem;font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:var(--leaf-deep)}.result-sub{font-family:var(--font-ui);font-size:.88rem;font-weight:600;color:var(--ink-soft)}.again{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--leaf);font:inherit;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:.2em;padding:.25rem 0;flex-shrink:0}.again:hover{color:var(--citrus)}.again:focus-visible{outline:2px solid color-mix(in srgb,var(--leaf) 55%,white);outline-offset:3px;border-radius:4px}.dish-list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.dish{display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:start;padding:.95rem .15rem;border-top:1px solid var(--mist);animation:rise .4s ease both}.dish:last-child{border-bottom:1px solid var(--mist)}.dish-role{display:inline-flex;align-items:center;justify-content:center;min-width:2.7rem;margin-top:.12rem;padding:.2rem .35rem;border-radius:.45rem;font-family:var(--font-display);font-size:1.05rem;font-weight:700;line-height:1.2;color:var(--leaf-deep);background:color-mix(in srgb,var(--leaf) 12%,white)}.dish-role.role-soft{color:#2a6f84;background:color-mix(in srgb,#5aafc4 16%,white)}.dish-role.role-dry{color:#9a6420;background:color-mix(in srgb,var(--citrus) 18%,white)}.dish-role.role-side{color:var(--leaf-deep);background:color-mix(in srgb,var(--leaf) 12%,white)}.dish-name{margin:0;font-size:1.2rem;font-weight:700;letter-spacing:.01em}.dish-hint,.dish-tip,.dish-note{margin:.35rem 0 0;font-size:.88rem;color:var(--ink-soft)}.dish-hint{opacity:.75}.dish-note{color:color-mix(in srgb,var(--leaf) 70%,var(--ink-soft))}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 #ff8fa066}70%{box-shadow:0 0 0 10px #ff8fa000}to{box-shadow:0 0 #ff8fa000}}@keyframes bloom-soft{0%{opacity:.85}to{opacity:1}}@keyframes drift{0%{transform:translate(0)}to{transform:translate(18px,24px)}}@keyframes sway{0%{transform:rotate(-2.2deg) translateY(0)}to{transform:rotate(2.6deg) translateY(-4px)}}@keyframes glide{0%{transform:translate(0) rotate(-6deg)}50%{transform:translate(36px,-18px) rotate(8deg)}to{transform:translate(-10px,10px) rotate(-4deg)}}@keyframes dragonfly-path{0%{transform:translate(0) rotate(-8deg)}20%{transform:translate(70px,-28px) rotate(10deg)}40%{transform:translate(120px,8px) rotate(-4deg)}60%{transform:translate(50px,32px) rotate(12deg)}80%{transform:translate(-30px,-12px) rotate(-10deg)}to{transform:translate(0) rotate(-8deg)}}@keyframes dragonfly-path-2{0%{transform:translate(0) rotate(6deg)}25%{transform:translate(-80px,24px) rotate(-12deg)}50%{transform:translate(-40px,-30px) rotate(8deg)}75%{transform:translate(50px,10px) rotate(-6deg)}to{transform:translate(0) rotate(6deg)}}@keyframes wing-buzz{0%{transform:scaleY(1) rotate(0);opacity:.85}to{transform:scaleY(.35) rotate(8deg);opacity:.55}}@keyframes swim{0%{transform:translate(0) scaleX(1)}40%{transform:translate(42px,-8px) scaleX(1)}45%{transform:translate(42px,-8px) scaleX(-1)}85%{transform:translate(-16px,6px) scaleX(-1)}90%{transform:translate(-16px,6px) scaleX(1)}to{transform:translate(0) scaleX(1)}}@keyframes fish-path{0%{transform:translate(0) scaleX(1)}35%{transform:translate(-90px,-14px) scaleX(1)}40%{transform:translate(-90px,-14px) scaleX(-1)}75%{transform:translate(30px,12px) scaleX(-1)}80%{transform:translate(30px,12px) scaleX(1)}to{transform:translate(0) scaleX(1)}}@keyframes fish-path-2{0%{transform:translate(0) scaleX(1)}30%{transform:translate(70px,10px) scaleX(1)}35%{transform:translate(70px,10px) scaleX(-1)}70%{transform:translate(-40px,-16px) scaleX(-1)}75%{transform:translate(-40px,-16px) scaleX(1)}to{transform:translate(0) scaleX(1)}}@keyframes fish-roam{0%{transform:translate(0) scaleX(1)}18%{transform:translate(28vw,-4vh) scaleX(1)}22%{transform:translate(28vw,-4vh) scaleX(-1)}40%{transform:translate(58vw,3vh) scaleX(-1)}44%{transform:translate(58vw,3vh) scaleX(1)}62%{transform:translate(78vw,-6vh) scaleX(1)}66%{transform:translate(78vw,-6vh) scaleX(-1)}84%{transform:translate(22vw,2vh) scaleX(-1)}88%{transform:translate(22vw,2vh) scaleX(1)}to{transform:translate(0) scaleX(1)}}@keyframes fish-roam-2{0%{transform:translate(0) scaleX(-1)}16%{transform:translate(-25vw,4vh) scaleX(-1)}20%{transform:translate(-25vw,4vh) scaleX(1)}38%{transform:translate(-55vw,-5vh) scaleX(1)}42%{transform:translate(-55vw,-5vh) scaleX(-1)}60%{transform:translate(-72vw,2vh) scaleX(-1)}64%{transform:translate(-72vw,2vh) scaleX(1)}82%{transform:translate(-18vw,-3vh) scaleX(1)}86%{transform:translate(-18vw,-3vh) scaleX(-1)}to{transform:translate(0) scaleX(-1)}}@keyframes fish-wiggle{0%{transform:rotate(-6deg) translateY(0)}to{transform:rotate(6deg) translateY(2px)}}@keyframes tail-flick{0%{transform:rotate(-18deg)}to{transform:rotate(18deg)}}@keyframes hop{0%,70%,to{transform:translateY(0)}78%{transform:translateY(-10px)}86%{transform:translateY(0)}}@keyframes frog-hop{0%,12%{transform:translate(0)}18%{transform:translate(18px,-28px)}26%{transform:translate(36px)}50%,62%{transform:translate(36px)}68%{transform:translate(18px,-24px)}76%{transform:translate(0)}to{transform:translate(0)}}@keyframes frog-roam{0%,4%{transform:translate(0)}8%{transform:translate(8vw,-5vh)}12%{transform:translate(16vw)}20%,24%{transform:translate(16vw)}28%{transform:translate(32vw,-6vh)}32%{transform:translate(48vw,1vh)}40%,44%{transform:translate(48vw,1vh)}48%{transform:translate(62vw,-5vh)}52%{transform:translate(72vw)}60%,64%{transform:translate(72vw)}68%{transform:translate(50vw,-6vh)}72%{transform:translate(28vw,2vh)}80%,84%{transform:translate(28vw,2vh)}88%{transform:translate(12vw,-4vh)}92%{transform:translate(0)}to{transform:translate(0)}}@keyframes frog-squash{0%,4%,12%,20%,24%,32%,40%,44%,52%,60%,64%,72%,80%,84%,92%,to{transform:scale(1)}6%,26%,46%,66%,86%{transform:scale(.86,1.22)}10%,30%,50%,70%,90%{transform:scale(1.14,.84)}}@keyframes flutter{0%{transform:translate(0) rotate(-8deg) scaleX(1)}25%{transform:translate(-20px,14px) rotate(6deg) scaleX(.92)}50%{transform:translate(18px,-10px) rotate(-4deg) scaleX(1)}75%{transform:translate(-8px,8px) rotate(10deg) scaleX(.9)}to{transform:translate(0) rotate(-8deg) scaleX(1)}}@keyframes butterfly-path{0%{transform:translate(0) rotate(-10deg)}20%{transform:translate(-50px,30px) rotate(12deg)}40%{transform:translate(-90px,-10px) rotate(-6deg)}60%{transform:translate(-20px,-36px) rotate(8deg)}80%{transform:translate(40px,16px) rotate(-12deg)}to{transform:translate(0) rotate(-10deg)}}@keyframes wing-flap{0%{transform:scaleX(1) rotate(0)}to{transform:scaleX(.25) rotate(6deg)}}@keyframes swallow-fly{0%{transform:translate(0) rotate(-6deg);opacity:0}5%{opacity:.92}25%{transform:translate(32vw,18px) rotate(4deg)}50%{transform:translate(62vw,-12px) rotate(-8deg)}75%{transform:translate(88vw,22px) rotate(6deg)}92%{opacity:.92}to{transform:translate(110vw,-8px) rotate(-4deg);opacity:0}}@keyframes swallow-fly-2{0%{transform:translateY(10px) rotate(4deg);opacity:0}6%{opacity:.8}30%{transform:translate(28vw,-16px) rotate(-10deg)}55%{transform:translate(58vw,20px) rotate(8deg)}80%{transform:translate(86vw,-6px) rotate(-4deg)}93%{opacity:.8}to{transform:translate(115vw,14px) rotate(2deg);opacity:0}}@keyframes swallow-wing-up{0%{transform:rotate(0) translateY(0)}to{transform:rotate(-22deg) translateY(-3px)}}@keyframes swallow-wing-down{0%{transform:rotate(0) translateY(0)}to{transform:rotate(18deg) translateY(2px)}}@keyframes swallow-tilt{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@media(max-width:560px){.shell{width:min(100% - 1.25rem,920px);padding-top:1.75rem}.content{padding:1.1rem .95rem 1.35rem;border-radius:1.1rem}.categories{grid-template-columns:1fr}.result-head{flex-direction:column;align-items:flex-start}.botany-piece{opacity:.5}.botany-critter{opacity:.55}.botany-tr,.botany-mid,.botany-mid2,.botany-dragonfly2,.botany-fish2,.botany-butterfly,.botany-swallow2{display:none}}@media(prefers-reduced-motion:reduce){.glow-a,.glow-b,.period-dot,.brand,.headline,.lede,.period,.categories,.result-panel,.dish,.botany-piece,.botany-lotus,.botany-lotus-open,.botany-critter,.botany-critter .wing,.botany-critter .fish-body,.botany-critter .fish-tail,.botany-critter .frog-body,.botany-critter .swallow-wing,.botany-critter .swallow-body{animation:none}}