@import "https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;700&display=swap";
:root{--background:#faf9f6;--foreground:#2d2c2a;--primary:#b39b70;--secondary:#e6e2d8;--text-muted:#666461;--card-bg:#fff;--transition-smooth:all .4s cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 4px 6px -1px #0000000d;--shadow-md:0 10px 15px -3px #0000000d;--shadow-hover:0 20px 25px -5px #0000001a}@media (prefers-color-scheme:dark){:root{--background:#121212;--foreground:#eaeaea;--primary:#d4b886;--secondary:#333;--text-muted:#a0a0a0;--card-bg:#1e1e1e}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Serif JP,serif;line-height:1.6}a{color:inherit;transition:var(--transition-smooth);text-decoration:none}h1,h2,h3,h4,h5,h6{letter-spacing:.05em;margin-bottom:1rem;font-weight:500}p{margin-bottom:1rem}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.fade-in{opacity:0;animation:.8s ease-out forwards fadeIn}.slide-up{opacity:0;animation:.8s ease-out forwards slideUp;transform:translateY(20px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}