:root{
  --font-body:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic","YuGothic",Meiryo,sans-serif;
  --font-display:"Hiragino Maru Gothic ProN","Hiragino Sans","Yu Gothic","YuGothic",Meiryo,sans-serif;

  --paper:#F6F1E8;
  --paper2:#FFFBF5;
  --cream:#F6F1E8;
  --cream-2:#FFFBF5;
  --ink:#262229;
  --muted:#756F77;
  --line:#D9D1C7;
  --purple:#35273D;
  --acid:#DDF06F;
  --lime:#DDF06F;
  --coral:#EC6E69;
  --peach:#F4B69C;
  --sky:#BFDCE8;
  --char:#76617F;
  --charsoft:#E9E1EC;

  --color-primary:var(--purple);
  --color-secondary:var(--lime);
  --color-background:var(--paper);
  --color-surface:var(--paper2);
  --color-text:var(--ink);
  --color-text-sub:var(--muted);
  --color-accent:var(--peach);

  --side:18px;
  --radius-small:8px;
  --radius-medium:16px;
  --radius-large:24px;
  --radius-card:24px;
  --spacing-xs:6px;
  --spacing-sm:10px;
  --spacing-md:18px;
  --spacing-lg:30px;
  --spacing-xl:48px;
  --shadow-card:0 8px 20px rgba(61,46,63,.055);
  --shadow-pop:0 14px 34px rgba(61,46,63,.08);
  --soft-shadow:var(--shadow-card);
  --pop-shadow:var(--shadow-pop);
  --safe-bottom:env(safe-area-inset-bottom,0px);
  --safe-top:env(safe-area-inset-top,0px);
}

*{box-sizing:border-box}
html{max-width:100%;scroll-behavior:smooth}
body{
  max-width:100%;
  margin:0;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 8% 3%,rgba(221,240,111,.13),transparent 18rem),
    radial-gradient(circle at 92% 13%,rgba(244,182,156,.10),transparent 19rem),
    var(--paper);
  color:var(--ink);
  font-family:var(--font-body);
  font-weight:500;
  line-height:1.65;
  letter-spacing:0;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
button,a{font:inherit;touch-action:manipulation}
button{min-height:44px;cursor:pointer}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
p,li,small{letter-spacing:.005em}
h1,h2,h3,h4,.brand-lockup,.flogo,.type-name,.subname{
  font-family:var(--font-display);
  font-weight:900;
  letter-spacing:-.035em;
}
.eyebrow,.section-note,.sub-kicker{
  font-family:var(--font-body);
  font-weight:800;
  letter-spacing:.09em;
}
:focus-visible{outline:3px solid rgba(53,39,61,.28);outline-offset:3px}
::selection{background:rgba(221,240,111,.75);color:var(--ink)}

.theme-guma{--tile:#F2E1D3;--accent:#B9835D;--char:#B9835D;--charsoft:#F2E1D3;--mate-soft:#F2E1D3;--mate-accent:#B9835D}
.theme-chameleon{--tile:#EAF4D6;--accent:#83B655;--char:#83B655;--charsoft:#EAF4D6;--mate-soft:#EAF4D6;--mate-accent:#83B655}
.theme-neko{--tile:#E9E6F6;--accent:#625A93;--char:#625A93;--charsoft:#E9E6F6;--mate-soft:#E9E6F6;--mate-accent:#625A93}
.theme-kurage{--tile:#EDF0FB;--accent:#8CA5D6;--char:#8CA5D6;--charsoft:#EDF0FB;--mate-soft:#EDF0FB;--mate-accent:#8CA5D6}
.theme-wanko{--tile:#FFF0D8;--accent:#E1AE5E;--char:#E1AE5E;--charsoft:#FFF0D8;--mate-soft:#FFF0D8;--mate-accent:#E1AE5E}
.theme-risu{--tile:#FBE3D3;--accent:#D98450;--char:#D98450;--charsoft:#FBE3D3;--mate-soft:#FBE3D3;--mate-accent:#D98450}
.theme-cheetah{--tile:#FCEACC;--accent:#E39B32;--char:#E39B32;--charsoft:#FCEACC;--mate-soft:#FCEACC;--mate-accent:#E39B32}
.theme-hari{--tile:#F0E5E1;--accent:#9A7E74;--char:#9A7E74;--charsoft:#F0E5E1;--mate-soft:#F0E5E1;--mate-accent:#9A7E74}

@media(max-width:350px){:root{--side:16px}}
@media(min-width:680px){:root{--side:22px}}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation:none!important;transition:none!important}
}