@property --lens-press{syntax:"<number>";inherits:true;initial-value:1}.lgn-root{--lgn-height:78px;--lgn-item-width:clamp(74px, 21vw, 92px);--lgn-pad-x:clamp(22px, 5vw, 34px);--lgn-gap:12px;--lgn-safe-x:max(env(safe-area-inset-left,0px), env(safe-area-inset-right,0px));--lgn-nudge-x:clamp(0px, calc(50vw - 280px), 44px);--glass-blur:46px;--glass-saturation:1.8;--lgn-backdrop:#fafafc;--glass-radius:999px;--shadow-strength:1;--glass-shadow:0 .5px 1px rgb(0 0 0/calc(.07 * var(--shadow-strength))), 0 6px 14px -8px rgb(0 0 0/calc(.18 * var(--shadow-strength))), 0 18px 38px -14px rgb(0 0 0/calc(.26 * var(--shadow-strength)));--lens-width:clamp(96px, calc(var(--lgn-item-width) + 8px), 106px);--lens-height:70px;--warp-overhang:34px;--active-color:#ff375f;--ink-dark:#08080aeb;--ink-light:#ebebf5a3;--ink-lift:clamp(0, (.42 - var(--glass-lum,.7)) * 4, 1);--inactive-color:color-mix(in srgb, var(--ink-light) calc(var(--ink-lift) * 100%), var(--ink-dark));--animation-duration:.64s;--spring-easing:linear(0, .0033 2%, .0263 5%, .0879 9%, .1857 13%, .3062 17%, .4368 21%, .5654 25%, .6832 29%, .7856 33%, .8578 36%, .9109 39%, .9483 42%, .9739 45.5%, .9903 49.5%, .9989 54%, 1.0022 59%, 1.0021 66%, 1.0007 76%, 1 100%);z-index:50;max-width:calc(100vw - 20px - var(--lgn-safe-x) * 2);isolation:isolate;align-items:center;gap:var(--lgn-gap);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,system-ui,Helvetica Neue,sans-serif;transition:transform .42s cubic-bezier(.32,.72,0,1),opacity .32s;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.lgn-root[data-hidden=true]{transform:translate(calc(-50% - var(--lgn-nudge-x,0px)), -50%) translate3d(0, 130%, 0);opacity:0;pointer-events:none}.lgn-root[data-dock=bottom][data-hidden=true]{transform:translate(calc(-50% - var(--lgn-nudge-x,0px)), 0) translate3d(0, 130%, 0)}.lgn-shell{isolation:isolate;border-radius:var(--glass-radius);box-shadow:var(--glass-shadow);touch-action:none;-webkit-user-select:none;user-select:none;position:relative}.lgn-surface{align-items:center;gap:var(--lgn-gap);padding:0 var(--lgn-pad-x);height:var(--lgn-height);border-radius:var(--glass-radius);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation)) brightness(1.08);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation)) brightness(1.08);-webkit-tap-highlight-color:transparent;background:linear-gradient(#ffffff80 0%,#fff6 46%,#ffffff94 100%);display:flex;position:relative;overflow:hidden}.lgn-surface:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(#fffffff2 0%,#ffffff2e 26%,#ffffff1a 64%,#ffffffd9 100%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.lgn-surface:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px 1px #ffffff8c,inset 0 -10px 18px -14px #0000001a}.lgn-item{z-index:2;width:var(--lgn-item-width);height:var(--lgn-height);cursor:pointer;min-width:44px;min-height:44px;color:var(--inactive-color);-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;transition:color .38s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.lgn-item:focus-visible{outline:none}.lgn-item:focus-visible .lgn-focus{opacity:1}.lgn-focus{box-shadow:0 0 0 2.5px color-mix(in oklab, var(--active-color) 70%, white);opacity:0;pointer-events:none;border-radius:999px;transition:opacity .14s;position:absolute;inset:5px 4px}.lgn-icon{width:25px;height:25px;transition:transform .24s cubic-bezier(.32,.72,0,1);display:block}.lgn-sym-out{fill:none;stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2;opacity:1;transition:opacity .2s cubic-bezier(.32,.72,0,1)}.lgn-sym-fill{opacity:0;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;transition:opacity .2s cubic-bezier(.32,.72,0,1)}[data-active=true] .lgn-sym-out{opacity:0}[data-active=true] .lgn-sym-fill{opacity:1}.lgn-item[data-pressed=true] .lgn-icon{transform:scale(.92)}.lgn-label{white-space:nowrap;letter-spacing:.12px;font-synthesis-weight:none;margin-top:0;font-size:10px;font-weight:500;line-height:12px}.lgn-surface .lgn-item .lgn-icon,.lgn-surface .lgn-item .lgn-label{opacity:1}.lgn-surface .lgn-item[data-lens-pickup=true] .lgn-icon,.lgn-surface .lgn-item[data-lens-pickup=true] .lgn-label{opacity:0}@media (hover:hover){.lgn-item:hover:not([data-active=true]){color:color-mix(in srgb, var(--inactive-color) 68%, color-mix(in srgb, white calc(var(--ink-lift) * 100%), black))}}@media (prefers-color-scheme:dark){.lgn-root{--ink-dark:#08080aeb;--ink-light:#08080aeb;--active-color:#ff375f}@media (hover:hover){.lgn-item:hover:not([data-active=true]){color:#000000f2}}}.lgn-lens{--lens-x:0px;--lens-sx:1;--lens-sy:1;z-index:3;width:var(--lens-width);height:var(--lens-height);margin-top:calc(var(--lens-height) / -2);pointer-events:none;contain:layout style;transform:translate3d(var(--lens-x), 0, 0) scale(calc(var(--lens-sx) * var(--lens-press,1)), calc(var(--lens-sy) * var(--lens-press,1)));border-radius:999px;transition:none;position:absolute;top:50%;left:0;clip-path:none!important}.lgn-lens[data-animating=true],.lgn-lens[data-pressed=true],.lgn-lens[data-dragging=true],.lgn-lens[data-animating=true] .lgn-lens-spec,.lgn-lens[data-animating=true] .lgn-lens-glint,.lgn-lens[data-dragging=true] .lgn-lens-spec,.lgn-lens[data-dragging=true] .lgn-lens-glint{will-change:transform}.lgn-lens-refract{inset:calc(-1 * var(--warp-overhang,20px));-webkit-backdrop-filter:none;backdrop-filter:none;clip-path:inset(var(--warp-overhang,20px) round 999px);border-radius:999px;position:absolute}.lgn-lens[data-lite=true] .lgn-lens-refract{-webkit-backdrop-filter:none;backdrop-filter:none}.lgn-lens[data-lite=true] .lgn-lens-warp{filter:url(#lgn-refraction-lite)}.lgn-lens-warp{inset:calc(-1 * var(--warp-overhang,20px));clip-path:inset(var(--warp-overhang,20px) round 999px);filter:none;contain:layout paint;background:0 0;border-radius:999px;position:absolute;overflow:hidden}.lgn-lens .lgn-lens-warp,.lgn-lens[data-disp="0"] .lgn-lens-warp,.lgn-lens[data-lite=true][data-disp="0"] .lgn-lens-warp{filter:none}.lgn-lens .lgn-lens-refract,.lgn-lens[data-disp="0"] .lgn-lens-refract,.lgn-lens[data-lite=true][data-disp="0"] .lgn-lens-refract,.lgn-lens[data-disp="1"] .lgn-lens-refract,.lgn-lens[data-disp="2"] .lgn-lens-refract{-webkit-backdrop-filter:none;backdrop-filter:none}.lgn-lens[data-disp="1"] .lgn-lens-warp,.lgn-lens[data-disp="2"] .lgn-lens-warp,.lgn-lens[data-lite=true][data-disp="1"] .lgn-lens-warp,.lgn-lens[data-lite=true][data-disp="2"] .lgn-lens-warp{filter:none}.lgn-lens[data-pressed=true]{--lens-press:1}.lgn-lens[data-pressed=true] .lgn-lens-warp{filter:none}.lgn-lens[data-pressed=true] .lgn-lens-refract{-webkit-backdrop-filter:none;backdrop-filter:none}.lgn-lens[data-pressed=true] .lgn-lens-spec:before{opacity:.98}.lgn-lens[data-pressed=true] .lgn-lens-spec:after{opacity:.88}.lgn-lens[data-pressed=true] .lgn-lens-glint{opacity:1}.lgn-lens[data-animating=true] .lgn-lens-warp,.lgn-lens[data-dragging=true] .lgn-lens-warp{will-change:filter}.lgn-lens-warp-clip{clip-path:inset(var(--warp-overhang,20px) calc(var(--warp-overhang,20px) + 3px) round 999px);position:absolute;inset:0}.lgn-magnifier{z-index:4;pointer-events:none;clip-path:inset(0 100% 0 0 round 999px);position:absolute;inset:0;overflow:visible}.lgn-lens-clone{transform-origin:0;transform:translate3d(calc(-1 * var(--lens-x)), 0, 0);will-change:auto;height:var(--lgn-height);margin-top:calc(var(--lgn-height) / -2);padding:0 var(--lgn-pad-x);align-items:center;gap:var(--lgn-gap);pointer-events:none;border-radius:var(--glass-radius);background:0 0;width:max-content;display:flex;position:absolute;top:50%;left:0;overflow:visible}.lgn-lens-clone .lgn-item{opacity:0;flex:none;transition:none;overflow:visible}.lgn-lens-clone .lgn-item[data-show=true]{opacity:1}.lgn-lens-clone .lgn-label{-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;font-kerning:none;font-variant-ligatures:none}.lgn-lens-clone .lgn-item,.lgn-lens-clone .lgn-icon,.lgn-lens-clone .lgn-label{backface-visibility:hidden;transition:none!important}.lgn-lens-body{border-radius:inherit;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#ffffff1a 0%,#ffffff05 42%,#ffffff12 100%);position:absolute;inset:0;overflow:hidden;box-shadow:0 5px 9px -2px #0000000d}.lgn-lens-spec{border-radius:inherit;pointer-events:none;transform:translate3d(calc(var(--lens-v,0) * -7px), 0, 0) skewX(calc(var(--lens-v,0) * -5deg));will-change:transform;position:absolute;inset:0;overflow:hidden}.lgn-lens-spec:before{content:"";border-radius:inherit;transform:translate3d(calc(var(--lens-v,0) * -2px), 0, 0) scaleX(calc(1 + var(--lens-va,0) * .06));border:1.4px solid #ffffffdb;position:absolute;inset:1px 2px 1.5px 1.5px;-webkit-mask:linear-gradient(112deg,#000 0% 9%,#0000 34%);mask:linear-gradient(112deg,#000 0% 9%,#0000 34%)}.lgn-lens-spec:after{content:"";border-radius:inherit;transform:translate3d(calc(var(--lens-v,0) * -4px), 0, 0);border:1.2px solid #ffffffa3;position:absolute;inset:1.5px 1.5px 1px 2px;-webkit-mask:linear-gradient(300deg,#000 0% 7%,#0000 32%);mask:linear-gradient(300deg,#000 0% 7%,#0000 32%)}.lgn-lens-glint{width:20%;height:3px;transform:translate3d(calc(var(--lens-v,0) * -14px), 0, 0) scale(calc(1 + var(--lens-va,0) * .5), 1);pointer-events:none;background:radial-gradient(closest-side,#ffffffd1 0%,#ffffff6b 34%,#ffffff29 62%,#fff0 100%);border-radius:999px;position:absolute;top:2.5px;left:12%}.lgn-lens-edge{border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 .5px #ffffff42,inset 0 0 2.4px #ffffff80,inset 0 1.6px 2.6px -1px #ffffffa8,inset 0 -2px 3px -1.2px #ffffff70,inset -2px -2.5px 4px -3.4px #00000029,0 0 2.5px #ffffff2e,0 0 0 .5px #0000000a}.lgn-lens[data-dragging=false][data-animating=false] .lgn-lens-spec,.lgn-lens[data-dragging=false][data-animating=false] .lgn-lens-spec:before,.lgn-lens[data-dragging=false][data-animating=false] .lgn-lens-spec:after,.lgn-lens[data-dragging=false][data-animating=false] .lgn-lens-glint{transition:transform var(--lgn-hl-ms,.34s) var(--lgn-hl-ease,cubic-bezier(.32, .72, 0, 1)), opacity var(--lgn-hl-opacity-ms,.26s) var(--lgn-hl-ease,cubic-bezier(.32, .72, 0, 1))}@media (prefers-reduced-motion:reduce){.lgn-lens,.lgn-lens[data-animating=true],.lgn-item{transition-duration:1ms!important}}@media (prefers-reduced-transparency:reduce){.lgn-surface{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fafafcf7}.lgn-lens-refract{-webkit-backdrop-filter:none;backdrop-filter:none}.lgn-lens-body{-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffff80}}@media (width<=460px){.lgn-root{--lgn-height:68px;--lgn-pad-x:clamp(16px, 4.6vw, 24px);--lgn-gap:9px;--lgn-nudge-x:34px;max-width:calc(100vw - 12px - 80px - 2 * var(--lgn-safe-x));--lgn-item-width:clamp(48px, calc((100vw - 2 * var(--lgn-pad-x) - 3 * var(--lgn-gap) - 2 * var(--lgn-safe-x) - 92px) / 4), 74px);--lens-width:clamp(80px, calc(var(--lgn-item-width) + 7px), 88px);--lens-height:60px}.lgn-icon{width:25px;height:25px}.lgn-item{gap:2px}.lgn-label{font-size:10px;line-height:12px}}@media (width<=372px){.lgn-root{--lgn-height:64px;--lgn-pad-x:10px;--lgn-gap:6px;--lgn-nudge-x:30px;max-width:calc(100vw - 20px - 2 * var(--lgn-nudge-x) - 2 * var(--lgn-safe-x));--lgn-item-width:clamp(46px, calc((100vw - 2 * var(--lgn-pad-x) - 3 * var(--lgn-gap) - 2 * var(--lgn-safe-x) - 2 * var(--lgn-nudge-x) - 20px) / 4), 68px);--lens-width:calc(var(--lgn-item-width) + 8px);--lens-height:56px}.lgn-item{gap:2px;min-width:44px}.lgn-label{letter-spacing:0;font-size:9.5px;line-height:10px}.lgn-icon{width:22px;height:22px}}.lgn-glyph-fb{width:26px;height:26px;color:inherit;flex:none;display:block;position:relative}.lgn-glyph-fb i{background:currentColor;display:block;position:absolute}.lgn-glyph-fb-home i:first-child{border-radius:3px;width:17px;height:17px;top:1px;left:50%;transform:translate(-50%)rotate(45deg)}.lgn-glyph-fb-home i:nth-child(2){border-radius:0 0 4px 4px;width:20px;height:13px;bottom:2px;left:3px}.lgn-glyph-fb-home i:nth-child(3){display:none}.lgn-glyph-fb-community i:first-child{border-radius:2px;width:16px;height:3.2px;top:50%;left:50%;transform:translate(-50%,-50%)}.lgn-glyph-fb-community i:nth-child(2){border-radius:2px;width:3.2px;height:16px;top:50%;left:50%;transform:translate(-50%,-50%)}.lgn-glyph-fb-community i:nth-child(3){display:none}.lgn-glyph-fb-music i:first-child{border-radius:999px;width:7px;height:7px;top:50%;left:50%;transform:translate(-50%,-50%)}.lgn-glyph-fb-music i:nth-child(2){border-radius:2px;width:3px;height:12px;top:50%;left:3px;transform:translateY(-50%)}.lgn-glyph-fb-music i:nth-child(3){border-radius:2px;width:3px;height:12px;top:50%;right:3px;transform:translateY(-50%)}.lgn-glyph-fb-profile i:first-child{border-radius:2px;width:auto;height:3px;top:3px;left:5px;right:5px}.lgn-glyph-fb-profile i:nth-child(2){border-radius:2px;width:auto;height:3px;top:9px;left:3px;right:3px}.lgn-glyph-fb-profile i:nth-child(3){border-radius:3px;width:auto;height:9px;bottom:3px;left:2px;right:2px}@supports (padding:env(safe-area-inset-bottom)){.lgn-root[data-dock=bottom]{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);transform:translate(calc(-50% - var(--lgn-nudge-x,0px)), 0)}}.lgn-ripple-layer{border-radius:inherit;pointer-events:none;z-index:1;contain:strict;position:absolute;inset:0;overflow:hidden}.lgn-ripple{width:24px;height:24px;transform:translate3d(var(--rip-x,0px), 0, 0) scale(.22, .22);background:radial-gradient(closest-side, #fff0 46%, rgb(255 255 255/calc(.15 + .4 * var(--rip-p,1))) 74%, rgb(255 255 255/calc(.05 + .12 * var(--rip-p,1))) 88%, #fff0 100%);opacity:0;will-change:transform, opacity;animation:lgn-ripple calc(.52s + var(--rip-p,1) * .32s) cubic-bezier(.16, .84, .3, 1) forwards;border-radius:999px;margin:-12px 0 0 -12px;position:absolute;top:50%;left:0}.lgn-ripple:after{content:"";border-radius:inherit;background:radial-gradient(closest-side, #fff0 58%, rgb(255 255 255/calc(.1 + .22 * var(--rip-p,1))) 82%, #fff0 100%);opacity:0;animation:lgn-ripple-echo calc(.56s + var(--rip-p,1) * .3s) cubic-bezier(.16, .84, .3, 1) 90ms forwards;position:absolute;inset:0;transform:scale(.55)}@keyframes lgn-ripple{0%{opacity:calc(.32 + .55 * var(--rip-p,1));transform:translate3d(var(--rip-x,0px), 0, 0) scale(.26, .3)}38%{opacity:calc(.24 + .34 * var(--rip-p,1))}72%{opacity:calc(.08 + .14 * var(--rip-p,1))}to{opacity:0;transform:translate3d(var(--rip-x,0px), 0, 0) scale(calc(4.4 + 3.2 * var(--rip-p,1)), calc(2.6 + 1.4 * var(--rip-p,1)))}}@keyframes lgn-ripple-echo{0%{opacity:calc(.2 + .3 * var(--rip-p,1));transform:scale(.5)}to{opacity:0;transform:scale(2.2)}}.lgn-lens[data-ripple=true] .lgn-lens-body{animation:lgn-lens-pulse calc(.42s + var(--rip-p,1) * .18s) cubic-bezier(.22, .86, .24, 1)}@keyframes lgn-lens-pulse{0%{transform:scale(1)}22%{transform:scale(calc(1 + .03 * var(--rip-p,1)), calc(1 - .028 * var(--rip-p,1)))}56%{transform:scale(calc(1 - .012 * var(--rip-p,1)), calc(1 + .014 * var(--rip-p,1)))}82%{transform:scale(calc(1 + .004 * var(--rip-p,1)), calc(1 - .004 * var(--rip-p,1)))}to{transform:scale(1)}}.lgn-lens-spec:before{opacity:clamp(.82, calc(.98 - var(--lens-va,0) * .14 + var(--lens-mag,0) * .1), 1)}.lgn-lens-spec:after{opacity:clamp(.62, calc(.86 - var(--lens-va,0) * .16 + var(--lens-mag,0) * .12), .94)}.lgn-lens-glint{opacity:clamp(.76, calc(1 - var(--lens-va,0) * .18 + var(--lens-jelly,0) * .22 + var(--lens-mag,0) * .14), 1.14)}.lgn-lens-edge{transform:translate3d(clamp(-2.2px, calc(var(--lens-v,0) * -1.8px), 2.2px), 0, 0) scaleX(calc(1 + var(--lens-va,0) * .018 + var(--lens-jelly,0) * .01 + var(--lens-mag,0) * .006));opacity:clamp(.86, calc(1 - var(--lens-va,0) * .07 + var(--lens-jelly,0) * .2 + var(--lens-mag,0) * .1), 1.18)}.lgn-lens-spec{filter:brightness(calc(1 + var(--lens-jelly,0) * .16 + var(--lens-mag,0) * .08)) saturate(calc(1 + var(--lens-jelly,0) * .12 + var(--lens-mag,0) * .1))}.lgn-magnifier{filter:saturate(calc(1 + var(--lens-mag,0) * .06))}.lgn-lens-spec,.lgn-lens-glint{will-change:auto}.lgn-lens[data-animating=true] .lgn-lens-spec,.lgn-lens[data-animating=true] .lgn-lens-glint,.lgn-lens[data-dragging=true] .lgn-lens-spec,.lgn-lens[data-dragging=true] .lgn-lens-glint{will-change:transform}.lgn-lens-warp,.lgn-lens-body{backface-visibility:hidden;transform:translateZ(0)}.lgn-magnifier{contain:layout paint style;backface-visibility:hidden}.lgn-shell[data-moving=true] .lgn-magnifier{will-change:clip-path}.lgn-lens[data-lite=true] .lgn-lens-glint{filter:none}@media (prefers-reduced-motion:reduce){.lgn-ripple,.lgn-ripple:after,.lgn-lens[data-ripple=true] .lgn-lens-body{animation:none!important}}.lgn-root{padding-left:var(--lgn-safe-x);padding-right:var(--lgn-safe-x);padding-bottom:env(safe-area-inset-bottom,0px)}.lgn-root[data-dock=bottom]{padding-bottom:0}.lgn-lens[data-lite=true]~.lgn-ripple-layer .lgn-ripple:after,.lgn-lens[data-lite=true] .lgn-lens-prism{display:none}.lgn-warm{opacity:.001;pointer-events:none;contain:strict;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}.lgn-warm i{background:gray;border-radius:999px;width:160px;height:102px;display:block}.lgn-debug{top:calc(env(safe-area-inset-top,0px) + 10px);z-index:99;background:color-mix(in srgb, canvas 78%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);min-width:268px;box-shadow:0 0 0 .5px color-mix(in srgb, canvastext 18%, transparent), 0 8px 26px -14px color-mix(in srgb, canvastext 55%, transparent);color:canvastext;letter-spacing:.01em;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:12px;padding:8px 10px 9px;font:500 10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;left:10px}.lgn-debug-head{text-transform:uppercase;opacity:.62;justify-content:space-between;gap:12px;margin-bottom:5px;font-size:9px;font-weight:700;display:flex}.lgn-debug-grid{border-radius:5px;grid-template-columns:5.6em 3.6em 3.6em 5.4em 4.4em;gap:0 6px;padding:1.5px 0;display:grid}.lgn-debug-grid[data-live=true]{background:#ee335229;font-weight:700}.lgn-debug-labels{opacity:.45;font-size:9px}.lgn-debug-grid em{opacity:.5;font-style:normal}.lgn-debug-empty{opacity:.5;padding-top:2px}.lgn-lens[data-animating=true] .lgn-lens-refract,.lgn-lens[data-dragging=true] .lgn-lens-refract{-webkit-backdrop-filter:none;backdrop-filter:none}.lgn-lens[data-animating=true] .lgn-lens-body,.lgn-lens[data-dragging=true] .lgn-lens-body{-webkit-backdrop-filter:saturate(1.5)brightness(1.05);backdrop-filter:saturate(1.5)brightness(1.05)}.lgn-lens[data-lite=true][data-animating=true] .lgn-lens-warp,.lgn-lens[data-lite=true][data-dragging=true] .lgn-lens-warp{filter:url(#lgn-refraction-lite)}.lgn-shell[data-moving=true] .lgn-lens-clone{will-change:transform}.lgn-root[data-compact=true]{--lgn-height:54px;--lgn-item-width:60px;--lgn-gap:6px;--lgn-pad-x:clamp(8px, 2vw, 16px);--lens-width:66px;--lens-height:46px}.lgn-surface,.lgn-item,.lgn-lens{transition:height .38s cubic-bezier(.32,.72,0,1),width .38s cubic-bezier(.32,.72,0,1),padding .38s cubic-bezier(.32,.72,0,1)}.lgn-label{max-height:14px;transition:opacity .24s cubic-bezier(.32,.72,0,1),max-height .38s cubic-bezier(.32,.72,0,1),transform .38s cubic-bezier(.32,.72,0,1)}.lgn-root[data-compact=true] .lgn-label{opacity:0;max-height:0;transform:translateY(-3px)}.lgn-root[data-compact=true] .lgn-icon{transform:scale(.88)}@media (prefers-reduced-motion:reduce){.lgn-surface,.lgn-item,.lgn-lens,.lgn-label,.lgn-icon,.lgn-root{transition-duration:1ms!important}html{scroll-behavior:auto}}@media (prefers-contrast:more){.lgn-root{--inactive-color:#000;--active-color:#e0244a}.lgn-surface{-webkit-backdrop-filter:saturate(1.1);backdrop-filter:saturate(1.1);background:#fffffff5;box-shadow:inset 0 0 0 1.5px #0000006b}.lgn-lens-edge{box-shadow:inset 0 0 0 1.5px #00000057}.lgn-label{font-weight:700}}@media (prefers-reduced-transparency:reduce){.lgn-lens-spec,.lgn-lens-glint{opacity:.25}.lgn-lens-body{background:#ffffffd1}}@supports (font:-apple-system-body){.lgn-label{font-size:clamp(10px,.625rem,13px);line-height:1.15}}@media (prefers-color-scheme:dark) and (prefers-contrast:more){.lgn-root{--inactive-color:#f2f2f7}.lgn-surface{background:#1c1c1ef5;box-shadow:inset 0 0 0 1.5px #ffffff80}}.lgn-root{--glass-lum:.5;--glass-tint-h:220;--glass-tint-c:0;--lgn-lum-lift:clamp(0, calc((.5 - var(--glass-lum)) * 1.1), .32);--lgn-lum-drop:clamp(0, calc((var(--glass-lum) - .5) * 1.1), .32);--lgn-tint:calc(var(--glass-tint-c) * var(--lgn-tint-gain,1))}.lgn-surface{background-image:linear-gradient(to bottom, rgb(255 255 255/calc(.64 - var(--lgn-lum-drop) * .3 + var(--lgn-lum-lift) * .14)) 0%, rgb(255 255 255/calc(.56 - var(--lgn-lum-drop) * .26 + var(--lgn-lum-lift) * .12)) 46%, rgb(255 255 255/calc(.72 - var(--lgn-lum-drop) * .3 + var(--lgn-lum-lift) * .14)) 100%);background-color:hsl(var(--glass-tint-h) 68% 58% / calc(var(--lgn-tint) * .09));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(calc(var(--glass-saturation) * (1 + var(--lgn-tint) * .22))) brightness(calc(1.08 - var(--lgn-lum-drop) * .2 + var(--lgn-lum-lift) * .14));backdrop-filter:blur(var(--glass-blur)) saturate(calc(var(--glass-saturation) * (1 + var(--lgn-tint) * .22))) brightness(calc(1.08 - var(--lgn-lum-drop) * .2 + var(--lgn-lum-lift) * .14))}.lgn-root{--shadow-strength:clamp(.25, calc(.85 + var(--lgn-lum-drop) * 1.4 - var(--lgn-lum-lift) * 2.2), 1.25)}.lgn-surface:before{opacity:clamp(.62, calc(.88 + var(--lgn-lum-lift) * .5 - var(--lgn-lum-drop) * .5), 1)}.lgn-lens-body{background-color:hsl(var(--glass-tint-h) 70% 60% / calc(var(--lgn-tint) * .03))}@media (prefers-reduced-transparency:reduce){.lgn-root{--lgn-lum-lift:0;--lgn-lum-drop:0;--lgn-tint:0}}.lgn-lens-caustic{border-radius:inherit;pointer-events:none;--bend:calc(var(--lgn-rim-bend,1) * (.55 + var(--lens-mag,0) * .55 + var(--lens-va,0) * .22));position:absolute;inset:0;overflow:hidden}.lgn-lens-caustic:before{content:"";border-radius:inherit;background:radial-gradient(120% 150% at 50% 50%, #fff0 60%, rgb(255 255 255/calc(.08 * var(--lgn-caustic,.6) * var(--bend))) 74%, rgb(255 255 255/calc(.16 * var(--lgn-caustic,.6) * var(--bend))) 84%, rgb(255 255 255/calc(.32 * var(--lgn-caustic,.6) * var(--bend))) 92%, rgb(255 255 255/calc(.42 * var(--lgn-caustic,.6) * var(--bend))) 96%, rgb(255 255 255/calc(.14 * var(--lgn-caustic,.6) * var(--bend))) 99%, #fff0 100%);opacity:clamp(.35, calc(.6 + var(--lens-mag,0) * .45), 1.1);position:absolute;inset:.6px}.lgn-lens-caustic:after{content:"";border-radius:inherit;box-shadow:inset calc(var(--lens-v,0) * 1.1px + .5px) 0 1.6px -1px rgb(255 150 110/calc(.3 * var(--bend))), inset calc(var(--lens-v,0) * 1.1px - .5px) 0 1.6px -1px rgb(120 180 255/calc(.3 * var(--bend)));opacity:clamp(.25, calc(.45 + var(--lens-va,0) * .55 + var(--lens-mag,0) * .3), 1);mix-blend-mode:screen;position:absolute;inset:0}.lgn-lens-edge{filter:brightness(calc(1 + (var(--lgn-rim-bend,1) - 1) * .35))}@media (prefers-reduced-motion:reduce){.lgn-lens-caustic:after{opacity:.3}}.lgn-falloff{inset:calc(var(--lgn-falloff-spread,7px) * -1);pointer-events:none;z-index:0;-webkit-backdrop-filter:blur(var(--lgn-falloff-blur,22px)) saturate(1.12);backdrop-filter:blur(var(--lgn-falloff-blur,22px)) saturate(1.12);opacity:clamp(.45, calc(.72 + var(--lgn-lum-drop,0) * .3), 1);border-radius:999px;transition:opacity .26s cubic-bezier(.32,.72,0,1);position:absolute;-webkit-mask:radial-gradient(112% 150%,#0000 62%,#000 84% 93%,#0000 100%);mask:radial-gradient(112% 150%,#0000 62%,#000 84% 93%,#0000 100%)}.lgn-root[data-compact=true] .lgn-falloff{--lgn-falloff-blur:18px;--lgn-falloff-spread:5px}.lgn-root[data-hidden=true] .lgn-falloff{opacity:0}.lgn-shell[data-moving=true] .lgn-falloff{--lgn-falloff-blur:11px;--lgn-falloff-spread:5px}.lgn-root[data-lite=true] .lgn-falloff,.lgn-lens[data-lite=true]~.lgn-falloff{-webkit-backdrop-filter:none;backdrop-filter:none;opacity:0}@media (prefers-reduced-transparency:reduce){.lgn-falloff{-webkit-backdrop-filter:none;backdrop-filter:none;opacity:0}}.lgn-lens-sweep{border-radius:inherit;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(104deg, #fff0 34%, rgb(255 255 255/calc(.1 * var(--lgn-sweep,1))) 45%, rgb(255 255 255/calc(.26 * var(--lgn-sweep,1))) 50%, rgb(255 255 255/calc(.1 * var(--lgn-sweep,1))) 55%, #fff0 66%);transform:translate3d(calc(var(--lens-v,0) * -46%), 0, 0);opacity:clamp(0, calc(var(--lens-va,0) * 1.15), 1);will-change:auto;position:absolute;inset:0;overflow:hidden}.lgn-lens[data-animating=true] .lgn-lens-sweep,.lgn-lens[data-dragging=true] .lgn-lens-sweep{will-change:transform, opacity}.lgn-lens[data-dragging=false][data-animating=false] .lgn-lens-sweep{opacity:0;transition:transform var(--lgn-hl-ms,.34s) var(--lgn-hl-ease,cubic-bezier(.32, .72, 0, 1)), opacity var(--lgn-hl-opacity-ms,.26s) var(--lgn-hl-ease,cubic-bezier(.32, .72, 0, 1))}.lgn-lens[data-lite=true] .lgn-lens-sweep{display:none}@media (prefers-reduced-motion:reduce){.lgn-lens-sweep{display:none}}@keyframes lgn-tap-tick{0%{box-shadow:inset 0 0 0 .6px #fff0}38%{box-shadow:inset 0 0 0 .9px #fff6}to{box-shadow:inset 0 0 0 .6px #fff0}}.lgn-shell[data-tick=true] .lgn-surface:before{animation:.11s cubic-bezier(.32,.72,0,1) lgn-tap-tick}@media (prefers-reduced-motion:reduce){.lgn-shell[data-tick=true] .lgn-surface:before{animation:none}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.lgn-surface,.lgn-lens-body{background-image:linear-gradient(#f8f8fae6,#eeeef3db)}.lgn-falloff,.lgn-lens-caustic{opacity:.35}@media (prefers-color-scheme:dark){.lgn-surface,.lgn-lens-body{background-image:linear-gradient(#202024eb,#16161ae6)}}}.lgn-root{--accent-h:344.4;--accent-s:100%;--accent-l:60.6%;--lgn-dev-px:.5px}.lgn-item .lgn-icon{translate:round(nearest, var(--glyph-dx,0px), var(--lgn-dev-px)) round(nearest, var(--glyph-dy,0px), var(--lgn-dev-px));transform-origin:50% 51.5%;backface-visibility:hidden;shape-rendering:geometricprecision;text-rendering:geometricprecision}.lgn-item[data-glyph=home] .lgn-icon{--glyph-dy:.5px}.lgn-item[data-glyph=community] .lgn-icon,.lgn-item[data-glyph=music] .lgn-icon{--glyph-dx:-.5px;--glyph-dy:0px}.lgn-item[data-glyph=profile] .lgn-icon{--glyph-dy:0px}.lgn-item .lgn-label{translate:0 round(nearest, .25px, var(--lgn-dev-px))}.lgn-item{transition:color .32s var(--spring-easing)}.lgn-item[data-active=true]{color:var(--active-color)}[data-active=true] .lgn-sym-fill{fill:currentColor;stroke:currentColor}.lgn-sym-fill mask .lgn-knock-in,.lgn-sym-out mask .lgn-knock-in{fill:#fff;stroke:none}.lgn-sym-fill mask .lgn-knock-out,.lgn-sym-out mask .lgn-knock-out{fill:#000;stroke:none}.lgn-item[data-active=true] .lgn-icon,.lgn-lens-clone .lgn-item[data-active=true] .lgn-icon{filter:none}@media (prefers-reduced-transparency:reduce){.lgn-item[data-active=true] .lgn-icon,.lgn-lens-clone .lgn-item[data-active=true] .lgn-icon{filter:none}}@media (prefers-contrast:more){.lgn-item[data-active=true] .lgn-icon,.lgn-lens-clone .lgn-item[data-active=true] .lgn-icon{filter:none}}