@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap";:root{--color-primary: #00d4aa;--color-primary-light: #33ddbb;--color-secondary: #7c4dff;--color-background: #0a0f14;--color-surface: #12181f;--color-text: #e8eaed;--color-text-secondary: #9aa0a6}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;background-color:var(--color-background);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Sans JP,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}::selection{background-color:#00d4aa4d;color:#fff}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-light)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:#5f6368;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#80868b}*{scrollbar-width:thin;scrollbar-color:#5f6368 var(--color-background)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .3s ease-out}.slide-up{animation:slideUp .4s ease-out}