:root{--color-bg:#f5efe6;--color-bg-card:#ede6d8;--color-bg-subtle:#e5dace;--color-bg-accent:#eae0d2;--color-text:#3a3530;--color-text-sub:#847a70;--color-text-light:#b0a89e;--color-text-white:#fff;--color-primary:#c8a88e;--color-primary-dark:#a8855e;--color-primary-light:#dbc4ac;--color-accent:#d4a0a0;--color-accent-light:#e8c8c8;--color-accent-dark:#b87878;--color-band-very-high:#c8a88e;--color-band-high:#d4b896;--color-band-mid:#b0a89e;--color-band-low:#d4a0a0;--color-band-very-low:#c09090;--color-border:#a8855e40;--color-border-strong:#a8855e73;--shadow-sm:0 1px 4px #3a35300f;--shadow-card:0 2px 12px #3a353014;--shadow-card-hover:0 4px 20px #3a35301f;--shadow-lg:0 8px 30px #3a35301a;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:999px;--font-serif:"Noto Serif JP", serif;--font-sans:"Noto Sans JP", sans-serif;--max-width:480px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:20px;--spacing-lg:32px;--spacing-xl:48px;--spacing-2xl:64px;--color-error:#c07070;--color-error-bg:#fdf2f2}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);letter-spacing:.02em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.85}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}select,input{font-family:inherit;font-size:16px}img{max-width:100%;display:block}.page-container{max-width:var(--max-width);padding:0 var(--spacing-md);padding-bottom:var(--spacing-2xl);margin:0 auto}.section{margin-bottom:var(--spacing-xl)}.section-title{font-family:var(--font-serif);letter-spacing:.06em;color:var(--color-text);margin-bottom:var(--spacing-md);font-size:18px;font-weight:500}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-card)}.star-mark{color:var(--color-primary);letter-spacing:.1em;opacity:.7;font-size:12px;display:inline-block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.6s ease-out forwards fadeInUp}.fade-in-delay-1{opacity:0;animation-delay:.1s}.fade-in-delay-2{opacity:0;animation-delay:.2s}.fade-in-delay-3{opacity:0;animation-delay:.3s}.fade-in-delay-4{opacity:0;animation-delay:.4s}.fade-in-delay-5{opacity:0;animation-delay:.5s}.fade-in-delay-6{opacity:0;animation-delay:.6s}.loading-container{justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;min-height:60vh;display:flex}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-family:var(--font-serif);color:var(--color-text-sub);letter-spacing:.06em;font-size:14px}