@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@layer tokens{:root{color-scheme:light dark;--color-primary-base:#ff8a5b;--color-secondary-base:#48b086;--color-tertiary-base:#00bdbf;--color-neutral-base:#83746f;--color-primary:light-dark(oklch(from var(--color-primary-base) calc(l - .18) c h),oklch(from var(--color-primary-base) calc(l + .02) c h));--color-primary-container:light-dark(var(--color-primary-base),oklch(from var(--color-primary-base) calc(l - .14) c h));--color-accent:var(--color-primary-base);--color-success:var(--color-secondary-base);--color-info-base:var(--color-tertiary-base);--color-warning:var(--color-accent);--color-error:light-dark(oklch(from var(--color-primary-base) calc(l - .22) c 25),oklch(from var(--color-primary-base) calc(l + .04) c 25));--color-surface:light-dark(oklch(from var(--color-neutral-base) calc(l + .38) .015 h),oklch(from var(--color-neutral-base) calc(l - .34) .02 h));--color-surface-elevated:light-dark(oklch(from var(--color-surface) calc(l + .02) c h),oklch(from var(--color-surface) calc(l + .04) c h));--color-surface-container-low:light-dark(oklch(from var(--color-surface) calc(l - .02) c h),oklch(from var(--color-surface) calc(l - .03) c h));--color-surface-container-high:light-dark(oklch(from var(--color-surface) calc(l - .06) c h),oklch(from var(--color-surface) calc(l + .08) c h));--color-surface-cream:light-dark(oklch(from var(--color-surface) calc(l + .005) calc(c - .003) h),oklch(from var(--color-surface) calc(l + .02) calc(c - .005) h));--color-surface-tint:light-dark(oklch(from var(--color-tertiary-base) calc(l + .3) calc(c - .1) h),oklch(from var(--color-tertiary-base) calc(l - .18) calc(c - .02) h));--color-text:light-dark(oklch(from var(--color-neutral-base) calc(l - .42) c h),oklch(from var(--color-neutral-base) calc(l + .4) calc(c - .02) h));--color-text-inverse:oklch(from var(--color-neutral-base) calc(l + .45) c h);--color-muted:light-dark(oklch(from var(--color-neutral-base) calc(l - .2) c h),oklch(from var(--color-neutral-base) calc(l + .22) calc(c - .02) h));--color-border:light-dark(oklch(from var(--color-neutral-base) calc(l + .12) c h),oklch(from var(--color-neutral-base) calc(l - .08) c h));--color-outline:light-dark(oklch(from var(--color-neutral-base) calc(l - .08) c h),oklch(from var(--color-neutral-base) calc(l + .16) c h));--color-neutral-0:var(--color-text-inverse);--color-neutral-200:light-dark(oklch(from var(--color-neutral-base) calc(l + .16) c h),oklch(from var(--color-neutral-base) calc(l - .1) c h));--color-neutral-600:var(--color-neutral-base);--color-neutral-900:light-dark(oklch(from var(--color-neutral-base) calc(l - .32) c h),oklch(from var(--color-neutral-base) calc(l + .28) c h));--font-family-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-family-display:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-family:var(--font-family-sans);--font-family-code:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--font-size--1:clamp(.9375rem, .9158rem + .1087vw, 1rem);--font-size-0:clamp(1.125rem, 1.0815rem + .2174vw, 1.25rem);--font-size-1:clamp(1.35rem, 1.2761rem + .3696vw, 1.5625rem);--font-size-2:clamp(1.62rem, 1.5041rem + .5793vw, 1.9531rem);--font-size-3:clamp(1.944rem, 1.771rem + .8651vw, 2.4414rem);--font-size-4:clamp(2.3328rem, 2.0827rem + 1.2504vw, 3.0518rem);--font-size-h1:clamp(2.3328rem, 2.0827rem + 1.2504vw, 3.0518rem);--font-size-h2:clamp(1.944rem, 1.771rem + .8651vw, 2.4414rem);--font-size-h3:clamp(1.62rem, 1.5041rem + .5793vw, 1.9531rem);--font-size-impact:clamp(2.3328rem, 2.0827rem + 1.2504vw, 3.0518rem);--font-size-body-lg:clamp(1.125rem, 1.0815rem + .2174vw, 1.25rem);--font-size-body-md:clamp(.9375rem, .9158rem + .1087vw, 1rem);--font-size-body-sm:clamp(.8125rem, .8016rem + .0543vw, .875rem);--font-size-label:clamp(.7813rem, .7747rem + .0326vw, .8rem);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-snug:1.3;--line-height-heading:1.4;--line-height-normal:1.5;--line-height-relaxed:1.6;--line-height-text:var(--line-height-normal);--line-height-display:var(--line-height-tight);--body-max-width:65ch;--space-0:.25rem;--space-1:.5rem;--space-2:.75rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;--space-8:4rem;--space-10:6rem;--space-base:.5rem;--container-padding:1.5rem;--section-gap:5rem;--card-gap:1.25rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-pill:9999px;--transition-base:.15s ease;--transition-slow:.28s ease;--shadow-color:var(--color-neutral-900);--shadow-sm:0 1px 2px 0 oklch(from var(--shadow-color,var(--color-neutral-900)) l c h / .08);--shadow-soft:0 4px 24px oklch(from var(--shadow-color,var(--color-neutral-900)) l c h / .12);--shadow-md:0 8px 24px oklch(from var(--shadow-color,var(--color-neutral-900)) l c h / .15);--shadow-lg:0 12px 32px oklch(from var(--shadow-color,var(--color-neutral-900)) l c h / .18);--shadow-xl:0 20px 48px oklch(from var(--shadow-color,var(--color-neutral-900)) l c h / .22);--z-modal:1000;--z-popover:1100;--color-overlay:oklch(from var(--color-neutral-900) l c h / .45);--header-height:80px;--layout-content-max:1200px;--layout-narrow-max:48rem;--layout-popout-max:1440px;--layout-padding:var(--container-padding);--bp-cq-split:46rem;--bp-cq-md:48rem;--bp-cq-lg:56rem;--bp-cq-ch:50ch;--grid-gap:var(--card-gap);--card-min-width:320px;--clr-neutral-300:var(--color-neutral-200);--color-info:var(--color-info-base);--color-info-bg:light-dark(oklch(from var(--color-info-base) calc(l + .28) calc(c - .07) h),oklch(from var(--color-info-base) calc(l - .28) calc(c - .04) h));--color-info-border:light-dark(oklch(from var(--color-info-base) calc(l + .16) calc(c - .04) h),oklch(from var(--color-info-base) calc(l - .16) calc(c - .02) h));--color-info-text:light-dark(oklch(from var(--color-info-base) calc(l - .18) c h),oklch(from var(--color-info-base) calc(l + .18) calc(c - .02) h));--color-success-bg:light-dark(oklch(from var(--color-success) calc(l + .26) calc(c - .07) h),oklch(from var(--color-success) calc(l - .28) calc(c - .04) h));--color-success-border:light-dark(oklch(from var(--color-success) calc(l + .14) calc(c - .04) h),oklch(from var(--color-success) calc(l - .16) calc(c - .02) h));--color-success-text:light-dark(oklch(from var(--color-success) calc(l - .16) c h),oklch(from var(--color-success) calc(l + .18) calc(c - .02) h));--color-accent-deep:oklch(from var(--color-accent) calc(l - .2) c h);--color-warning-bg:light-dark(oklch(from var(--color-accent) calc(l + .25) calc(c - .07) h),oklch(from var(--color-accent) calc(l - .25) calc(c - .03) calc(h + 35)));--color-warning-border:light-dark(oklch(from var(--color-accent) calc(l + .12) calc(c - .03) h),oklch(from var(--color-accent) calc(l - .02) calc(c - .01) calc(h + 35)));--color-warning-text:light-dark(oklch(from var(--color-accent) calc(l - .2) c h),oklch(from var(--color-accent) calc(l + .24) calc(c - .03) calc(h + 30)));--color-warning-on-container:var(--color-warning-text);--color-error-bg:light-dark(oklch(from var(--color-primary-base) calc(l + .28) calc(c - .06) 25),oklch(from var(--color-primary-base) calc(l - .34) calc(c + .02) 25));--color-error-border:light-dark(oklch(from var(--color-primary-base) calc(l + .14) calc(c - .03) 25),oklch(from var(--color-primary-base) calc(l - .2) c 25));--color-error-text:light-dark(oklch(from var(--color-primary-base) calc(l - .28) c 25),oklch(from var(--color-primary-base) calc(l + .22) calc(c - .01) 25))}}@layer resets{*,:before,:after{box-sizing:border-box}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background-color:oklch(from var(--color-border) l c h / .8);border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:oklch(from var(--color-outline) l c h / .95)}::-webkit-scrollbar-track{background:0 0}html{text-size-adjust:none;font-family:var(--font-family);color-scheme:light dark;interpolate-size:allow-keywords}body{min-height:80vh;line-height:var(--line-height-text);margin:0}h1,h2,h3,h4,button,input,label{line-height:var(--line-height-display)}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:is(ul,ol)[class]{margin:0;padding:0;list-style:""}h1,h2,h3,h4{text-wrap:balance;font-family:var(--font-family)}p,li,figcaption{max-width:var(--body-max-width);text-wrap:pretty}code{font-family:var(--font-family-code)}:first-child{margin-block-start:0}h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}img,picture{max-width:100%;display:block}td,math,time[datetime*=\:]{font-variant-numeric:tabular-nums lining-nums}table{border-collapse:collapse}:target{scroll-margin-block:5rlh}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}}@layer common{html{scrollbar-gutter:stable;accent-color:var(--color-primary)}body{font-size:var(--font-size-body-md);color:var(--color-text);background:var(--color-surface);-webkit-font-smoothing:antialiased;min-block-size:100svh}h1,h2,h3,h4{--_color:var(--color-text);line-height:var(--line-height-heading);font-family:var(--font-family-display);font-weight:var(--font-weight-bold);color:var(--_color);margin:0}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-1)}p{font-size:var(--font-size-0)}a{color:var(--color-primary);text-underline-offset:.2em;transition:color var(--transition-base);text-decoration-thickness:1px}input,textarea{caret-color:oklch(from var(--color-primary) l c h / .5);caret-shape:block;padding:.25lh 1ch}a:hover{color:var(--color-primary-container)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.primary-layout{grid-template-columns:[full-start] minmax(var(--layout-padding), 1fr) [popout-start] minmax(0, calc((var(--layout-popout-max) - var(--layout-content-max)) * .5)) [content-start] minmax(0, calc((var(--layout-content-max) - var(--layout-narrow-max)) * .5)) [narrow-start] min(var(--layout-narrow-max), 100% - (var(--layout-padding) * 2)) [narrow-end] minmax(0, calc((var(--layout-content-max) - var(--layout-narrow-max)) * .5)) [content-end] minmax(0, calc((var(--layout-popout-max) - var(--layout-content-max)) * .5)) [popout-end] minmax(var(--layout-padding), 1fr) [full-end];display:grid}.primary-layout>*{grid-column:content}.layout-full{grid-column:full}.layout-popout{grid-column:popout}.layout-narrow{grid-column:narrow}.u-section{padding-block:var(--section-gap);--cq-size:lg;container-type:inline-size;@media (width<=50ch){padding-block:calc(var(--section-gap) * .5)}}@container (inline-size<=48rem){.u-section>*{--cq-size:sm}}.grid-auto-fit{gap:var(--grid-gap);grid-template-columns:repeat(auto-fit, minmax(min(var(--card-min-width), 100%), 1fr));display:grid}.grid-auto-fill{gap:var(--grid-gap);grid-template-columns:repeat(auto-fill, minmax(min(var(--card-min-width), 100%), 1fr));display:grid}.grid-auto-fit-max-column-count{--_max-cols:attr(data-max-cols type(<number>), 3);--_min-col:var(--column-inline-size,var(--card-min-width));--_col-size:calc((100% - (var(--_max-cols) - 1) * var(--grid-gap)) / var(--_max-cols));gap:var(--grid-gap);grid-template-columns:repeat(auto-fit, minmax(min(100%, max(var(--_min-col), var(--_col-size))), 1fr));display:grid}.grid-auto-fill-max-column-count{--_max-cols:attr(data-max-cols type(<number>), 3);--_min-col:var(--column-inline-size,var(--card-min-width));--_col-size:calc((100% - (var(--_max-cols) - 1) * var(--grid-gap)) / var(--_max-cols));gap:var(--grid-gap);grid-template-columns:repeat(auto-fill, minmax(min(100%, max(var(--_min-col), var(--_col-size))), 1fr));display:grid}.grid-stores{--card-min-width:160px;gap:var(--space-4);grid-template-columns:repeat(auto-fit, minmax(min(var(--card-min-width), 100%), 1fr));display:grid}.flex-group{--_gap:var(--space-3);gap:var(--_gap);flex-wrap:wrap;align-items:center;display:flex}.u-eyebrow{font-size:var(--font-size-label);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);margin:0 0 var(--space-2)}.u-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.layout-split{--cq-size:lg;container-type:inline-size}.layout-split__inner{--split-media:35rem;gap:var(--space-8);grid-template-columns:1fr 1fr;align-items:center;display:grid}@container (inline-size<=46rem){.layout-split>*{--cq-size:sm}.layout-split__inner{grid-template-columns:1fr}}.bento-grid{gap:var(--card-gap);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@container style(--cq-size:lg){.bento-grid{grid-template-columns:repeat(3,1fr)}.bento-grid__item--wide{grid-column:span 2}}.prose>*+*{margin-block-start:var(--prose-gap,1em)}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto;types:flip-3d}html:active-view-transition-type(flip-3d)::view-transition-old(page-content){min-block-size:calc(100svh - var(--header-height,80px))}html:active-view-transition-type(flip-3d)::view-transition-new(page-content){min-block-size:calc(100svh - var(--header-height,80px))}html:active-view-transition-type(flip-3d)::view-transition-old(page-content){animation:1.4s forwards --animation-flip-out}html:active-view-transition-type(flip-3d)::view-transition-new(page-content){animation:1.4s forwards --animation-flip-in}@keyframes --animation-flip-out{0%{transform:rotateY(0)translate(0)}to{opacity:1;transform:rotateY(-90deg)translate(-100vw)}}@keyframes --animation-flip-in{0%{transform:rotateY(90deg)translate(100vw)}to{transform:rotateY(0)translate(0)}}}}@layer components{.u-card-surface{--_card-bg:var(--color-surface-elevated);--_card-border-radius:var(--radius-xl);--_card-border:var(--color-border);--_card-shadow:var(--shadow-sm);--_card-hover-shadow:var(--shadow-md);background:var(--_card-bg);border-radius:var(--_card-border-radius);box-shadow:var(--_card-shadow);border:1px solid var(--_card-border);transition:transform var(--transition-base), box-shadow var(--transition-base);&:hover{--shadow-color:var(--color-border);box-shadow:var(--_card-hover-shadow);transform:translateY(-2px)}}my-button{--button-bg:var(--color-accent);--button-color:var(--color-text-inverse);--button-border-radius:var(--radius-md);--button-padding:var(--space-3) var(--space-5);--button-font-weight:var(--font-weight-bold)}my-button[data-variant=secondary]{--button-bg:transparent;--button-color:var(--color-success);--button-border:2px solid var(--color-success)}my-card{--card-bg:var(--color-surface-elevated)}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:3rem;font-family:var(--font-family-sans);font-size:var(--font-size-body-md);font-weight:var(--font-weight-bold);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:none;padding-block:.5ch;padding-inline:1ch;text-decoration:none;display:inline-flex}.btn[hidden]{display:none}.btn-primary{background:var(--color-accent);color:var(--color-text-inverse);box-shadow:var(--shadow-sm);&:hover{--shadow-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}}.btn-secondary{color:var(--color-success);border:2px solid var(--color-success);background:0 0;&:hover{background:oklch(from var(--color-success) l c h / .1)}}my-alert{margin-block:var(--space-3);display:block}my-alert[type=warning],my-toast[type=warning]{--color-warning:light-dark(var(--color-accent),oklch(from var(--color-accent) calc(l + .1) c calc(h + 18)))}my-dialog{--dialog-bg:var(--color-surface-elevated);--dialog-border-color:var(--color-border);--dialog-max-width:var(--layout-narrow-max);color:var(--color-text)}.user-avatar{--_avatar-size:2rem;--_avatar-font:var(--font-size-label);inline-size:var(--_avatar-size);block-size:var(--_avatar-size);font-size:var(--_avatar-font);font-weight:var(--font-weight-bold);letter-spacing:.02em;color:var(--color-text-inverse);background:linear-gradient(145deg, var(--color-primary-base), oklch(from var(--color-secondary-base) calc(l - .08) c h));border-radius:50%;flex-shrink:0;place-items:center;line-height:1;display:inline-grid;overflow:hidden}.user-avatar--sm{--_avatar-size:2rem;--_avatar-font:var(--font-size-label)}.user-avatar--md{--_avatar-size:2.5rem;--_avatar-font:var(--font-size-body-sm,var(--font-size--1))}.user-avatar--lg{--_avatar-size:3.5rem;--_avatar-font:var(--font-size-h3)}.user-avatar__img{object-fit:cover;block-size:100%;inline-size:100%}.user-avatar__initials{place-items:center;display:inline-grid}my-alert{transition:display .28s ease allow-discrete, opacity .28s ease, transform .28s ease}my-alert:not([hidden]){opacity:1;display:block;transform:none}my-alert[hidden]{opacity:0;display:none;transform:translateY(-.25rem)}@starting-style{my-alert:not([hidden]){opacity:0;transform:translateY(-.25rem)}}}
