*{box-sizing:border-box}html,body,#root{margin:0;padding:0}#root{min-height:100vh}body{color:#2f2a24;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;overscroll-behavior-y:contain;background:#f4f1ea;font-family:system-ui,Segoe UI,Roboto,sans-serif}@keyframes kumiki-spin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.15)}to{transform:rotate(360deg)scale(1)}}.kumiki-spin{animation:1.4s ease-in-out infinite kumiki-spin}.splash-stage{width:150px;height:150px;animation:.6s ease-in-out 2.7s both splash-settle;position:relative}.splash-piece{opacity:0;background-image:url(/logo-mark.png);background-size:100% 100%;animation:.7s cubic-bezier(.22,.9,.24,1.04) both splash-slide-in;position:absolute;inset:0}@keyframes splash-slide-in{0%{opacity:0;transform:translate(var(--fx), var(--fy))}30%{opacity:1}to{opacity:1;transform:translate(0)}}@keyframes splash-settle{0%{transform:scale(1)}45%{transform:scale(1.035)}to{transform:scale(1)}}.splash-p1{clip-path:polygon(33% 26%,66% 26%,66% 60%,33% 60%);--fx:0%;--fy:-50%;animation-delay:0s}.splash-p2{clip-path:polygon(0% 14%,34% 14%,34% 60%,0% 60%);--fx:-75%;--fy:25%;animation-delay:.32s}.splash-p3{clip-path:polygon(65% 12%,100% 12%,100% 60%,65% 60%);--fx:75%;--fy:-25%;animation-delay:.64s}.splash-p4{clip-path:polygon(20% 0%,49% 0%,49% 27%,20% 27%);--fx:-18%;--fy:-75%;animation-delay:.96s}.splash-p5{clip-path:polygon(46% 0%,72% 0%,72% 30%,46% 30%);--fx:18%;--fy:-75%;animation-delay:1.28s}.splash-p6{clip-path:polygon(0% 58%,51% 58%,51% 100%,0% 100%);--fx:-28%;--fy:75%;animation-delay:1.6s}.splash-p7{clip-path:polygon(50% 55%,100% 55%,100% 100%,50% 100%);--fx:28%;--fy:75%;animation-delay:1.92s}@keyframes kumiki-fadeup{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.kumiki-fadeup{animation:.7s ease-out both kumiki-fadeup}