*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-tap-highlight-color:transparent}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;min-height:100dvh;color:var(--text-primary);background:oklch(92% .02 120);font-family:Noto Sans JP,system-ui,sans-serif}button{cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}:root{--cream:oklch(97% .01 95);--cream2:oklch(94% .015 90);--green:oklch(42% .13 145);--green-light:oklch(88% .07 145);--green-mid:oklch(60% .12 145);--brown:oklch(44% .1 55);--brown-light:oklch(90% .05 75);--red:oklch(50% .18 25);--amber:oklch(55% .16 65);--blue:oklch(44% .14 245);--text-primary:oklch(22% .02 60);--text-secondary:oklch(40% .03 60);--text-muted:oklch(50% .02 60);--border:oklch(88% .02 90);--card-bg:oklch(99% .005 95);--shadow-card:0 1px 4px oklch(50% .03 90/.1), 0 4px 16px oklch(50% .03 90/.07);--tier-extreme:oklch(58% .2 25);--tier-ul:oklch(50% .16 145);--tier-light:oklch(70% .16 80);--tier-normal:oklch(55% .04 250);--bottom-nav-h:64px;--safe-bottom:env(safe-area-inset-bottom,0px)}.tier-extreme-bg{background:linear-gradient(150deg,oklch(38% .18 25),oklch(28% .15 15))}.tier-ul-bg{background:linear-gradient(150deg,oklch(38% .13 145),oklch(28% .1 145))}.tier-light-bg{background:linear-gradient(150deg,oklch(45% .13 80),oklch(35% .11 75))}.tier-normal-bg{background:linear-gradient(150deg,oklch(38% .04 250),oklch(28% .04 250))}#root{justify-content:center;align-items:center;min-height:100dvh;display:flex}.mono{font-family:DM Mono,Roboto Mono,monospace}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}