:root{--wl-bg:#f6f8fc;--wl-surface:#fff;--wl-surface-elevated:#fff;--wl-surface-warm:#fff7c7;--wl-surface-inverse:#17181b;--wl-fg:#17181b;--wl-fg-secondary:#5e626b;--wl-fg-tertiary:#747a85;--wl-border:#d9dee8;--wl-border-soft:#e8ebf0;--wl-accent:#ffd600;--wl-accent-on:#17181b;--wl-accent-hover:#ffe45a;--wl-accent-active:#e6bd00;--wl-shader-accent:#ffd600;--wl-shader-highlight:#ffe86b;--wl-shader-cream:#fff6c7;--wl-success:#248a3d;--wl-warning:#9a6700;--wl-danger:#c62828;--wl-info:#9a7400;--wl-focus:#9a7400;--wl-space-xs:.25rem;--wl-space-sm:.5rem;--wl-space-md:1rem;--wl-space-lg:1.5rem;--wl-space-xl:2rem;--wl-space-2xl:3rem;--wl-space-3xl:4rem;--wl-space-4xl:6rem;--wl-space-5xl:8rem;--wl-title-size:1.5rem;--wl-section-gap:1rem;--wl-ease-out-expo:cubic-bezier(.16, 1, .3, 1);--wl-ease-spring:cubic-bezier(.34, 1.56, .64, 1);--wl-duration-fast:.15s;--wl-duration-normal:.3s;--wl-duration-slow:.5s;--wl-shadow-sm:0 1px 2px #0000000d;--wl-shadow-md:0 4px 12px #00000014;--wl-shadow-lg:0 12px 40px #0000001f;--wl-shadow-xl:0 24px 64px #00000029;--wl-shadow-glow:0 0 48px #ffd60026;--wl-radius-sm:8px;--wl-radius-md:12px;--wl-radius-lg:20px;--wl-radius-xl:28px;--wl-radius-full:9999px}@media (prefers-color-scheme:dark){:root{--wl-bg:#101114;--wl-surface:#1a1b1f;--wl-surface-elevated:#22242a;--wl-surface-warm:#332f18;--wl-surface-inverse:#0b0c0e;--wl-fg:#f5f5f7;--wl-fg-secondary:#b0b1b8;--wl-fg-tertiary:#8f929b;--wl-border:#34373f;--wl-border-soft:#292c32;--wl-accent:#ffd60a;--wl-accent-on:#17181b;--wl-accent-hover:#ffe36e;--wl-accent-active:#e5bf00;--wl-success:#30d158;--wl-warning:#ffb340;--wl-danger:#ff6961;--wl-info:#ffd60a;--wl-focus:#ffd60a;--wl-shadow-sm:0 1px 2px #0003;--wl-shadow-md:0 4px 12px #0000004d;--wl-shadow-lg:0 12px 40px #0006;--wl-shadow-xl:0 24px 64px #00000080;--wl-shadow-glow:0 0 48px #ffd60a1f}}@media (prefers-contrast:more){:root{--wl-border:#8b929e;--wl-border-soft:#aeb4be}}@media (min-width:768px){:root{--wl-title-size:1.875rem}}
:root{--wl-glass-fill-clear:10%;--wl-glass-fill:72%;--wl-glass-fill-thick:88%;--wl-glass-blur-clear:2px;--wl-glass-blur:6px;--wl-glass-blur-thick:12px;--wl-glass-saturate:1.8;--wl-glass-overlay:#bfbfbf1a;--wl-glass-shade:#2828281a;--wl-glass-ring:#dbdbdb;--wl-glass-rim-hi:#fffffff2;--wl-glass-rim-lo:#ffffff73;--wl-glass-shadow:0 8px 48px #00000029}@media (prefers-color-scheme:dark){:root{--wl-glass-fill-clear:14%;--wl-glass-fill:70%;--wl-glass-fill-thick:88%;--wl-glass-overlay:transparent;--wl-glass-shade:#00000073;--wl-glass-ring:#a6a6a673;--wl-glass-rim-hi:#ffffff80;--wl-glass-rim-lo:#ffffff2e;--wl-glass-shadow:0 8px 48px #00000073}}:where(.wl-glass,.wl-glass-clear,.wl-glass-thick){position:relative}.wl-glass,.wl-glass-clear,.wl-glass-thick{--glass-fill:var(--wl-glass-fill);--glass-blur:var(--wl-glass-blur);isolation:isolate;background:linear-gradient(var(--wl-glass-overlay), var(--wl-glass-overlay)), color-mix(in srgb, var(--wl-surface) var(--glass-fill), transparent);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--wl-glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--wl-glass-saturate));box-shadow:inset 0 40px 10px -40px var(--wl-glass-shade), inset 0 -40px 10px -40px var(--wl-glass-shade), 0 0 0 .5px var(--wl-glass-ring), var(--wl-glass-shadow)}.wl-glass-clear{--glass-fill:var(--wl-glass-fill-clear);--glass-blur:var(--wl-glass-blur-clear)}.wl-glass-thick{--glass-fill:var(--wl-glass-fill-thick);--glass-blur:var(--wl-glass-blur-thick)}.wl-glass:after,.wl-glass-clear:after,.wl-glass-thick:after{content:"";z-index:4;border-radius:inherit;background:linear-gradient(135deg, var(--wl-glass-rim-hi), transparent 30%, transparent 70%, var(--wl-glass-rim-lo));-webkit-mask-composite:xor;-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.wl-glass-inset{background:color-mix(in srgb, var(--wl-surface) 70%, transparent);box-shadow:0 0 0 .5px var(--wl-glass-ring)}[data-tone=dark]:is(.wl-glass,.wl-glass-clear,.wl-glass-thick){--wl-fg:#f5f5f7;--wl-fg-secondary:#f5f5f7ad;--wl-surface:#1a1a1a;--wl-glass-overlay:transparent;--wl-glass-shade:#00000073;--wl-glass-ring:#a6a6a673;--wl-glass-rim-hi:#ffffff80;--wl-glass-rim-lo:#ffffff2e}[data-tone=light]:is(.wl-glass,.wl-glass-clear,.wl-glass-thick){--wl-fg:#17181b;--wl-fg-secondary:#17181b99;--wl-surface:#fff;--wl-glass-overlay:#bfbfbf1a;--wl-glass-shade:#2828281a;--wl-glass-ring:#dbdbdb;--wl-glass-rim-hi:#fffffff2;--wl-glass-rim-lo:#ffffff73}.wl-glass-lens{--lift:0;background:color-mix(in srgb, #fff calc((1 - var(--lift) * .85) * 100%), transparent);box-shadow:inset 0 1px 0 rgb(255 255 255/calc(.9 * var(--lift))), inset 0 -2px 6px rgb(0 0 0/calc(.08 * var(--lift))), 0 0 0 .5px rgb(0 0 0/calc(.06 + .04 * var(--lift))), 0 calc(2px + 6px * var(--lift)) calc(6px + 18px * var(--lift)) rgb(0 0 0/calc(.14 + .06 * var(--lift)))}.wl-glass-lens:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;-webkit-mask-composite:xor;opacity:var(--lift);pointer-events:none;background:linear-gradient(135deg,#fffffff2,#ffffff1a 35% 65%,#fff9);padding:1.5px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}[data-sonner-toaster] [data-sonner-toast][data-sonner-toast].wl-glass-thick{background:linear-gradient(var(--wl-glass-overlay), var(--wl-glass-overlay)), color-mix(in srgb, var(--wl-surface) var(--wl-glass-fill-thick), transparent);box-shadow:inset 0 40px 10px -40px var(--wl-glass-shade), inset 0 -40px 10px -40px var(--wl-glass-shade), 0 0 0 .5px var(--wl-glass-ring), var(--wl-glass-shadow);border:0;border-radius:22px}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.wl-glass,.wl-glass-clear,.wl-glass-thick{background:var(--wl-surface-elevated);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 0 0 1px var(--wl-border), var(--wl-shadow-md)}[data-sonner-toaster] [data-sonner-toast][data-sonner-toast].wl-glass-thick{background:var(--wl-surface-elevated);box-shadow:inset 0 0 0 1px var(--wl-border), var(--wl-shadow-md)}.wl-glass-inset{background:var(--wl-surface);box-shadow:inset 0 0 0 1px var(--wl-border-soft)}.wl-glass:after,.wl-glass-clear:after,.wl-glass-thick:after,.wl-glass-lens:after{display:none}.wl-glass-lens{box-shadow:0 0 0 1px var(--wl-border), 0 2px 6px #0003;background:#fff}}:root{--wl-control-on:#34c759;--wl-control-off:#78788029;--wl-control-spring:cubic-bezier(.34, 1.4, .64, 1);--wl-control-smooth:cubic-bezier(.25, .46, .45, .94)}@media (prefers-color-scheme:dark){:root{--wl-control-on:#30d158;--wl-control-off:#7878805c}}.wl-switch,.wl-slider,.wl-segmented{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.wl-switch-track{background:var(--wl-control-off);transition:background-color .25s}.wl-switch[data-state=checked] .wl-switch-track{background:var(--wl-control-on)}.wl-switch-thumb{--x:0px;translate:var(--drag-x,var(--x)) 0;transition:translate .38s var(--wl-control-spring), scale .3s var(--wl-control-spring);scale:1}.wl-switch-thumb[data-state=checked]{--x:16px}.wl-switch[data-lifted] .wl-switch-thumb{scale:1.4}.wl-switch[data-dragging] .wl-switch-thumb{transition:scale .3s var(--wl-control-spring)}.wl-slider-track{background:linear-gradient(to right, var(--slider-fill,var(--wl-control-on)) var(--fill), var(--wl-control-off) var(--fill))}.wl-slider-thumb{top:50%;left:calc((100% - 38px) * var(--at));transition:scale .3s var(--wl-control-spring);translate:0 -50%;scale:1}.wl-slider[data-held] .wl-slider-thumb{scale:1.35}.wl-segmented{isolation:isolate;background:#7878801f;border-radius:9999px;max-width:100%;display:inline-flex;position:relative;overflow-x:clip}.wl-segmented-strip{z-index:1;min-width:0;position:relative}.wl-segmented-strip>*{border-radius:9999px}.wl-segmented-pill{z-index:0;opacity:0;pointer-events:none;transition:translate .45s var(--wl-control-spring), width .45s var(--wl-control-spring), height .45s var(--wl-control-spring), scale .26s var(--wl-control-spring), opacity .15s ease;border-radius:9999px;position:absolute;top:0;left:0;scale:1}.wl-segmented[data-lifted] .wl-segmented-pill{scale:1.08 1.18}.wl-segmented[data-sliding] .wl-segmented-pill{transition:width .2s var(--wl-control-smooth), height .2s var(--wl-control-smooth), scale .26s var(--wl-control-spring)}.wl-segmented[data-pointer] .wl-segmented-strip>:focus-visible{box-shadow:none;outline:none}.wl-segmented-strip>:is([aria-pressed=true],[data-state=active],[aria-current=page]){touch-action:none}@media (prefers-color-scheme:dark){.wl-segmented{background:#7878803d}.wl-segmented-pill.wl-glass-lens{background:color-mix(in srgb, #fff calc((.27 - var(--lift) * .12) * 100%), transparent)}}.wl-segmented-pill.wl-glass-lens:after{opacity:calc(.5 + .5 * var(--lift))}@media (prefers-reduced-motion:reduce){.wl-switch-track,.wl-switch-thumb,.wl-slider-thumb,.wl-segmented-pill{transition:none}.wl-switch[data-lifted] .wl-switch-thumb,.wl-slider[data-held] .wl-slider-thumb,.wl-segmented[data-lifted] .wl-segmented-pill{scale:1}}
.wl-mobile-tab-bar-dock{inset-inline:0;z-index:40;padding:0 12px max(10px, env(safe-area-inset-bottom));pointer-events:none;position:fixed;bottom:0}.wl-mobile-tab-bar-dock:before{content:"";z-index:-1;background:linear-gradient(to bottom, transparent, color-mix(in srgb, hsl(var(--background)) 12%, transparent) 85%);pointer-events:none;position:absolute;inset:-24px 0 0}.wl-mobile-tab-bar{pointer-events:auto;width:min(100%,440px);height:60px;transition:width .32s var(--wl-ease-spring,cubic-bezier(.2, .8, .2, 1)), margin-left .32s var(--wl-ease-spring,cubic-bezier(.2, .8, .2, 1));-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;border-radius:9999px;margin-left:max(0px,50% - 220px);padding:4px}.wl-mobile-tab-row{touch-action:none;height:100%;transition:opacity .18s;display:flex;position:relative}.wl-mobile-lens{z-index:2;pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.wl-mobile-lens-shape{--lift:0;--spec:135deg;--lens-rest:color-mix(in srgb, var(--wl-fg) 8%, transparent);--lens-glass:#ffffff29;background:color-mix(in srgb, var(--lens-glass) calc(var(--lift) * 100%), transparent);box-shadow:inset 0 1px 0 rgb(255 255 255/calc(.7 * var(--lift))), inset 0 -2px 6px rgb(0 0 0/calc(.06 * var(--lift))), 0 calc(6px * var(--lift)) calc(18px * var(--lift)) rgb(0 0 0/calc(.16 * var(--lift)));border-radius:9999px;display:block;position:absolute;top:0;left:0}@media (prefers-color-scheme:dark){.wl-mobile-lens-shape{--lens-glass:#ffffff1a}}.wl-mobile-lens-shape:before{content:"";z-index:1;border-radius:inherit;background:var(--lens-rest);opacity:calc(1 - var(--lift));pointer-events:none;position:absolute;inset:0}.wl-mobile-lens-shape:after{content:"";z-index:2;border-radius:inherit;background:linear-gradient(var(--spec), #fffffff2, #ffffff1a 35%, #ffffff1a 65%, #ffffff8c);-webkit-mask-composite:xor;-webkit-mask-composite:xor;opacity:var(--lift);pointer-events:none;padding:1.5px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.wl-mobile-tab{z-index:1;min-width:0;color:var(--wl-fg-secondary);transition:color .2s ease, transform .2s var(--wl-ease-spring);border-radius:9999px;outline:none;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;display:flex;position:relative}.wl-mobile-tab[data-active=true]{color:var(--wl-fg)}.wl-mobile-tab:focus-visible{box-shadow:inset 0 0 0 2px var(--wl-focus)}.wl-mobile-tab-icon{display:inline-flex;position:relative}.wl-mobile-sheet{padding-bottom:max(16px, env(safe-area-inset-bottom));border-radius:28px 28px 0 0}.wl-mobile-grabber{background:color-mix(in srgb, var(--wl-fg) 22%, transparent);border-radius:9999px;width:36px;height:5px}.wl-mobile-sheet-row{text-align:left;width:100%;min-height:48px;color:var(--wl-fg);outline:none;align-items:center;gap:12px;padding:0 16px;font-size:17px;transition:background-color .15s;display:flex}.wl-mobile-sheet-row:active,.wl-mobile-sheet-row:focus-visible{background:color-mix(in srgb, var(--wl-fg) 7%, transparent)}.wl-mobile-sheet-row[data-active=true]{font-weight:600}.wl-mobile-sheet-group{background:color-mix(in srgb, var(--wl-surface) 80%, transparent);border-radius:16px;overflow:hidden}.wl-mobile-sheet-group>*+*{box-shadow:inset 0 1px 0 var(--wl-border-soft)}@media (prefers-reduced-motion:reduce){.wl-mobile-tab{transition:none}}@media (max-width:767px){.wl-mobile-content .space-y-8>:not([hidden])~:not([hidden]),.wl-mobile-content .space-y-6>:not([hidden])~:not([hidden]),.wl-mobile-content .space-y-5>:not([hidden])~:not([hidden]){margin-top:12px}.wl-mobile-content .space-y-4>:not([hidden])~:not([hidden]){margin-top:10px}.wl-mobile-content .gap-6,.wl-mobile-content .gap-4{gap:10px}.wl-mobile-content .grid:not(.grid-cols-3):has(>[data-welive-stat],>*>[data-welive-stat]){grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.wl-mobile-content .grid:not(.grid-cols-3)>[data-welive-stat]:last-child:nth-child(odd){grid-column:span 2}.wl-mobile-content .grid:not(.grid-cols-3)>:last-child:nth-child(odd):has(>[data-welive-stat]){grid-column:span 2}.wl-mobile-content .wl-scroll-row{overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 20px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 20px),#0000)}.wl-mobile-content .wl-scroll-row::-webkit-scrollbar{display:none}.wl-mobile-content .wl-scroll-row>*{white-space:nowrap;flex-shrink:0}.wl-mobile-content [data-welive-page-header] [data-mobile-hide]{display:none}}.wl-mobile-tab-bar[data-collapsed=true]{width:60px;margin-left:0;overflow:hidden}.wl-mobile-tab-bar[data-collapsed=true] .wl-mobile-tab-row{opacity:0;pointer-events:none}.wl-mobile-tab-collapsed{z-index:3;color:var(--wl-fg);-webkit-tap-highlight-color:transparent;background:0 0;border-radius:9999px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.wl-mobile-tab-strip{z-index:3;display:flex;position:absolute;inset:0}.wl-mobile-tab:focus-visible{z-index:4}.wl-mobile-tab-artwork{transform-origin:50%;justify-content:center;align-items:center;width:100%;display:flex}@media (prefers-reduced-motion:reduce){.wl-mobile-tab-bar,.wl-mobile-tab-row{transition:none}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.wl-mobile-lens-shape:after{display:none}.wl-mobile-lens-shape{box-shadow:none;background:0 0}.wl-mobile-lens-shape:before{opacity:1;background:color-mix(in srgb, var(--wl-fg) 16%, transparent)}}:root{--pet-reserve:0px;--pet-reserve-height:0px}@media (max-width:767px){:root{--pet-reserve:52px;--pet-reserve-height:52px}}@media (min-width:768px){html[data-pet-dock$=-right] [data-welive-shell=content]>main{padding-right:112px}html[data-pet-dock$=-left] [data-welive-shell=content]>main{padding-left:112px}}html[data-pet-dock=top-right] [data-welive-page-header]{padding-right:var(--pet-reserve)}html[data-pet-dock=top-left] [data-welive-page-header]{padding-left:var(--pet-reserve)}html[data-pet-dock^=top-] [data-welive-page-header]{min-height:var(--pet-reserve-height)}@media (max-width:639px){html[data-pet-dock^=top-] [data-welive-page-header]{justify-content:center}}@media (min-width:640px){html[data-pet-dock^=top-] [data-welive-page-header]{align-items:center}}html[data-pet-dock=bottom-right] .wl-mobile-tab-bar-dock{padding-right:60px}html[data-pet-dock=bottom-left] .wl-mobile-tab-bar-dock{padding-left:60px}[data-welive-shell=content] .grid>*{min-width:0}