/* [project]/shared/react/src/globals.sass.css [app-client] (css) */
*, :before, :after {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}

body {
  line-height: var(--global-lineHeight);
  -webkit-font-smoothing: antialiased;
  scrollbar-gutter: stable;
}

img, picture, video, canvas, svg {
  vertical-align: middle;
  max-width: 100%;
  display: inline;
}

input, button, textarea, select {
  font-family: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

fieldset {
  border: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

ul {
  padding-left: 0;
  list-style-type: none;
}

button {
  cursor: pointer;
  color: inherit;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
  line-height: 1.15;
}

label {
  cursor: pointer;
}

div, input, textarea, button, select, a {
  -webkit-tap-highlight-color: #0000;
}

legend {
  padding: 0;
  display: table;
}

body:not(:-moz-handler-blocked) fieldset {
  display: table-cell;
}

#root, #__next {
  isolation: isolate;
}

:root {
  --global-lineHeight: 1.35;
  --global-legacy-color-light: #fbfbfb;
  --global-legacy-color-dark: #333;
  --global-legacy-color-dark-700: #656565;
  --global-legacy-color-offWhite-300: #e6e5e3;
  --global-legacy-color-offWhite-700: #d7d4cf;
  --global-legacy-color-gray-300: #e1e1e1;
  --global-legacy-color-gray-500: #979797;
  --global-legacy-color-green-50: #e8f8e8;
  --global-legacy-color-green-100: #daecd8;
  --global-legacy-color-green-600: #2ea271;
  --global-legacy-color-green-900: #257654;
  --global-legacy-color-red-300: #efd3ce;
  --global-legacy-color-red-600: #d43c3c;
  --global-legacy-color-red-900: #b60505;
  --global-legacy-color-orange-100: #fceecb;
  --global-legacy-color-orange-900: #948501;
  --global-legacy-color-tone-brand: #53e58f;
  --global-legacy-color-tone-brand-surface: var(--global-legacy-color-tone-brand);
  --global-legacy-color-tone-brand-surface-text: #333;
  --global-legacy-color-tone-brand-text: color-mix(in srgb, var(--global-legacy-color-tone-brand), black 30%);
  --global-legacy-color-tone-brand-text-surface: color-mix(in srgb, var(--global-legacy-color-tone-brand), white 90%);
  --global-legacy-color-tone-brand-text-border: var(--global-legacy-color-tone-brand-text);
  --global-legacy-color-tone-primary: #5c75f9;
  --global-legacy-color-tone-primary-surface: var(--global-legacy-color-tone-primary);
  --global-legacy-color-tone-primary-surface-text: var(--global-color-white);
  --global-legacy-color-tone-primary-text: color-mix(in srgb, var(--global-legacy-color-tone-primary), black 20%);
  --global-legacy-color-tone-primary-text-surface: color-mix(in srgb, var(--global-legacy-color-tone-primary), white 90%);
  --global-legacy-color-tone-primary-text-border: var(--global-legacy-color-tone-primary-text);
  --global-legacy-color-tone-secondary: var(--global-color-black);
  --global-legacy-color-tone-secondary-surface: #eae6e1;
  --global-legacy-color-tone-secondary-surface-text: #555;
  --global-legacy-color-tone-secondary-text: color-mix(in srgb, var(--global-legacy-color-tone-secondary), black 20%);
  --global-legacy-color-tone-secondary-text-surface: color-mix(in srgb, var(--global-legacy-color-tone-secondary), white 90%);
  --global-legacy-color-tone-secondary-text-border: #aaa;
  --global-legacy-color-tone-dark: #333;
  --global-legacy-color-tone-dark-surface: var(--global-legacy-color-tone-dark);
  --global-legacy-color-tone-dark-surface-text: var(--global-color-white);
  --global-legacy-color-tone-dark-text: var(--global-legacy-color-tone-dark);
  --global-legacy-color-tone-dark-text-surface: var(--global-color-white);
  --global-legacy-color-tone-dark-text-border: var(--global-legacy-color-tone-dark-text);
  --global-legacy-color-tone-light: #fff;
  --global-legacy-color-tone-light-surface: var(--global-legacy-color-tone-light);
  --global-legacy-color-tone-light-surface-text: var(--global-color-black);
  --global-legacy-color-tone-light-text: var(--global-color-black);
  --global-legacy-color-tone-light-text-surface: var(--global-legacy-color-tone-light);
  --global-legacy-color-tone-light-text-border: var(--global-legacy-color-tone-light-text);
  --global-legacy-color-tone-neutral: var(--global-color-black);
  --global-legacy-color-tone-neutral-surface-text: #222;
  --global-legacy-color-tone-neutral-text: var(--global-legacy-color-tone-dark);
  --global-legacy-color-tone-neutral-text-surface: var(--global-color-white);
  --global-legacy-color-tone-neutral-text-border: #c2bcb2;
  --global-legacy-color-tone-failure: var(--global-legacy-color-red-600);
  --global-legacy-color-tone-failure-surface: var(--global-legacy-color-tone-failure);
  --global-legacy-color-tone-failure-surface-text: var(--global-color-white);
  --global-legacy-color-tone-failure-text: var(--global-legacy-color-red-900);
  --global-legacy-color-tone-failure-text-surface: var(--global-legacy-color-red-300);
  --global-legacy-color-tone-failure-text-border: var(--global-legacy-color-tone-failure-text);
  --global-legacy-color-tone-success: var(--global-legacy-color-green-600);
  --global-legacy-color-tone-success-surface: var(--global-legacy-color-tone-success);
  --global-legacy-color-tone-success-surface-text: var(--global-color-white);
  --global-legacy-color-tone-success-text: var(--global-legacy-color-green-900);
  --global-legacy-color-tone-success-text-surface: var(--global-legacy-color-green-50);
  --global-legacy-color-tone-success-text-border: var(--global-legacy-color-tone-success-text);
  --global-color-gray-0: #fff;
  --global-color-gray-50: #fcfcfc;
  --global-color-gray-100: #fafafa;
  --global-color-gray-200: #f5f5f5;
  --global-color-gray-300: #f0f0f0;
  --global-color-gray-400: #ebebeb;
  --global-color-gray-500: #e6e6e6;
  --global-color-gray-600: #cfcfcf;
  --global-color-gray-700: #b5b5b5;
  --global-color-gray-800: #999;
  --global-color-gray-900: #4f4f4f;
  --global-color-gray-950: #343434;
  --global-color-gray-1000: #1d1d1d;
  --global-color-gray-1100: #000;
  --global-color-green-50: #edfcf5;
  --global-color-green-100: #dcfaeb;
  --global-color-green-200: #b8f4d7;
  --global-color-green-300: #99f0c6;
  --global-color-green-400: #76eab2;
  --global-color-green-500: #53e59f;
  --global-color-green-600: #4dd291;
  --global-color-green-700: #40b57d;
  --global-color-green-800: #30865d;
  --global-color-green-900: #246445;
  --global-color-green-950: #0e241a;
  --global-color-kurimu-50: #fdfdfc;
  --global-color-kurimu-100: #fcfcf9;
  --global-color-kurimu-200: #f9f8f6;
  --global-color-kurimu-300: #f5f3f0;
  --global-color-kurimu-400: #f0eeea;
  --global-color-kurimu-500: #edeae5;
  --global-color-kurimu-600: #e5e2db;
  --global-color-kurimu-700: #cac3b4;
  --global-color-kurimu-800: #918b81;
  --global-color-kurimu-900: #4b4741;
  --global-color-kurimu-950: #2d2a25;
  --global-color-red-50: #fcf2f4;
  --global-color-red-100: #fae6e9;
  --global-color-red-200: #f3c8d0;
  --global-color-red-300: #eca7b3;
  --global-color-red-400: #e2788c;
  --global-color-red-500: #c52a46;
  --global-color-red-600: #b1263f;
  --global-color-red-700: #972036;
  --global-color-red-800: #821c2f;
  --global-color-red-900: #5d1421;
  --global-color-red-950: #320b12;
  --global-color-orange-50: #fbf9ee;
  --global-color-orange-100: #f8f3dd;
  --global-color-orange-200: #f1e8bc;
  --global-color-orange-300: #e8db96;
  --global-color-orange-400: #dfcc6c;
  --global-color-orange-500: #d5bc3b;
  --global-color-orange-600: #c1a829;
  --global-color-orange-700: #ac9625;
  --global-color-orange-800: #8f7c1f;
  --global-color-orange-900: #655816;
  --global-color-orange-950: #473e0f;
  --global-color-blue-50: #f1f4fd;
  --global-color-blue-100: #e3eafc;
  --global-color-blue-200: #c8d5f9;
  --global-color-blue-300: #a8bcf5;
  --global-color-blue-400: #7a99f0;
  --global-color-blue-500: #5c75f9;
  --global-color-blue-600: #3f67d5;
  --global-color-blue-700: #184bd8;
  --global-color-blue-800: #143eb3;
  --global-color-blue-900: #0d2977;
  --global-color-blue-950: #0b2260;
  --global-color-purple-50: #f8f2ff;
  --global-color-purple-100: #f4ebff;
  --global-color-purple-200: #ecdbff;
  --global-color-purple-300: #e4ccff;
  --global-color-purple-400: #dcbdff;
  --global-color-purple-500: #d3adff;
  --global-color-purple-600: #c694ff;
  --global-color-purple-700: #b87aff;
  --global-color-purple-800: #a85cff;
  --global-color-purple-900: #7c26df;
  --global-color-purple-950: #460491;
  --global-color-yellow-50: #feffea;
  --global-color-yellow-100: #fdffd1;
  --global-color-yellow-200: #faffa3;
  --global-color-yellow-300: #f7fc92;
  --global-color-yellow-400: #f5ff3d;
  --global-color-yellow-500: #f3ff0f;
  --global-color-yellow-600: #d0db00;
  --global-color-yellow-700: #a5ad00;
  --global-color-yellow-800: #747a00;
  --global-color-yellow-900: #444700;
  --global-color-yellow-950: #303300;
  --global-color-pink-50: #fff5fa;
  --global-color-pink-100: #ffebf5;
  --global-color-pink-200: #ffd8ec;
  --global-color-pink-300: #ffc7e4;
  --global-color-pink-400: #ffadd8;
  --global-color-pink-500: #ff99ce;
  --global-color-pink-600: #ff75bc;
  --global-color-pink-700: #ff4da9;
  --global-color-pink-800: #cf257c;
  --global-color-pink-900: #b3005c;
  --global-color-pink-950: #800042;
  --global-color-kabocha-50: #fffbf0;
  --global-color-kabocha-100: #fff8e5;
  --global-color-kabocha-200: #fff1cc;
  --global-color-kabocha-300: #ffe8ad;
  --global-color-kabocha-400: #ffdf8f;
  --global-color-kabocha-500: #ffd568;
  --global-color-kabocha-600: #ffba0a;
  --global-color-kabocha-700: #e0a100;
  --global-color-kabocha-800: #bd8700;
  --global-color-kabocha-900: #8a6300;
  --global-color-kabocha-950: #614500;
  --global-color-white: #fff;
  --global-color-black: #000;
  --global-color-stats-purple: #efd4fd;
  --global-color-stats-green: #83f0c8;
  --global-color-stats-blue: #a3e5f7;
  --global-color-stats-orange: #ffd875;
  --global-color-stats-brown: #efd3b6;
  --global-color-surface-primary: var(--lightningcss-light, var(--global-color-kurimu-100)) var(--lightningcss-dark, var(--global-color-kurimu-950));
  --global-color-surface-primary-hover: var(--lightningcss-light, var(--global-color-kurimu-200)) var(--lightningcss-dark, var(--global-color-kurimu-900));
  --global-color-surface-primary-active: var(--lightningcss-light, var(--global-color-kurimu-300)) var(--lightningcss-dark, var(--global-color-kurimu-800));
  --global-color-surface-secondary: var(--lightningcss-light, var(--global-color-kurimu-300)) var(--lightningcss-dark, var(--global-color-gray-1000));
  --global-color-surface-secondary-hover: var(--lightningcss-light, var(--global-color-kurimu-400)) var(--lightningcss-dark, var(--global-color-kurimu-900));
  --global-color-surface-secondary-active: var(--lightningcss-light, var(--global-color-kurimu-400)) var(--lightningcss-dark, var(--global-color-kurimu-900));
  --global-color-surface-tertiary: var(--lightningcss-light, var(--global-color-kurimu-400)) var(--lightningcss-dark, var(--global-color-kurimu-900));
  --global-color-surface-tertiary-hover: var(--lightningcss-light, var(--global-color-kurimu-500)) var(--lightningcss-dark, var(--global-color-kurimu-800));
  --global-color-surface-tertiary-active: var(--lightningcss-light, var(--global-color-kurimu-600)) var(--lightningcss-dark, var(--global-color-kurimu-800));
  --global-color-surface-orange: var(--lightningcss-light, var(--global-color-orange-300)) var(--lightningcss-dark, var(--global-color-orange-700));
  --global-color-surface-orange-hover: var(--lightningcss-light, var(--global-color-orange-400)) var(--lightningcss-dark, var(--global-color-orange-600));
  --global-color-surface-orange-active: var(--lightningcss-light, var(--global-color-orange-400)) var(--lightningcss-dark, var(--global-color-orange-600));
  --global-color-surface-warning: var(--global-color-surface-orange);
  --global-color-surface-warning-hover: var(--global-color-surface-orange-hover);
  --global-color-surface-warning-active: var(--global-color-surface-orange-active);
  --global-color-surface-red: var(--lightningcss-light, var(--global-color-red-300)) var(--lightningcss-dark, var(--global-color-red-700));
  --global-color-surface-red-hover: var(--lightningcss-light, var(--global-color-red-400)) var(--lightningcss-dark, var(--global-color-red-600));
  --global-color-surface-red-active: var(--lightningcss-light, var(--global-color-red-400)) var(--lightningcss-dark, var(--global-color-red-600));
  --global-color-surface-critical: var(--global-color-surface-red);
  --global-color-surface-critical-hover: var(--global-color-surface-red-hover);
  --global-color-surface-critical-active: var(--global-color-surface-red-active);
  --global-color-surface-green: var(--lightningcss-light, var(--global-color-green-300)) var(--lightningcss-dark, var(--global-color-green-700));
  --global-color-surface-green-hover: var(--lightningcss-light, var(--global-color-green-400)) var(--lightningcss-dark, var(--global-color-green-600));
  --global-color-surface-green-active: var(--lightningcss-light, var(--global-color-green-400)) var(--lightningcss-dark, var(--global-color-green-600));
  --global-color-surface-positive: var(--global-color-surface-green);
  --global-color-surface-positive-hover: var(--global-color-surface-green-hover);
  --global-color-surface-positive-active: var(--global-color-surface-green-active);
  --global-color-surface-blue: var(--lightningcss-light, var(--global-color-blue-300)) var(--lightningcss-dark, var(--global-color-blue-700));
  --global-color-surface-blue-hover: var(--lightningcss-light, var(--global-color-blue-400)) var(--lightningcss-dark, var(--global-color-blue-600));
  --global-color-surface-blue-active: var(--lightningcss-light, var(--global-color-blue-400)) var(--lightningcss-dark, var(--global-color-blue-600));
  --global-color-surface-attention: var(--global-color-surface-blue);
  --global-color-surface-attention-hover: var(--global-color-surface-blue-hover);
  --global-color-surface-attention-active: var(--global-color-surface-blue-active);
  --global-color-surface-magic: var(--lightningcss-light, var(--global-color-purple-300)) var(--lightningcss-dark, var(--global-color-purple-800));
  --global-color-surface-magic-hover: var(--lightningcss-light, var(--global-color-purple-400)) var(--lightningcss-dark, var(--global-color-purple-600));
  --global-color-surface-magic-active: var(--lightningcss-light, var(--global-color-purple-400)) var(--lightningcss-dark, var(--global-color-purple-600));
  --global-color-surface-yellow: var(--lightningcss-light, var(--global-color-yellow-300)) var(--lightningcss-dark, var(--global-color-yellow-700));
  --global-color-surface-yellow-hover: var(--lightningcss-light, var(--global-color-yellow-400)) var(--lightningcss-dark, var(--global-color-yellow-600));
  --global-color-surface-yellow-active: var(--lightningcss-light, var(--global-color-yellow-400)) var(--lightningcss-dark, var(--global-color-yellow-600));
  --global-color-surface-pink: var(--lightningcss-light, var(--global-color-pink-300)) var(--lightningcss-dark, var(--global-color-pink-700));
  --global-color-surface-pink-hover: var(--lightningcss-light, var(--global-color-pink-400)) var(--lightningcss-dark, var(--global-color-pink-600));
  --global-color-surface-pink-active: var(--lightningcss-light, var(--global-color-pink-400)) var(--lightningcss-dark, var(--global-color-pink-600));
  --global-color-surface-kabocha: var(--lightningcss-light, var(--global-color-kabocha-300)) var(--lightningcss-dark, var(--global-color-kabocha-700));
  --global-color-surface-kabocha-hover: var(--lightningcss-light, var(--global-color-kabocha-400)) var(--lightningcss-dark, var(--global-color-kabocha-500));
  --global-color-surface-kabocha-active: var(--lightningcss-light, var(--global-color-kabocha-400)) var(--lightningcss-dark, var(--global-color-kabocha-500));
  --global-color-surface-neutral: var(--lightningcss-light, var(--global-color-kurimu-100)) var(--lightningcss-dark, var(--global-color-kurimu-950));
  --global-color-surface-neutral-hover: var(--lightningcss-light, var(--global-color-kurimu-200)) var(--lightningcss-dark, var(--global-color-kurimu-900));
  --global-color-surface-neutral-active: var(--lightningcss-light, var(--global-color-kurimu-400)) var(--lightningcss-dark, var(--global-color-kurimu-800));
  --global-color-surface-inverse: var(--lightningcss-light, var(--global-color-kurimu-950)) var(--lightningcss-dark, var(--global-color-kurimu-50));
  --global-color-surface-inverse-hover: var(--lightningcss-light, var(--global-color-kurimu-900)) var(--lightningcss-dark, var(--global-color-kurimu-300));
  --global-color-surface-inverse-active: var(--lightningcss-light, var(--global-color-kurimu-950)) var(--lightningcss-dark, var(--global-color-kurimu-50));
  --global-color-fill-primary: var(--lightningcss-light, var(--global-color-gray-900)) var(--lightningcss-dark, var(--global-color-gray-100));
  --global-color-fill-primary-hover: var(--lightningcss-light, var(--global-color-gray-950)) var(--lightningcss-dark, var(--global-color-gray-50));
  --global-color-fill-primary-active: var(--lightningcss-light, var(--global-color-gray-900)) var(--lightningcss-dark, var(--global-color-gray-100));
  --global-color-fill-primary-disabled: var(--lightningcss-light, var(--global-color-gray-600)) var(--lightningcss-dark, var(--global-color-gray-400));
  --global-color-fill-secondary: var(--lightningcss-light, var(--global-color-kurimu-50)) var(--lightningcss-dark, var(--global-color-kurimu-900));
  --global-color-fill-secondary-hover: var(--lightningcss-light, var(--global-color-kurimu-100)) var(--lightningcss-dark, var(--global-color-kurimu-800));
  --global-color-fill-secondary-active: var(--lightningcss-light, var(--global-color-kurimu-200)) var(--lightningcss-dark, var(--global-color-kurimu-800));
  --global-color-fill-secondary-disabled: var(--lightningcss-light, var(--global-color-kurimu-200)) var(--lightningcss-dark, var(--global-color-kurimu-800));
  --global-color-fill-tertiary: var(--lightningcss-light, var(--global-color-kurimu-400)) var(--lightningcss-dark, var(--global-color-kurimu-600));
  --global-color-fill-primary-orange: var(--lightningcss-light, var(--global-color-orange-500)) var(--lightningcss-dark, var(--global-color-orange-300));
  --global-color-fill-primary-orange-hover: var(--lightningcss-light, var(--global-color-orange-600)) var(--lightningcss-dark, var(--global-color-orange-400));
  --global-color-fill-primary-orange-active: var(--lightningcss-light, var(--global-color-orange-600)) var(--lightningcss-dark, var(--global-color-orange-400));
  --global-color-fill-secondary-orange: var(--lightningcss-light, var(--global-color-orange-200)) var(--lightningcss-dark, var(--global-color-orange-900));
  --global-color-fill-secondary-orange-hover: var(--lightningcss-light, var(--global-color-orange-300)) var(--lightningcss-dark, var(--global-color-orange-800));
  --global-color-fill-secondary-orange-active: var(--lightningcss-light, var(--global-color-orange-50)) var(--lightningcss-dark, var(--global-color-orange-950));
  --global-color-fill-primary-warning: var(--global-color-fill-primary-orange);
  --global-color-fill-primary-warning-hover: var(--global-color-fill-primary-orange-hover);
  --global-color-fill-primary-warning-active: var(--global-color-fill-primary-orange-active);
  --global-color-fill-secondary-warning: var(--global-color-fill-secondary-orange);
  --global-color-fill-secondary-warning-hover: var(--global-color-fill-secondary-orange-hover);
  --global-color-fill-secondary-warning-active: var(--global-color-fill-secondary-orange-active);
  --global-color-fill-primary-red: var(--lightningcss-light, var(--global-color-red-500)) var(--lightningcss-dark, var(--global-color-red-200));
  --global-color-fill-primary-red-hover: var(--lightningcss-light, var(--global-color-red-600)) var(--lightningcss-dark, var(--global-color-red-400));
  --global-color-fill-primary-red-active: var(--lightningcss-light, var(--global-color-red-600)) var(--lightningcss-dark, var(--global-color-red-400));
  --global-color-fill-secondary-red: var(--lightningcss-light, var(--global-color-red-200)) var(--lightningcss-dark, var(--global-color-red-900));
  --global-color-fill-secondary-red-hover: var(--lightningcss-light, var(--global-color-red-300)) var(--lightningcss-dark, var(--global-color-red-400));
  --global-color-fill-secondary-red-active: var(--lightningcss-light, var(--global-color-red-50)) var(--lightningcss-dark, var(--global-color-red-400));
  --global-color-fill-primary-critical: var(--global-color-fill-primary-red);
  --global-color-fill-primary-critical-hover: var(--global-color-fill-primary-red-hover);
  --global-color-fill-primary-critical-active: var(--global-color-fill-primary-red-active);
  --global-color-fill-secondary-critical: var(--global-color-fill-secondary-red);
  --global-color-fill-secondary-critical-hover: var(--global-color-fill-secondary-red-hover);
  --global-color-fill-secondary-critical-active: var(--global-color-fill-secondary-red-active);
  --global-color-fill-primary-green: var(--lightningcss-light, var(--global-color-green-500)) var(--lightningcss-dark, var(--global-color-green-300));
  --global-color-fill-primary-green-hover: var(--lightningcss-light, var(--global-color-green-600)) var(--lightningcss-dark, var(--global-color-green-400));
  --global-color-fill-primary-green-active: var(--lightningcss-light, var(--global-color-green-600)) var(--lightningcss-dark, var(--global-color-green-400));
  --global-color-fill-secondary-green: var(--lightningcss-light, var(--global-color-green-100)) var(--lightningcss-dark, var(--global-color-green-900));
  --global-color-fill-secondary-green-hover: var(--lightningcss-light, var(--global-color-green-200)) var(--lightningcss-dark, var(--global-color-green-800));
  --global-color-fill-secondary-green-active: var(--lightningcss-light, var(--global-color-green-50)) var(--lightningcss-dark, var(--global-color-green-950));
  --global-color-fill-primary-positive: var(--global-color-fill-primary-green);
  --global-color-fill-primary-positive-hover: var(--global-color-fill-primary-green-hover);
  --global-color-fill-primary-positive-active: var(--global-color-fill-primary-green-active);
  --global-color-fill-secondary-positive: var(--global-color-fill-secondary-green);
  --global-color-fill-secondary-positive-hover: var(--global-color-fill-secondary-green-hover);
  --global-color-fill-secondary-positive-active: var(--global-color-fill-secondary-green-active);
  --global-color-fill-primary-blue: var(--lightningcss-light, var(--global-color-blue-500)) var(--lightningcss-dark, var(--global-color-blue-300));
  --global-color-fill-primary-blue-hover: var(--lightningcss-light, var(--global-color-blue-600)) var(--lightningcss-dark, var(--global-color-blue-400));
  --global-color-fill-primary-blue-active: var(--lightningcss-light, var(--global-color-blue-600)) var(--lightningcss-dark, var(--global-color-blue-400));
  --global-color-fill-secondary-blue: var(--lightningcss-light, var(--global-color-blue-100)) var(--lightningcss-dark, var(--global-color-blue-900));
  --global-color-fill-secondary-blue-hover: var(--lightningcss-light, var(--global-color-blue-200)) var(--lightningcss-dark, var(--global-color-blue-800));
  --global-color-fill-secondary-blue-active: var(--lightningcss-light, var(--global-color-blue-50)) var(--lightningcss-dark, var(--global-color-blue-950));
  --global-color-fill-primary-attention: var(--global-color-fill-primary-blue);
  --global-color-fill-primary-attention-hover: var(--global-color-fill-primary-blue-hover);
  --global-color-fill-primary-attention-active: var(--global-color-fill-primary-blue-active);
  --global-color-fill-secondary-attention: var(--global-color-fill-secondary-blue);
  --global-color-fill-secondary-attention-hover: var(--global-color-fill-secondary-blue-hover);
  --global-color-fill-secondary-attention-active: var(--global-color-fill-secondary-blue-active);
  --global-color-fill-primary-magic: var(--lightningcss-light, var(--global-color-purple-600)) var(--lightningcss-dark, var(--global-color-purple-300));
  --global-color-fill-primary-magic-hover: var(--lightningcss-light, var(--global-color-purple-700)) var(--lightningcss-dark, var(--global-color-purple-400));
  --global-color-fill-primary-magic-active: var(--lightningcss-light, var(--global-color-purple-700)) var(--lightningcss-dark, var(--global-color-purple-400));
  --global-color-fill-secondary-magic: var(--lightningcss-light, var(--global-color-purple-200)) var(--lightningcss-dark, var(--global-color-purple-900));
  --global-color-fill-secondary-magic-hover: var(--lightningcss-light, var(--global-color-purple-300)) var(--lightningcss-dark, var(--global-color-purple-800));
  --global-color-fill-secondary-magic-active: var(--lightningcss-light, var(--global-color-purple-50)) var(--lightningcss-dark, var(--global-color-purple-950));
  --global-color-fill-primary-yellow: var(--lightningcss-light, var(--global-color-yellow-600)) var(--lightningcss-dark, var(--global-color-yellow-900));
  --global-color-fill-primary-yellow-hover: var(--lightningcss-light, var(--global-color-yellow-700)) var(--lightningcss-dark, var(--global-color-yellow-400));
  --global-color-fill-primary-yellow-active: var(--lightningcss-light, var(--global-color-yellow-700)) var(--lightningcss-dark, var(--global-color-yellow-400));
  --global-color-fill-secondary-yellow: var(--lightningcss-light, var(--global-color-yellow-200)) var(--lightningcss-dark, var(--global-color-yellow-900));
  --global-color-fill-secondary-yellow-hover: var(--lightningcss-light, var(--global-color-yellow-300)) var(--lightningcss-dark, var(--global-color-yellow-800));
  --global-color-fill-secondary-yellow-active: var(--lightningcss-light, var(--global-color-yellow-50)) var(--lightningcss-dark, var(--global-color-yellow-950));
  --global-color-fill-primary-pink: var(--lightningcss-light, var(--global-color-pink-600)) var(--lightningcss-dark, var(--global-color-pink-300));
  --global-color-fill-primary-pink-hover: var(--lightningcss-light, var(--global-color-pink-700)) var(--lightningcss-dark, var(--global-color-pink-400));
  --global-color-fill-primary-pink-active: var(--lightningcss-light, var(--global-color-pink-700)) var(--lightningcss-dark, var(--global-color-pink-400));
  --global-color-fill-secondary-pink: var(--lightningcss-light, var(--global-color-pink-200)) var(--lightningcss-dark, var(--global-color-pink-900));
  --global-color-fill-secondary-pink-hover: var(--lightningcss-light, var(--global-color-pink-300)) var(--lightningcss-dark, var(--global-color-pink-800));
  --global-color-fill-secondary-pink-active: var(--lightningcss-light, var(--global-color-pink-50)) var(--lightningcss-dark, var(--global-color-pink-950));
  --global-color-fill-primary-kabocha: var(--lightningcss-light, var(--global-color-kabocha-600)) var(--lightningcss-dark, var(--global-color-kabocha-300));
  --global-color-fill-primary-kabocha-hover: var(--lightningcss-light, var(--global-color-kabocha-700)) var(--lightningcss-dark, var(--global-color-kabocha-400));
  --global-color-fill-primary-kabocha-active: var(--lightningcss-light, var(--global-color-kabocha-700)) var(--lightningcss-dark, var(--global-color-kabocha-400));
  --global-color-fill-secondary-kabocha: var(--lightningcss-light, var(--global-color-kabocha-200)) var(--lightningcss-dark, var(--global-color-kabocha-900));
  --global-color-fill-secondary-kabocha-hover: var(--lightningcss-light, var(--global-color-kabocha-300)) var(--lightningcss-dark, var(--global-color-kabocha-800));
  --global-color-fill-secondary-kabocha-active: var(--lightningcss-light, var(--global-color-kabocha-50)) var(--lightningcss-dark, var(--global-color-kabocha-950));
  --global-color-fill-primary-neutral: var(--lightningcss-light, var(--global-color-gray-900)) var(--lightningcss-dark, var(--global-color-gray-200));
  --global-color-fill-primary-neutral-hover: var(--lightningcss-light, var(--global-color-gray-950)) var(--lightningcss-dark, var(--global-color-gray-400));
  --global-color-fill-primary-neutral-active: var(--lightningcss-light, var(--global-color-gray-950)) var(--lightningcss-dark, var(--global-color-gray-400));
  --global-color-fill-secondary-neutral: var(--lightningcss-light, var(--global-color-kurimu-100)) var(--lightningcss-dark, var(--global-color-kurimu-950));
  --global-color-fill-secondary-neutral-hover: var(--lightningcss-light, var(--global-color-kurimu-300)) var(--lightningcss-dark, var(--global-color-kurimu-800));
  --global-color-fill-secondary-neutral-active: var(--lightningcss-light, var(--global-color-kurimu-200)) var(--lightningcss-dark, var(--global-color-kurimu-800));
  --global-color-border-primary: var(--lightningcss-light, var(--global-color-kurimu-700)) var(--lightningcss-dark, var(--global-color-kurimu-800));
  --global-color-border-primary-hover: var(--lightningcss-light, var(--global-color-kurimu-900)) var(--lightningcss-dark, var(--global-color-kurimu-100));
  --global-color-border-primary-active: var(--lightningcss-light, var(--global-color-kurimu-950)) var(--lightningcss-dark, var(--global-color-kurimu-50));
  --global-color-border-primary-disabled: var(--lightningcss-light, var(--global-color-kurimu-400)) var(--lightningcss-dark, var(--global-color-kurimu-900));
  --global-color-border-secondary: var(--lightningcss-light, var(--global-color-kurimu-500)) var(--lightningcss-dark, var(--global-color-kurimu-900));
  --global-color-border-tertiary: var(--lightningcss-light, var(--global-color-kurimu-600)) var(--lightningcss-dark, var(--global-color-kurimu-800));
  --global-color-border-inverse: var(--lightningcss-light, var(--global-color-kurimu-50)) var(--lightningcss-dark, var(--global-color-kurimu-950));
  --global-color-border-orange: var(--lightningcss-light, var(--global-color-orange-200)) var(--lightningcss-dark, var(--global-color-orange-800));
  --global-color-border-orange-hover: var(--lightningcss-light, var(--global-color-orange-500)) var(--lightningcss-dark, var(--global-color-orange-400));
  --global-color-border-orange-active: var(--lightningcss-light, var(--global-color-orange-700)) var(--lightningcss-dark, var(--global-color-orange-300));
  --global-color-border-warning: var(--global-color-border-orange);
  --global-color-border-warning-hover: var(--global-color-border-orange-hover);
  --global-color-border-warning-active: var(--global-color-border-orange-active);
  --global-color-border-red: var(--lightningcss-light, var(--global-color-red-200)) var(--lightningcss-dark, var(--global-color-red-800));
  --global-color-border-red-hover: var(--lightningcss-light, var(--global-color-red-500)) var(--lightningcss-dark, var(--global-color-red-400));
  --global-color-border-red-active: var(--lightningcss-light, var(--global-color-red-700)) var(--lightningcss-dark, var(--global-color-red-300));
  --global-color-border-critical: var(--global-color-border-red);
  --global-color-border-critical-hover: var(--global-color-border-red-hover);
  --global-color-border-critical-active: var(--global-color-border-red-active);
  --global-color-border-green: var(--lightningcss-light, var(--global-color-green-200)) var(--lightningcss-dark, var(--global-color-green-800));
  --global-color-border-green-hover: var(--lightningcss-light, var(--global-color-green-400)) var(--lightningcss-dark, var(--global-color-green-400));
  --global-color-border-green-active: var(--lightningcss-light, var(--global-color-green-700)) var(--lightningcss-dark, var(--global-color-green-300));
  --global-color-border-positive: var(--global-color-border-green);
  --global-color-border-positive-hover: var(--global-color-border-green-hover);
  --global-color-border-positive-active: var(--global-color-border-green-active);
  --global-color-border-blue: var(--lightningcss-light, var(--global-color-blue-200)) var(--lightningcss-dark, var(--global-color-blue-800));
  --global-color-border-blue-hover: var(--lightningcss-light, var(--global-color-blue-500)) var(--lightningcss-dark, var(--global-color-blue-400));
  --global-color-border-blue-active: var(--lightningcss-light, var(--global-color-blue-700)) var(--lightningcss-dark, var(--global-color-blue-300));
  --global-color-border-attention: var(--global-color-border-blue);
  --global-color-border-attention-hover: var(--global-color-border-blue-hover);
  --global-color-border-attention-active: var(--global-color-border-blue-active);
  --global-color-border-magic: var(--lightningcss-light, var(--global-color-purple-400)) var(--lightningcss-dark, var(--global-color-purple-800));
  --global-color-border-magic-hover: var(--lightningcss-light, var(--global-color-purple-600)) var(--lightningcss-dark, var(--global-color-purple-400));
  --global-color-border-magic-active: var(--lightningcss-light, var(--global-color-purple-700)) var(--lightningcss-dark, var(--global-color-purple-300));
  --global-color-border-yellow: var(--lightningcss-light, var(--global-color-yellow-400)) var(--lightningcss-dark, var(--global-color-yellow-800));
  --global-color-border-yellow-hover: var(--lightningcss-light, var(--global-color-yellow-600)) var(--lightningcss-dark, var(--global-color-yellow-400));
  --global-color-border-yellow-active: var(--lightningcss-light, var(--global-color-yellow-700)) var(--lightningcss-dark, var(--global-color-yellow-300));
  --global-color-border-pink: var(--lightningcss-light, var(--global-color-pink-400)) var(--lightningcss-dark, var(--global-color-pink-800));
  --global-color-border-pink-hover: var(--lightningcss-light, var(--global-color-pink-600)) var(--lightningcss-dark, var(--global-color-pink-400));
  --global-color-border-pink-active: var(--lightningcss-light, var(--global-color-pink-700)) var(--lightningcss-dark, var(--global-color-pink-300));
  --global-color-border-kabocha: var(--lightningcss-light, var(--global-color-kabocha-400)) var(--lightningcss-dark, var(--global-color-kabocha-800));
  --global-color-border-kabocha-hover: var(--lightningcss-light, var(--global-color-kabocha-600)) var(--lightningcss-dark, var(--global-color-kabocha-400));
  --global-color-border-kabocha-active: var(--lightningcss-light, var(--global-color-kabocha-700)) var(--lightningcss-dark, var(--global-color-kabocha-300));
  --global-color-border-neutral: var(--lightningcss-light, var(--global-color-kurimu-500)) var(--lightningcss-dark, var(--global-color-kurimu-800));
  --global-color-border-neutral-hover: var(--lightningcss-light, var(--global-color-kurimu-700)) var(--lightningcss-dark, var(--global-color-kurimu-100));
  --global-color-border-neutral-active: var(--lightningcss-light, var(--global-color-kurimu-900)) var(--lightningcss-dark, var(--global-color-kurimu-50));
  --global-color-shadow-overlay: var(--lightningcss-light, color-mix(in srgb, var(--global-color-kurimu-900) 20%, transparent)) var(--lightningcss-dark, color-mix(in srgb, var(--global-color-gray-1100) 60%, transparent));
  --global-color-shadow-attention-drop: var(--global-color-shadow-blue-drop);
  --global-color-shadow-attention-inner: var(--global-color-shadow-blue-inner);
  --global-color-shadow-critical-drop: var(--global-color-shadow-red-drop);
  --global-color-shadow-critical-inner: var(--global-color-shadow-red-inner);
  --global-color-shadow-warning-drop: var(--global-color-shadow-orange-drop);
  --global-color-shadow-warning-inner: var(--global-color-shadow-orange-inner);
  --global-color-shadow-positive-drop: var(--global-color-shadow-green-drop);
  --global-color-shadow-positive-inner: var(--global-color-shadow-green-inner);
  --global-color-shadow-drop: var(--lightningcss-light, var(--global-color-kurimu-700)) var(--lightningcss-dark, var(--global-color-kurimu-700));
  --global-color-shadow-inner: var(--lightningcss-light, var(--global-color-kurimu-400)) var(--lightningcss-dark, var(--global-color-kurimu-400));
  --global-color-shadow-blue-drop: var(--lightningcss-light, var(--global-color-blue-400)) var(--lightningcss-dark, var(--global-color-blue-950));
  --global-color-shadow-blue-inner: var(--lightningcss-light, var(--global-color-blue-100)) var(--lightningcss-dark, var(--global-color-blue-900));
  --global-color-shadow-red-drop: var(--lightningcss-light, var(--global-color-red-700)) var(--lightningcss-dark, var(--global-color-red-950));
  --global-color-shadow-red-inner: var(--lightningcss-light, var(--global-color-red-200)) var(--lightningcss-dark, var(--global-color-red-900));
  --global-color-shadow-orange-drop: var(--lightningcss-light, var(--global-color-orange-700)) var(--lightningcss-dark, var(--global-color-orange-950));
  --global-color-shadow-orange-inner: var(--lightningcss-light, var(--global-color-orange-200)) var(--lightningcss-dark, var(--global-color-orange-900));
  --global-color-shadow-green-drop: var(--lightningcss-light, var(--global-color-green-700)) var(--lightningcss-dark, var(--global-color-green-950));
  --global-color-shadow-green-inner: var(--lightningcss-light, var(--global-color-green-200)) var(--lightningcss-dark, var(--global-color-green-900));
  --global-color-shadow-magic-drop: var(--lightningcss-light, var(--global-color-purple-700)) var(--lightningcss-dark, var(--global-color-purple-950));
  --global-color-shadow-magic-inner: var(--lightningcss-light, var(--global-color-purple-300)) var(--lightningcss-dark, var(--global-color-purple-900));
  --global-color-shadow-yellow-drop: var(--lightningcss-light, var(--global-color-yellow-600)) var(--lightningcss-dark, var(--global-color-yellow-950));
  --global-color-shadow-yellow-inner: var(--lightningcss-light, var(--global-color-yellow-300)) var(--lightningcss-dark, var(--global-color-yellow-900));
  --global-color-shadow-pink-drop: var(--lightningcss-light, var(--global-color-pink-600)) var(--lightningcss-dark, var(--global-color-pink-950));
  --global-color-shadow-pink-inner: var(--lightningcss-light, var(--global-color-pink-200)) var(--lightningcss-dark, var(--global-color-pink-900));
  --global-color-shadow-kabocha-drop: var(--lightningcss-light, var(--global-color-kabocha-700)) var(--lightningcss-dark, var(--global-color-kabocha-950));
  --global-color-shadow-kabocha-inner: var(--lightningcss-light, var(--global-color-kabocha-300)) var(--lightningcss-dark, var(--global-color-kabocha-900));
  --global-color-shadow-neutral-drop: var(--lightningcss-light, var(--global-color-kurimu-700)) var(--lightningcss-dark, var(--global-color-kurimu-950));
  --global-color-shadow-neutral-inner: var(--lightningcss-light, var(--global-color-kurimu-400)) var(--lightningcss-dark, var(--global-color-kurimu-900));
  --global-color-text-primary: var(--lightningcss-light, var(--global-color-kurimu-950)) var(--lightningcss-dark, var(--global-color-kurimu-50));
  --global-color-text-primary-green: var(--lightningcss-light, var(--global-color-green-800)) var(--lightningcss-dark, var(--global-color-green-200));
  --global-color-text-primary-positive: var(--global-color-text-primary-green);
  --global-color-text-primary-orange: var(--lightningcss-light, var(--global-color-orange-900)) var(--lightningcss-dark, var(--global-color-orange-200));
  --global-color-text-primary-warning: var(--global-color-text-primary-orange);
  --global-color-text-primary-red: var(--lightningcss-light, var(--global-color-red-800)) var(--lightningcss-dark, var(--global-color-red-200));
  --global-color-text-primary-critical: var(--global-color-text-primary-red);
  --global-color-text-primary-blue: var(--lightningcss-light, var(--global-color-blue-800)) var(--lightningcss-dark, var(--global-color-blue-200));
  --global-color-text-primary-attention: var(--global-color-text-primary-blue);
  --global-color-text-primary-magic: var(--lightningcss-light, var(--global-color-purple-950)) var(--lightningcss-dark, var(--global-color-purple-200));
  --global-color-text-primary-yellow: var(--lightningcss-light, var(--global-color-yellow-950)) var(--lightningcss-dark, var(--global-color-yellow-200));
  --global-color-text-primary-pink: var(--lightningcss-light, var(--global-color-pink-950)) var(--lightningcss-dark, var(--global-color-pink-200));
  --global-color-text-primary-kabocha: var(--lightningcss-light, var(--global-color-kabocha-950)) var(--lightningcss-dark, var(--global-color-kabocha-200));
  --global-color-text-primary-neutral: var(--lightningcss-light, var(--global-color-kurimu-950)) var(--lightningcss-dark, var(--global-color-kurimu-50));
  --global-color-text-secondary: var(--lightningcss-light, var(--global-color-kurimu-900)) var(--lightningcss-dark, var(--global-color-kurimu-200));
  --global-color-text-secondary-green: var(--lightningcss-light, var(--global-color-green-700)) var(--lightningcss-dark, var(--global-color-green-600));
  --global-color-text-secondary-positive: var(--global-color-text-secondary-green);
  --global-color-text-secondary-orange: var(--lightningcss-light, var(--global-color-orange-700)) var(--lightningcss-dark, var(--global-color-orange-500));
  --global-color-text-secondary-warning: var(--global-color-text-secondary-orange);
  --global-color-text-secondary-red: var(--lightningcss-light, var(--global-color-red-500)) var(--lightningcss-dark, var(--global-color-red-400));
  --global-color-text-secondary-critical: var(--global-color-text-secondary-red);
  --global-color-text-secondary-blue: var(--lightningcss-light, var(--global-color-blue-600)) var(--lightningcss-dark, var(--global-color-blue-400));
  --global-color-text-secondary-attention: var(--global-color-text-secondary-blue);
  --global-color-text-secondary-magic: var(--lightningcss-light, var(--global-color-purple-800)) var(--lightningcss-dark, var(--global-color-purple-600));
  --global-color-text-secondary-yellow: var(--lightningcss-light, var(--global-color-yellow-800)) var(--lightningcss-dark, var(--global-color-yellow-600));
  --global-color-text-secondary-pink: var(--lightningcss-light, var(--global-color-pink-800)) var(--lightningcss-dark, var(--global-color-pink-500));
  --global-color-text-secondary-kabocha: var(--lightningcss-light, var(--global-color-kabocha-800)) var(--lightningcss-dark, var(--global-color-kabocha-500));
  --global-color-text-secondary-neutral: var(--global-color-kurimu-800);
  --global-color-text-tertiary: var(--global-color-kurimu-800);
  --global-color-text-inverse: var(--lightningcss-light, var(--global-color-kurimu-50)) var(--lightningcss-dark, var(--global-color-kurimu-950));
  --global-color-text-inverse-green: var(--global-color-text-inverse);
  --global-color-text-inverse-positive: var(--global-color-text-inverse-green);
  --global-color-text-inverse-orange: var(--global-color-text-inverse);
  --global-color-text-inverse-warning: var(--global-color-text-inverse-orange);
  --global-color-text-inverse-red: var(--global-color-text-inverse);
  --global-color-text-inverse-critical: var(--global-color-text-inverse-red);
  --global-color-text-inverse-blue: var(--global-color-text-inverse);
  --global-color-text-inverse-attention: var(--global-color-text-inverse-blue);
  --global-color-text-inverse-magic: var(--global-color-text-inverse);
  --global-color-text-inverse-yellow: var(--global-color-text-inverse);
  --global-color-text-inverse-pink: var(--global-color-text-inverse);
  --global-color-text-inverse-kabocha: var(--global-color-text-inverse);
  --global-color-text-inverse-neutral: var(--global-color-text-inverse);
  --global-color-text-disabled: var(--global-color-kurimu-700);
  --global-color-root-color: var(--global-color-text-primary);
  --global-color-root-background: var(--lightningcss-light, var(--global-color-kurimu-300)) var(--lightningcss-dark, var(--global-color-gray-1000));
  --global-focus-ring-color: var(--global-legacy-color-tone-brand);
  --global-legacy-radius-sharp: .1em;
  --global-legacy-radius-soft: .4em;
  --global-legacy-radius-round: 10em;
  --global-radius-small: .3125rem;
  --global-radius-medium: .625rem;
  --global-radius-large: 1.25rem;
  --global-font-family-text: serif;
  --global-font-family-heading: cursive;
  --global-font-family-button: fantasy;
  --global-ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1);
  --global-page-horizontal-spacing: 1.25rem;
  --global-page-vertical-spacing: var(--global-page-horizontal-spacing);
}

