:root{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left);--safe-area-inset-right:env(safe-area-inset-right)}html{height:100vh;background-color:#f9fafb}body,html{max-width:100vw;overflow:scroll;font-family:var(--font-inter),var(--font-noto-sans-jp),sans-serif;margin:0;padding:0;height:100svh}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}ol,ul{list-style:none}a{text-decoration:none;color:inherit}:focus-visible{outline:2px solid #06c;outline-offset:2px}*{scrollbar-width:thin}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}*{-webkit-tap-highlight-color:transparent}::selection{background-color:#b3d4fc;text-shadow:none}