:root{--color-text:#333;--color-bg:#fff;--color-link:#005fcc;--color-link-hover:#004bb5;--color-focus:#005fcc;--color-focus-visible:#ffcc00;--font-family:"Noto Sans JP","Inter","Helvetica Neue",Arial,sans-serif;--font-size-base:16px;--line-height-base:1.6;--spacing-unit:1rem}blockquote,body,figure,h1,h2,h3,h4,h5,h6,html,li,ol,p,table,td,th,ul{margin:0;padding:0}*,::after,::before{box-sizing:border-box}html{font-size:100%;line-height:var(--line-height-base);-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (max-width:768px){html{font-size:87.5%}}body{margin:0;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);min-height:100vh;text-rendering:optimizeSpeed}canvas,img,picture,svg,video{display:block;max-width:100%;height:auto}video{filter:drop-shadow(0 0 #fff)}a{text-decoration:none;color:inherit;cursor:pointer}a:hover{color:var(--color-link-hover)}h1,h2,h3,h4,h5,h6{font-weight:400}nav ol,nav ul,ol,ul{list-style:none}button,input,select,textarea{font:inherit;color:inherit;background:0 0;border:none;outline:0}button{cursor:pointer}textarea{resize:none}::placeholder{color:#aaa;opacity:1}table{border-collapse:collapse;width:100%}:focus{outline:2px solid var(--color-focus);outline-offset:2px}:focus-visible{outline:3px solid var(--color-focus-visible);outline-offset:3px}@media (prefers-color-scheme:dark){body{background-color:#121212;color:#e0e0e0}a{color:#90caf9}a:hover{color:#64b5f6}::placeholder{color:#666}}