:root{--color-primary:#85a98f;--color-primary-dark:#486c52;--color-primary-light:#d8e6d8;--color-secondary:#f7f9f7;--color-bg:#fcfcfc;--color-text:#3c4a3e;--color-text-light:#6b7a6d;--color-accent:#d4c4a8;--color-white:#fff;--font-base:var(--font-noto-sans-jp), sans-serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:3rem;--spacing-xl:5rem;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--shadow-lg:0 12px 32px #3c4a3e14;--shadow-xl:0 24px 56px #3c4a3e1f;--anchor-offset:8rem;--transition-soft:all .4s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}html,body{scroll-behavior:smooth;max-width:100vw;overflow-x:hidden}body{color:var(--color-text);background:var(--color-bg);font-family:var(--font-base);letter-spacing:.05em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.8}h1,h2,h3,h4,h5,h6{color:var(--color-text);font-weight:500;line-height:1.4}a{color:inherit;transition:var(--transition-soft);text-decoration:none}:where(a,button):focus-visible{outline:3px solid var(--color-primary-dark);outline-offset:5px}[id]{scroll-margin-top:var(--anchor-offset)}.skip-link{top:var(--spacing-xs);left:var(--spacing-sm);z-index:200;padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-text);background:var(--color-white);border-radius:var(--radius-sm);position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.fade-in{opacity:0;animation:1s ease-out forwards fadeIn;transform:translateY(20px)}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.fade-in{opacity:1;transform:none}}