@media (min-width: 44rem) {
  :root {
    --global-page-horizontal-spacing: 2.5rem;
  }
}

#__next {
  display: contents;
}

html, body {
  outline: none;
  margin: 0;
  padding: 0;
}

@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

body {
  font-family: var(--global-font-family-text);
  min-height: 100svh;
  font-weight: 600;
}

:root {
  background-color: var(--global-color-root-background);
  min-height: calc(100lvh + 1px);
  color: var(--global-color-root-color);
}

@media print {
  .tsqd-parent-container, .Toastify {
    display: none;
  }
}

.tsqd-open-btn-container {
  opacity: 0;
}

.tsqd-open-btn-container:hover {
  opacity: 1;
}

/* [next]/internal/font/google/manrope_c7ee91e3.module.css [app-client] (css) */
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/a342834df7752944-s.bb140f9f.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/d3fe2f289711ac3f-s.50575af1.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/58c4895d0a0ef7cc-s.78d1a7ae.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/bfc7db5c00d21bc5-s.247c8473.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/6ab0db14f70d8ed6-s.p.18d7c7dc.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/a343f882a40d2cc9-s.p.71e1367e.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Manrope Fallback;
  src: local(Arial);
  ascent-override: 103.31%;
  descent-override: 29.07%;
  line-gap-override: 0.0%;
  size-adjust: 103.19%;
}

