.glass-surface{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;transition:opacity var(--gp-surface-transition, .26s) ease-out,transform var(--gp-surface-transition, .26s) ease-out}.glass-surface__filter{width:100%;height:100%;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;z-index:-1}.glass-surface__content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:inherit;position:relative;z-index:1}.glass-surface--svg{background:light-dark(hsl(0 0% 100% / var(--glass-frost, 0)),hsl(0 0% 0% / var(--glass-frost, 0)));-webkit-backdrop-filter:var(--filter-id, url(#glass-filter)) saturate(var(--glass-saturation, 1));backdrop-filter:var(--filter-id, url(#glass-filter)) saturate(var(--glass-saturation, 1));box-shadow:0 0 2px 1px light-dark(color-mix(in oklch,black,transparent 85%),color-mix(in oklch,white,transparent 65%)) inset,0 0 10px 4px light-dark(color-mix(in oklch,black,transparent 90%),color-mix(in oklch,white,transparent 85%)) inset,0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,0 4px 16px #11111a0d inset,0 8px 24px #11111a0d inset,0 16px 56px #11111a0d inset}.glass-surface--svg:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,#ffffff38,#ffffff05 40%,#ffffff14),linear-gradient(115deg,rgba(255,255,255,.18),transparent 32%,transparent 68%,rgba(255,255,255,.08));opacity:var(--gp-gradient-opacity, .72)}.glass-surface--fallback{background:#ffffff40;backdrop-filter:blur(12px) saturate(1.8) brightness(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.8) brightness(1.1);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268733,0 2px 16px #1f26871a,inset 0 1px #fff6,inset 0 -1px #fff3}@media (prefers-color-scheme: dark){.glass-surface--fallback{background:#ffffff1a;backdrop-filter:blur(12px) saturate(1.8) brightness(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.8) brightness(1.2);border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px #fff3,inset 0 -1px #ffffff1a}}@supports not (backdrop-filter: blur(10px)){.glass-surface--fallback{background:#fff6;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #ffffff4d}.glass-surface--fallback:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff26;border-radius:inherit;z-index:-1}}@supports not (backdrop-filter: blur(10px)){@media (prefers-color-scheme: dark){.glass-surface--fallback{background:#0006}.glass-surface--fallback:before{background:#ffffff0d}}}.low-gpu .glass-surface--svg{-webkit-backdrop-filter:saturate(var(--glass-saturation, 1));backdrop-filter:saturate(var(--glass-saturation, 1));background:#00000059}.low-gpu .glass-surface--fallback{backdrop-filter:none;-webkit-backdrop-filter:none;background:#00000073}.glass-surface:focus-visible{outline:2px solid light-dark(#007aff,#0a84ff);outline-offset:2px}.glass-card{display:flex;align-items:center;justify-content:center;background:transparent;perspective:var(--gp-perspective, 1600px)}.glass-card__shell{position:relative;transform-style:preserve-3d;transition:transform var(--gp-transition, .6s) cubic-bezier(.23,1,.32,1),filter var(--gp-transition, .6s) cubic-bezier(.23,1,.32,1);filter:drop-shadow(0 18px 38px rgba(5,16,33,var(--gp-shadow-opacity, .18))) drop-shadow(0 6px 14px rgba(5,16,33,calc(var(--gp-shadow-opacity, .18) * .56)));isolation:isolate}.glass-card__surface{width:100%!important;height:100%!important;border-radius:inherit}.glass-card__surface .glass-surface__content{padding:0;align-items:stretch}.glass-card__surface.glass-surface--svg{box-shadow:0 1px rgba(255,255,255,var(--panel-edge-highlight, .22)) inset,0 -1px rgba(255,255,255,calc(var(--panel-edge-highlight, .22) * .27)) inset,0 0 0 1px rgba(255,255,255,calc(var(--panel-edge-highlight, .22) * .45))}.glass-card__inner{position:relative;width:100%;height:100%;color:rgba(255,255,255,var(--panel-text-opacity, .88));overflow:hidden;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,calc(var(--panel-gradient-fill, .1) * var(--glass-card-fill-opacity, 1))),rgba(255,255,255,calc(var(--panel-gradient-fill, .1) * .4 * var(--glass-card-fill-opacity, 1)))),rgba(255,255,255,var(--glass-card-frost, 0));backdrop-filter:blur(calc(var(--glass-card-blur, 0) * 1px)) saturate(var(--glass-card-saturation, 1)) brightness(calc(var(--glass-card-brightness, .58) + .5));-webkit-backdrop-filter:blur(calc(var(--glass-card-blur, 0) * 1px)) saturate(var(--glass-card-saturation, 1)) brightness(calc(var(--glass-card-brightness, .58) + .5));filter:brightness(calc(var(--glass-card-brightness, .58) + .5)) saturate(var(--glass-card-saturation, 1));font-family:Space Grotesk,Inter,Segoe UI,sans-serif;font-weight:var(--panel-font-weight, 500);letter-spacing:var(--panel-letter-spacing, 0em)}.glass-card__corner{position:absolute;display:flex;flex-direction:column;pointer-events:none;z-index:2}.glass-card__corner--tl{top:var(--panel-padding, 8%);left:var(--panel-padding, 8%);align-items:flex-start}.glass-card__corner--tr{top:var(--panel-padding, 8%);right:var(--panel-padding, 8%);align-items:flex-end;text-align:right}.glass-card__corner--bl{bottom:var(--panel-padding, 8%);left:var(--panel-padding, 8%);align-items:flex-start;flex-direction:row;gap:8px}.glass-card__corner--br{bottom:var(--panel-padding, 8%);right:var(--panel-padding, 8%);align-items:flex-end;flex-direction:row;gap:8px}.glass-card__symbol{font-family:Space Grotesk,sans-serif;font-size:clamp(36px,18cqw,80px);line-height:.95;margin:0;color:var(--glass-card-accent, rgba(255,255,255,.85));text-shadow:0 1px 1px rgba(0,0,0,.12);transform:scale(var(--panel-text-scale, 1));transform-origin:top left}.glass-card__weight{font-family:Space Grotesk,sans-serif;font-size:clamp(11px,4cqw,16px);margin:4px 0 0;color:#6e82a0d9;transform:scale(var(--panel-text-scale, 1));transform-origin:top left}.glass-card__temp{font-family:Space Grotesk,sans-serif;font-size:clamp(26px,11cqw,46px);line-height:1;color:var(--glass-card-accent, rgba(255,255,255,.85));transform:scale(var(--panel-text-scale, 1));transform-origin:top right}.glass-card__temp-label{font-family:Space Grotesk,sans-serif;font-size:clamp(9px,3.2cqw,13px);margin-top:3px;color:#6e82a0d9;transform:scale(var(--panel-text-scale, 1));transform-origin:top right}.glass-card__center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}.glass-card__image{width:clamp(72px,38cqw,200px);height:clamp(72px,38cqw,200px);object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,var(--panel-image-shadow, .18)));transform:scale(var(--panel-image-scale, 1))}.glass-card__dot{width:5px;height:5px;border-radius:50%;background:#6e82a099;flex-shrink:0;margin-top:6px}.glass-card__footer-text{font-family:Space Grotesk,sans-serif;font-size:clamp(10px,3.4cqw,14px);line-height:1.2;color:#6e82a0f2;text-transform:none;transform:scale(var(--panel-text-scale, 1));transform-origin:bottom left}.glass-card__footer-text--right{transform-origin:bottom right;text-align:right}.glass-card__footer-num{color:var(--glass-card-accent, rgba(255,255,255,.85));font-weight:500}.glass-card__inner{container-type:inline-size}@supports (color: color(display-p3 0 0 0)){.glass-card__symbol,.glass-card__temp,.glass-card__footer-num{color:var(--glass-card-accent-p3, var(--glass-card-accent, rgba(255,255,255,.85)))}}.glass-card--blueberry .glass-card__surface .glass-surface__content{padding:0;align-items:stretch}.glass-card--blueberry .bb-inner{position:relative;width:100%;height:100%;border-radius:inherit;overflow:hidden;font-family:Space Grotesk,Inter,Segoe UI,sans-serif;color:#2c3a4d;container-type:inline-size;background:linear-gradient(180deg,rgba(255,255,255,calc(.1 * var(--glass-card-fill-opacity, 1))),rgba(255,255,255,calc(.04 * var(--glass-card-fill-opacity, 1)))),rgba(255,255,255,var(--glass-card-frost, 0));backdrop-filter:blur(calc(var(--glass-card-blur, 0) * 1px)) saturate(var(--glass-card-saturation, 1)) brightness(calc(var(--glass-card-brightness, .58) + .5));-webkit-backdrop-filter:blur(calc(var(--glass-card-blur, 0) * 1px)) saturate(var(--glass-card-saturation, 1)) brightness(calc(var(--glass-card-brightness, .58) + .5))}.glass-card--blueberry .bb-header{position:absolute;top:6%;left:7%;z-index:3;display:flex;flex-direction:column}.glass-card--blueberry .bb-symbol{margin:0;font-size:clamp(36px,22cqw,96px);line-height:.9;font-weight:400;color:#fff;letter-spacing:-.03em;text-shadow:0 1px 0 rgba(0,0,0,.06),0 0 12px rgba(180,230,255,.35)}.glass-card--blueberry .bb-weight{margin:4px 0 0;font-size:clamp(10px,4.6cqw,20px);font-weight:400;color:#4a5b75;letter-spacing:.01em}.glass-card--blueberry .bb-temp{position:absolute;top:30%;right:6%;z-index:3;display:flex;align-items:center;gap:4px;color:#2c3a4d}.glass-card--blueberry .bb-temp-dot{width:4px;height:4px;border-radius:50%;background:#79c4e8;box-shadow:0 0 6px #82dcff99}.glass-card--blueberry .bb-temp-line{width:clamp(8px,4cqw,18px);height:1px;background:linear-gradient(to right,#82dcff99,#82dcff26)}.glass-card--blueberry .bb-temp-value{font-size:clamp(12px,6cqw,26px);font-weight:500;letter-spacing:-.01em}.glass-card--blueberry .bb-temp-icon{width:clamp(8px,3.6cqw,14px);height:auto;color:#79c4e8}.glass-card--blueberry .bb-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}.glass-card--blueberry .bb-ring{position:absolute;width:clamp(150px,78cqw,380px);height:clamp(150px,78cqw,380px);filter:drop-shadow(0 0 16px rgba(140,220,255,.7));animation:bb-ring-spin 18s linear infinite}@keyframes bb-ring-spin{to{transform:rotate(360deg)}}.glass-card--blueberry .bb-scan{position:absolute;background:#50648259}.glass-card--blueberry .bb-scan--h{left:6%;right:6%;height:1px;top:50%}.glass-card--blueberry .bb-scan--v{top:24%;bottom:24%;width:1px;left:50%}.glass-card--blueberry .bb-image{position:relative;width:clamp(100px,58cqw,300px);height:clamp(100px,58cqw,300px);object-fit:contain;z-index:2;filter:drop-shadow(0 6px 18px rgba(80,160,200,.35))}.glass-card--blueberry .bb-particle{position:absolute;width:3px;height:3px;border-radius:50%;background:#c8f0ffd9;box-shadow:0 0 4px #a0e6ffb3}.glass-card--blueberry .bb-particle--1{top:32%;left:30%}.glass-card--blueberry .bb-particle--2{top:38%;right:26%;width:2px;height:2px}.glass-card--blueberry .bb-particle--3{top:56%;left:24%;width:2px;height:2px}.glass-card--blueberry .bb-particle--4{top:60%;right:32%}.glass-card--blueberry .bb-particle--5{top:48%;left:70%;width:2px;height:2px}.glass-card--blueberry .bb-footer{position:absolute;left:7%;right:7%;bottom:9%;z-index:3;display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.glass-card--blueberry .bb-footer-left{display:flex;flex-direction:column;gap:2px}.glass-card--blueberry .bb-icons{display:flex;gap:4px;color:#6c4fb8;margin-bottom:4px}.glass-card--blueberry .bb-icons svg{width:clamp(12px,5.6cqw,24px);height:clamp(12px,5.6cqw,24px)}.glass-card--blueberry .bb-title{margin:0;font-size:clamp(11px,5.2cqw,22px);line-height:1;font-weight:700;letter-spacing:.01em;color:#2c3a4d}.glass-card--blueberry .bb-sub{margin:3px 0 0;font-size:clamp(7px,3cqw,12px);letter-spacing:.04em;color:#6b7889}.glass-card--blueberry .bb-footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.glass-card--blueberry .bb-percent-row{display:flex;align-items:center;gap:4px;color:#2c3a4d}.glass-card--blueberry .bb-percent{font-size:clamp(13px,6.6cqw,28px);font-weight:700;line-height:1;letter-spacing:-.01em}.glass-card--blueberry .bb-shield{width:clamp(10px,5cqw,20px);height:auto;color:#6b7889}.glass-card--blueberry .bb-preservatives{margin:0;font-size:clamp(7px,3cqw,12px);letter-spacing:.06em;color:#6b7889;font-weight:500}.glass-card--blueberry .bb-status{position:absolute;left:0;right:0;bottom:2%;text-align:center;font-size:clamp(6px,2.4cqw,10px);letter-spacing:.08em;color:#6b7889;z-index:3;font-weight:500}.glass-card--pineapple .glass-card__surface .glass-surface__content{padding:0;align-items:stretch}.glass-card--pineapple .pn-inner{position:relative;width:100%;height:100%;border-radius:inherit;overflow:hidden;font-family:Space Grotesk,Inter,Segoe UI,sans-serif;color:#6b7889;container-type:inline-size;padding:9% 50% 9% 10%;display:flex;flex-direction:column;align-items:flex-start;gap:4cqh;background:linear-gradient(180deg,rgba(255,255,255,calc(.1 * var(--glass-card-fill-opacity, 1))),rgba(255,255,255,calc(.04 * var(--glass-card-fill-opacity, 1)))),rgba(255,255,255,var(--glass-card-frost, 0));backdrop-filter:blur(calc(var(--glass-card-blur, 0) * 1px)) saturate(var(--glass-card-saturation, 1)) brightness(calc(var(--glass-card-brightness, .58) + .5));-webkit-backdrop-filter:blur(calc(var(--glass-card-blur, 0) * 1px)) saturate(var(--glass-card-saturation, 1)) brightness(calc(var(--glass-card-brightness, .58) + .5))}.glass-card--pineapple .pn-symbol{margin:0;font-size:clamp(34px,28cqw,80px);line-height:.9;font-weight:500;color:var(--glass-card-accent, #d8c074);letter-spacing:-.02em}.glass-card--pineapple .pn-weight{margin:0;font-size:clamp(10px,5.4cqw,18px);font-weight:400;letter-spacing:.02em}.glass-card--pineapple .pn-temp{display:flex;flex-direction:column;align-items:flex-start;gap:1px;margin-top:2cqh}.glass-card--pineapple .pn-temp-value{font-size:clamp(20px,12cqw,40px);font-weight:500;line-height:1;color:#2c3a4d;letter-spacing:-.01em}.glass-card--pineapple .pn-temp-label{font-size:clamp(9px,4.6cqw,15px);letter-spacing:.02em}.glass-card--pineapple .pn-image{width:clamp(36px,18cqw,72px);height:clamp(36px,18cqw,72px);object-fit:contain;margin-top:2cqh;filter:drop-shadow(0 4px 8px rgba(80,80,60,.18))}.glass-card--pineapple .pn-bottom{margin-top:4cqh;display:flex;flex-direction:column;align-items:flex-start}.glass-card--pineapple .pn-divider{width:clamp(40px,28cqw,110px);height:1px;background:#6e82a099}.glass-card--pineapple .pn-nutrition{margin:8px 0 0;font-size:clamp(12px,6cqw,20px);font-weight:500;letter-spacing:.02em;color:#2c3a4d}