.liquid-group{isolation:isolate;perspective:1400px;perspective-origin:var(--glass-origin-x,50%) var(--glass-origin-y,50%)}.liquid-group>.liquid-card{isolation:isolate;z-index:0;--glass-x:50%;--glass-y:22%;--glass-axis-x:0;--glass-axis-y:1;--glass-angle:0deg;--glass-inset:-10px;--glass-radius:18px;transition:translate .48s cubic-bezier(.22,.8,.25,1),scale .48s cubic-bezier(.22,.8,.25,1),rotate .35s,filter .4s,border-color .35s,background-color .35s;position:relative;translate:0;rotate:0deg;scale:1}.liquid-group>.liquid-card:before,.liquid-group>.liquid-card:after{content:"";inset:var(--glass-inset);border-radius:var(--glass-radius);pointer-events:none;opacity:0;transition:opacity .38s,box-shadow .45s;position:absolute}.liquid-group>.liquid-card:before{z-index:-1;background:radial-gradient(ellipse at var(--glass-x) var(--glass-y),#fffffffa 0%,#ffffff80 27%,transparent 62%), linear-gradient(135deg,#ffffffc9 0%,#ecf5efc4 42%,#d9e9e47a 70%,#fffffff2 100%);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);border:1px solid #ffffffed;box-shadow:0 28px 55px -18px #082b5038,0 9px 18px -10px #073b3b38,inset 0 1px 1px #fff,inset 0 -2px 3px #7faaa84d,inset 1px 0 2px #fff,inset -1px 0 2px #7faaa847}.liquid-group>.liquid-card:after{z-index:1;background:linear-gradient(112deg,#0000 10%,#ffffff42 26%,#0000 42%);border:1px solid #8db5aa66;box-shadow:inset 0 0 0 1px #ffffff91}.liquid-group>.liquid-card[data-glass-active]{z-index:4;translate:0 -8px 12px;scale:1.012;rotate:var(--glass-axis-x) var(--glass-axis-y) 0 var(--glass-angle);filter:none;background-color:#0000;border-color:#0000}.liquid-group>.liquid-card[data-glass-active]:before,.liquid-group>.liquid-card[data-glass-active]:after{opacity:1}.liquid-group[data-glass-focused]>.liquid-card:not([data-glass-active]){filter:blur(.3px)opacity(.62);scale:.993}.liquid-group>.liquid-card:focus-visible{outline-offset:13px;border-radius:5px;outline:2px solid #398766}.nutrient-cards>.liquid-card{--glass-inset:-2px;--glass-radius:16px;overflow:visible}.nutrient-cards>.liquid-card[data-glass-active]{background-color:#f3f7f2;box-shadow:0 25px 55px -18px #0008}.nutrient-cards>.liquid-card:before{background:radial-gradient(ellipse at var(--glass-x) var(--glass-y),#ffffffed,transparent 58%),linear-gradient(145deg,#f7fcf4f5,#e3efe7f2 70%,#ffffffeb);border-color:#e0f0da}.nutrient-cards[data-glass-focused]>.liquid-card:not([data-glass-active]){filter:blur(.3px)brightness(.82)saturate(.85)}.facts>.liquid-card:hover,.insight-grid>.liquid-card:hover{background-color:#0000}.insight-grid>.liquid-card:hover{transform:none}@media (hover:none),(pointer:coarse){.liquid-group>.liquid-card{--glass-inset:-3px}.liquid-group>.liquid-card[data-glass-active]{translate:none;rotate:none;scale:1}.liquid-group[data-glass-focused]>.liquid-card:not([data-glass-active]){filter:none;scale:1}}@media (prefers-reduced-motion:reduce){.liquid-group>.liquid-card,.liquid-group>.liquid-card:before,.liquid-group>.liquid-card:after{transition:none}.liquid-group>.liquid-card[data-glass-active]{translate:none;rotate:none;scale:1}.liquid-group[data-glass-focused]>.liquid-card:not([data-glass-active]){filter:none;scale:1}}@media (forced-colors:active){.liquid-group>.liquid-card:before,.liquid-group>.liquid-card:after{display:none}.liquid-group>.liquid-card[data-glass-active]{outline:2px solid highlight;translate:none;rotate:none;scale:1}.liquid-group[data-glass-focused]>.liquid-card:not([data-glass-active]){filter:none;scale:1}}@font-face{font-family:Aqua Thai;src:url(/fonts/NotoSansThai-variable.ttf)format("truetype");font-style:normal;font-weight:100 900;font-display:swap}.language-selector{isolation:isolate;vertical-align:middle;background:#f5f8f5;border:1px solid #adc5bb;border-radius:24px;grid-template-columns:repeat(3,1fr);gap:0;width:132px;min-width:132px;padding:3px;display:inline-grid;position:relative}.language-selector>i{z-index:-1;width:calc(33.3333% - 2px);transform:translateX(calc(var(--language-index)*100%));background:#16774d;border-radius:20px;transition:transform .3s;position:absolute;top:3px;bottom:3px;left:3px}.language-selector>a{border-radius:20px;justify-content:center;align-items:center;min-height:32px;font:700 11px/1 Arial,sans-serif;display:flex;color:#082b50!important;border:0!important;padding:0!important;text-decoration:none!important}.language-selector>a[aria-current=true]{color:#fff!important}.language-selector>a:focus-visible{outline-offset:3px;outline:2px solid #082b50}.mobile-menu .language-selector>a{min-height:38px;font-size:13px}.mobile-menu .language-selector{width:168px}html[lang=th] body,html[lang=th] h1,html[lang=th] h2,html[lang=th] h3,html[lang=th] p,html[lang=th] a,html[lang=th] button,html[lang=th] input,html[lang=th] select,html[lang=th] textarea,html[lang=th] label,html[lang=th] span,html[lang=th] strong,html[lang=th] small,html[lang=th] summary,html[lang=th] blockquote,html[lang=th] li,html[lang=th] dt,html[lang=th] dd,html[lang=th] text{letter-spacing:normal;text-transform:none;font-family:Aqua Thai,Arial,sans-serif}html[lang=th] h1,html[lang=th] h2,html[lang=th] h3{word-break:normal;overflow-wrap:break-word;font-weight:500;line-height:1.4}html[lang=th] em{font-style:normal}html[lang=th] p{line-height:1.85}html[lang=th] .hero h1{font-size:clamp(42px,4.4vw,76px)}html[lang=th] .wolffia-hero h1,html[lang=th] .page-hero h1{font-size:clamp(34px,3.9vw,65px)}html[lang=th] .cinema-chapters button,html[lang=th] .cinema-tools button,html[lang=th] .editorial-controls button{line-height:1.7}html[lang=th] .eyebrow{line-height:1.8}html[lang=th] .language-selector>a{font-family:Arial,sans-serif}html[lang=th] .editorial-caption strong{font-size:clamp(22px,2.3vw,34px);line-height:1.5}html[lang=th] .nutrient-card h3{font-size:17px}html[lang=th] .source-dialog{font-family:Aqua Thai,Arial,sans-serif}html[lang=th] .fact strong{line-height:1.5}html[lang=th] .plant-caption h2,html[lang=th] .evidence-copy h2{font-size:clamp(30px,3.8vw,60px)}@media (max-width:759px){html[lang=th] .hero h1,html[lang=th] .wolffia-hero h1,html[lang=th] .page-hero h1{font-size:clamp(30px,7.3vw,44px)}html[lang=th] .sound-control{font-size:11px}html[lang=th] .cinema-chapters button,html[lang=th] .cinema-tools button{font-size:10px}}@media (prefers-reduced-motion:reduce){.language-selector>i{transition:none}}