.manrope_c7ee91e3-module__99BRgq__className {
  font-family: Manrope, Manrope Fallback;
  font-style: normal;
}

.manrope_c7ee91e3-module__99BRgq__variable {
  --global-font-family-text: "Manrope", "Manrope Fallback";
}

/* [project]/shared/react/src/utilities/headingfontfamily_f2e2498a.module.css [app-client] (css) */
@font-face {
  font-family: headingFontFamily;
  src: url("../media/GT_Maru_Bold-s.p.dd4c43a1.woff2") format("woff2");
  font-display: swap;
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: headingFontFamily Fallback;
  src: local(Arial);
  ascent-override: 75.35%;
  descent-override: 20.53%;
  line-gap-override: 0.0%;
  size-adjust: 126.04%;
}

.headingfontfamily_f2e2498a-module__I5RCAW__className {
  font-family: headingFontFamily, headingFontFamily Fallback;
  font-style: normal;
  font-weight: 700;
}

.headingfontfamily_f2e2498a-module__I5RCAW__variable {
  --global-font-family-heading: "headingFontFamily", "headingFontFamily Fallback";
}

/* [next]/internal/font/google/manrope_c3f61bbb.module.css [app-client] (css) */
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/a342834df7752944-s.bb140f9f.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/d3fe2f289711ac3f-s.50575af1.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/58c4895d0a0ef7cc-s.78d1a7ae.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/bfc7db5c00d21bc5-s.247c8473.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/6ab0db14f70d8ed6-s.p.18d7c7dc.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/a343f882a40d2cc9-s.p.71e1367e.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Manrope Fallback;
  src: local(Arial);
  ascent-override: 103.31%;
  descent-override: 29.07%;
  line-gap-override: 0.0%;
  size-adjust: 103.19%;
}

