@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+JP:wght@400;500;700&display=swap");:root{--primary:#4F46E5;--primary-light:#818CF8;--primary-dark:#3730A3;--secondary:#10B981;--accent:#F43F5E;--background:#F1F5F9;--surface:#FFFFFF;--text-secondary:#64748B;--border:#E2E8F0;--radius:16px;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--navbar-bg:rgba(255,255,255,0.85);--navbar-border:rgba(226,232,240,0.6);--btn-secondary-bg:rgba(255,255,255,0.1);--btn-secondary-text:#FFFFFF;--btn-secondary-border:rgba(255,255,255,0.2)}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body{color:var(--foreground);background:var(--background);background-image:radial-gradient(#CBD5E1 1px,transparent 0);background-size:32px 32px;font-family:Inter,Noto Sans JP,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;display:flex;flex-direction:column;min-height:100vh}button{font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#CBD5E1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94A3B8}