@import"https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;600&family=Inter:wght@400;500;600;700&display=swap";:root{--mg-background: #fefdfb;--mg-foreground: #111827;--mg-surface: #ffffff;--mg-muted-foreground: #6b7280;--mg-border: #d1d5db;--mg-primary-100: #d9ebdd;--mg-primary: #c1dfc8;--mg-primary-700: #4f8a65;--mg-accent-cta: #4f8a65;--mg-radius: .625rem}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{background:var(--mg-background);color:var(--mg-foreground);font-family:Inter,sans-serif;line-height:1.5}.page{max-width:1120px;margin:0 auto;padding:16px}.landing-page{width:100%;min-height:100dvh;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(150deg,#ffdecf,#d9ebdd,#dae7f5,#ffe9bc,#e3daf1);background-size:220% 220%;animation:landing-base-flow 3s linear infinite}.landing-page:before,.landing-page:after{content:"";position:absolute;top:-30%;right:-18%;bottom:-30%;left:-18%;pointer-events:none;z-index:0;will-change:transform}.landing-page:before{opacity:.68;background:radial-gradient(62% 56% at 18% 20%,#ffdecfd6,#ffdecf00 70%),radial-gradient(58% 52% at 82% 26%,#d9ebddcc,#d9ebdd00 72%),radial-gradient(56% 52% at 28% 82%,#dae7f5cc,#dae7f500 72%),radial-gradient(54% 50% at 78% 78%,#ffe9bcc2,#ffe9bc00 74%),radial-gradient(52% 48% at 54% 52%,#e3daf1b3,#e3daf100 74%);mix-blend-mode:soft-light;animation:landing-atmosphere-drift 2.25s linear infinite}.landing-page:after{opacity:.44;background:radial-gradient(58% 50% at 56% 18%,#e3daf19e,#e3daf100 70%),radial-gradient(52% 48% at 10% 58%,#ffe9bc8f,#ffe9bc00 74%),radial-gradient(50% 48% at 92% 60%,#dae7f580,#dae7f500 74%),radial-gradient(48% 44% at 30% 14%,#d9ebdd75,#d9ebdd00 74%);filter:blur(42px) saturate(112%);mix-blend-mode:screen;animation:landing-atmosphere-drift-2 2.75s linear infinite}.landing-page>.page{--landing-section-gap: 20px;--landing-control-height: 40px;--landing-store-badge-width: 156px;position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--landing-section-gap)}.top-nav{display:flex;align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:10px;margin:0}.palette-picker{display:flex;align-items:center;justify-content:flex-start;width:auto;gap:10px}.palette-card{align-self:auto;margin-left:auto;padding:8px 10px;border:1px solid var(--mg-foreground);border-radius:999px;background:var(--mg-surface);box-shadow:0 1px 2px #1118270d;user-select:none;-webkit-user-select:none;touch-action:manipulation}.palette-card.is-mobile{transition:box-shadow .16s ease}.palette-card.is-mobile.is-expanded{box-shadow:0 2px 6px #1118271f}.palette-swatches{display:flex;align-items:center;gap:8px}.palette-swatch{width:22px;height:22px;border-radius:999px;border:1px solid var(--mg-border);box-shadow:0 1px 2px #11182714;cursor:pointer}.palette-swatch.is-selected{border-color:var(--mg-foreground);box-shadow:0 0 0 2px #11182724}h1{margin:0;font-family:EB Garamond,serif;font-weight:400;max-width:18ch;font-size:clamp(2rem,8vw,3.6rem);line-height:1.08}.landing-hero{margin:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}.title{font-family:EB Garamond,serif;font-weight:600;font-size:clamp(3.8rem,20vw,7.2rem);color:var(--mg-foreground)}.body{--hero-description-size: clamp(1rem, .96rem + .24vw, 1.12rem);--hero-slogan-ratio: 1.5;display:flex;flex-direction:column;gap:10px}.slogan{max-width:min(94vw,68ch);margin:0 auto;color:var(--mg-foreground);font-family:EB Garamond,serif;font-weight:400;font-size:calc(var(--hero-description-size) * var(--hero-slogan-ratio));line-height:1.6;text-wrap:balance}.slogan strong{font-weight:600}.description{max-width:min(94vw,68ch);margin:0 auto;color:var(--mg-muted-foreground);font-family:Inter,sans-serif;font-size:var(--hero-description-size);line-height:1.6;text-wrap:balance}.store-links{margin-top:0;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.store-badge{width:var(--landing-store-badge-width);min-height:var(--landing-control-height);padding:0 12px;border-radius:999px;border:1px solid var(--mg-background);background:var(--mg-background);color:var(--mg-foreground);text-decoration:none;font-size:.88rem;font-weight:400;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;line-height:1}.store-badge svg{width:24px;height:24px;display:block;flex-shrink:0;fill:currentColor}.store-badge span{display:block;line-height:1;font-size:1rem}.carousel{margin:0}.screenshot-viewport{overflow:hidden;padding:4px 2px 10px}.screenshot-track{--carousel-gap: 14px;display:flex;width:max-content;gap:0}.screenshot-track-animated{animation:carousel-scroll 22s linear infinite}.screenshot-group{display:flex;gap:var(--carousel-gap);padding-right:var(--carousel-gap)}.screenshot-frame{flex:0 0 min(64vw,260px);border-radius:24px;background:var(--mg-surface);box-shadow:0 1px 2px #1118270d;overflow:hidden}.screenshot-image{width:100%;aspect-ratio:390 / 844;display:block;object-fit:cover}.socials{display:flex;align-items:center;justify-content:center;gap:10px}.social-link{width:var(--landing-control-height);height:var(--landing-control-height);border-radius:999px;color:var(--mg-foreground);display:inline-flex;align-items:center;justify-content:center}.social-link svg{width:32px;height:32px;display:block;flex-shrink:0}.social-link[aria-label=Instagram] svg rect,.social-link[aria-label=Instagram] svg circle{fill:none;stroke:currentColor;stroke-width:1.8}@keyframes carousel-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes landing-base-flow{0%{background-position:0% 30%}25%{background-position:38% 58%}50%{background-position:76% 42%}75%{background-position:44% 66%}to{background-position:0% 30%}}@keyframes landing-atmosphere-drift{0%{transform:translate3d(-2.5%,-2%,0) scale(1.03)}25%{transform:translate3d(2%,-.5%,0) scale(1.06)}50%{transform:translate3d(3%,1.5%,0) scale(1.08)}75%{transform:translate3d(-1%,3%,0) scale(1.05)}to{transform:translate3d(-2.5%,-2%,0) scale(1.03)}}@keyframes landing-atmosphere-drift-2{0%{transform:translate3d(2%,-1.5%,0) scale(1.08)}25%{transform:translate3d(-1%,1%,0) scale(1.11)}50%{transform:translate3d(-3%,2%,0) scale(1.12)}75%{transform:translate3d(2.5%,2.8%,0) scale(1.09)}to{transform:translate3d(2%,-1.5%,0) scale(1.08)}}@media (prefers-reduced-motion: reduce){.screenshot-viewport{overflow-x:auto}.screenshot-track{width:auto}.screenshot-track-animated{animation:none}.screenshot-group[aria-hidden=true]{display:none}.landing-page:before,.landing-page:after{animation:none;transform:none}.landing-page{animation:none}}@media (min-width: 641px){.page{padding:24px}.landing-page>.page{--landing-section-gap: 24px}.top-nav{align-items:center;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;gap:18px}.palette-card{margin-left:0}.description{max-width:min(88vw,72ch)}.screenshot-track{--carousel-gap: 18px}.screenshot-frame{flex-basis:250px}}