:root{--background:#FEFCF8;--foreground:#1F2937;--primary:#0F4C81;--primary-foreground:#FFFFFF;--secondary:#D4AF37;--secondary-foreground:#1F2937;--success:#10B981;--error:#EF4444;--surface:#FFFFFF;--surface-hover:#F3F4F6;--border:#E5E7EB;--font-size-base:18px;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--spacing-4:1rem;--spacing-8:2rem;--radius:12px}@media (prefers-color-scheme:dark){:root{--background:#111827;--foreground:#F9FAFB;--primary:#3B82F6;--surface:#1F2937;--surface-hover:#374151;--border:#374151}}body,html{max-width:100vw;overflow-x:hidden;font-size:var(--font-size-base)}body{color:var(--foreground);background:var(--background);font-family:Noto Sans JP,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1024px;margin:0 auto;padding:0 var(--spacing-4)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;font-size:var(--font-size-lg);font-weight:700;border-radius:50px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.1)}.btn-primary{background:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{background:#0d3d6b;transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.15)}.card{background:var(--surface);border-radius:var(--radius);padding:var(--spacing-8);box-shadow:0 4px 20px rgba(0,0,0,.05);border:1px solid var(--border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s ease-out forwards}