.island-shell{pointer-events:none;position:absolute;inset:0}.island[data-compact=true]>.island-shell{width:calc(100% - 2 * var(--island-dx,0px));translate:var(--island-dx,0px) 0;right:auto}.island-glass{border-radius:inherit;background:radial-gradient(80% 170% at 50% -70%, #ffffffbf, transparent 62%), linear-gradient(180deg, #ffffff6b, #ffffff1a 55%, color-mix(in srgb, var(--accent-2) 26%, transparent)), color-mix(in srgb, var(--card) 58%, transparent);-webkit-backdrop-filter:blur(20px)saturate(190%)brightness(1.04);backdrop-filter:blur(20px)saturate(190%)brightness(1.04);box-shadow:inset 0 1px .5px #fffffff2, inset 0 -1px .5px #ffffff73, inset 0 0 0 .5px #ffffff80, inset 0 -8px 16px -12px color-mix(in srgb, var(--primary) 30%, transparent), 0 1px 2px #101e3b0f, 0 16px 36px -20px #101e3b61;position:absolute;inset:0}.island-tint{border-radius:inherit;opacity:0;background:linear-gradient(#ffffff57,#ffffff2e);transition:opacity .5s;position:absolute;inset:0}.island[data-compact=true] .island-tint{opacity:1}.island-edge{border-radius:inherit;-webkit-mask-composite:xor;background:linear-gradient(160deg,#fffffff2,#ffffff26 30%,#fff0 50%,#ffffff26 70%,#ffffffbf);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}.island-in{animation:.9s cubic-bezier(.16,1,.3,1) both island-drop}.island-fade{animation:.5s ease-out both island-fade}@keyframes island-drop{0%{transform:translateY(-40px)scale(.92)}}@keyframes island-fade{0%{opacity:0}}.join-login{opacity:0;animation:8s cubic-bezier(.34,1.2,.5,1) 2s 2 join-login;transform:translate(-120%)}.join-label{animation:8s 2s 2 join-label}@keyframes join-login{0%,5%{opacity:0;transform:translate(-120%)}10%,26%{opacity:1;transform:none}31%,to{opacity:0;transform:translate(120%)}}@keyframes join-label{0%,36%,to{opacity:1}5%,31%{opacity:0}}.namedrop{border-radius:inherit;pointer-events:none;animation:1.3s linear both namedrop-life;position:absolute;inset:0;overflow:hidden}@keyframes namedrop-life{to{opacity:1}}.namedrop-liquid{position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.namedrop-liquid{filter:url(#namedrop-liquid)}}.namedrop-core,.namedrop-ring{will-change:scale, opacity;border-radius:50%;width:120%;height:420%;position:absolute;top:0;left:50%;translate:-50% -50%}.namedrop-core{background:radial-gradient(closest-side, #fffffff2, color-mix(in srgb, var(--accent-2) 60%, transparent) 40%, transparent 72%);animation:.95s cubic-bezier(.2,.8,.2,1) both namedrop-core}.namedrop-ring{background:conic-gradient(#fff 0deg, color-mix(in srgb, var(--accent) 80%, #fff) 70deg, #fff 140deg 220deg, color-mix(in srgb, var(--primary) 80%, #fff) 290deg, #fff 360deg);animation:1.05s cubic-bezier(.16,.84,.3,1) both namedrop-ring;-webkit-mask:radial-gradient(closest-side,#0000 58%,#000 70% 76%,#0000 90%);mask:radial-gradient(closest-side,#0000 58%,#000 70% 76%,#0000 90%)}.namedrop-echo{animation:1.1s cubic-bezier(.16,.84,.3,1) .14s both namedrop-echo}.namedrop-flash{animation:7s linear infinite rim-spin,1.2s ease-out both namedrop-flash}@keyframes namedrop-core{0%{opacity:0;scale:.04}20%{opacity:.95}to{opacity:0;scale:.75}}@keyframes namedrop-ring{0%{opacity:0;scale:.05}15%{opacity:1}70%{opacity:.85}to{opacity:0;scale:1}}@keyframes namedrop-echo{0%{opacity:0;scale:.05}20%{opacity:.5}to{opacity:0;scale:1.08}}@keyframes namedrop-flash{0%{opacity:0}25%{opacity:1}to{opacity:0}}.cola-glass,.genie-glass{--cola:#7b3f14;background:radial-gradient(120% 60% at 15% 0%, #fff9, transparent 60%), linear-gradient(180deg, #ffffff52, #ffffff1a 45%, color-mix(in srgb, var(--cola) 6%, transparent)), color-mix(in srgb, var(--cola) 5%, #ffffffa8);-webkit-backdrop-filter:blur(24px)saturate(165%);backdrop-filter:blur(24px)saturate(165%);background-repeat:no-repeat}.cola-glass{box-shadow:inset 0 1px 1px #fffffff2, inset 0 -1px 1px #fff6, inset 0 -18px 30px -24px color-mix(in srgb, var(--cola) 35%, transparent), 0 1px 2px #101e3b14, 0 28px 60px -28px #101e3b66, 0 10px 24px -14px color-mix(in srgb, var(--cola) 22%, transparent);border:1px solid #ffffffbf;transition:box-shadow .3s}.ai-pill{box-shadow:0 12px 32px -16px color-mix(in srgb, var(--primary) 40%, transparent)}.ai-pill-glass{background:linear-gradient(#ffffff9e,#ffffff6b)}.ai-panel:focus-visible{outline:none}.ai-halo{flex-shrink:0;display:inline-grid;position:relative}.ai-halo:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--accent-2) 90%, transparent), transparent 70%);border-radius:9999px;animation:3.2s ease-in-out infinite ai-breathe;position:absolute;inset:-6px}@keyframes ai-breathe{0%,to{opacity:.35;scale:.85}50%{opacity:.9;scale:1.15}}.genie-clone,.ai-panel[data-landed=false]{box-shadow:inset 0 1px 1px #fffffff2,inset 0 -1px 1px #fff6,inset 0 -18px 30px -24px #7b3f1459!important}.ai-panel>.rim{transition:opacity .4s}.ai-panel[data-landed=false]>.rim{opacity:0}.genie-host{z-index:50;pointer-events:none;contain:strict;position:fixed;inset:0}.genie-layer,.genie-glass{position:absolute}.genie-glass{top:0;left:0}.genie-strip{transform-origin:0 0;will-change:transform;backface-visibility:hidden;position:absolute;left:0;overflow:hidden}.genie-clone{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important}.genie-clone,.genie-clone *{transition:none!important;animation:none!important}.lg-body{border-radius:inherit;pointer-events:none;z-index:-1}.lg-rim,.lg-rim:after{border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;padding:1.5px;position:absolute;inset:0;box-shadow:inset 0 0 0 .5px #ffffff80,inset 0 1px 3px #ffffff40,0 1px 4px #00000059;-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}.lg-rim{mix-blend-mode:screen;opacity:.55;background:linear-gradient(135deg,#ffffffe6,#ffffff1f 33%,#fff6 66%,#fff0 100%)}.lg-rim:after{content:"";mix-blend-mode:overlay;background:linear-gradient(135deg,#ffffffb3,#ffffff52 33%,#fff9 66%,#fff0 100%)}@layer components{.glass,.glass-lite,.glass-dark,.chip,.btn-ghost,.lg-edge{position:relative}:is(.glass,.glass-lite:not(footer),.glass-dark,.chip,.btn-ghost,.cover,.lg-edge):after{content:"";border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;background:radial-gradient(circle at 0 0,#fffffff2,#fff0 110px),radial-gradient(circle at 100% 100%,#fff9,#fff0 80px),#ffffff12;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}}.chip[aria-pressed=true]:after{opacity:.3;background-color:#0000}.lg-slab{border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1.5px 1px -.5px #ffffff8c,inset 0 -1px 1px #ffffff2e,inset 0 0 36px #c8e1fb1f,inset 0 -40px 50px -44px #c8e1fb8c,inset 0 30px 40px -36px #ffffff40}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.island-glass,.cola-glass{background-color:var(--card)}}@media (prefers-reduced-motion:reduce){.island-in,.island-fade,.join-login,.join-label,.ai-halo:before{animation:none}}
:root{--safe-bottom:env(safe-area-inset-bottom,0px);--tab-bar-h:3.75rem;--tab-gap:max(.625rem, var(--safe-bottom));--tab-ui-h:calc(var(--tab-bar-h) + .5rem + var(--tab-gap))}@media (max-width:767px){:root:has([data-tab-bar]:not([data-hidden=true])) [data-bottom-ui]{--mobile-bottom-ui:var(--tab-ui-h)}}@media (max-width:1023px){:root:has([data-action-bar]) [data-bottom-ui]{--mobile-bottom-ui:calc(4.5rem + var(--tab-gap))}:root:has([data-action-bar]) body>footer{padding-bottom:calc(2rem + 4.5rem + var(--tab-gap))}}@layer base{html{touch-action:pan-x pan-y;-webkit-tap-highlight-color:transparent;overflow-x:clip}}@layer components{@media (pointer:coarse){.input,textarea,select,input:not([type=checkbox],[type=radio],[type=range],[type=file]){font-size:max(16px,1em)}.chip{align-items:center;min-height:2.75rem;padding-inline:.9rem;display:inline-flex}}.hit-44:after{content:"";position:absolute;inset:min(0px,50% - 22px)}.press{transition:scale .35s var(--ease-out)}.press:active{transition-duration:80ms;scale:.975}.btn-accent{position:relative;overflow:hidden}.btn-accent[data-ripple]:after{content:"";left:var(--rx,50%);top:var(--ry,50%);aspect-ratio:1;pointer-events:none;width:260%;animation:ripple-a .65s var(--ease-out) forwards;background:radial-gradient(closest-side,#ffffff6b,#ffffff1f 60%,#0000);border-radius:50%;position:absolute;translate:-50% -50%}.btn-accent[data-ripple=b]:after{animation-name:ripple-b}@media (max-width:1023px){.scroll-x{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent);flex-wrap:nowrap;padding-inline-end:1.5rem;scroll-padding-inline:1rem;animation:linear both scroll-x-fade;animation-timeline:scroll(self inline);display:flex;overflow-x:auto}.scroll-x::-webkit-scrollbar{display:none}.scroll-x>*{scroll-snap-align:start;flex:none}}@media (pointer:coarse){:root:has(:is(textarea,input:not([type=checkbox],[type=radio],[type=range],[type=file])):focus) :is([data-tab-bar],[data-action-bar]){transition:translate .2s var(--ease-ios);translate:0 110%}}:root:has([data-action-bar]) :is([data-tab-bar],[data-tab-spacer]){display:none}.sheet{background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.sheet::backdrop{background:0 0}.sheet-glass{background:linear-gradient(180deg, #ffffffb8, color-mix(in srgb, var(--page-base) 88%, transparent) 30%);-webkit-backdrop-filter:blur(28px)saturate(170%);backdrop-filter:blur(28px)saturate(170%)}:root:has(.sheet[open]){overflow:hidden}@media (max-width:767px){:root:has([data-chat-fullscreen]){overflow:hidden}[data-chat-fullscreen]{inset:var(--banner-h,0px) 0 auto;z-index:60;height:var(--vvh,100dvh);max-height:calc(100dvh - var(--banner-h,0px));translate:0 var(--vvt,0px);border:0;border-radius:0;position:fixed}}}.tab-glass{box-shadow:0 14px 34px -16px #101e3b4d}.tab-glass>.lg-body{background:linear-gradient(#fff3,#ffffff14)}.tab-glass :is(a,button,span,div):not(:where(.btn-accent,.btn-accent *)){text-shadow:0 0 6px #ffffffd9}.tab-glass svg{filter:drop-shadow(0 0 4px #ffffffb3)}.tab-glass[data-over=dark]>.lg-body{background:linear-gradient(#ffffff1a,#101e3b29)}.tab-glass[data-over=dark] a{color:#ffffffe6;text-shadow:0 0 6px #101e3b99}.tab-glass[data-over=dark] a[data-on]{color:var(--accent-2)}.tab-glass[data-over=dark] svg{filter:drop-shadow(0 0 4px #101e3b80)}.action-glass>.lg-body{background:linear-gradient(#ffffff80,#ffffff57)}@property --fade-l{syntax:"<length>";inherits:false;initial-value:0}@property --fade-r{syntax:"<length>";inherits:false;initial-value:28px}@keyframes scroll-x-fade{0%{--fade-l:0px;--fade-r:28px}6%,94%{--fade-l:28px;--fade-r:28px}to{--fade-l:28px;--fade-r:0px}}@keyframes ripple-a{0%{opacity:1;scale:0}to{opacity:0;scale:1}}@keyframes ripple-b{0%{opacity:1;scale:0}to{opacity:0;scale:1}}.pending-hint{border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(100deg,#0000 30%,#ffffff8c 50%,#0000 70%) 0 0/250% 100%;transition:opacity .2s;position:absolute;inset:0}.pending-hint[data-pending=true]{opacity:1;transition-delay:.12s;animation:1.1s linear infinite pending-sheen}@keyframes pending-sheen{0%{background-position:100% 0}to{background-position:-150% 0}}@media (prefers-reduced-motion:reduce){.btn-accent[data-ripple]:after{opacity:0;animation:none}.pending-hint[data-pending=true]{background:#ffffff59;animation:none}}
:is(:root:has(.route-loading) body>*>footer,:root:has(.route-loading) body>footer){visibility:hidden}.route-loading{min-height:calc(100dvh - 6rem);animation:rl-in .32s var(--ease-out) .12s both}@keyframes rl-in{0%{opacity:0}}.route-loading .rl-mark{animation:rl-in .4s var(--ease-out) .6s both}::view-transition-old(.skeleton-out){animation:.18s var(--ease-out) both sk-out}@keyframes sk-out{to{opacity:0;filter:blur(2px)}}.sk{isolation:isolate;background:color-mix(in srgb, var(--primary) 12%, #fff);position:relative;overflow:hidden}@layer components{.sk{border-radius:.6rem}}.sk:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffffffbf 48%,#c8e1fb80 52%,#0000 70%);width:100vw;animation:1.9s cubic-bezier(.45,0,.25,1) infinite sk-sweep;position:absolute;inset:0 auto 0 0;transform:translate(-100vw)}@keyframes sk-sweep{to{transform:translate(100vw)}}:where([data-glass=dark],[data-tone=dark]) .sk{background:#ffffff1f}:where([data-glass=dark],[data-tone=dark]) .sk:after{background:linear-gradient(100deg,#0000 30%,#ffffff38 50%,#0000 70%)}:root:is([data-scrolling=fast],[data-perf=lite]) .sk:after{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.sk:after{display:none}}.hc-loader{place-items:center;display:inline-grid}.hc-loader .tile{filter:drop-shadow(0 10px 18px #2c62d759)}.img-fade{transition:opacity .5s var(--ease-out), scale .8s var(--ease-out), filter .6s var(--ease-out)}.img-fade[data-fade=wait]{opacity:0;filter:blur(6px);scale:1.03}.svc-carousel{--slide:82%;--gap:14px}@media (min-width:640px){.svc-carousel{--slide:calc((100% - 2 * var(--gap)) / 2.4)}}@media (min-width:1024px){.svc-carousel{--slide:calc((100% - 3 * var(--gap)) / 3.3);--gap:18px}}.svc-viewport{touch-action:pan-y pinch-zoom;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 92%,#0000);mask-image:linear-gradient(90deg,#000 92%,#0000)}.svc-track{gap:var(--gap);backface-visibility:hidden;display:flex}.svc-slide{flex:0 0 var(--slide);min-width:0}@media (pointer:coarse){.svc-viewport{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:auto;scroll-padding-inline:.25rem;overflow-x:auto}.svc-viewport::-webkit-scrollbar{display:none}.svc-slide{scroll-snap-align:start}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.svc-carousel{animation:linear both svc-in;animation-timeline:view();animation-range:entry entry 70%}}}@keyframes svc-in{0%{translate:0 56px}}.svc-dot-fill{transform-origin:0;transform:scaleX(0)}.svc-dot-fill[data-run="1"]{animation:svc-fill var(--svc-delay,4.5s) linear forwards}@keyframes svc-fill{to{transform:scaleX(1)}}.gold-ring{background:conic-gradient(from 210deg,#f6e2a4,#c9973a 30%,#8f6116 50%,#e9c46f 70%,#f6e2a4);border-radius:9999px;padding:3.5px;display:inline-grid;box-shadow:0 6px 16px -6px #8f611699}.gold-ring>*{box-shadow:0 0 0 1px #5a3a0680}.star-art{background:radial-gradient(40% 55% at 85% 12%,#f1d4888c,#0000 70%),radial-gradient(45% 60% at 8% 92%,#c8e1fb80,#0000 70%),repeating-linear-gradient(115deg,#ffffff12 0 2px,#0000 2px 56px),linear-gradient(160deg,#2c62d7,#163a9e 60%,#102c84);position:absolute;inset:0}.star-scroller{scrollbar-width:none}.star-scroller::-webkit-scrollbar{display:none}.quote-mark{font-family:var(--font-display);font-style:normal;line-height:.6}.lg-panel>div:first-child{z-index:1;position:relative}