.manrope_c3f61bbb-module__H4miLq__className {
  font-family: Manrope, Manrope Fallback;
  font-style: normal;
}

.manrope_c3f61bbb-module__H4miLq__variable {
  --global-font-family-button: "Manrope", "Manrope Fallback";
}

/* [next]/internal/font/google/jetbrains_mono_5677dbf2.module.css [app-client] (css) */
@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url("../media/13bf9871fe164e7f-s.f2220059.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url("../media/cc545e633e20c56d-s.f6f1950f.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url("../media/71b036adf157cdcf-s.bd5f4d11.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url("../media/89b21bb081cb7469-s.51c18f09.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url("../media/3fe682a82f50d426-s.p.23358719.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url("../media/70bc3e132a0a741e-s.p.15008bfb.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: JetBrains Mono Fallback;
  src: local(Arial);
  ascent-override: 75.79%;
  descent-override: 22.29%;
  line-gap-override: 0.0%;
  size-adjust: 134.59%;
}

.jetbrains_mono_5677dbf2-module__ER88yG__className {
  font-family: JetBrains Mono, JetBrains Mono Fallback;
  font-style: normal;
}

.jetbrains_mono_5677dbf2-module__ER88yG__variable {
  --global-font-family-code: "JetBrains Mono", "JetBrains Mono Fallback";
}

/* [project]/workspace/web/kilomayo-com/src/app/(landing)/globals.sass.css [app-client] (css) */
*, :before, :after {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}

body {
  line-height: var(--global-lineHeight);
  -webkit-font-smoothing: antialiased;
  scrollbar-gutter: stable;
}

img, picture, video, canvas, svg {
  vertical-align: middle;
  max-width: 100%;
  display: inline;
}

input, button, textarea, select {
  font-family: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

fieldset {
  border: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

ul {
  padding-left: 0;
  list-style-type: none;
}

button {
  cursor: pointer;
  color: inherit;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
  line-height: 1.15;
}

label {
  cursor: pointer;
}

div, input, textarea, button, select, a {
  -webkit-tap-highlight-color: #0000;
}

legend {
  padding: 0;
  display: table;
}

body:not(:-moz-handler-blocked) fieldset {
  display: table-cell;
}

#root, #__next {
  isolation: isolate;
}

:root {
  --global-lineHeight: 1.35;
  --global-legacy-color-light: #fbfbfb;
  --global-legacy-color-dark: #333;
  --global-legacy-color-dark-700: #656565;
  --global-legacy-color-offWhite-300: #e6e5e3;
  --global-legacy-color-offWhite-700: #d7d4cf;
  --global-legacy-color-gray-300: #e1e1e1;
  --global-legacy-color-gray-500: #979797;
  --global-legacy-color-green-50: #e8f8e8;
  --global-legacy-color-green-100: #daecd8;
  --global-legacy-color-green-600: #2ea271;
  --global-legacy-color-green-900: #257654;
  --global-legacy-color-red-300: #efd3ce;
  --global-legacy-color-red-600: #d43c3c;
  --global-legacy-color-red-900: #b60505;
  --global-legacy-color-orange-100: #fceecb;
  --global-legacy-color-orange-900: #948501;
  --global-legacy-color-tone-brand: #53e58f;
  --global-legacy-color-tone-brand-surface: var(--global-legacy-color-tone-brand);
  --global-legacy-color-tone-brand-surface-text: #333;
  --global-legacy-color-tone-brand-text: color-mix(in srgb, var(--global-legacy-color-tone-brand), black 30%);
  --global-legacy-color-tone-brand-text-surface: color-mix(in srgb, var(--global-legacy-color-tone-brand), white 90%);
  --global-legacy-color-tone-brand-text-border: var(--global-legacy-color-tone-brand-text);
  --global-legacy-color-tone-primary: #5c75f9;
  --global-legacy-color-tone-primary-surface: var(--global-legacy-color-tone-primary);
  --global-legacy-color-tone-primary-surface-text: var(--global-color-white);
  --global-legacy-color-tone-primary-text: color-mix(in srgb, var(--global-legacy-color-tone-primary), black 20%);
  --global-legacy-color-tone-primary-text-surface: color-mix(in srgb, var(--global-legacy-color-tone-primary), white 90%);
  --global-legacy-color-tone-primary-text-border: var(--global-legacy-color-tone-primary-text);
  --global-legacy-color-tone-secondary: var(--global-color-black);
  --global-legacy-color-tone-secondary-surface: #eae6e1;
  --global-legacy-color-tone-secondary-surface-text: #555;
  --global-legacy-color-tone-secondary-text: color-mix(in srgb, var(--global-legacy-color-tone-secondary), black 20%);
  --global-legacy-color-tone-secondary-text-surface: color-mix(in srgb, var(--global-legacy-color-tone-secondary), white 90%);
  --global-legacy-color-tone-secondary-text-border: #aaa;
  --global-legacy-color-tone-dark: #333;
  --global-legacy-color-tone-dark-surface: var(--global-legacy-color-tone-dark);
  --global-legacy-color-tone-dark-surface-text: var(--global-color-white);
  --global-legacy-color-tone-dark-text: var(--global-legacy-color-tone-dark);
  --global-legacy-color-tone-dark-text-surface: var(--global-color-white);
  --global-legacy-color-tone-dark-text-border: var(--global-legacy-color-tone-dark-text);
  --global-legacy-color-tone-light: #fff;
  --global-legacy-color-tone-light-surface: var(--global-legacy-color-tone-light);
  --global-legacy-color-tone-light-surface-text: var(--global-color-black);
  --global-legacy-color-tone-light-text: var(--global-color-black);
  --global-legacy-color-tone-light-text-surface: var(--global-legacy-color-tone-light);
  --global-legacy-color-tone-light-text-border: var(--global-legacy-color-tone-light-text);
  --global-legacy-color-tone-neutral: var(--global-color-black);
  --global-legacy-color-tone-neutral-surface-text: #222;
  --global-legacy-color-tone-neutral-text: var(--global-legacy-color-tone-dark);
  --global-legacy-color-tone-neutral-text-surface: var(--global-color-white);
  --global-legacy-color-tone-neutral-text-border: #c2bcb2;
  --global-legacy-color-tone-failure: var(--global-legacy-color-red-600);
  --global-legacy-color-tone-failure-surface: var(--global-legacy-color-tone-failure);
  --global-legacy-color-tone-failure-surface-text: var(--global-color-white);
  --global-legacy-color-tone-failure-text: var(--global-legacy-color-red-900);
  --global-legacy-color-tone-failure-text-surface: var(--global-legacy-color-red-300);
  --global-legacy-color-tone-failure-text-border: var(--global-legacy-color-tone-failure-text);
  --global-legacy-color-tone-success: var(--global-legacy-color-green-600);
  --global-legacy-color-tone-success-surface: var(--global-legacy-color-tone-success);
  --global-legacy-color-tone-success-surface-text: var(--global-color-white);
  --global-legacy-color-tone-success-text: var(--global-legacy-color-green-900);
  --global-legacy-color-tone-success-text-surface: var(--global-legacy-color-green-50);
  --global-legacy-color-tone-success-text-border: var(--global-legacy-color-tone-success-text);
  --global-color-gray-0: #fff;
  --global-color-gray-50: #fcfcfc;
  --global-color-gray-100: #fafafa;
  --global-color-gray-200: #f5f5f5;
  --global-color-gray-300: #f0f0f0;
  --global-color-gray-400: #ebebeb;
  --global-color-gray-500: #e6e6e6;
  --global-color-gray-600: #cfcfcf;
  --global-color-gray-700: #b5b5b5;
  --global-color-gray-800: #999;
  --global-color-gray-900: #4f4f4f;
  --global-color-gray-950: #343434;
  --global-color-gray-1000: #1d1d1d;
  --global-color-gray-1100: #000;
  --global-color-green-50: #edfcf5;
  --global-color-green-100: #dcfaeb;
  --global-color-green-200: #b8f4d7;
  --global-color-green-300: #99f0c6;
  --global-color-green-400: #76eab2;
  --global-color-green-500: #53e59f;
  --global-color-green-600: #4dd291;
  --global-color-green-700: #40b57d;
  --global-color-green-800: #30865d;
  --global-color-green-900: #246445;
  --global-color-green-950: #0e241a;
  --global-color-kurimu-50: #fdfdfc;
  --global-color-kurimu-100: #fcfcf9;
  --global-color-kurimu-200: #f9f8f6;
  --global-color-kurimu-300: #f5f3f0;
  --global-color-kurimu-400: #f0eeea;
  --global-color-kurimu-500: #edeae5;
  --global-color-kurimu-600: #e5e2db;
  --global-color-kurimu-700: #cac3b4;
  --global-color-kurimu-800: #918b81;
  --global-color-kurimu-900: #4b4741;
  --global-color-kurimu-950: #2d2a25;
  --global-color-red-50: #fcf2f4;
  --global-color-red-100: #fae6e9;
  --global-color-red-200: #f3c8d0;
  --global-color-red-300: #eca7b3;
  --global-color-red-400: #e2788c;
  --global-color-red-500: #c52a46;
  --global-color-red-600: #b1263f;
  --global-color-red-700: #972036;
  --global-color-red-800: #821c2f;
  --global-color-red-900: #5d1421;
  --global-color-red-950: #320b12;
  --global-color-orange-50: #fbf9ee;
  --global-color-orange-100: #f8f3dd;
  --global-color-orange-200: #f1e8bc;
  --global-color-orange-300: #e8db96;
  --global-color-orange-400: #dfcc6c;
  --global-color-orange-500: #d5bc3b;
  --global-color-orange-600: #c1a829;
  --global-color-orange-700: #ac9625;
  --global-color-orange-800: #8f7c1f;
  --global-color-orange-900: #655816;
  --global-color-orange-950: #473e0f;
  --global-color-blue-50: #f1f4fd;
  --global-color-blue-100: #e3eafc;
  --global-color-blue-200: #c8d5f9;
  --global-color-blue-300: #a8bcf5;
  --global-color-blue-400: #7a99f0;
  --global-color-blue-500: #5c75f9;
  --global-color-blue-600: #3f67d5;
  --global-color-blue-700: #184bd8;
  --global-color-blue-800: #143eb3;
  --global-color-blue-900: #0d2977;
  --global-color-blue-950: #0b2260;
  --global-color-purple-50: #f8f2ff;
  --global-color-purple-100: #f4ebff;
  --global-color-purple-200: #ecdbff;
  --global-color-purple-300: #e4ccff;
  --global-color-purple-400: #dcbdff;
  --global-color-purple-500: #d3adff;
  --global-color-purple-600: #c694ff;
  --global-color-purple-700: #b87aff;
  --global-color-purple-800: #a85cff;
  --global-color-purple-900: #7c26df;
  --global-color-purple-950: #460491;
  --global-color-yellow-50: #feffea;
  --global-color-yellow-100: #fdffd1;
  --global-color-yellow-200: #faffa3;
  --global-color-yellow-300: #f7fc92;
  --global-color-yellow-400: #f5ff3d;
  --global-color-yellow-500: #f3ff0f;
  --global-color-yellow-600: #d0db00;
  --global-color-yellow-700: #a5ad00;
  --global-color-yellow-800: #747a00;
  --global-color-yellow-900: #444700;
  --global-color-yellow-950: #303300;
  --global-color-pink-50: #fff5fa;
  --global-color-pink-100: #ffebf5;
  --global-color-pink-200: #ffd8ec;
  --global-color-pink-300: #ffc7e4;
  --global-color-pink-400: #ffadd8;
  --global-color-pink-500: #ff99ce;
  --global-color-pink-600: #ff75bc;
  --global-color-pink-700: #ff4da9;
  --global-color-pink-800: #cf257c;
  --global-color-pink-900: #b3005c;
  --global-color-pink-950: #800042;
  --global-color-kabocha-50: #fffbf0;
  --global-color-kabocha-100: #fff8e5;
  --global-color-kabocha-200: #fff1cc;
  --global-color-kabocha-300: #ffe8ad;
  --global-color-kabocha-400: #ffdf8f;
  --global-color-kabocha-500: #ffd568;
  --global-color-kabocha-600: #ffba0a;
  --global-color-kabocha-700: #e0a100;
  --global-color-kabocha-800: #bd8700;
  --global-color-kabocha-900: #8a6300;
  --global-color-kabocha-950: #614500;
  --global-color-white: #fff;
  --global-color-black: #000;
  --global-color-stats-purple: #efd4fd;
  --global-color-stats-green: #83f0c8;
  --global-color-stats-blue: #a3e5f7;
  --global-color-stats-orange: #ffd875;
  --global-color-stats-brown: #efd3b6;
  --global-color-surface-primary: var(--lightningcss-light, var(--global-color-kurimu-100)) var(--lightningcss-dark, var(--global-color-kurimu-950));
  --global-color-surface-primary-hover: var(--lightningcss-light, var(--global-color-kurimu-200)) var(--lightningcss-dark, var(--global-color-kurimu-900));
  --global-color-surface-primary-active: var(--lightningcss-light, var(--global-color-kurimu-300)) var(--lightningcss-dark, var(--global-color-kurimu-800));
  --global-color-surface-secondary: var(--lightningcss-light, var(--global-color-kurimu-300)) var(--lightningcss-dark, var(--global-color-gray-1000));
  --global-color-surface-secondary-hover: var(--lightningcss-light, var(--global-color-kurimu-400)) var(--lightningcss-dark, var(--global-color-kurimu-900));
  --global-color-surface-secondary-active: var(--lightningcss-light, var(--global-color-kurimu-400)) var(--lightningcss-dark, var(--global-color-kurimu-900));
  --global-color-surface-tertiary: var(--lightningcss-light, var(--global-color-kurimu-400)) var(--lightningcss-dark, var(--global-color-kurimu-900));
  --global-color-surface-tertiary-hover: var(--lightningcss-light, var(--global-color-kurimu-500)) var(--lightningcss-dark, var(--global-color-kurimu-800));
  --global-color-surface-tertiary-active: var(--lightningcss-light, var(--global-color-kurimu-600)) var(--lightningcss-dark, var(--global-color-kurimu-800));
  --global-color-surface-orange: var(--lightningcss-light, var(--global-color-orange-300)) var(--lightningcss-dark, var(--global-color-orange-700));
  --global-color-surface-orange-hover: var(--lightningcss-light, var(--global-color-orange-400)) var(--lightningcss-dark, var(--global-color-orange-600));
  --global-color-surface-orange-active: var(--lightningcss-light, var(--global-color-orange-400)) var(--lightningcss-dark, var(--global-color-orange-600));
  --global-color-surface-warning: var(--global-color-surface-orange);
  --global-color-surface-warning-hover: var(--global-color-surface-orange-hover);
  --global-color-surface-warning-active: var(--global-color-surface-orange-active);
  --global-color-surface-red: var(--lightningcss-light, var(--global-color-red-300)) var(--lightningcss-dark, var(--global-color-red-700));
  --global-color-surface-red-hover: var(--lightningcss-light, var(--global-color-red-400)) var(--lightningcss-dark, var(--global-color-red-600));
  --global-color-surface-red-active: var(--lightningcss-light, var(--global-color-red-400)) var(--lightningcss-dark, var(--global-color-red-600));
  --global-color-surface-critical: var(--global-color-surface-red);
  --global-color-surface-critical-hover: var(--global-color-surface-red-hover);
  --global-color-surface-critical-active: var(--global-color-surface-red-active);
  --global-color-surface-green: var(--lightningcss-light, var(--global-color-green-300)) var(--lightningcss-dark, var(--global-color-green-700));
  --global-color-surface-green-hover: var(--lightningcss-light, var(--global-color-green-400)) var(--lightningcss-dark, var(--global-color-green-600));
  --global-color-surface-green-active: var(--lightningcss-light, var(--global-color-green-400)) var(--lightningcss-dark, var(--global-color-green-600));
  --global-color-surface-positive: var(--global-color-surface-green);
  --global-color-surface-positive-hover: var(--global-color-surface-green-hover);
  --global-color-surface-positive-active: var(--global-color-surface-green-active);
  --global-color-surface-blue: var(--lightningcss-light, var(--global-color-blue-300)) var(--lightningcss-dark, var(--global-color-blue-700));
  --global-color-surface-blue-hover: var(--lightningcss-light, var(--global-color-blue-400)) var(--lightningcss-dark, var(--global-color-blue-600));
  --global-color-surface-blue-active: var(--lightningcss-light, var(--global-color-blue-400)) var(--lightningcss-dark, var(--global-color-blue-600));
  --global-color-surface-attention: var(--global-color-surface-blue);
  --global-color-surface-attention-hover: var(--global-color-surface-blue-hover);
  --global-color-surface-attention-active: var(--global-color-surface-blue-active);
  --global-color-surface-magic: var(--lightningcss-light, var(--global-color-purple-300)) var(--lightningcss-dark, var(--global-color-purple-800));
  --global-color-surface-magic-hover: var(--lightningcss-light, var(--global-color-purple-400)) var(--lightningcss-dark, var(--global-color-purple-600));
  --global-color-surface-magic-active: var(--lightningcss-light, var(--global-color-purple-400)) var(--lightningcss-dark, var(--global-color-purple-600));
  --global-color-surface-yellow: var(--lightningcss-light, var(--global-color-yellow-300)) var(--lightningcss-dark, var(--global-color-yellow-700));
  --global-color-surface-yellow-hover: var(--lightningcss-light, var(--global-color-yellow-400)) var(--lightningcss-dark, var(--global-color-yellow-600));
  --global-color-surface-yellow-active: var(--lightningcss-light, var(--global-color-yellow-400)) var(--lightningcss-dark, var(--global-color-yellow-600));
  --global-color-surface-pink: var(--lightningcss-light, var(--global-color-pink-300)) var(--lightningcss-dark, var(--global-color-pink-700));
  --global-color-surface-pink-hover: var(--lightningcss-light, var(--global-color-pink-400)) var(--lightningcss-dark, var(--global-color-pink-600));
  --global-color-surface-pink-active: var(--lightningcss-light, var(--global-color-pink-400)) var(--lightningcss-dark, var(--global-color-pink-600));
  --global-color-surface-kabocha: var(--lightningcss-light, var(--global-color-kabocha-300)) var(--lightningcss-dark, var(--global-color-kabocha-700));
  --global-color-surface-kabocha-hover: var(--lightningcss-light, var(--global-color-kabocha-400)) var(--lightningcss-dark, var(--global-color-kabocha-500));
  --global-color-surface-kabocha-active: var(--lightningcss-light, var(--global-color-kabocha-400)) var(--lightningcss-dark, var(--global-color-kabocha-500));
  --global-color-surface-neutral: var(--lightningcss-light, var(--global-color-kurimu-100)) var(--lightningcss-dark, var(--global-color-kurimu-950));
  --global-color-surface-neutral-hover: var(--lightningcss-light, var(--global-color-kurimu-200)) var(--lightningcss-dark, var(--global-color-kurimu-900));
  --global-color-surface-neutral-active: var(--lightningcss-light, var(--global-color-kurimu-400)) var(--lightningcss-dark, var(--global-color-kurimu-800));
  --global-color-surface-inverse: var(--lightningcss-light, var(--global-color-kurimu-950)) var(--lightningcss-dark, var(--global-color-kurimu-50));
  --global-color-surface-inverse-hover: var(--lightningcss-light, var(--global-color-kurimu-900)) var(--lightningcss-dark, var(--global-color-kurimu-300));
  --global-color-surface-inverse-active: var(--lightningcss-light, var(--global-color-kurimu-950)) var(--lightningcss-dark, var(--global-color-kurimu-50));
  --global-color-fill-primary: var(--lightningcss-light, var(--global-color-gray-900)) var(--lightningcss-dark, var(--global-color-gray-100));
  --global-color-fill-primary-hover: var(--lightningcss-light, var(--global-color-gray-950)) var(--lightningcss-dark, var(--global-color-gray-50));
  --global-color-fill-primary-active: var(--lightningcss-light, var(--global-color-gray-900)) var(--lightningcss-dark, var(--global-color-gray-100));
  --global-color-fill-primary-disabled: var(--lightningcss-light, var(--global-color-gray-600)) var(--lightningcss-dark, var(--global-color-gray-400));
  --global-color-fill-secondary: var(--lightningcss-light, var(--global-color-kurimu-50)) var(--lightningcss-dark, var(--global-color-kurimu-900));
  --global-color-fill-secondary-hover: var(--lightningcss-light, var(--global-color-kurimu-100)) var(--lightningcss-dark, var(--global-color-kurimu-800));
  --global-color-fill-secondary-active: var(--lightningcss-light, var(--global-color-kurimu-200)) var(--lightningcss-dark, var(--global-color-kurimu-800));
  --global-color-fill-secondary-disabled: var(--lightningcss-light, var(--global-color-kurimu-200)) var(--lightningcss-dark, var(--global-color-kurimu-800));
  --global-color-fill-tertiary: var(--lightningcss-light, var(--global-color-kurimu-400)) var(--lightningcss-dark, var(--global-color-kurimu-600));
  --global-color-fill-primary-orange: var(--lightningcss-light, var(--global-color-orange-500)) var(--lightningcss-dark, var(--global-color-orange-300));
  --global-color-fill-primary-orange-hover: var(--lightningcss-light, var(--global-color-orange-600)) var(--lightningcss-dark, var(--global-color-orange-400));
  --global-color-fill-primary-orange-active: var(--lightningcss-light, var(--global-color-orange-600)) var(--lightningcss-dark, var(--global-color-orange-400));
  --global-color-fill-secondary-orange: var(--lightningcss-light, var(--global-color-orange-200)) var(--lightningcss-dark, var(--global-color-orange-900));
  --global-color-fill-secondary-orange-hover: var(--lightningcss-light, var(--global-color-orange-300)) var(--lightningcss-dark, var(--global-color-orange-800));
  --global-color-fill-secondary-orange-active: var(--lightningcss-light, var(--global-color-orange-50)) var(--lightningcss-dark, var(--global-color-orange-950));
  --global-color-fill-primary-warning: var(--global-color-fill-primary-orange);
  --global-color-fill-primary-warning-hover: var(--global-color-fill-primary-orange-hover);
  --global-color-fill-primary-warning-active: var(--global-color-fill-primary-orange-active);
  --global-color-fill-secondary-warning: var(--global-color-fill-secondary-orange);
  --global-color-fill-secondary-warning-hover: var(--global-color-fill-secondary-orange-hover);
  --global-color-fill-secondary-warning-active: var(--global-color-fill-secondary-orange-active);
  --global-color-fill-primary-red: var(--lightningcss-light, var(--global-color-red-500)) var(--lightningcss-dark, var(--global-color-red-200));
  --global-color-fill-primary-red-hover: var(--lightningcss-light, var(--global-color-red-600)) var(--lightningcss-dark, var(--global-color-red-400));
  --global-color-fill-primary-red-active: var(--lightningcss-light, var(--global-color-red-600)) var(--lightningcss-dark, var(--global-color-red-400));
  --global-color-fill-secondary-red: var(--lightningcss-light, var(--global-color-red-200)) var(--lightningcss-dark, var(--global-color-red-900));
  --global-color-fill-secondary-red-hover: var(--lightningcss-light, var(--global-color-red-300)) var(--lightningcss-dark, var(--global-color-red-400));
  --global-color-fill-secondary-red-active: var(--lightningcss-light, var(--global-color-red-50)) var(--lightningcss-dark, var(--global-color-red-400));
  --global-color-fill-primary-critical: var(--global-color-fill-primary-red);
  --global-color-fill-primary-critical-hover: var(--global-color-fill-primary-red-hover);
  --global-color-fill-primary-critical-active: var(--global-color-fill-primary-red-active);
  --global-color-fill-secondary-critical: var(--global-color-fill-secondary-red);
  --global-color-fill-secondary-critical-hover: var(--global-color-fill-secondary-red-hover);
  --global-color-fill-secondary-critical-active: var(--global-color-fill-secondary-red-active);
  --global-color-fill-primary-green: var(--lightningcss-light, var(--global-color-green-500)) var(--lightningcss-dark, var(--global-color-green-300));
  --global-color-fill-primary-green-hover: var(--lightningcss-light, var(--global-color-green-600)) var(--lightningcss-dark, var(--global-color-green-400));
  --global-color-fill-primary-green-active: var(--lightningcss-light, var(--global-color-green-600)) var(--lightningcss-dark, var(--global-color-green-400));
  --global-color-fill-secondary-green: var(--lightningcss-light, var(--global-color-green-100)) var(--lightningcss-dark, var(--global-color-green-900));
  --global-color-fill-secondary-green-hover: var(--lightningcss-light, var(--global-color-green-200)) var(--lightningcss-dark, var(--global-color-green-800));
  --global-color-fill-secondary-green-active: var(--lightningcss-light, var(--global-color-green-50)) var(--lightningcss-dark, var(--global-color-green-950));
  --global-color-fill-primary-positive: var(--global-color-fill-primary-green);
  --global-color-fill-primary-positive-hover: var(--global-color-fill-primary-green-hover);
  --global-color-fill-primary-positive-active: var(--global-color-fill-primary-green-active);
  --global-color-fill-secondary-positive: var(--global-color-fill-secondary-green);
  --global-color-fill-secondary-positive-hover: var(--global-color-fill-secondary-green-hover);
  --global-color-fill-secondary-positive-active: var(--global-color-fill-secondary-green-active);
  --global-color-fill-primary-blue: var(--lightningcss-light, var(--global-color-blue-500)) var(--lightningcss-dark, var(--global-color-blue-300));
  --global-color-fill-primary-blue-hover: var(--lightningcss-light, var(--global-color-blue-600)) var(--lightningcss-dark, var(--global-color-blue-400));
  --global-color-fill-primary-blue-active: var(--lightningcss-light, var(--global-color-blue-600)) var(--lightningcss-dark, var(--global-color-blue-400));
  --global-color-fill-secondary-blue: var(--lightningcss-light, var(--global-color-blue-100)) var(--lightningcss-dark, var(--global-color-blue-900));
  --global-color-fill-secondary-blue-hover: var(--lightningcss-light, var(--global-color-blue-200)) var(--lightningcss-dark, var(--global-color-blue-800));
  --global-color-fill-secondary-blue-active: var(--lightningcss-light, var(--global-color-blue-50)) var(--lightningcss-dark, var(--global-color-blue-950));
  --global-color-fill-primary-attention: var(--global-color-fill-primary-blue);
  --global-color-fill-primary-attention-hover: var(--global-color-fill-primary-blue-hover);
  --global-color-fill-primary-attention-active: var(--global-color-fill-primary-blue-active);
  --global-color-fill-secondary-attention: var(--global-color-fill-secondary-blue);
  --global-color-fill-secondary-attention-hover: var(--global-color-fill-secondary-blue-hover);
  --global-color-fill-secondary-attention-active: var(--global-color-fill-secondary-blue-active);
  --global-color-fill-primary-magic: var(--lightningcss-light, var(--global-color-purple-600)) var(--lightningcss-dark, var(--global-color-purple-300));
  --global-color-fill-primary-magic-hover: var(--lightningcss-light, var(--global-color-purple-700)) var(--lightningcss-dark, var(--global-color-purple-400));
  --global-color-fill-primary-magic-active: var(--lightningcss-light, var(--global-color-purple-700)) var(--lightningcss-dark, var(--global-color-purple-400));
  --global-color-fill-secondary-magic: var(--lightningcss-light, var(--global-color-purple-200)) var(--lightningcss-dark, var(--global-color-purple-900));
  --global-color-fill-secondary-magic-hover: var(--lightningcss-light, var(--global-color-purple-300)) var(--lightningcss-dark, var(--global-color-purple-800));
  --global-color-fill-secondary-magic-active: var(--lightningcss-light, var(--global-color-purple-50)) var(--lightningcss-dark, var(--global-color-purple-950));
  --global-color-fill-primary-yellow: var(--lightningcss-light, var(--global-color-yellow-600)) var(--lightningcss-dark, var(--global-color-yellow-900));
  --global-color-fill-primary-yellow-hover: var(--lightningcss-light, var(--global-color-yellow-700)) var(--lightningcss-dark, var(--global-color-yellow-400));
  --global-color-fill-primary-yellow-active: var(--lightningcss-light, var(--global-color-yellow-700)) var(--lightningcss-dark, var(--global-color-yellow-400));
  --global-color-fill-secondary-yellow: var(--lightningcss-light, var(--global-color-yellow-200)) var(--lightningcss-dark, var(--global-color-yellow-900));
  --global-color-fill-secondary-yellow-hover: var(--lightningcss-light, var(--global-color-yellow-300)) var(--lightningcss-dark, var(--global-color-yellow-800));
  --global-color-fill-secondary-yellow-active: var(--lightningcss-light, var(--global-color-yellow-50)) var(--lightningcss-dark, var(--global-color-yellow-950));
  --global-color-fill-primary-pink: var(--lightningcss-light, var(--global-color-pink-600)) var(--lightningcss-dark, var(--global-color-pink-300));
  --global-color-fill-primary-pink-hover: var(--lightningcss-light, var(--global-color-pink-700)) var(--lightningcss-dark, var(--global-color-pink-400));
  --global-color-fill-primary-pink-active: var(--lightningcss-light, var(--global-color-pink-700)) var(--lightningcss-dark, var(--global-color-pink-400));
  --global-color-fill-secondary-pink: var(--lightningcss-light, var(--global-color-pink-200)) var(--lightningcss-dark, var(--global-color-pink-900));
  --global-color-fill-secondary-pink-hover: var(--lightningcss-light, var(--global-color-pink-300)) var(--lightningcss-dark, var(--global-color-pink-800));
  --global-color-fill-secondary-pink-active: var(--lightningcss-light, var(--global-color-pink-50)) var(--lightningcss-dark, var(--global-color-pink-950));
  --global-color-fill-primary-kabocha: var(--lightningcss-light, var(--global-color-kabocha-600)) var(--lightningcss-dark, var(--global-color-kabocha-300));
  --global-color-fill-primary-kabocha-hover: var(--lightningcss-light, var(--global-color-kabocha-700)) var(--lightningcss-dark, var(--global-color-kabocha-400));
  --global-color-fill-primary-kabocha-active: var(--lightningcss-light, var(--global-color-kabocha-700)) var(--lightningcss-dark, var(--global-color-kabocha-400));
  --global-color-fill-secondary-kabocha: var(--lightningcss-light, var(--global-color-kabocha-200)) var(--lightningcss-dark, var(--global-color-kabocha-900));
  --global-color-fill-secondary-kabocha-hover: var(--lightningcss-light, var(--global-color-kabocha-300)) var(--lightningcss-dark, var(--global-color-kabocha-800));
  --global-color-fill-secondary-kabocha-active: var(--lightningcss-light, var(--global-color-kabocha-50)) var(--lightningcss-dark, var(--global-color-kabocha-950));
  --global-color-fill-primary-neutral: var(--lightningcss-light, var(--global-color-gray-900)) var(--lightningcss-dark, var(--global-color-gray-200));
  --global-color-fill-primary-neutral-hover: var(--lightningcss-light, var(--global-color-gray-950)) var(--lightningcss-dark, var(--global-color-gray-400));
  --global-color-fill-primary-neutral-active: var(--lightningcss-light, var(--global-color-gray-950)) var(--lightningcss-dark, var(--global-color-gray-400));
  --global-color-fill-secondary-neutral: var(--lightningcss-light, var(--global-color-kurimu-100)) var(--lightningcss-dark, var(--global-color-kurimu-950));
  --global-color-fill-secondary-neutral-hover: var(--lightningcss-light, var(--global-color-kurimu-300)) var(--lightningcss-dark, var(--global-color-kurimu-800));
  --global-color-fill-secondary-neutral-active: var(--lightningcss-light, var(--global-color-kurimu-200)) var(--lightningcss-dark, var(--global-color-kurimu-800));
  --global-color-border-primary: var(--lightningcss-light, var(--global-color-kurimu-700)) var(--lightningcss-dark, var(--global-color-kurimu-800));
  --global-color-border-primary-hover: var(--lightningcss-light, var(--global-color-kurimu-900)) var(--lightningcss-dark, var(--global-color-kurimu-100));
  --global-color-border-primary-active: var(--lightningcss-light, var(--global-color-kurimu-950)) var(--lightningcss-dark, var(--global-color-kurimu-50));
  --global-color-border-primary-disabled: var(--lightningcss-light, var(--global-color-kurimu-400)) var(--lightningcss-dark, var(--global-color-kurimu-900));
  --global-color-border-secondary: var(--lightningcss-light, var(--global-color-kurimu-500)) var(--lightningcss-dark, var(--global-color-kurimu-900));
  --global-color-border-tertiary: var(--lightningcss-light, var(--global-color-kurimu-600)) var(--lightningcss-dark, var(--global-color-kurimu-800));
  --global-color-border-inverse: var(--lightningcss-light, var(--global-color-kurimu-50)) var(--lightningcss-dark, var(--global-color-kurimu-950));
  --global-color-border-orange: var(--lightningcss-light, var(--global-color-orange-200)) var(--lightningcss-dark, var(--global-color-orange-800));
  --global-color-border-orange-hover: var(--lightningcss-light, var(--global-color-orange-500)) var(--lightningcss-dark, var(--global-color-orange-400));
  --global-color-border-orange-active: var(--lightningcss-light, var(--global-color-orange-700)) var(--lightningcss-dark, var(--global-color-orange-300));
  --global-color-border-warning: var(--global-color-border-orange);
  --global-color-border-warning-hover: var(--global-color-border-orange-hover);
  --global-color-border-warning-active: var(--global-color-border-orange-active);
  --global-color-border-red: var(--lightningcss-light, var(--global-color-red-200)) var(--lightningcss-dark, var(--global-color-red-800));
  --global-color-border-red-hover: var(--lightningcss-light, var(--global-color-red-500)) var(--lightningcss-dark, var(--global-color-red-400));
  --global-color-border-red-active: var(--lightningcss-light, var(--global-color-red-700)) var(--lightningcss-dark, var(--global-color-red-300));
  --global-color-border-critical: var(--global-color-border-red);
  --global-color-border-critical-hover: var(--global-color-border-red-hover);
  --global-color-border-critical-active: var(--global-color-border-red-active);
  --global-color-border-green: var(--lightningcss-light, var(--global-color-green-200)) var(--lightningcss-dark, var(--global-color-green-800));
  --global-color-border-green-hover: var(--lightningcss-light, var(--global-color-green-400)) var(--lightningcss-dark, var(--global-color-green-400));
  --global-color-border-green-active: var(--lightningcss-light, var(--global-color-green-700)) var(--lightningcss-dark, var(--global-color-green-300));
  --global-color-border-positive: var(--global-color-border-green);
  --global-color-border-positive-hover: var(--global-color-border-green-hover);
  --global-color-border-positive-active: var(--global-color-border-green-active);
  --global-color-border-blue: var(--lightningcss-light, var(--global-color-blue-200)) var(--lightningcss-dark, var(--global-color-blue-800));
  --global-color-border-blue-hover: var(--lightningcss-light, var(--global-color-blue-500)) var(--lightningcss-dark, var(--global-color-blue-400));
  --global-color-border-blue-active: var(--lightningcss-light, var(--global-color-blue-700)) var(--lightningcss-dark, var(--global-color-blue-300));
  --global-color-border-attention: var(--global-color-border-blue);
  --global-color-border-attention-hover: var(--global-color-border-blue-hover);
  --global-color-border-attention-active: var(--global-color-border-blue-active);
  --global-color-border-magic: var(--lightningcss-light, var(--global-color-purple-400)) var(--lightningcss-dark, var(--global-color-purple-800));
  --global-color-border-magic-hover: var(--lightningcss-light, var(--global-color-purple-600)) var(--lightningcss-dark, var(--global-color-purple-400));
  --global-color-border-magic-active: var(--lightningcss-light, var(--global-color-purple-700)) var(--lightningcss-dark, var(--global-color-purple-300));
  --global-color-border-yellow: var(--lightningcss-light, var(--global-color-yellow-400)) var(--lightningcss-dark, var(--global-color-yellow-800));
  --global-color-border-yellow-hover: var(--lightningcss-light, var(--global-color-yellow-600)) var(--lightningcss-dark, var(--global-color-yellow-400));
  --global-color-border-yellow-active: var(--lightningcss-light, var(--global-color-yellow-700)) var(--lightningcss-dark, var(--global-color-yellow-300));
  --global-color-border-pink: var(--lightningcss-light, var(--global-color-pink-400)) var(--lightningcss-dark, var(--global-color-pink-800));
  --global-color-border-pink-hover: var(--lightningcss-light, var(--global-color-pink-600)) var(--lightningcss-dark, var(--global-color-pink-400));
  --global-color-border-pink-active: var(--lightningcss-light, var(--global-color-pink-700)) var(--lightningcss-dark, var(--global-color-pink-300));
  --global-color-border-kabocha: var(--lightningcss-light, var(--global-color-kabocha-400)) var(--lightningcss-dark, var(--global-color-kabocha-800));
  --global-color-border-kabocha-hover: var(--lightningcss-light, var(--global-color-kabocha-600)) var(--lightningcss-dark, var(--global-color-kabocha-400));
  --global-color-border-kabocha-active: var(--lightningcss-light, var(--global-color-kabocha-700)) var(--lightningcss-dark, var(--global-color-kabocha-300));
  --global-color-border-neutral: var(--lightningcss-light, var(--global-color-kurimu-500)) var(--lightningcss-dark, var(--global-color-kurimu-800));
  --global-color-border-neutral-hover: var(--lightningcss-light, var(--global-color-kurimu-700)) var(--lightningcss-dark, var(--global-color-kurimu-100));
  --global-color-border-neutral-active: var(--lightningcss-light, var(--global-color-kurimu-900)) var(--lightningcss-dark, var(--global-color-kurimu-50));
  --global-color-shadow-overlay: var(--lightningcss-light, color-mix(in srgb, var(--global-color-kurimu-900) 20%, transparent)) var(--lightningcss-dark, color-mix(in srgb, var(--global-color-gray-1100) 60%, transparent));
  --global-color-shadow-attention-drop: var(--global-color-shadow-blue-drop);
  --global-color-shadow-attention-inner: var(--global-color-shadow-blue-inner);
  --global-color-shadow-critical-drop: var(--global-color-shadow-red-drop);
  --global-color-shadow-critical-inner: var(--global-color-shadow-red-inner);
  --global-color-shadow-warning-drop: var(--global-color-shadow-orange-drop);
  --global-color-shadow-warning-inner: var(--global-color-shadow-orange-inner);
  --global-color-shadow-positive-drop: var(--global-color-shadow-green-drop);
  --global-color-shadow-positive-inner: var(--global-color-shadow-green-inner);
  --global-color-shadow-drop: var(--lightningcss-light, var(--global-color-kurimu-700)) var(--lightningcss-dark, var(--global-color-kurimu-700));
  --global-color-shadow-inner: var(--lightningcss-light, var(--global-color-kurimu-400)) var(--lightningcss-dark, var(--global-color-kurimu-400));
  --global-color-shadow-blue-drop: var(--lightningcss-light, var(--global-color-blue-400)) var(--lightningcss-dark, var(--global-color-blue-950));
  --global-color-shadow-blue-inner: var(--lightningcss-light, var(--global-color-blue-100)) var(--lightningcss-dark, var(--global-color-blue-900));
  --global-color-shadow-red-drop: var(--lightningcss-light, var(--global-color-red-700)) var(--lightningcss-dark, var(--global-color-red-950));
  --global-color-shadow-red-inner: var(--lightningcss-light, var(--global-color-red-200)) var(--lightningcss-dark, var(--global-color-red-900));
  --global-color-shadow-orange-drop: var(--lightningcss-light, var(--global-color-orange-700)) var(--lightningcss-dark, var(--global-color-orange-950));
  --global-color-shadow-orange-inner: var(--lightningcss-light, var(--global-color-orange-200)) var(--lightningcss-dark, var(--global-color-orange-900));
  --global-color-shadow-green-drop: var(--lightningcss-light, var(--global-color-green-700)) var(--lightningcss-dark, var(--global-color-green-950));
  --global-color-shadow-green-inner: var(--lightningcss-light, var(--global-color-green-200)) var(--lightningcss-dark, var(--global-color-green-900));
  --global-color-shadow-magic-drop: var(--lightningcss-light, var(--global-color-purple-700)) var(--lightningcss-dark, var(--global-color-purple-950));
  --global-color-shadow-magic-inner: var(--lightningcss-light, var(--global-color-purple-300)) var(--lightningcss-dark, var(--global-color-purple-900));
  --global-color-shadow-yellow-drop: var(--lightningcss-light, var(--global-color-yellow-600)) var(--lightningcss-dark, var(--global-color-yellow-950));
  --global-color-shadow-yellow-inner: var(--lightningcss-light, var(--global-color-yellow-300)) var(--lightningcss-dark, var(--global-color-yellow-900));
  --global-color-shadow-pink-drop: var(--lightningcss-light, var(--global-color-pink-600)) var(--lightningcss-dark, var(--global-color-pink-950));
  --global-color-shadow-pink-inner: var(--lightningcss-light, var(--global-color-pink-200)) var(--lightningcss-dark, var(--global-color-pink-900));
  --global-color-shadow-kabocha-drop: var(--lightningcss-light, var(--global-color-kabocha-700)) var(--lightningcss-dark, var(--global-color-kabocha-950));
  --global-color-shadow-kabocha-inner: var(--lightningcss-light, var(--global-color-kabocha-300)) var(--lightningcss-dark, var(--global-color-kabocha-900));
  --global-color-shadow-neutral-drop: var(--lightningcss-light, var(--global-color-kurimu-700)) var(--lightningcss-dark, var(--global-color-kurimu-950));
  --global-color-shadow-neutral-inner: var(--lightningcss-light, var(--global-color-kurimu-400)) var(--lightningcss-dark, var(--global-color-kurimu-900));
  --global-color-text-primary: var(--lightningcss-light, var(--global-color-kurimu-950)) var(--lightningcss-dark, var(--global-color-kurimu-50));
  --global-color-text-primary-green: var(--lightningcss-light, var(--global-color-green-800)) var(--lightningcss-dark, var(--global-color-green-200));
  --global-color-text-primary-positive: var(--global-color-text-primary-green);
  --global-color-text-primary-orange: var(--lightningcss-light, var(--global-color-orange-900)) var(--lightningcss-dark, var(--global-color-orange-200));
  --global-color-text-primary-warning: var(--global-color-text-primary-orange);
  --global-color-text-primary-red: var(--lightningcss-light, var(--global-color-red-800)) var(--lightningcss-dark, var(--global-color-red-200));
  --global-color-text-primary-critical: var(--global-color-text-primary-red);
  --global-color-text-primary-blue: var(--lightningcss-light, var(--global-color-blue-800)) var(--lightningcss-dark, var(--global-color-blue-200));
  --global-color-text-primary-attention: var(--global-color-text-primary-blue);
  --global-color-text-primary-magic: var(--lightningcss-light, var(--global-color-purple-950)) var(--lightningcss-dark, var(--global-color-purple-200));
  --global-color-text-primary-yellow: var(--lightningcss-light, var(--global-color-yellow-950)) var(--lightningcss-dark, var(--global-color-yellow-200));
  --global-color-text-primary-pink: var(--lightningcss-light, var(--global-color-pink-950)) var(--lightningcss-dark, var(--global-color-pink-200));
  --global-color-text-primary-kabocha: var(--lightningcss-light, var(--global-color-kabocha-950)) var(--lightningcss-dark, var(--global-color-kabocha-200));
  --global-color-text-primary-neutral: var(--lightningcss-light, var(--global-color-kurimu-950)) var(--lightningcss-dark, var(--global-color-kurimu-50));
  --global-color-text-secondary: var(--lightningcss-light, var(--global-color-kurimu-900)) var(--lightningcss-dark, var(--global-color-kurimu-200));
  --global-color-text-secondary-green: var(--lightningcss-light, var(--global-color-green-700)) var(--lightningcss-dark, var(--global-color-green-600));
  --global-color-text-secondary-positive: var(--global-color-text-secondary-green);
  --global-color-text-secondary-orange: var(--lightningcss-light, var(--global-color-orange-700)) var(--lightningcss-dark, var(--global-color-orange-500));
  --global-color-text-secondary-warning: var(--global-color-text-secondary-orange);
  --global-color-text-secondary-red: var(--lightningcss-light, var(--global-color-red-500)) var(--lightningcss-dark, var(--global-color-red-400));
  --global-color-text-secondary-critical: var(--global-color-text-secondary-red);
  --global-color-text-secondary-blue: var(--lightningcss-light, var(--global-color-blue-600)) var(--lightningcss-dark, var(--global-color-blue-400));
  --global-color-text-secondary-attention: var(--global-color-text-secondary-blue);
  --global-color-text-secondary-magic: var(--lightningcss-light, var(--global-color-purple-800)) var(--lightningcss-dark, var(--global-color-purple-600));
  --global-color-text-secondary-yellow: var(--lightningcss-light, var(--global-color-yellow-800)) var(--lightningcss-dark, var(--global-color-yellow-600));
  --global-color-text-secondary-pink: var(--lightningcss-light, var(--global-color-pink-800)) var(--lightningcss-dark, var(--global-color-pink-500));
  --global-color-text-secondary-kabocha: var(--lightningcss-light, var(--global-color-kabocha-800)) var(--lightningcss-dark, var(--global-color-kabocha-500));
  --global-color-text-secondary-neutral: var(--global-color-kurimu-800);
  --global-color-text-tertiary: var(--global-color-kurimu-800);
  --global-color-text-inverse: var(--lightningcss-light, var(--global-color-kurimu-50)) var(--lightningcss-dark, var(--global-color-kurimu-950));
  --global-color-text-inverse-green: var(--global-color-text-inverse);
  --global-color-text-inverse-positive: var(--global-color-text-inverse-green);
  --global-color-text-inverse-orange: var(--global-color-text-inverse);
  --global-color-text-inverse-warning: var(--global-color-text-inverse-orange);
  --global-color-text-inverse-red: var(--global-color-text-inverse);
  --global-color-text-inverse-critical: var(--global-color-text-inverse-red);
  --global-color-text-inverse-blue: var(--global-color-text-inverse);
  --global-color-text-inverse-attention: var(--global-color-text-inverse-blue);
  --global-color-text-inverse-magic: var(--global-color-text-inverse);
  --global-color-text-inverse-yellow: var(--global-color-text-inverse);
  --global-color-text-inverse-pink: var(--global-color-text-inverse);
  --global-color-text-inverse-kabocha: var(--global-color-text-inverse);
  --global-color-text-inverse-neutral: var(--global-color-text-inverse);
  --global-color-text-disabled: var(--global-color-kurimu-700);
  --global-color-root-color: var(--global-color-text-primary);
  --global-color-root-background: var(--lightningcss-light, var(--global-color-kurimu-300)) var(--lightningcss-dark, var(--global-color-gray-1000));
  --global-focus-ring-color: var(--global-legacy-color-tone-brand);
  --global-legacy-radius-sharp: .1em;
  --global-legacy-radius-soft: .4em;
  --global-legacy-radius-round: 10em;
  --global-radius-small: .3125rem;
  --global-radius-medium: .625rem;
  --global-radius-large: 1.25rem;
  --global-font-family-text: serif;
  --global-font-family-heading: cursive;
  --global-font-family-button: fantasy;
  --global-ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1);
  --global-page-horizontal-spacing: 1.25rem;
  --global-page-vertical-spacing: var(--global-page-horizontal-spacing);
}

@media (min-width: 44rem) {
  :root {
    --global-page-horizontal-spacing: 2.5rem;
  }
}

#__next {
  display: contents;
}

html, body {
  outline: none;
  margin: 0;
  padding: 0;
}

@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

body {
  font-family: var(--global-font-family-text);
  min-height: 100svh;
  font-weight: 600;
}

:root {
  background-color: var(--global-color-root-background);
  min-height: calc(100lvh + 1px);
  color: var(--global-color-root-color);
}

@media print {
  .tsqd-parent-container, .Toastify {
    display: none;
  }
}

.tsqd-open-btn-container {
  opacity: 0;
}

.tsqd-open-btn-container:hover {
  opacity: 1;
}

body {
  color: #020203;
  background: url("../media/noise.b78b6ba6.png"), radial-gradient(circle, #f3efea 0%, #53e58f 100%);
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__48ec990f._.css.map*/