@property --bio-engage{syntax:"<number>";inherits:true;initial-value:0}.fruity-bio .bio-integration,.fruity-bio .bio-stage-content{position:relative}.fruity-bio .bio-companion-anchor{pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}.fruity-bio .bio-companion{--dir:1;z-index:3;width:var(--bio-companion-w);height:var(--bio-companion-h);color:var(--bio-companion-text);pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;text-decoration:none;transition:--bio-engage .5s cubic-bezier(.22,1,.36,1);display:block;position:absolute}.fruity-bio .bio-companion:is(:hover,[data-engaged]){--bio-engage:1}.fruity-bio .bio-companion[data-side=left]{--dir:-1}.fruity-bio .bio-companion[data-mode=rail][data-side=right]{left:calc(100% - var(--bio-companion-tuck))}.fruity-bio .bio-companion[data-mode=rail][data-side=left]{right:calc(100% - var(--bio-companion-tuck))}.fruity-bio .bio-companion-clip,.fruity-bio .bio-companion-slide,.fruity-bio .bio-companion-float{display:block;position:absolute;inset:0}.fruity-bio .bio-companion[data-mode=rail][data-side=right] .bio-companion-clip{clip-path:inset(-120px -120px -120px var(--bio-companion-tuck))}.fruity-bio .bio-companion[data-mode=rail][data-side=left] .bio-companion-clip{clip-path:inset(-120px var(--bio-companion-tuck) -120px -120px)}.fruity-bio .bio-companion-slide{transform:translateX(calc(var(--dir) * -75%)) rotate(calc(var(--dir) * -8deg));transition:transform 1.1s cubic-bezier(.18,1.25,.4,1)}.fruity-bio .bio-companion[data-shown] .bio-companion-slide{transform:translateX(calc(var(--dir) * var(--bio-engage) * 10px))}.fruity-bio .bio-companion-float{perspective:700px;animation:6.5s ease-in-out infinite bio-companion-bob}.fruity-bio a.bio-companion .bio-companion-float>*{pointer-events:auto;cursor:pointer}.fruity-bio .bio-companion[data-mode=inline]{width:calc(var(--bio-companion-w) * var(--bio-companion-scale));height:calc(var(--bio-companion-h) * var(--bio-companion-scale));top:-8px;right:-4px}.fruity-bio .bio-companion[data-mode=inline] .bio-companion-clip{width:var(--bio-companion-w);height:var(--bio-companion-h);transform:scale(var(--bio-companion-scale));transform-origin:0 0;inset:0 auto auto 0}.fruity-bio .bio-companion[data-mode=inline] .bio-companion-slide{opacity:0;transition:transform .8s cubic-bezier(.18,1.25,.4,1),opacity .4s;transform:translateY(10px)scale(.9)}.fruity-bio .bio-companion[data-mode=inline][data-shown] .bio-companion-slide{opacity:1;transform:none}.fruity-bio .bio-companion[data-mode=inline]+*{padding-right:76px}.fruity-bio .bio-companion[data-mode=inline]+* .bio-integration-brand{display:none}.bio-desktop .bio-window-body .bio-integration:has(>.bio-companion[data-mode=inline]){margin-top:4px}.fruity-bio .bio-companion-glare{z-index:2;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at calc(50% + var(--lx,0) * 55%) calc(30% + var(--ly,0) * 45%), #ffffff6b, #ffffff14 38%, transparent 62%);mix-blend-mode:soft-light;display:block;position:absolute;inset:0}.fruity-bio :is(.bio-companion-sticker,.bio-sky-temp){z-index:4;border:1px solid var(--bio-companion-soft);background:color-mix(in srgb, var(--bio-companion-card) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--bio-companion-text);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:4px 8px;font-size:10.5px;font-weight:650;line-height:1;display:inline-flex;position:absolute;box-shadow:0 6px 16px #00000047}.fruity-bio .bio-companion-sticker[data-tone=live]{color:#a4d007}.fruity-bio .bio-companion-led{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px;animation:1.6s ease-in-out infinite bio-companion-led;box-shadow:0 0 8px}.fruity-bio .bio-case-scene{display:block;position:absolute;inset:0}.fruity-bio .bio-case-scene:after{content:"";filter:blur(7px);width:92px;height:14px;transform:translateX(calc(var(--lx,0) * -8px));background:#00000061;border-radius:50%;position:absolute;bottom:2px;left:30px}.fruity-bio .bio-case{width:96px;height:144px;transform-style:preserve-3d;transform:rotateY(calc(var(--dir) * (-26deg + var(--bio-engage) * 14deg) + var(--lx,0) * 24deg)) rotateX(calc(4deg + var(--ly,0) * -14deg)) rotateZ(calc(var(--dir) * (3deg - var(--bio-engage) * 3deg)));display:block;position:absolute;top:14px;left:26px}.fruity-bio .bio-case-face{backface-visibility:hidden;display:block;position:absolute}.fruity-bio .bio-case-front{background:#0e1621;border-radius:3px 5px 5px 3px;inset:0;overflow:hidden;transform:translateZ(8px);box-shadow:inset 0 0 0 1px #ffffff24}.fruity-bio .bio-case-front:after{content:"";pointer-events:none;background:linear-gradient(100deg,#fff3,#0000 26% 78%,#ffffff0f);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1f}.fruity-bio .bio-case-front>img,.fruity-bio .bio-case-header-art>img{object-fit:cover;width:100%;height:100%}.fruity-bio .bio-case-header-art{background:var(--art) center / cover;align-items:center;display:flex;position:absolute;inset:0}.fruity-bio .bio-case-header-art:before{content:"";background:inherit;filter:blur(12px)brightness(.65);position:absolute;inset:0;transform:scale(1.3)}.fruity-bio .bio-case-header-art>img{aspect-ratio:460/215;height:auto;position:relative;box-shadow:0 6px 16px #00000080}.fruity-bio .bio-case-blank{background:linear-gradient(160deg, color-mix(in srgb, var(--bio-companion-accent) 45%, #1b2838), #0e1621);color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:11px;font-weight:650;display:flex;position:absolute;inset:0}.fruity-bio .bio-case-blank svg{width:26px;height:26px}.fruity-bio :is(.bio-case-spine,.bio-case-edge){background:linear-gradient(180deg, color-mix(in srgb, var(--bio-companion-accent) 38%, #1b2838), #0b121b);color:#dfe8f0;flex-direction:column;align-items:center;gap:6px;width:16px;height:100%;padding:7px 0;display:flex;top:0;left:40px;overflow:hidden}.fruity-bio .bio-case-spine{transform:rotateY(-90deg)translateZ(48px)}.fruity-bio .bio-case-edge{transform:rotateY(90deg)translateZ(48px)}.fruity-bio :is(.bio-case-spine,.bio-case-edge) svg{flex:none;width:9px;height:9px}.fruity-bio :is(.bio-case-spine,.bio-case-edge) span{letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;writing-mode:vertical-rl;min-height:0;font-size:8px;font-weight:700;overflow:hidden}.fruity-bio .bio-case-edge:empty{background:linear-gradient(90deg,#0b121b,#1f3044)}.fruity-bio .bio-case-back{background:#0b121b;border-radius:5px 3px 3px 5px;inset:0;transform:rotateY(180deg)translateZ(8px)}.fruity-bio .bio-case-top,.fruity-bio .bio-case-bottom{width:100%;height:16px;top:64px;left:0}.fruity-bio .bio-case-top{background:#24384e;transform:rotateX(90deg)translateZ(72px)}.fruity-bio .bio-case-bottom{background:#070b11;transform:rotateX(-90deg)translateZ(72px)}.fruity-bio .bio-case-scene .bio-companion-sticker{transform:rotate(calc(7deg - var(--lx,0) * 4deg));top:2px;right:0}.fruity-bio .bio-companion[data-side=left] .bio-case-scene .bio-companion-sticker{transform:rotate(calc(-7deg - var(--lx,0) * 4deg));left:0;right:auto}.fruity-bio .bio-tv{transform-style:preserve-3d;transform:rotateY(calc(var(--dir) * (-16deg + var(--bio-engage) * 10deg) + var(--lx,0) * 22deg)) rotateX(calc(var(--ly,0) * -12deg));filter:drop-shadow(0 14px 18px #00000061);display:block;position:absolute;inset:0}.fruity-bio .bio-tv-antenna{display:block;position:absolute;top:30px;left:90px}.fruity-bio .bio-tv-antenna:before,.fruity-bio .bio-tv-antenna:after{content:"";transform-origin:50% 100%;background:linear-gradient(#cfd2da,#6b6f7c);border-radius:2px;width:2px;height:30px;position:absolute;bottom:0;left:-1px;transform:rotate(-30deg)}.fruity-bio .bio-tv-antenna:after{height:24px;transform:rotate(26deg)}.fruity-bio .bio-tv[data-live] .bio-tv-antenna{animation:2.8s ease-in-out infinite bio-tv-antenna}.fruity-bio .bio-tv-body{background:linear-gradient(160deg, color-mix(in srgb, var(--bio-companion-accent) 42%, #2b2533), #14111a 85%);border-radius:18px;gap:8px;width:142px;height:100px;padding:9px;display:flex;position:absolute;top:30px;left:20px;box-shadow:inset 0 2px #ffffff29,inset 0 -5px #00000059,0 0 0 1px #00000059}.fruity-bio .bio-tv[data-live] .bio-tv-body{box-shadow:inset 0 2px #ffffff29,inset 0 -5px #00000059,0 0 0 1px #00000059,0 0 34px #9146ff73}.fruity-bio .bio-tv-screen{background:#0b0b10;border-radius:14px/18px;flex:1;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #0000008c,inset 0 0 18px #000c}.fruity-bio .bio-tv-screen>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.fruity-bio .bio-tv-screen>img.bio-tv-ghost{opacity:.28;filter:grayscale()blur(.5px);border-radius:50%;width:64%;height:64%;inset:18%}.fruity-bio .bio-tv-static{opacity:.2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");animation:.5s steps(4,end) infinite bio-tv-static;position:absolute;inset:-50%}.fruity-bio .bio-tv-scanlines{pointer-events:none;background:repeating-linear-gradient(#0000 0 2px,#0000003d 2px 3px);position:absolute;inset:0;box-shadow:inset 0 0 22px #0000008c}.fruity-bio .bio-tv-label{z-index:3;color:#fff;letter-spacing:.06em;text-transform:uppercase;background:#0009;border-radius:4px;align-items:center;gap:4px;padding:3px 5px;font-size:8.5px;font-weight:750;line-height:1;display:inline-flex;position:absolute;bottom:6px;left:6px}.fruity-bio .bio-tv[data-live] .bio-tv-label{background:#eb0400}.fruity-bio .bio-tv-panel{flex-direction:column;align-items:center;gap:7px;width:20px;padding-top:3px;display:flex}.fruity-bio .bio-tv-knob{width:14px;height:14px;transform:rotate(calc(var(--lx,0) * 120deg));background:radial-gradient(circle at 35% 30%,#fff6,#0000 60%),#3b3446;border-radius:50%;position:relative;box-shadow:inset 0 -2px #0006,0 1px #ffffff1f}.fruity-bio .bio-tv-knob+.bio-tv-knob{transform:rotate(calc(var(--ly,0) * -120deg))}.fruity-bio .bio-tv-knob:after{content:"";background:#ffffffb3;border-radius:1px;width:2px;height:5px;position:absolute;top:2px;left:6px}.fruity-bio .bio-tv-grille{background:repeating-linear-gradient(#0006 0 2px,#0000 2px 4px);border-radius:3px;flex:1;width:12px;margin-bottom:3px}.fruity-bio .bio-tv-feet{width:90px;height:8px;display:block;position:absolute;top:128px;left:46px}.fruity-bio .bio-tv-feet:before,.fruity-bio .bio-tv-feet:after{content:"";background:#15121b;border-radius:0 0 3px 3px;width:6px;height:8px;position:absolute;top:0}.fruity-bio .bio-tv-feet:before{left:6px;transform:skew(18deg)}.fruity-bio .bio-tv-feet:after{right:6px;transform:skew(-18deg)}.fruity-bio .bio-stack{transform-style:preserve-3d;transform:rotateY(calc(var(--dir) * -10deg + var(--lx,0) * 20deg)) rotateX(calc(var(--ly,0) * -12deg));display:block;position:absolute;inset:0}.fruity-bio .bio-stack-card{--spread:calc(1 + var(--bio-engage) * 1.4);width:128px;height:72px;transform:translate(calc(var(--dir) * var(--i) * 9px * var(--spread)), calc(var(--i) * -9px * var(--spread))) rotate(calc(var(--dir) * (var(--i) * 6deg * var(--spread) - 4deg)));background:#111;border:3px solid #fbfbfb;border-radius:8px;display:block;position:absolute;top:30px;left:28px;overflow:hidden;box-shadow:0 10px 22px #0000005c}.fruity-bio .bio-stack-card img{object-fit:cover;width:100%;height:100%}.fruity-bio .bio-stack-play{color:#fff;width:34px;height:24px;transform:translate(-50%, -50%) scale(calc(1 + var(--bio-engage) * .12));background:#f03;border-radius:8px;place-items:center;font-size:13px;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 4px 12px #0006}.fruity-bio .bio-stack-avatar{border:2px solid #fbfbfb;border-radius:50%;width:30px;height:30px;position:absolute;top:12px;left:136px;transform:rotate(10deg)translateZ(24px);box-shadow:0 4px 12px #00000059}.fruity-bio .bio-figure{display:block;position:absolute;inset:0}.fruity-bio .bio-figure-art{object-fit:contain;opacity:0;transform-origin:50% 90%;width:184px;height:184px;transform:rotate(calc(var(--lx,0) * 7deg + var(--dir) * -2deg)) skewY(calc(var(--lx,0) * -2deg)) scaleX(var(--dir));filter:drop-shadow(4px 10px 12px #0006);transition:opacity .5s;position:absolute;top:22px;left:0}.fruity-bio .bio-figure[data-ready] .bio-figure-art{opacity:1}.fruity-bio .bio-figure-tag{left:calc(50% + var(--dir) * (var(--bio-companion-tuck) / 2));color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:150px;transform:translateX(-50%) rotate(calc(var(--lx,0) * 3deg));background:#00000080;border-radius:6px;align-items:center;gap:5px;padding:3px 7px;font-size:11px;font-weight:700;line-height:1.2;display:inline-flex;position:absolute;top:6px;overflow:hidden}.fruity-bio .bio-figure-presence{border-radius:50%;flex:none;width:7px;height:7px}.fruity-bio .bio-figure-bubble{left:calc(50% + var(--dir) * (var(--bio-companion-tuck) / 2));color:#1b1b1f;white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:10px;max-width:150px;padding:5px 9px;font-size:11px;font-weight:650;line-height:1.25;animation:4.5s ease-in-out infinite bio-figure-bubble;position:absolute;top:-30px;overflow:hidden;transform:translate(-50%);box-shadow:0 6px 16px #0000004d}.fruity-bio .bio-sky{display:block;position:absolute;inset:0}.fruity-bio .bio-sky-sun,.fruity-bio .bio-sky-moon{width:54px;height:54px;transform:translate(calc(var(--lx,0) * 7px), calc(var(--ly,0) * 6px));border-radius:50%;display:block;position:absolute;top:16px;left:58px}.fruity-bio .bio-sky-sun{background:radial-gradient(circle at 38% 35%,#fff4b8,#ffc53d 55%,#ff9f1c);box-shadow:0 0 34px #ffba38a6}.fruity-bio .bio-sky-rays{background:repeating-conic-gradient(#ffc448bf 0deg 7deg,#0000 7deg 30deg);border-radius:50%;animation:30s linear infinite bio-spin;display:block;position:absolute;inset:-17px;-webkit-mask:radial-gradient(circle,#0000 33px,#000 34px 43px,#0000 44px);mask:radial-gradient(circle,#0000 33px,#000 34px 43px,#0000 44px)}.fruity-bio .bio-sky-moon:before{content:"";background:radial-gradient(circle at 42% 40%,#fffdf2,#d8d4c2 70%);border-radius:50%;position:absolute;inset:0;box-shadow:0 0 30px #d6deff80;-webkit-mask:radial-gradient(circle at 78% 26%,#0000 21px,#000 22px);mask:radial-gradient(circle at 78% 26%,#0000 21px,#000 22px)}.fruity-bio .bio-sky-star{left:calc(-18px + var(--s) * 78px);top:calc(2px + var(--s) * 44px);width:4px;height:4px;animation:3.2s ease-in-out infinite bio-twinkle;animation-delay:calc(var(--s) * -1.6s);background:#fff;border-radius:50%;display:block;position:absolute;box-shadow:0 0 6px #fff}.fruity-bio .bio-sky-clouds{isolation:isolate;width:98px;height:54px;transform:translate(calc(var(--lx,0) * 13px), calc(var(--ly,0) * 7px));display:block;position:absolute;top:44px;left:36px}.fruity-bio .bio-sky-clouds[data-count="1"]{top:52px;left:30px}.fruity-bio .bio-sky-cloud{background:linear-gradient(#fff,#dbe3ee);border-radius:20px;width:92px;height:32px;animation:9s ease-in-out infinite alternate bio-drift;display:block;position:absolute;bottom:0;left:0;box-shadow:0 10px 20px #00000038}.fruity-bio .bio-sky-cloud:before,.fruity-bio .bio-sky-cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.fruity-bio .bio-sky-cloud:before{width:42px;height:42px;top:-22px;left:14px}.fruity-bio .bio-sky-cloud:after{width:32px;height:32px;top:-14px;left:44px}.fruity-bio .bio-sky-cloud--back{z-index:-1;opacity:.75;animation-duration:12s;animation-direction:alternate-reverse;bottom:20px;left:24px;transform:scale(.72)}.fruity-bio .bio-sky:is([data-kind=rain],[data-kind=cloud]) .bio-sky-cloud{background:linear-gradient(#c9d1db,#98a3b2)}.fruity-bio .bio-sky[data-kind=storm] .bio-sky-cloud{background:linear-gradient(#8d95a3,#5c6472)}.fruity-bio .bio-sky-fall{width:76px;height:30px;display:block;position:absolute;top:92px;left:52px}.fruity-bio .bio-sky-fall span{top:0;left:calc(var(--d) * 13px);width:2px;height:11px;animation:.95s linear infinite bio-fall;animation-delay:calc(var(--d) * -.41s);background:linear-gradient(#0000,#8ec8ff);border-radius:2px;display:block;position:absolute}.fruity-bio .bio-sky-fall[data-kind=snow] span{width:5px;height:5px;animation:2.8s linear infinite bio-snow;animation-delay:calc(var(--d) * -.9s);background:#fff;border-radius:50%;box-shadow:0 0 4px #fffc}.fruity-bio .bio-sky-bolt{clip-path:polygon(55% 0,0 58%,42% 58%,30% 100%,100% 38%,56% 38%);filter:drop-shadow(0 0 6px #ffd84d);opacity:0;background:#ffd84d;width:18px;height:30px;animation:4.2s linear infinite bio-flash;display:block;position:absolute;top:82px;left:82px}.fruity-bio .bio-sky-fog{width:96px;display:block;position:absolute;top:34px;left:38px}.fruity-bio .bio-sky-fog span{background:#dee4eed9;border-radius:8px;height:8px;margin:9px 0;animation:7s ease-in-out infinite alternate bio-drift;display:block}.fruity-bio .bio-sky-fog span:nth-child(2){width:78%;margin-left:18%;animation-delay:-2.3s}.fruity-bio .bio-sky-fog span:nth-child(3){width:64%;animation-delay:-4.6s}.fruity-bio .bio-sky-temp{font-variant-numeric:tabular-nums;transform:rotate(calc(6deg - var(--lx,0) * 4deg));font-size:13px;top:4px;right:2px}.fruity-bio .bio-wallclock{transform-origin:76px 2px;transform:rotate(calc(var(--lx,0) * -9deg));display:block;position:absolute;inset:0}.fruity-bio .bio-wallclock-string{width:48px;height:34px;display:block;position:absolute;top:0;left:52px}.fruity-bio .bio-wallclock-string:before{content:"";background:radial-gradient(circle at 35% 35%,#f2f2f2,#8a8a92);border-radius:50%;width:8px;height:8px;margin-left:-4px;position:absolute;top:0;left:50%;box-shadow:0 2px 4px #0006}.fruity-bio .bio-wallclock-string:after{--cord:color-mix(in srgb, var(--bio-companion-text) 55%, transparent);content:"";background:linear-gradient(to bottom right, transparent calc(50% - 1px), var(--cord) 50%, transparent calc(50% + 1px)) left / 50% 100% no-repeat, linear-gradient(to bottom left, transparent calc(50% - 1px), var(--cord) 50%, transparent calc(50% + 1px)) right / 50% 100% no-repeat;position:absolute;inset:4px 0 0}.fruity-bio .bio-wallclock-face{background:radial-gradient(circle at 40% 32%, #fff, color-mix(in srgb, #fff 80%, var(--bio-companion-accent)));width:104px;height:104px;box-shadow:0 0 0 5px var(--bio-companion-accent), 0 0 0 7px #00000038, inset 0 3px 10px #0003, 0 16px 30px #0000005c;color:#1d1c24;border-radius:50%;display:block;position:absolute;top:30px;left:24px;overflow:hidden}.fruity-bio .bio-wallclock[data-night] .bio-wallclock-face{background:radial-gradient(circle at 40% 32%, #34323f, color-mix(in srgb, #15141c 82%, var(--bio-companion-accent)));color:#ecebf3}.fruity-bio .bio-wallclock-tick{opacity:.45;transform-origin:50% 46px;width:2px;height:6px;transform:rotate(calc(var(--t) * 30deg));background:currentColor;border-radius:1px;margin-left:-1px;display:block;position:absolute;top:6px;left:50%}.fruity-bio .bio-wallclock-tick[data-major]{opacity:.85;width:3px;height:10px;margin-left:-1.5px}.fruity-bio .bio-wallclock-hand{transform-origin:50% calc(100% - 6px);background:currentColor;border-radius:3px;display:block;position:absolute;bottom:calc(50% - 6px);left:50%}.fruity-bio .bio-wallclock-hand[data-hand=hour]{width:5px;height:32px;transform:rotate(var(--hour));margin-left:-2.5px;transition:transform .6s cubic-bezier(.22,1,.36,1)}.fruity-bio .bio-wallclock-hand[data-hand=minute]{width:3.5px;height:44px;transform:rotate(var(--minute));margin-left:-1.75px;transition:transform .6s cubic-bezier(.22,1,.36,1)}.fruity-bio .bio-wallclock-hand[data-hand=second]{background:var(--bio-companion-accent);width:1.5px;height:50px;transform:rotate(var(--second));margin-left:-.75px;transition:transform .26s cubic-bezier(.4,2.3,.55,1)}.fruity-bio .bio-wallclock-pin{background:var(--bio-companion-accent);border-radius:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;display:block;position:absolute;top:50%;left:50%;box-shadow:0 0 0 2px}.fruity-bio .bio-companion[data-mode=inline] :is(.bio-companion-sticker,.bio-sky-temp,.bio-figure-tag,.bio-figure-bubble,.bio-tv-label){display:none}@keyframes bio-companion-bob{0%,to{translate:0}50%{translate:0 -4px}}@keyframes bio-companion-led{50%{opacity:.35}}@keyframes bio-tv-static{0%{transform:translate(0)}25%{transform:translate(-12%,8%)}50%{transform:translate(10%,-6%)}75%{transform:translate(-6%,-10%)}}@keyframes bio-tv-antenna{0%,to{transform:rotate(0)}50%{transform:rotate(5deg)}}@keyframes bio-figure-bubble{0%,to{translate:0}50%{translate:0 -3px}}@keyframes bio-spin{to{transform:rotate(1turn)}}@keyframes bio-twinkle{50%{opacity:.25;transform:scale(.6)}}@keyframes bio-drift{to{translate:7px}}@keyframes bio-fall{0%{opacity:0;transform:translateY(-8px)}15%{opacity:1}to{opacity:0;transform:translateY(26px)}}@keyframes bio-snow{0%{opacity:0;transform:translateY(-6px)}20%{opacity:1}to{opacity:0;transform:translate(6px,26px)}}@keyframes bio-flash{0%,86%,91%,to{opacity:0}88%,93%{opacity:1}}.fruity-bio .bio-companion[data-motion=off] *,.fruity-bio .bio-companion[data-motion=off] :before,.fruity-bio .bio-companion[data-motion=off] :after{transition:none!important;animation:none!important}.fruity-bio .bio-companion[data-motion=off]{transition:none}@media (prefers-reduced-motion:reduce){.fruity-bio .bio-companion *,.fruity-bio .bio-companion :before,.fruity-bio .bio-companion :after{transition:none!important;animation:none!important}}
.fruity-bio .bio-integration{flex-direction:column;gap:14px;display:flex}.fruity-bio .bio-integration-block{flex-direction:column;gap:12px;min-width:0;display:flex}.fruity-bio .bio-integration>:is(.bio-integration-row,.bio-integration-block)~.bio-integration-block{border-top:1px solid var(--bio-presence-line);padding-top:14px}.fruity-bio .bio-integration-row{margin:-6px;padding:6px}.fruity-bio .bio-integration-block>.bio-integration-row{margin-top:0}.fruity-bio .bio-integration-copy{flex-direction:column;flex:1;min-width:0;display:flex}.fruity-bio .bio-integration-row .bio-presence-meta{margin-bottom:2px}.fruity-bio .bio-integration-eyebrow{align-items:center;gap:6px;font-weight:600;display:inline-flex}.fruity-bio .bio-integration-meta{color:var(--bio-integration-muted);font-variant-numeric:tabular-nums}.fruity-bio .bio-integration-title{letter-spacing:-.02em;overflow-wrap:anywhere;align-items:center;gap:6px;min-width:0;font-weight:600;display:flex}.fruity-bio .bio-integration-detail{color:var(--bio-integration-muted);overflow-wrap:anywhere}.fruity-bio .bio-integration-brand{opacity:.55;flex-shrink:0;width:16px;height:16px;transition:opacity .5s cubic-bezier(.22,1,.36,1)}.fruity-bio .bio-integration-verified{flex-shrink:0;width:1em;height:1em}.fruity-bio .bio-integration-section-label{color:var(--bio-integration-accent);font-size:.75em;font-weight:600;line-height:1.4}.fruity-bio .bio-integration-muted{color:var(--bio-integration-muted)}.fruity-bio .bio-integration-hint{color:var(--bio-integration-muted);font-size:calc(.8125rem * var(--bio-body-scale,1));margin:0;line-height:1.5}.fruity-bio .bio-integration-link{color:inherit;border-radius:10px;text-decoration:none;transition:background-color .5s cubic-bezier(.22,1,.36,1)}.fruity-bio .bio-integration-link:is(:hover,:focus-visible){background:var(--bio-integration-hover)}.fruity-bio .bio-integration-link:is(:hover,:focus-visible) .bio-integration-brand{opacity:1}.fruity-bio .bio-integration-link:focus-visible{outline-offset:2px;outline:2px solid}.fruity-bio a.bio-integration-block{margin:-6px;padding:6px}.fruity-bio a.bio-integration-block .bio-integration-row{margin:0;padding:0}.fruity-bio .bio-integration-media{flex:none;width:48px;height:48px;position:relative}.fruity-bio .bio-integration-media[data-shape=wide]{aspect-ratio:460/215;width:auto}.fruity-bio .bio-integration-media[data-shape=video]{aspect-ratio:16/9;width:100%;height:auto}.fruity-bio .bio-integration-media-frame{background:var(--bio-integration-tile);border:1px solid var(--bio-integration-tile-line);color:var(--bio-integration-accent);border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.fruity-bio .bio-integration-media[data-shape=round] .bio-integration-media-frame{border-radius:999px}.fruity-bio .bio-integration-media[data-shape=video] .bio-integration-media-frame{border-radius:10px}.fruity-bio .bio-integration-media-frame img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%}.fruity-bio .bio-integration-media[data-fit=contain] img{object-fit:contain}.fruity-bio .bio-integration-media-icon{width:22px;height:22px}.fruity-bio .bio-integration-status{border:2.5px solid var(--bio-integration-ring);border-radius:999px;width:13px;height:13px;position:absolute;bottom:-2px;right:-2px}.fruity-bio .bio-integration-dot{border-radius:999px;flex-shrink:0;width:7px;height:7px;display:inline-block}.fruity-bio .bio-integration-dot--pulse{animation:1.6s ease-in-out infinite bio-integration-pulse}@keyframes bio-integration-pulse{0%,to{opacity:1}50%{opacity:.35}}.fruity-bio .bio-integration-clamp{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.fruity-bio .bio-integration-truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.fruity-bio .bio-twitch-preview{aspect-ratio:16/9;background:var(--bio-integration-faint);border-radius:10px;display:block;position:relative;overflow:hidden}.fruity-bio .bio-twitch-preview[data-state=loading]{display:none}.fruity-bio .bio-twitch-preview img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.fruity-bio .bio-twitch-preview-badges{gap:6px;display:flex;position:absolute;top:10px;left:10px}.fruity-bio :is(.bio-twitch-live-pill,.bio-twitch-viewers){color:#fff;border-radius:6px;padding:3px 7px;font-size:.6875rem;font-weight:600;line-height:1.3}.fruity-bio .bio-twitch-live-pill{text-transform:uppercase;letter-spacing:.04em;background:#eb0400}.fruity-bio .bio-twitch-viewers{font-variant-numeric:tabular-nums;background:#0000009e}.fruity-bio .bio-twitch-live-avatar .bio-integration-media-frame{box-shadow:0 0 0 2px var(--bio-integration-ring), 0 0 0 4px #eb0400}.fruity-bio .bio-game-list{flex-direction:column;gap:8px;display:flex}.fruity-bio .bio-integration-row.bio-game-row{gap:12px;margin:-4px;padding:4px}.fruity-bio .bio-presence-row.bio-game-row+.bio-presence-row.bio-game-row{border-top:0;margin-top:-4px;padding-top:4px}.fruity-bio .bio-game-row .bio-integration-media{height:36px}.fruity-bio .bio-game-row .bio-integration-media-frame{border-radius:6px}.fruity-bio .bio-game-row .bio-integration-title{font-size:calc(.875rem * var(--bio-body-scale,1));font-weight:500;line-height:1.35}.fruity-bio .bio-game-row .bio-integration-detail{font-size:calc(.75rem * var(--bio-body-scale,1));font-variant-numeric:tabular-nums;line-height:1.35}.fruity-bio .bio-youtube-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.fruity-bio .bio-youtube-grid[data-count="1"]{grid-template-columns:minmax(0,1fr)}.fruity-bio .bio-youtube-grid:is([data-count="2"],[data-count="4"]){grid-template-columns:repeat(2,minmax(0,1fr))}.fruity-bio .bio-youtube-list{flex-direction:column;gap:10px;display:flex}.fruity-bio .bio-youtube-video{flex-direction:column;gap:8px;min-width:0;margin:-4px;padding:4px;display:flex}.fruity-bio .bio-youtube-list .bio-youtube-video{grid-template-columns:128px minmax(0,1fr);align-items:center;gap:12px;display:grid}.fruity-bio .bio-youtube-play{color:#fff;opacity:0;background:#00000047;justify-content:center;align-items:center;font-size:26px;transition:opacity .5s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset:0}.fruity-bio .bio-youtube-video:is(:hover,:focus-visible) .bio-youtube-play{opacity:1}.fruity-bio .bio-youtube-title{font-size:calc(.8125rem * var(--bio-body-scale,1));font-weight:500;line-height:1.4}.fruity-bio .bio-youtube-meta{font-size:calc(.75rem * var(--bio-body-scale,1));color:var(--bio-integration-muted);margin-top:2px}.fruity-bio .bio-youtube-featured .bio-youtube-title{font-size:calc(.9375rem * var(--bio-body-scale,1))}.fruity-bio .bio-clock-time{font-variant-numeric:tabular-nums}.fruity-bio .bio-clock-time small{color:var(--bio-integration-muted);margin-left:4px;font-size:.75em;font-weight:500}.fruity-bio .bio-clock-placeholder{background:var(--bio-integration-faint);border-radius:4px;width:4ch;height:1.2em;display:inline-block}.fruity-bio .bio-weather-temp{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.fruity-bio .bio-integration-dot--pulse{animation:none}.fruity-bio :is(.bio-integration-link,.bio-integration-brand,.bio-youtube-play){transition:none}}@media (max-width:480px){.fruity-bio .bio-youtube-grid:not([data-count="1"]){flex-direction:column;gap:10px;display:flex}.fruity-bio .bio-youtube-grid:not([data-count="1"]) .bio-youtube-video,.fruity-bio .bio-youtube-list .bio-youtube-video{grid-template-columns:104px minmax(0,1fr);align-items:center;gap:12px;display:grid}}