:root{--font-jp: "Noto Sans JP", sans-serif;--font-en: "Roboto", sans-serif;--bluegray-50: rgb(246, 248, 249);--bluegray-100: rgb(236, 240, 242);--bluegray-200: rgb(213, 223, 226);--bluegray-300: rgb(176, 195, 201);--bluegray-400: rgb(133, 162, 171);--bluegray-500: rgb(102, 135, 145);--bluegray-600: rgb(81, 110, 120);--bluegray-700: rgb(66, 89, 98);--bluegray-900: rgb(51, 65, 71);--bluegray-950: rgb(34, 43, 47);--lightblue-50: rgb(237, 251, 254);--lightblue-100: rgb(211, 243, 250);--lightblue-200: rgb(172, 231, 245);--lightblue-300: rgb(114, 212, 238);--lightblue-400: rgb(51, 183, 223);--lightblue-500: rgb(21, 153, 197);--lightblue-600: rgb(21, 123, 165);--orange-50: rgb(253, 245, 239);--orange-100: rgb(250, 231, 218);--orange-200: rgb(245, 203, 179);--orange-300: rgb(238, 168, 131);--orange-400: rgb(230, 123, 81);--orange-500: rgb(226, 99, 58);--orange-600: rgb(210, 67, 36);--green-50: rgb(242, 251, 248);--green-200: rgb(169, 230, 213);--green-300: rgb(118, 210, 189);--green-400: rgb(73, 184, 161);--green-500: rgb(49, 161, 140);--green-600: rgb(36, 125, 110);--red-50: rgb(253, 243, 243);--red-200: rgb(251, 205, 205);--red-300: rgb(246, 171, 171);--red-400: rgb(239, 122, 122);--red-500: rgb(227, 71, 71);--red-600: rgb(208, 50, 50);--purple-50: rgb(240, 245, 253);--purple-200: rgb(205, 220, 248);--purple-400: rgb(143, 163, 234);--purple-500: rgb(99, 118, 221);--purple-600: rgb(88, 98, 211);--gray-white: rgb(255, 255, 255);--gray-black: rgb(36, 42, 45);--primary-main: var(--lightblue-500);--primary-dark: var(--lightblue-600);--secondary-main: var(--orange-500);--tertiary-main: var(--purple-500);--success-main: var(--green-500);--error-main: var(--red-500);--warning-main: var(--orange-500);--background-default: var(--gray-white);--text-title: var(--gray-black);--text-body: rgb(60, 61, 61);--text-sub: rgb(92, 93, 94);--text-placeholder: rgb(150, 152, 155);--text-primary: var(--lightblue-600);--text-secondary: var(--orange-600);--text-tertiary: var(--purple-600);--text-success: var(--green-600);--text-error: var(--red-600);--text-white: var(--gray-white);--brand-grad: linear-gradient(90deg, #72d4ee, #eea883);--brand-grad-v: linear-gradient(180deg, #72d4ee, #eea883)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:var(--font-jp);letter-spacing:.02em;color:var(--text-body);background:var(--bluegray-50);-webkit-font-smoothing:antialiased}button{font-family:inherit}.font-en{font-family:var(--font-en)}*::-webkit-scrollbar{height:10px;width:10px}*::-webkit-scrollbar-thumb{background:var(--bluegray-300);border-radius:6px}@keyframes lineIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes liveDot{0%{box-shadow:0 0 #e3474773}70%{box-shadow:0 0 0 7px #e3474700}to{box-shadow:0 0 #e3474700}}@keyframes barGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}