.wander{--kind-eatery:#e0a47c;--kind-eatery-text:#9a4a1c;--kind-travel:#82b9c9;--kind-travel-text:#1d6479;--kind-book:#b8a8dc;--kind-book-text:#5f4a9e;--kind-ink:#15261c}.dark .wander{--kind-eatery-text:#f0b48a;--kind-travel-text:#9fd3e3;--kind-book-text:#cfc3f0}.wander [data-kind=eatery]{--k:var(--kind-eatery);--k-text:var(--kind-eatery-text)}.wander [data-kind=travel]{--k:var(--kind-travel);--k-text:var(--kind-travel-text)}.wander [data-kind=book]{--k:var(--kind-book);--k-text:var(--kind-book-text)}.wander[data-tab=all]{--w-accent:#86c06c;--w-text:#3b7437;--w-surface:#fbfdf9;--w-bar:#eaf3e1}.wander[data-tab=travel]{--w-accent:var(--kind-travel);--w-text:var(--kind-travel-text);--w-surface:#fbfeff;--w-bar:#d9ecf4}.wander[data-tab=eatery]{--w-accent:var(--kind-eatery);--w-text:var(--kind-eatery-text);--w-surface:#fffaf4;--w-bar:#fbe2cd}.wander[data-tab=book]{--w-accent:var(--kind-book);--w-text:var(--kind-book-text);--w-surface:#fdfbff;--w-bar:#e6dff5}.dark .wander[data-tab=all]{--w-text:#9fd08a;--w-surface:#1b2e24;--w-bar:#172a20}.dark .wander[data-tab=travel]{--w-text:var(--kind-travel-text);--w-surface:#153240;--w-bar:#112c3a}.dark .wander[data-tab=eatery]{--w-text:var(--kind-eatery-text);--w-surface:#3a2519;--w-bar:#33201a}.dark .wander[data-tab=book]{--w-text:var(--kind-book-text);--w-surface:#2a2246;--w-bar:#251e3f}
.wander{--glass-tint:#ffffff80;--glass-tint-hover:#ffffffad;--glass-edge:#ffffff8c;--glass-rim:#fffffff2;--glass-rim-low:#ffffff4d;--glass-drop:#0f1e1429;--glass-lens:#ffffffe0;--glass-thumb:82%;--glass-pop:#fffc}.dark .wander{--glass-tint:#ffffff12;--glass-tint-hover:#ffffff1f;--glass-edge:#ffffff1f;--glass-rim:#ffffff4d;--glass-rim-low:#ffffff0d;--glass-drop:#00000073;--glass-lens:#ffffff2b;--glass-thumb:90%;--glass-pop:#182a21d1}.wander-glass{background:var(--glass-tint);-webkit-backdrop-filter:blur(14px)saturate(180%);backdrop-filter:blur(14px)saturate(180%);box-shadow:inset 0 0 0 1px var(--glass-edge), inset 0 1.5px 0 var(--glass-rim), inset 0 -1px 0 var(--glass-rim-low), 0 10px 24px -14px var(--glass-drop), 0 1px 2px #0f1e140d}@media (hover:hover) and (pointer:fine){.wander-glass:is(button,[role=combobox]):hover{background:var(--glass-tint-hover)}}.wander-glass[data-state=open]{background:var(--glass-tint-hover)}.wander-lens{background:var(--glass-lens);box-shadow:inset 0 0 0 1px var(--glass-edge), inset 0 1.5px 0 var(--glass-rim), 0 4px 10px -4px var(--glass-drop)}.wander{--tab-lens:color-mix(in oklab, var(--w-accent) 26%, transparent);--tab-rim:color-mix(in oklab, var(--w-accent) 55%, transparent);--tab-ink:var(--w-text)}.dark .wander{--tab-lens:color-mix(in oklab, var(--w-accent) 20%, transparent);--tab-rim:color-mix(in oklab, var(--w-accent) 42%, transparent)}.wander-thumb{background:var(--tab-lens);box-shadow:inset 0 0 0 1px var(--tab-rim), inset 0 1px 0 #ffffff59;transition:translate .3s var(--ease-in-out), scale .16s var(--ease-out), background-color .3s ease, box-shadow .3s ease}.dark .wander-thumb{box-shadow:inset 0 0 0 1px var(--tab-rim), inset 0 1px 0 #ffffff0f}.wander-tabs:has([role=tab][aria-selected=true]:active) .wander-thumb{scale:.97}@media (prefers-reduced-motion:reduce){.wander-thumb{transition:scale .16s var(--ease-out), background-color .3s ease, box-shadow .3s ease}}.wander-dock{height:3.75rem;transition:height .32s var(--ease-in-out), translate .28s var(--ease-out), opacity .2s ease}.wander-dock-label{max-height:1.25rem;transition:opacity .18s var(--ease-out), max-height .32s var(--ease-in-out), margin-top .32s var(--ease-in-out)}@media not (min-width:40rem){[data-scrolling-down] .wander-dock:not(:has(:focus-visible)){height:3rem}[data-scrolling-down] .wander-dock:not(:has(:focus-visible)) .wander-dock-label{opacity:0;max-height:0;margin-top:0}}@media (min-width:40rem){.wander-dock{height:3.25rem}}@media not (min-width:64rem){.wander-dock{bottom:max(.875rem, env(safe-area-inset-bottom))}}@media (min-width:64rem){.wander .wander-dock{animation:none}}@media (pointer:coarse) and (not (min-width:64rem)){.wander:has(input[type=search]:focus) .wander-dock{opacity:0;pointer-events:none;translate:0 calc(100% + 2rem)}}.wander-toolbar-part{transition:translate .32s var(--ease-in-out), opacity .22s ease}@media not (min-width:64rem){[data-scrolling-down] .wander-toolbar[data-stuck=true]:not(:has(input:focus)){pointer-events:none}[data-scrolling-down] .wander-toolbar[data-stuck=true]:not(:has(input:focus)) .wander-toolbar-part{opacity:0;translate:0 calc(-100% - 1.5rem)}.wander-dock{pointer-events:auto}}@media (prefers-reduced-motion:reduce){.wander-toolbar-part{transition:opacity .22s}[data-scrolling-down] .wander-toolbar[data-stuck=true]:not(:has(input:focus)) .wander-toolbar-part{translate:none}}.wander-dock-wash{background:linear-gradient(to top, color-mix(in oklab, var(--w-bar) 75%, transparent), transparent)}@media (prefers-reduced-motion:reduce){.wander-dock,.wander-dock-label{transition:none}}.wander-pop{background:var(--glass-pop);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);box-shadow:inset 0 0 0 1px var(--glass-edge), inset 0 1.5px 0 var(--glass-rim), 0 22px 44px -18px var(--glass-drop)}
.wander-tab-bar{padding-bottom:env(safe-area-inset-bottom);opacity:0;transition:translate .32s var(--ease-out), opacity .22s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.wander-tab-bar[data-ready]{opacity:1;animation:tab-bar-rise .48s var(--ease-out) backwards}@keyframes tab-bar-rise{0%{translate:0 100%}}.wander-tab-bar-glass{background:linear-gradient(color-mix(in oklab, var(--w-bar) 86%, transparent) calc(100% - env(safe-area-inset-bottom) - .75rem), var(--w-bar));-webkit-backdrop-filter:blur(18px)saturate(180%);backdrop-filter:blur(18px)saturate(180%)}.wander-tab-bar:after{content:"";inset-inline:0;background:var(--w-bar);height:50vh;position:absolute;top:100%}.wander-tab-bar-rim{stroke:var(--hairline)}.wander-tab-bar{--tab-bar-ink:color-mix(in oklab, var(--w-text) 80%, black)}.dark .wander-tab-bar{--tab-bar-ink:var(--w-text)}.wander-tab-bar-item{transition:color .18s}.wander-tab-bar-item .wander-tab-bar-icon{transition:transform .2s var(--ease-out)}.wander-tab-bar-item .wander-tab-bar-icon>svg{transition:stroke-width .18s}.wander-tab-bar-item:active .wander-tab-bar-icon{transform:scale(.86)}.wander-tab-bar-item:active{transform:none}@media (hover:hover) and (pointer:fine){.wander-tab-bar-item:hover{color:var(--foreground)}}.wander-tab-bar-item[aria-current=page]{color:var(--tab-bar-ink)}.wander-tab-bar-item[aria-current=page] .wander-tab-bar-icon>svg{stroke-width:2.5px}.wander-tab-bar-item[aria-current=page] .wander-tab-bar-icon{animation:tab-bar-pop .36s var(--ease-out)}.wander-tab-bar-item[aria-current=page] .wander-tab-bar-name{font-weight:700}.wander-tab-bar-item[aria-current=page] .wander-account-ring{box-shadow:0 0 0 1.5px var(--tab-bar-ink)}@keyframes tab-bar-pop{40%{scale:1.12}}.wander-tab-bar-share{transition:transform .2s var(--ease-out), box-shadow .2s ease}.wander-tab-bar-share:active{transform:scale(.92)}.wander-tab-bar[data-away],body[data-scroll-locked] .wander-tab-bar{pointer-events:none;translate:0 calc(100% + 1rem)}@media (pointer:coarse){body:has(:is(input:not([type=checkbox],[type=radio],[type=file],[type=range]),textarea,[contenteditable=true]):focus) .wander-tab-bar{pointer-events:none;translate:0 calc(100% + 1rem)}}@media (min-width:40rem){.wander-tab-bar{display:none}}@media (prefers-reduced-motion:reduce){.wander-tab-bar{transition:opacity .22s}.wander-tab-bar[data-ready],.wander-tab-bar-item[aria-current=page] .wander-tab-bar-icon{animation:none}.wander-tab-bar[data-away],body[data-scroll-locked] .wander-tab-bar{opacity:0;translate:none}}
.wander-backdrop{-webkit-mask-image:linear-gradient(#000 0% 34%,#0006 100%);mask-image:linear-gradient(#000 0% 34%,#0006 100%)}.wander-scene{z-index:1;opacity:0;visibility:hidden;background:linear-gradient(180deg, var(--wash-1) 0%, var(--wash-2) 55%, var(--wash-3) 100%);transition:opacity 0s linear .7s,visibility 0s linear .7s}.wander-scene[data-active]{z-index:2;opacity:1;visibility:visible;transition:opacity .7s}.wander-scene:not([data-active]) *{animation-play-state:paused}.wander-scene[data-scene=all]{--wash-1:#dff0d1;--wash-2:#eaf4e1;--wash-3:#f0f5ec;--grid:#3b743712;--blob:#b7e45a66;--blob-2:#2fbf8a38;--lit-1:#86c06c;--lit-2:#b7e45a;--lit-3:#4fcf9f;--leaf-1:#86c06c;--leaf-2:#5fa04a;--leaf-3:#b7e45a}.dark .wander-scene[data-scene=all]{--wash-1:#1f3a2a;--wash-2:#172c21;--wash-3:#14231c;--grid:#9fd08a14;--blob:#86c06c33;--blob-2:#2fbf8a24;--leaf-1:#6fae58;--leaf-2:#4d8a3e;--leaf-3:#9fd08a}.wander-pixel-grid{background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(130% 85% at 50% 0,#000 0%,#0000 72%);mask-image:radial-gradient(130% 85% at 50% 0,#000 0%,#0000 72%)}.wander-blob{background:radial-gradient(circle, var(--blob) 0%, transparent 62%);animation:38s ease-in-out infinite alternate wander-blob-drift}.wander-blob[data-blob="2"]{background:radial-gradient(circle, var(--blob-2) 0%, transparent 62%);animation-duration:46s}@media (pointer:coarse){.wander-blob{animation:none}}.wander-lit{left:round(down, calc(var(--x) * 1vw), 32px);top:round(down, calc(var(--y) * 1vh), 32px);background:var(--lit-1);opacity:0;animation:wander-twinkle var(--dur,7s) ease-in-out infinite var(--delay,0s)}.wander-lit[data-tone="2"]{background:var(--lit-2)}.wander-lit[data-tone="3"]{background:var(--lit-3)}.wander-leaf{animation:wander-leaf-fall var(--dur,28s) linear infinite var(--delay,0s)}.wander-leaf svg{fill:var(--leaf-1);animation:wander-leaf-sway var(--sway,4.5s) ease-in-out infinite alternate}.wander-leaf[data-tone="2"] svg{fill:var(--leaf-2)}.wander-leaf[data-tone="3"] svg{fill:var(--leaf-3)}.wander-scene[data-scene=travel]{--wash-1:#bde0ef;--wash-2:#dbedf4;--wash-3:#eef6f3;--sun-core:#fff5c8;--sun-glow:#ffe296a6;--cloud:#fffc;--ridge-far:#b3d2e1;--ridge-mid:#97bfd1;--ridge-near:#79a8bd;--bird:#3c6475;--star:#fff}.dark .wander-scene[data-scene=travel]{--wash-1:#0b1d2b;--wash-2:#113040;--wash-3:#15384a;--sun-core:#eef2ff;--sun-glow:#aac3ff4d;--cloud:#bed7eb1a;--ridge-far:#1d4252;--ridge-mid:#163543;--ridge-near:#102a36;--bird:#9fc3d3}.wander-sun{background:radial-gradient(circle, var(--sun-core) 0 27%, color-mix(in oklab, var(--sun-core) 55%, transparent) 28% 33%, var(--sun-glow) 34%, transparent 70%);width:clamp(8rem,16vw,15rem);animation:9s ease-in-out infinite alternate wander-breathe;top:3vh;right:9vw}@media (max-width:40rem){.wander-sun{width:9rem;top:14vh;right:-2.5rem}}.wander-stars{opacity:0}.wander-stars span{background:var(--star);animation:wander-star var(--dur,4s) ease-in-out infinite var(--delay,0s)}.dark .wander-stars{opacity:1}.wander-cloud{fill:var(--cloud);animation:wander-cloud-drift var(--dur) linear infinite var(--delay)}.wander-bird{fill:none;stroke:var(--bird);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;animation:wander-bird-fly var(--dur) linear infinite var(--delay)}.wander-ridge path{fill:var(--ridge-far)}.wander-ridge[data-layer=mid]{height:26vh;transform:scaleX(-1)}.wander-ridge[data-layer=mid] path{fill:var(--ridge-mid)}.wander-ridge[data-layer=far]{height:36vh}.wander-ridge[data-layer=near]{height:15vh}.wander-ridge[data-layer=near] path{fill:var(--ridge-near)}.wander-scene[data-scene=eatery]{--wash-1:#f8cdab;--wash-2:#fbe2cd;--wash-3:#fdefe2;--gingham:#e0703e1f;--lamp-light:#ffd68c99;--lamp-shade:#e8935a;--lamp-shade-dark:#c9743d;--lamp-cord:#7a4a2a;--steam:#ffffffd9;--stain:#783e1e29}.dark .wander-scene[data-scene=eatery]{--wash-1:#3d2417;--wash-2:#30201a;--wash-3:#2a1a12;--gingham:#ffaa6e0f;--lamp-light:#ffbe6e3d;--lamp-shade:#d98a52;--lamp-shade-dark:#b56d3a;--lamp-cord:#a8764f;--steam:#ffebd238;--stain:#ffc89617}.wander-gingham{background-image:repeating-linear-gradient(0deg, var(--gingham) 0 28px, transparent 28px 56px), repeating-linear-gradient(90deg, var(--gingham) 0 28px, transparent 28px 56px);-webkit-mask-image:linear-gradient(#0000 6%,#000 62%);mask-image:linear-gradient(#0000 6%,#000 62%)}.wander-lamp-glow{background:radial-gradient(ellipse 42rem 32rem at var(--lamp-x) 0%, var(--lamp-light), transparent 72%)}.wander-lamp{animation:6.5s ease-in-out infinite alternate wander-sway;translate:-50%}.wander-steam{fill:none;stroke:var(--steam);stroke-width:6px;stroke-linecap:round;opacity:0;animation:wander-steam 7.5s ease-out infinite var(--delay)}.wander-stain{border:6px solid var(--stain);rotate:var(--tilt,0deg);-webkit-mask-image:conic-gradient(#000 0 300deg, transparent 300deg 328deg, #000 328deg);mask-image:conic-gradient(#000 0 300deg, transparent 300deg 328deg, #000 328deg)}.wander-scene[data-scene=book]{--wash-1:#d2c5ee;--wash-2:#e5ddf4;--wash-3:#f1edfa;--rule:#5f4a9e1f;--margin:#c9645a4d;--lamp:#ffeec4b3;--mote:#fff;--ribbon:#c9645a;--ribbon-dark:#a94d44;--spine-1:#a99bd3;--spine-2:#8f7fc2;--spine-3:#d2c6ee;--spine-4:#d9a0b3;--spine-5:#86aac4;--spine-6:#e0c38a;--spine-band:#fff6}.dark .wander-scene[data-scene=book]{--wash-1:#2d2452;--wash-2:#251e42;--wash-3:#1d1830;--rule:#cfc3f012;--margin:#ef8f7733;--lamp:#ffd69629;--mote:#ffe9bd;--ribbon:#d9766b;--ribbon-dark:#b85a50;--spine-1:#4a3d7c;--spine-2:#3c3266;--spine-3:#5d4f93;--spine-4:#7a4a63;--spine-5:#3a5a76;--spine-6:#86703f;--spine-band:#ffffff1f}.wander-paper{background-image:repeating-linear-gradient(180deg, transparent 0 35px, var(--rule) 35px 36px);-webkit-mask-image:linear-gradient(#000 40%,#0000 100%);mask-image:linear-gradient(#000 40%,#0000 100%)}.wander-paper:before{content:"";inset-block:0;border-inline:1px solid var(--margin);width:5px;position:absolute;left:clamp(1.25rem,7vw,6rem)}.wander-book-lamp{background:radial-gradient(ellipse 46rem 30rem at 16% -4%, var(--lamp), transparent 70%)}.wander-ribbon{transform-origin:50% 0;width:2.25rem;animation:5.5s ease-in-out infinite alternate wander-sway;position:absolute;top:0;right:clamp(4rem,12vw,12rem);overflow:visible}.wander-mote{background:var(--mote);box-shadow:0 0 10px var(--mote);opacity:0;animation:wander-mote var(--dur,16s) linear infinite var(--delay,0s)}.wander-spines [data-spine="1"]{fill:var(--spine-1)}.wander-spines [data-spine="2"]{fill:var(--spine-2)}.wander-spines [data-spine="3"]{fill:var(--spine-3)}.wander-spines [data-spine="4"]{fill:var(--spine-4)}.wander-spines [data-spine="5"]{fill:var(--spine-5)}.wander-spines [data-spine="6"]{fill:var(--spine-6)}.wander-spines [data-band]{fill:var(--spine-band)}@keyframes wander-blob-drift{0%{transform:translate(-8%,-6%)}to{transform:translate(14%,10%)}}@keyframes wander-twinkle{0%,to{opacity:0;transform:scale(.7)}50%{opacity:.3;transform:scale(1)}}@keyframes wander-leaf-fall{0%{transform:translateY(-12vh)rotate(0)}to{transform:translate3d(var(--drift,8vw), 112vh, 0) rotate(var(--spin,200deg))}}@keyframes wander-leaf-sway{0%{transform:rotate(-24deg)}to{transform:rotate(24deg)}}@keyframes wander-breathe{0%{transform:scale(1)}to{transform:scale(1.06)}}@keyframes wander-star{0%,to{opacity:.2}50%{opacity:.95}}@keyframes wander-cloud-drift{0%{transform:translate(-32vw)}to{transform:translate(112vw)}}@keyframes wander-bird-fly{0%{transform:translate(-8vw)}50%{transform:translate(50vw,-4vh)}to{transform:translate(108vw,1vh)}}@keyframes wander-sway{0%{transform:rotate(-2.4deg)}to{transform:rotate(2.4deg)}}@keyframes wander-steam{0%{opacity:0;transform:translateY(24px)scaleY(.85)}30%{opacity:.8}to{opacity:0;transform:translateY(-110px)scaleY(1.15)}}@keyframes wander-mote{0%{opacity:0;transform:translate(0,0)}15%{opacity:.9}85%{opacity:.6}to{opacity:0;transform:translate3d(var(--dx,30px), -88vh, 0)}}@media (prefers-reduced-motion:reduce){.wander-scene *,.wander-scene :before{animation:none!important}.wander-lit,.wander-steam,.wander-mote{opacity:.25}.wander-cloud,.wander-bird{left:var(--rest)}}
.wander-card-cover img{transition:scale .7s var(--ease-out)}.wander-card{transition:translate .3s var(--ease-out), box-shadow .3s ease, background-color .3s ease}.wander-card:active{scale:.99}.wander-card:before{content:"";border-radius:inherit;background:var(--cover) center / cover no-repeat;filter:blur(16px)saturate(1.5);opacity:.38;pointer-events:none;transition:opacity .25s var(--ease-out), translate .25s var(--ease-out);position:absolute;inset:6% 3% 0;translate:0 4px}.dark .wander-card:before{opacity:.46;filter:blur(20px)saturate(1.9)brightness(1.05);inset:4% 1.5% 0}@media (hover:hover) and (pointer:fine){.wander-card:hover{translate:0 -2px;box-shadow:0 2px 4px #0f1e140f,0 14px 26px -16px #0f1e1461}.dark .wander-card:hover{box-shadow:0 2px 4px #0000004d,0 14px 28px -16px #000000bf}.wander-card:hover .wander-card-cover img{scale:1.045}.wander-card:hover:before{opacity:.72;transition-duration:.45s;translate:0 10px}.dark .wander-card:hover:before{opacity:.82}.wander-grid-item:has(.wander-card:hover){z-index:1;position:relative}}.wander .wander-card[data-open=true]:before{opacity:0}.wander-card[data-open=true] .wander-card-cover{visibility:hidden}.wander[data-tab=all] .wander-tag-chip,.wander:not([data-tab=all]) .wander-kind-chip{display:none}.wander-kind-chip{background:color-mix(in oklab, var(--k) 90%, transparent);box-shadow:inset 0 0 0 1px #ffffff59,0 1px 3px #00000029}.wander-kind-label{white-space:nowrap;max-width:7rem;transition:max-width .28s var(--ease-out), margin-left .28s var(--ease-out), padding-right .28s var(--ease-out), opacity .2s ease;margin-left:.375rem;padding-right:.125rem;display:inline-block;overflow:hidden}.wander-card .wander-kind-label{opacity:0;max-width:0;margin-left:0;padding-right:0}.wander-card:has(:focus-visible) .wander-kind-label{opacity:1;max-width:7rem;margin-left:.375rem;padding-right:.125rem}.wander-tag-chip{background:#12141266;box-shadow:inset 0 0 0 1px #fff3}@media (pointer:fine){.wander-kind-chip{-webkit-backdrop-filter:blur(8px)saturate(1.4);backdrop-filter:blur(8px)saturate(1.4)}.wander-tag-chip{-webkit-backdrop-filter:blur(10px)saturate(1.5);backdrop-filter:blur(10px)saturate(1.5);background:#1214124d}}@media (hover:hover) and (pointer:fine){.wander-card:hover .wander-kind-label{opacity:1;max-width:7rem;margin-left:.375rem;padding-right:.125rem}}.wander-card{--foot:color-mix(in oklab, color-mix(in oklab, var(--k) 20%, #050806) 82%, transparent)}.wander-card-head{background:linear-gradient(to top, var(--foot), color-mix(in oklab, var(--foot) 50%, transparent) 45%, transparent);padding-bottom:.75rem}.wander-card-head[data-captioned=true]{padding-bottom:.25rem}.wander-card-panel{background:var(--foot)}.wander-card-info{transition:opacity .18s var(--ease-out) .26s}.wander-card[data-open=true] .wander-card-info{opacity:0;transition-duration:.1s;transition-delay:0s}@media (hover:hover) and (pointer:fine){.wander-card-sheet{transform:translateY(100%)}.wander-card-head[data-captioned=true]{padding-bottom:.75rem}.wander-card-panel>*{opacity:0;translate:0 6px}.wander-card:is(:hover,:has(:focus-visible)) .wander-card-sheet{transform:translateY(0)}.wander-card:is(:hover,:has(:focus-visible)) .wander-card-head[data-captioned=true]{padding-bottom:.25rem}.wander-card:is(:hover,:has(:focus-visible)) .wander-card-panel>*{opacity:1;translate:0}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.wander-card-sheet{transition:transform .15s var(--ease-out)}.wander-card-head{transition:padding-bottom .15s var(--ease-out)}.wander-card-panel>*{transition:opacity .12s var(--ease-out), translate .15s var(--ease-out)}.wander-card:is(:hover,:has(:focus-visible)) .wander-card-sheet,.wander-card:is(:hover,:has(:focus-visible)) .wander-card-head{transition-duration:.26s}.wander-card:is(:hover,:has(:focus-visible)) .wander-card-panel>*{transition:opacity .2s var(--ease-out) var(--rise-delay), translate .26s var(--ease-out) var(--rise-delay)}.wander-card:is(:hover,:has(:focus-visible)) .wander-card-panel>:first-child{--rise-delay:70ms}.wander-card:is(:hover,:has(:focus-visible)) .wander-card-panel>:nth-child(2){--rise-delay:.11s}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:reduce){.wander-card-panel>*{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.wander-card,.wander-card-cover img,.wander-card-info{transition:none}.wander-card:before,.wander-card:hover:before{transition-property:opacity;translate:0 6px}.wander-kind-label{transition:none}}@supports (corner-shape:squircle){.wander-card,.wander-card>button,.wander-card-cover,.wander-card-info,.wander-cover-slot{corner-shape:squircle}}.wander-card[data-pending=true] .wander-card-cover:after{content:"";background:color-mix(in oklab, var(--w-surface) 55%, transparent);pointer-events:none;position:absolute;inset:0}.wander-card[data-pending=true] .wander-card-cover>:not(img){z-index:1}
.wander-card-star{transform-origin:50% 52.7%;animation:wander-star-in .56s var(--ease-out) backwards}.wander-score-line{font-family:var(--font-display);text-box:trim-both cap alphabetic;line-height:1}@supports not (text-box:trim-both cap alphabetic){.wander-score-line{padding-top:.14em}}.wander-card-rating>:not(.wander-card-star){animation:fade-in .24s var(--ease-out) .14s backwards}@keyframes wander-star-in{0%{opacity:0;rotate:-144deg;scale:.3}}@media (hover:hover) and (pointer:fine){.wander-card-star{transition:rotate .65s cubic-bezier(.34,1.4,.64,1)}.wander-card:hover .wander-card-star{rotate:72deg}}.wander-breakdown-bar{background:linear-gradient(90deg,#ffdf7a,#ffc53d 55%,#f5a00a);box-shadow:inset 0 1px #ffffff73}.wander-rate{background:radial-gradient(120% 140% at 50% 120%, #ffc53d12, transparent 60%), color-mix(in oklab, currentColor 3.5%, transparent)}.wander-rate-row{background:0 0}.wander-rate-star{-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background .16s}.wander-rate-star:focus-visible{box-shadow:0 0 0 2px var(--w-surface), 0 0 0 4px var(--k-text)}.wander-rate-star:not([data-inert=true]):active .wander-rate-face{scale:.88}.wander-rate-face{transition:scale .26s cubic-bezier(.34,1.5,.64,1)}.wander-rate-empty path{fill:color-mix(in oklab, currentColor 8%, transparent);stroke:color-mix(in oklab, currentColor 60%, transparent);transition:stroke .2s}.wander-rate-gold svg>path{stroke:#b86a00}.dark .wander-rate-gold svg>path{stroke:#dc7f00}.wander-rate-gold{transition:clip-path .26s var(--ease-out), opacity .16s ease}.wander-rate-star[data-lit=true] .wander-rate-face{filter:drop-shadow(0 2px 6px rgb(245 150 0/calc(.18 + var(--glow,0) * .08)))}.wander-rate-star[data-star="2"]{--glow:1}.wander-rate-star[data-star="3"]{--glow:2}.wander-rate-star[data-star="4"]{--glow:3}.wander-rate-star[data-star="5"]{--glow:4}.wander-rate-star[data-preview=true] .wander-rate-gold{opacity:.6}@media (hover:hover) and (pointer:fine){.wander-rate:not([data-rated=true]) .wander-rate-star:not([data-inert=true]):hover .wander-rate-face{scale:1.12}.wander-rate:not([data-rated=true]) .wander-rate-star:not([data-inert=true]):hover .wander-rate-empty path{stroke:#f0a30ab3}}.wander-rate-star[data-inert=true]{cursor:progress}.wander-rate-undo{color:#b86a00;transition:background .2s ease, scale .16s var(--ease-out);background:linear-gradient(#ffe6806b,#ffc21a29);box-shadow:inset 0 0 0 1px #ef8a0052,inset 0 1px #ffffffa6}.wander-rate-undo:active{scale:.94}.wander-rate-undo:focus-visible{box-shadow:0 0 0 2px var(--w-surface), 0 0 0 4px var(--k-text)}.dark .wander-rate-undo{color:#ffc53d;background:linear-gradient(#ffc53d33,#ffc53d12);box-shadow:inset 0 0 0 1px #ffc53d52,inset 0 1px #ffffff14}@media (hover:hover) and (pointer:fine){.wander-rate-undo:hover{background:linear-gradient(#ffe680b3,#ffc21a52)}.dark .wander-rate-undo:hover{background:linear-gradient(#ffc53d52,#ffc53d1f)}}@media (prefers-reduced-motion:reduce){.wander-card-star,.wander-card-rating>*{transition:none;animation:none}.wander-card:hover .wander-card-star{rotate:none}.wander-rate-face,.wander-rate-gold{transition:none}.wander-rate-star:active .wander-rate-face,.wander-rate-star:hover .wander-rate-face{scale:none}.wander-rate-undo{transition:none}}@media (hover:hover) and (pointer:fine){.wander-letter{transition:translate .22s var(--ease-out), color .2s ease}.wander-letter:hover{color:var(--w-text);translate:0 -.08em}}
.wander-board[data-state=open]{animation:wander-board-in .26s var(--ease-out)}.wander-board[data-state=closed]{animation:wander-board-out .16s var(--ease-out) forwards}@keyframes wander-board-in{0%{opacity:0;transform:translateY(10px)scale(.96)}}@keyframes wander-board-out{to{opacity:0;transform:translateY(6px)scale(.98)}}.wander-board-scroll{--scrollbar-thumb:color-mix(in oklab, var(--w-text) 35%, transparent);-webkit-mask-image:linear-gradient(#000 calc(100% - 1.75rem),#0000);mask-image:linear-gradient(#000 calc(100% - 1.75rem),#0000)}.wander-row{transition:background-color .15s}.wander-rank{background-color:color-mix(in oklab, var(--w-accent) calc(var(--light) * 1%), transparent);animation:wander-pixel-on .3s var(--ease-out) backwards calc(.12s + var(--order,0) * 40ms);transition:background-color .15s}@keyframes wander-pixel-on{0%{background-color:#0000}}.wander-row:focus-within{background-color:color-mix(in oklab, var(--w-accent) 12%, transparent)}.wander-row[data-top]{--m-glow:color-mix(in oklab, var(--m-mid) 55%, transparent);isolation:isolate;--veil:color-mix(in oklab, var(--w-surface) 45%, transparent);background-image:linear-gradient(var(--veil), var(--veil)), var(--foil);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--m-lo) 38%, transparent), inset 0 1px 0 #fff9, inset 0 -1px 0 color-mix(in oklab, var(--m-lo) 22%, transparent);position:relative;overflow:hidden}.wander-row[data-top="1"]{--foil:linear-gradient(100deg, #e2b13c 0%, #f9e49a 18%, #fff3bd 26%, #e8bb48 46%, #f5d77e 68%, #dba530 100%);--m-hi:#fff1ac;--m-mid:#e0b040;--m-lo:#a8741a;--m-text:#5a3c00;--m-ink:#3d2800;--m-sheen:#fffbe0;--r-body:#a8242c;--r-edge:#6f1219;--r-stripe:#f3e7cf}.wander-row[data-top="2"]{--foil:linear-gradient(100deg, #c2cad5 0%, #f4f7fa 18%, #fff 26%, #cfd6df 46%, #eef2f6 68%, #bcc5d0 100%);--m-hi:#fff;--m-mid:#c3ccd8;--m-lo:#7b8798;--m-text:#34404f;--m-ink:#364050;--m-sheen:#fff;--r-body:#2d56a3;--r-edge:#1a3470;--r-stripe:#e8eef9}.wander-row[data-top="3"]{--foil:linear-gradient(100deg, #c27f46 0%, #efc08f 18%, #f8d6b0 26%, #d08c54 46%, #e9b685 68%, #b87239 100%);--m-hi:#efc9a2;--m-mid:#c07b40;--m-lo:#86501f;--m-text:#4a240a;--m-ink:#3f200a;--m-sheen:#ffe9d2;--r-body:#2f7048;--r-edge:#1b4529;--r-stripe:#e9e4c9}.dark .wander-row[data-top]{--veil:color-mix(in oklab, var(--w-surface) 28%, transparent)}.dark .wander-row[data-top="1"]{--foil:linear-gradient(100deg, #684c12 0%, #957523 20%, #aa8629 27%, #7f6019 47%, #9a7a25 68%, #644911 100%);--m-text:#fff6d0;--m-sheen:#ffffff3d}@supports (color:lab(0% 0 0)){.dark .wander-row[data-top="1"]{--m-sheen:lab(100% -.0000298023 .0000119209/.24)}}.dark .wander-row[data-top="2"]{--foil:linear-gradient(100deg, #3e4857 0%, #5b6677 20%, #657183 27%, #4b5666 47%, #5a6576 68%, #3a4452 100%);--m-text:#f4f7fb;--m-sheen:#ffffff38}@supports (color:lab(0% 0 0)){.dark .wander-row[data-top="2"]{--m-sheen:lab(100% -.0000298023 .0000119209/.22)}}.dark .wander-row[data-top="3"]{--foil:linear-gradient(100deg, #5b3519 0%, #84522a 20%, #905a2e 27%, #6b4122 47%, #82502a 68%, #54311a 100%);--m-text:#ffe0c4;--m-sheen:#ffffff38}@supports (color:lab(0% 0 0)){.dark .wander-row[data-top="3"]{--m-sheen:lab(100% -.0000298023 .0000119209/.22)}}.wander-row[data-top] .wander-rank{background-image:linear-gradient(145deg, var(--m-hi), var(--m-mid) 55%, var(--m-lo));color:var(--m-ink);box-shadow:inset 0 1px 0 #ffffff8c, 0 1px 3px color-mix(in oklab, var(--m-lo) 45%, transparent)}.wander-ribbon{z-index:-1;pointer-events:none;width:0;height:0;position:absolute;top:-9px;left:50%}.wander-ribbon:before,.wander-ribbon:after{content:"";transform-origin:50% 100%;background:linear-gradient(180deg, transparent 45%, #0000006b), repeating-linear-gradient(180deg, #00000017 0 1px, transparent 1px 3px), linear-gradient(90deg, #ffffff38, transparent 35%, #0000002e), linear-gradient(90deg, var(--r-edge) 0 1.5px, var(--r-body) 1.5px 5px, var(--r-stripe) 5px 6.5px, var(--r-body) 6.5px 9.5px, var(--r-stripe) 9.5px 11px, var(--r-body) 11px 14.5px, var(--r-edge) 14.5px);width:16px;height:56px;position:absolute;bottom:0;left:-8px}.wander-ribbon:before{filter:brightness(.8);transform:rotate(-26deg)}.wander-ribbon:after{filter:drop-shadow(-1px 1px 1.5px #0006);transform:rotate(26deg)}.wander-medal{--m-ring:conic-gradient(from 200deg, var(--m-lo), var(--m-mid) 7%, var(--m-hi) 14%, var(--m-mid) 23%, var(--m-lo) 35%, var(--m-mid) 45%, var(--m-hi) 57%, var(--m-mid) 67%, var(--m-lo) 81%, var(--m-mid) 91%, var(--m-lo));transform-origin:50% -9px;will-change:transform;border-radius:50%;transition:box-shadow .2s,transform .7s cubic-bezier(.34,1.56,.64,1);display:grid;position:relative;box-shadow:0 2px 4px -1px #00000047,0 0 12px 2px #0000}.wander-medal .wander-avatar{background-color:var(--w-surface);box-shadow:0 0 0 1px var(--m-lo)}.wander-medal:before{content:"";background:repeating-conic-gradient(#00000024 0 1.6deg, transparent 1.6deg 6deg), linear-gradient(145deg, #ffffff80, transparent 42%, #00000047), var(--m-ring);pointer-events:none;border-radius:50%;position:absolute;inset:-6px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 6px),#000 calc(100% - 5.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 6px),#000 calc(100% - 5.5px))}.wander-medal:after{content:"";pointer-events:none;background:radial-gradient(120% 90% at 30% 12%,#ffffff57,#0000 46%);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 2px 4px #00000047,inset 0 -1px 2px #fff3}.wander-medal-loop{background:linear-gradient(145deg, var(--m-hi), var(--m-mid) 50%, var(--m-lo));pointer-events:none;border-radius:50%;width:10px;height:10px;position:absolute;top:-14px;left:50%;transform:translate(-50%);-webkit-mask:radial-gradient(circle,#0000 2.1px,#000 2.6px);mask:radial-gradient(circle,#0000 2.1px,#000 2.6px)}.wander-row[data-top] :is(.wander-name,.wander-points){color:var(--m-text)}.wander-row[data-top] .wander-points+span{color:color-mix(in oklab, var(--m-text) 72%, transparent)}.wander-row[data-top]:before{content:"";z-index:-1;background:linear-gradient(108deg, transparent 38%, color-mix(in oklab, var(--m-sheen) 45%, transparent) 46.5%, var(--m-sheen) 50%, color-mix(in oklab, var(--m-sheen) 45%, transparent) 53.5%, transparent 62%);opacity:0;will-change:transform;transition:opacity .15s,transform 0s linear .15s;position:absolute;inset:0;transform:translate(-100%)}@media (hover:hover) and (pointer:fine){.wander-row:hover{background-color:color-mix(in oklab, var(--w-accent) 12%, transparent)}.wander-row[data-top]:is(:hover,:focus-within):before{opacity:1;transition:transform .9s var(--ease-in-out-quad), opacity .1s ease;transform:translate(100%)}.wander-row[data-top]:is(:hover,:focus-within) .wander-medal{box-shadow:0 2px 4px -1px #00000047, 0 0 12px 2px var(--m-glow);transform:rotate(-4deg)}.wander-row:hover .wander-rank{background-color:color-mix(in oklab, var(--w-accent) min(100%, calc(var(--light) * 1% + 26%)), transparent)}.wander-profile{opacity:0;transition:opacity .12s var(--ease-out), transform .12s var(--ease-out), background-color .15s ease, color .15s ease;transform:translate(-8px)scale(.9)}.wander-row:hover .wander-profile,.wander-row:focus-within .wander-profile{opacity:1;transition-duration:.2s,.2s,.15s,.15s;transform:none}}@media (prefers-reduced-motion:reduce){.wander-board[data-state=open]{animation:.2s fade-in}.wander-board[data-state=closed]{animation:.12s forwards fade-out}.wander-rank{animation:none}.wander-row[data-top]:before,.wander-medal{transition:none}.wander-row[data-top]:is(:hover,:focus-within) .wander-medal,.wander-profile{transform:none}}
.wander-contribute-scrim{background:color-mix(in oklab, var(--w-bar) 55%, transparent);-webkit-backdrop-filter:blur(8px)saturate(125%);backdrop-filter:blur(8px)saturate(125%)}.dark .wander-contribute-scrim{background:color-mix(in oklab, var(--w-bar) 62%, transparent)}.wander-contribute{--pane-tint:linear-gradient(145deg, color-mix(in oklab, var(--w-surface) 74%, transparent), color-mix(in oklab, var(--w-surface) 48%, transparent));--pane-ink-wash:#ffffff80;background:var(--pane-tint);-webkit-backdrop-filter:blur(34px)saturate(190%);backdrop-filter:blur(34px)saturate(190%);--pane-shadow:inset 0 1.5px 0 var(--glass-rim), inset 0 -1px 0 var(--glass-rim-low), 0 32px 64px -28px var(--glass-drop), 0 2px 8px #0f1e140f;box-shadow:var(--pane-shadow)}.wander-contribute:not([data-vaul-drawer])[data-state=open]{animation:wander-pane-in .32s var(--ease-out)}.wander-contribute:not([data-vaul-drawer])[data-state=closed]{animation:wander-pane-out .16s var(--ease-out) forwards}.dark .wander-contribute{--pane-tint:linear-gradient(145deg, color-mix(in oklab, var(--w-surface) 78%, transparent), color-mix(in oklab, var(--w-surface) 52%, transparent));--pane-ink-wash:#ffffff14;--pane-shadow:inset 0 1.5px 0 var(--glass-rim), inset 0 -1px 0 var(--glass-rim-low), 0 32px 64px -28px var(--glass-drop), 0 2px 8px #0000004d}@keyframes wander-pane-in{0%{opacity:0;filter:blur(6px);transform:translateY(12px)scale(.96)}}@keyframes wander-pane-out{to{opacity:0;filter:blur(4px);transform:translateY(6px)scale(.98)}}.wander-contribute:before{content:"";z-index:3;border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(145deg,#fffffff2,#ffffff26 28%,#ffffff0d 62%,#ffffff8c);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}.dark .wander-contribute:before{background:linear-gradient(145deg,#ffffff80,#ffffff0f 28%,#ffffff05 62%,#ffffff47)}.wander-orb{z-index:0;background:var(--orb);filter:blur(48px);opacity:.5;pointer-events:none;border-radius:50%;width:15rem;height:15rem;animation:22s ease-in-out infinite alternate wander-orb-drift;position:absolute}.dark .wander-orb{opacity:.3}.wander-orb[data-orb=a]{--orb:var(--w-accent);top:-5rem;right:-4rem}.wander-orb[data-orb=b]{--orb:color-mix(in oklab, var(--w-accent) 55%, white);animation-duration:26s;animation-delay:-9s;bottom:-6rem;left:-5rem}.wander-orb[data-orb=c]{--orb:var(--w-bar);opacity:.8;width:11rem;height:11rem;animation-duration:30s;animation-delay:-14s;top:38%;left:52%}@keyframes wander-orb-drift{to{transform:translate(-2.5rem,2rem)scale(1.12)}}@media (pointer:coarse){.wander-orb{animation:none}}.wander-sheen{z-index:1;mix-blend-mode:soft-light;pointer-events:none;background:radial-gradient(closest-side,#ffffff80,#0000);border-radius:50%;width:22rem;height:22rem;margin:-11rem 0 0 -11rem;position:absolute;top:0;left:0}.dark .wander-sheen{mix-blend-mode:normal;background:radial-gradient(closest-side,#ffffff29,#0000)}.wander-pane-button{background:var(--glass-tint);box-shadow:inset 0 0 0 1px var(--glass-edge), inset 0 1.5px 0 var(--glass-rim), 0 4px 10px -6px var(--glass-drop)}@media (hover:hover) and (pointer:fine){.wander-pane-button:hover{background:var(--glass-tint-hover)}}.wander-tab-rail:after{content:"";pointer-events:none;background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--foreground) 14%, transparent) 12%, color-mix(in oklab, var(--foreground) 14%, transparent) 88%, transparent);height:1px;position:absolute;inset:auto 0 0}.wander-tab-line{z-index:1;background:linear-gradient(180deg, #ffffff8c, #fff0 70%), linear-gradient(90deg, color-mix(in oklab, var(--w-accent) 80%, white), var(--w-accent) 50%, color-mix(in oklab, var(--w-accent) 85%, var(--w-text)));box-shadow:0 2px 10px -1px color-mix(in oklab, var(--w-accent) 75%, transparent), 0 0 0 .5px color-mix(in oklab, var(--w-text) 25%, transparent)}.dark .wander-tab-line{background:linear-gradient(180deg, #ffffff59, #fff0 70%), linear-gradient(90deg, color-mix(in oklab, var(--w-accent) 70%, white), var(--w-accent));box-shadow:0 2px 12px 0 color-mix(in oklab, var(--w-accent) 60%, transparent)}.wander-cta{color:var(--kind-ink);background:linear-gradient(180deg, #ffffff6b 0%, #ffffff14 48%, #fff0 100%), color-mix(in oklab, var(--w-accent) var(--glass-thumb), transparent);box-shadow:inset 0 0 0 1px #ffffff57, inset 0 1.5px 0 #fffc, inset 0 -2px 6px -2px color-mix(in oklab, var(--w-accent) 70%, black 10%), 0 8px 18px -8px color-mix(in oklab, var(--w-accent) 85%, transparent), 0 1px 2px #0f1e1414}.wander-cta:disabled{opacity:.7}.wander-field{caret-color:var(--w-text);background:#fff6;transition:background-color .16s,box-shadow .16s;box-shadow:inset 0 0 0 1px #ffffff8c,inset 0 2px 4px #0f1e1412,0 1px #fff9}.dark .wander-field{background:#00000038;box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 2px 5px #0000004d,0 1px #ffffff0f}.wander-field:is(:focus-within,[data-active=true]){box-shadow:inset 0 0 0 1.5px var(--w-text), inset 0 2px 4px #0f1e140a, 0 0 0 4px color-mix(in oklab, var(--w-accent) 38%, transparent);background:#ffffffb8}.dark .wander-field:is(:focus-within,[data-active=true]){background:#00000057}button.wander-field:focus:not(:focus-visible){background:#fff6;box-shadow:inset 0 0 0 1px #ffffff8c,inset 0 2px 4px #0f1e1412,0 1px #fff9}.dark button.wander-field:focus:not(:focus-visible){background:#00000038;box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 2px 5px #0000004d,0 1px #ffffff0f}.wander-field[data-invalid=true]{box-shadow:inset 0 0 0 1.5px var(--destructive), inset 0 2px 4px #0f1e140d}.wander-field[data-invalid=true]:is(:focus-within,[data-active=true]){box-shadow:inset 0 0 0 1.5px var(--destructive), 0 0 0 4px color-mix(in oklab, var(--destructive) 24%, transparent)}.wander-otp-slot [data-slot=input-otp-caret]{background:var(--w-text);border-radius:1px;width:2px;height:1.625rem}.wander-field input:-webkit-autofill{-webkit-text-fill-color:var(--foreground);transition:background-color 9999s ease-out}.wander-field input::-ms-reveal{display:none}.wander-field input::-ms-clear{display:none}.wander-field input::-webkit-credentials-auto-fill-button{visibility:hidden;pointer-events:none;display:none!important}.wander-field input::-webkit-contacts-auto-fill-button{visibility:hidden;pointer-events:none;display:none!important}.wander-field-icon{transition:color .16s ease, transform .2s var(--ease-out)}.wander-field:focus-within .wander-field-icon{color:var(--w-text);transform:scale(1.1)}.wander-strength-notch{background:color-mix(in oklab, var(--foreground) 12%, transparent);transition:background-color .2s}.wander-strength-notch[data-on=true]{background:var(--notch)}.wander-strength[data-score="1"]{--notch:var(--destructive)}.wander-strength[data-score="2"]{--notch:#d9a23a}.wander-strength[data-score="3"]{--notch:var(--w-accent)}.wander-strength[data-score="4"]{--notch:var(--w-text)}.wander-tick{stroke-dasharray:30;stroke-dashoffset:30px;animation:wander-tick-draw .42s var(--ease-out) .18s forwards}@keyframes wander-tick-draw{to{stroke-dashoffset:0}}.wander-contribute-sheet{max-height:calc(100dvh - max(.75rem, env(safe-area-inset-top)));padding-bottom:env(safe-area-inset-bottom);box-shadow:var(--pane-shadow), 0 calc(50vh + 2rem) 0 50vh var(--w-surface);border-radius:2rem 2rem 0 0}:root .wander-contribute-sheet[data-vaul-drawer][data-vaul-drawer-direction]:after{content:"";height:calc(env(safe-area-inset-bottom) + .75rem);background:linear-gradient(transparent, var(--w-surface));pointer-events:none;position:absolute;inset:auto 0 0}.wander-share-footer{background:linear-gradient(to top, color-mix(in oklab, var(--w-surface) 96%, transparent) 55%, color-mix(in oklab, var(--w-surface) 0%, transparent));transition:opacity .2s ease, translate .24s var(--ease-out)}:root[data-keyboard] .wander-contribute-sheet .wander-share-footer{visibility:hidden;opacity:0;transition:none;translate:0 100%}:root:not([data-keyboard]) .wander-contribute-sheet[data-vaul-drawer]{height:auto!important;bottom:0!important}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.wander-contribute{--pane-tint:var(--w-surface);-webkit-backdrop-filter:none;backdrop-filter:none}.wander-contribute-scrim{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0f1e148c}.wander-orb,.wander-sheen{display:none}}@media (prefers-reduced-motion:reduce){.wander-share-footer{transition:opacity .2s}.wander-contribute:not([data-vaul-drawer])[data-state=open]{animation:.2s fade-in}.wander-contribute:not([data-vaul-drawer])[data-state=closed]{animation:.12s forwards fade-out}.wander-orb{animation:none}.wander-tick{stroke-dashoffset:0;animation:none}.wander-field-icon{transition:none}}.wander-pane-scroll{--scrollbar-thumb:color-mix(in oklab, var(--w-text) 35%, transparent);-webkit-mask-image:linear-gradient(#0000,#000 .75rem calc(100% - .75rem),#0000);mask-image:linear-gradient(#0000,#000 .75rem calc(100% - .75rem),#0000)}
@media (prefers-reduced-motion:reduce){:root [data-vaul-drawer][data-vaul-drawer-direction][data-vaul-snap-points][data-vaul-animate][data-state=open]{animation:.2s fade-in}:root [data-vaul-drawer][data-vaul-drawer-direction][data-vaul-snap-points][data-vaul-animate][data-state=closed]{animation:.12s forwards fade-out}}:root[data-keyboard] .wander:has(>[data-vaul-drawer][data-state=open]){background-color:var(--w-surface)}:root[data-keyboard] .wander:has(>[data-vaul-drawer][data-state=open])>:not([data-vaul-drawer],[data-vaul-overlay]){visibility:hidden}
.wander{--frame-paper:#fffdf6;--frame-ribbon:#c9645a}.dark .wander{--frame-paper:#e9e5d6}.wander-detail-surface{background:radial-gradient(70% 60% at 100% 0%, color-mix(in oklab, var(--k) 22%, transparent), transparent 72%), var(--w-surface);box-shadow:0 0 0 1px var(--hairline), inset 0 1px 0 #ffffffb3, 0 2px 6px #0f1e140f, 0 44px 90px -34px color-mix(in oklab, var(--k-text) 50%, transparent)}.dark .wander-detail-surface{box-shadow:0 0 0 1px var(--hairline), inset 0 1px 0 #ffffff14, 0 2px 6px #0000004d, 0 44px 90px -34px #000000b3}
.wander-qr-tile{transition:opacity .2s var(--ease-out), filter .2s var(--ease-out);box-shadow:inset 0 0 0 1px #0f1e140f,0 18px 34px -18px #0f1e1459,0 2px 6px #0f1e1414}.wander-qr-tile[data-dimmed=true]{opacity:.55;filter:blur(2px)saturate(.6)}.wander-qr-placeholder{background:linear-gradient(#15261c 0 0) 12% 12% / 24% 24% no-repeat, linear-gradient(#15261c 0 0) 88% 12% / 24% 24% no-repeat, linear-gradient(#15261c 0 0) 12% 88% / 24% 24% no-repeat, repeating-conic-gradient(#0f1e141f 0 25%, transparent 0 50%) 0 0 / 14% 14%}.wander-qr-timer:after{content:"";border-radius:inherit;background:var(--w-accent);transform-origin:0;animation:wander-qr-timer var(--ttl) linear forwards;position:absolute;inset:0}@keyframes wander-qr-timer{to{transform:scaleX(0)}}.wander-qr-pulse{animation:wander-qr-pulse 1.6s var(--ease-in-out) infinite}@keyframes wander-qr-pulse{50%{opacity:.35;transform:scale(.7)}}.wander-bit{background-color:var(--w-accent);opacity:var(--rest);animation:wander-bit-in .64s var(--ease-out) backwards calc(90ms + var(--ripple) * 62ms)}.wander-bit[data-tick=true]{background-color:color-mix(in oklab, var(--w-accent) 62%, var(--w-text));box-shadow:inset 0 1px 0 #ffffff73, 0 3px 9px -3px color-mix(in oklab, var(--w-accent) 90%, transparent);animation-delay:calc(.47s + var(--stroke) * 75ms)}@keyframes wander-bit-in{0%{opacity:0;transform:scale(.3)}35%{opacity:1;transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){.wander-bit,.wander-qr-pulse{animation:none}.wander-qr-timer:after{animation:none;transform:scaleX(.5)}.wander-qr-tile{transition:none}}
.wander-cover-slot{background:linear-gradient(180deg, color-mix(in oklab, var(--k) 20%, var(--w-surface)), color-mix(in oklab, var(--k) 42%, var(--w-surface)))}.wander-cover-slot:after{content:"";border:1.5px dashed color-mix(in oklab, var(--k-text) 38%, transparent);border-radius:calc(var(--slot-radius,20px) - 8px);position:absolute;inset:10px}.wander-cover-slot[data-kind=eatery]{background:repeating-linear-gradient(0deg, color-mix(in oklab, var(--k) 30%, transparent) 0 22px, transparent 22px 44px), repeating-linear-gradient(90deg, color-mix(in oklab, var(--k) 30%, transparent) 0 22px, transparent 22px 44px), color-mix(in oklab, var(--k) 16%, var(--w-surface))}.wander-cover-slot[data-kind=book]{background:linear-gradient(90deg, transparent 12%, color-mix(in oklab, var(--frame-ribbon) 38%, transparent) 12% calc(12% + 1.5px), transparent calc(12% + 1.5px)), repeating-linear-gradient(180deg, transparent 0 31px, color-mix(in oklab, var(--k-text) 16%, transparent) 31px 32px), color-mix(in oklab, var(--k) 24%, var(--w-surface))}.slot-halo{fill:#ffffff73;fill:lab(100% -.0000298023 .0000119209/.45)}.slot-sun{fill:color-mix(in oklab, #fff 88%, var(--k))}.slot-cloud{fill:#ffffffbf;fill:lab(100% -.0000298023 .0000119209/.75)}.slot-ridge-far{fill:color-mix(in oklab, var(--k) 70%, var(--w-surface))}.slot-ridge-near{fill:color-mix(in oklab, var(--k-text) 55%, var(--k))}.slot-plate{fill:var(--frame-paper)}.slot-plate-well{fill:color-mix(in oklab, var(--k) 38%, var(--frame-paper))}.slot-plate-ring{fill:none;stroke:color-mix(in oklab, var(--frame-paper) 80%, transparent);stroke-width:10px}.slot-cutlery{fill:color-mix(in oklab, var(--k-text) 70%, var(--k))}.slot-shelf{fill:color-mix(in oklab, var(--k-text) 55%, var(--k))}.slot-book-a{fill:color-mix(in oklab, var(--k) 85%, var(--w-surface))}.slot-book-b{fill:color-mix(in oklab, var(--k-text) 70%, var(--k))}.slot-book-c{fill:color-mix(in oklab, #fff 55%, var(--k))}.slot-book-d,.slot-ribbon{fill:var(--frame-ribbon)}.slot-band{fill:#fff6}
.wander{--ember-hi:#ffd166;--ember:#ff8a3d;--ember-lo:#e8452c;--ember-text:#b4400f;--ember-wash:color-mix(in oklab, var(--ember) 14%, var(--w-surface))}.dark .wander{--ember-text:#ffb27a;--ember-wash:color-mix(in oklab, var(--ember) 16%, var(--w-surface))}.wander-flame{color:#fff;background:linear-gradient(160deg, var(--ember-hi), var(--ember) 45%, var(--ember-lo));box-shadow:inset 0 1.5px 0 #ffffff80, inset 0 -2px 6px -2px #961e0073, 0 8px 18px -8px color-mix(in oklab, var(--ember) 80%, transparent)}.wander-flame svg{transform-origin:50% 90%;filter:drop-shadow(0 1px 1px #781e0059);animation:2.4s ease-in-out infinite wander-flicker}.wander-flame[data-lit=false]{color:var(--muted);background:color-mix(in oklab, var(--foreground) 8%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--foreground) 8%, transparent)}.wander-flame[data-lit=false] svg{filter:none;animation:none}@keyframes wander-flicker{0%,to{transform:scale(1)rotate(0)}30%{transform:scale(1.06,.96)rotate(-3deg)}60%{transform:scale(.97,1.05)rotate(2deg)}}.wander-streak-note{background:var(--ember-wash);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--ember) 28%, transparent)}.wander-streak-card{background:radial-gradient(120% 90% at 0% 0%, color-mix(in oklab, var(--ember-hi) 34%, transparent), transparent 60%), radial-gradient(90% 80% at 100% 100%, color-mix(in oklab, var(--ember-lo) 14%, transparent), transparent 65%), var(--w-surface);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--ember) 26%, transparent), inset 0 1.5px 0 #ffffffb3, 0 24px 48px -28px color-mix(in oklab, var(--ember-lo) 55%, transparent)}.wander-streak-card:before{content:"";z-index:-1;background-image:linear-gradient(color-mix(in oklab, var(--ember) 10%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklab, var(--ember) 10%, transparent) 1px, transparent 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 100% at 100% 0,#000,#0000 70%);mask-image:radial-gradient(90% 100% at 100% 0,#000,#0000 70%)}.dark .wander-streak-card{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--ember) 30%, transparent), inset 0 1px 0 #ffffff14, 0 24px 48px -28px #000000b3}.wander-streak-number{background:linear-gradient(180deg, var(--ember) 10%, var(--ember-lo));color:#0000;-webkit-background-clip:text;background-clip:text}.wander-streak-card[data-lit=false] .wander-streak-number{color:color-mix(in oklab, var(--foreground) 35%, transparent);background:0 0}.wander-day{background:color-mix(in oklab, var(--foreground) 7%, transparent);transition:background-color .2s}.wander-day[data-state=shared]{background:color-mix(in oklab, var(--ember) 55%, var(--w-surface))}.wander-day[data-state=bonus]{background:linear-gradient(160deg, var(--ember-hi), var(--ember) 55%, var(--ember-lo));box-shadow:0 2px 6px -2px color-mix(in oklab, var(--ember) 70%, transparent)}.wander-day[data-today=true]{outline:2px solid var(--ember-text);outline-offset:2px}.wander-day[data-today=true][data-state=empty]{outline-style:dashed}@media (prefers-reduced-motion:reduce){.wander-flame svg{animation:none}}
.wander-tile{background:color-mix(in oklab, var(--w-surface) 88%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--foreground) 8%, transparent), inset 0 1px 0 #fff9, 0 14px 30px -24px #0f1e1459}@media (pointer:fine){.wander-tile{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.dark .wander-tile{box-shadow:inset 0 0 0 1px #ffffff12,inset 0 1px #ffffff0d,0 14px 30px -24px #0009}.wander-tile .wander-field:not(:focus-within,[data-invalid=true]){box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--foreground) 16%, transparent), inset 0 1px 2px #0f1e140f;background:#ffffffb3}.dark .wander-tile .wander-field:not(:focus-within,[data-invalid=true]){background:#00000038;box-shadow:inset 0 0 0 1px #ffffff29,inset 0 2px 5px #0000004d}@media (hover:hover) and (pointer:fine){.wander-tile .wander-field:not(:focus-within,[data-invalid=true]):hover{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--foreground) 28%, transparent), inset 0 1px 2px #0f1e140f}.dark .wander-tile .wander-field:not(:focus-within,[data-invalid=true]):hover{box-shadow:inset 0 0 0 1px #ffffff42,inset 0 2px 5px #0000004d}}a.wander-tile{transition:translate .3s var(--ease-out), box-shadow .3s ease}@media (hover:hover) and (pointer:fine){a.wander-tile:hover{translate:0 -1.5px}}.wander-split>[data-reason=approved]{background:var(--w-accent)}.wander-split>[data-reason=rated]{background:#ffc53d}.wander-split>[data-reason=streak]{background:var(--ember)}.wander-row[data-you]:not([data-top]){background-color:color-mix(in oklab, var(--w-accent) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--w-accent) 45%, transparent)}.wander-you{color:var(--tab-ink);background:var(--tab-lens)}
.wander-gloss{background:color-mix(in oklab, var(--glass-tint) 80%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--glass-edge) 70%, transparent), inset 0 1px 0 color-mix(in oklab, var(--glass-rim) 55%, transparent), 0 6px 18px -14px var(--glass-drop)}.wander-gloss[data-shape=text]{background:color-mix(in oklab, var(--w-text) 13%, transparent);box-shadow:none}@layer components{.wander-gloss,.wander-ghost-card{isolation:isolate;position:relative;overflow:hidden}.wander-bone{z-index:1;position:relative}}.wander-gloss:after,.wander-ghost-card:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000 25%,#ffffff52 50%,#0000 75%);animation:2.2s cubic-bezier(.4,0,.2,1) infinite wander-shimmer;position:absolute;inset:0;transform:translate(-100%)}.wander-ghost-card{background: linear-gradient(to top, color-mix(in oklab, var(--k) 40%, transparent) 0%, transparent 38%), linear-gradient(170deg, color-mix(in oklab, var(--k) 22%, var(--w-surface)) 0%, color-mix(in oklab, var(--k) 36%, var(--w-surface)) 100%);box-shadow:inset 0 0 0 1px #ffffff59,0 1px 2px #0f1e140f,0 10px 24px -18px #0f1e1447}@supports (corner-shape:squircle){.wander-ghost-card{corner-shape:squircle}}.wander-bone{background:color-mix(in oklab, var(--w-text) 14%, transparent);border-radius:9999px}.wander-ghost-card .wander-bone[data-on=badge]{background:color-mix(in oklab, var(--k) 75%, var(--w-surface))}.wander-ghost-card .wander-bone[data-on=foot]{background:#fff9}.dark .wander-gloss{background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff12,inset 0 1px #ffffff14}.dark .wander-gloss[data-shape=text]{background:color-mix(in oklab, var(--w-text) 12%, transparent);box-shadow:none}.dark .wander-ghost-card{background:linear-gradient(to top, #00000038 0%, transparent 40%), linear-gradient(170deg, color-mix(in oklab, var(--k) 16%, var(--w-surface)) 0%, color-mix(in oklab, var(--k) 9%, var(--w-bar)) 100%);box-shadow:inset 0 0 0 1px #ffffff0f,0 10px 24px -18px #0009}.dark .wander-gloss:after,.dark .wander-ghost-card:after{background:linear-gradient(90deg,#0000 25%,#ffffff0d 50%,#0000 75%)}.dark .wander-bone{background:#ffffff14}.dark .wander-ghost-card .wander-bone[data-on=badge]{background:color-mix(in oklab, var(--k) 45%, transparent)}.dark .wander-ghost-card .wander-bone[data-on=foot]{background:#ffffff29}@keyframes wander-shimmer{0%{transform:translate(-100%)}65%,to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.wander-gloss:after,.wander-ghost-card:after{opacity:0;animation:none}}
.wander-search-head{background:color-mix(in oklab, var(--w-bar) 88%, transparent);-webkit-backdrop-filter:blur(18px)saturate(180%);backdrop-filter:blur(18px)saturate(180%);box-shadow:0 1px 0 var(--hairline)}.wander-search-field{background:color-mix(in oklab, var(--foreground) 7%, transparent);transition:background-color .18s,box-shadow .18s}.wander-search-field:focus-within{background:color-mix(in oklab, var(--foreground) 9%, transparent);box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--w-text) 55%, transparent)}.wander-search-tabs{max-height:2.75rem;transition:max-height .24s var(--ease-out), opacity .18s ease;overflow:hidden}.wander-search-tabs[data-hidden]{opacity:0;pointer-events:none;max-height:.625rem}.wander-search-suggestions{background:var(--w-surface)}.wander-search-tile{transition:transform .16s var(--ease-out);-webkit-tap-highlight-color:transparent}.wander-search-tile:active{transform:scale(.97)}.wander-search-tile:focus-visible>span:first-child{outline:2px solid var(--w-text);outline-offset:3px}.wander-search-tile-photo{transition:scale .4s var(--ease-out), filter .2s ease}@media (hover:hover) and (pointer:fine){.wander-search-tile:hover .wander-search-tile-photo{scale:1.04}}@media (prefers-reduced-motion:reduce){.wander-search-tabs,.wander-search-tile,.wander-search-tile-photo{transition:none}}
[data-slot=photo-studio-scrim][data-state=open]{animation:fade-in .22s var(--ease-out)}[data-slot=photo-studio-scrim][data-state=closed]{animation:fade-out .16s var(--ease-out) forwards}[data-slot=photo-studio][data-state=open]{animation:photo-studio-rise .32s var(--ease-drawer)}[data-slot=photo-studio][data-state=closed]{animation:photo-studio-sink .18s var(--ease-out) forwards}@media (min-width:40rem){[data-slot=photo-studio][data-state=open]{animation:photo-studio-pop .22s var(--ease-out)}[data-slot=photo-studio][data-state=closed]{animation:photo-studio-unpop .15s var(--ease-out) forwards}}@media (prefers-reduced-motion:reduce){[data-slot=photo-studio][data-state=open]{animation:.15s fade-in}[data-slot=photo-studio][data-state=closed]{animation:.12s forwards fade-out}}@keyframes photo-studio-rise{0%{opacity:0;transform:translateY(6%)}}@keyframes photo-studio-sink{to{opacity:0;transform:translateY(4%)}}@keyframes photo-studio-pop{0%{opacity:0;transform:scale(.96)}}@keyframes photo-studio-unpop{to{opacity:0;transform:scale(.97)}}
