@import 'color-palette.css';:root{--color-primary:#667eea;--color-primary-dark:#5568d3;--color-secondary:#764ba2;--color-accent:#ffb7c5;--color-ai:#1e3a5f;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--color-white:#ffffff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-japanese:"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;--container-max-width:1200px;--header-height:60px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-family-japanese);line-height:1.6;color:var(--color-gray-800);background-color:var(--color-gray-50);overflow-x:hidden;max-width:100vw}a{color:var(--color-primary);text-decoration:none;transition:opacity 0.3s ease}a:hover{opacity:0.8}img{max-width:100%;height:auto;display:block}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 20px}.container-narrow{max-width:800px}.container-wide{max-width:1400px}.site-header{background:var(--color-white);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:1000}.header-inner{display:flex;justify-content:space-between;align-items:center;height:var(--header-height)}.site-logo{font-size:1.5rem;font-weight:bold;color:var(--color-primary)}.site-nav{display:flex;gap:20px}.nav-link{color:var(--color-gray-700);font-weight:500;padding:8px 16px;border-radius:4px;transition:background-color 0.3s ease}.nav-link:hover{background-color:var(--color-gray-100);opacity:1}.hero{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-secondary)100%);color:var(--color-white);padding:80px 0;text-align:center}.hero-title{font-size:3rem;margin-bottom:16px;font-weight:bold}.hero-subtitle{font-size:1.25rem;margin-bottom:32px;opacity:0.9}.hero-tagline{font-size:1.5rem;font-weight:bold;margin:40px 0 20px}.btn{display:inline-block;padding:12px 24px;font-size:1rem;font-weight:600;text-align:center;border:none;border-radius:6px;cursor:pointer;transition:all 0.3s ease}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:white;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-secondary)100%);color:var(--color-white)}.btn-primary:hover{opacity:0.9;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-gray-100);color:var(--color-primary)}.btn-secondary:hover{background:var(--color-gray-200);opacity:1}.btn-success{background:var(--color-success);color:var(--color-white)}.btn-danger{background:var(--color-error);color:var(--color-white)}.btn-block{display:block;width:100%}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:600;color:var(--color-gray-700)}.form-control{width:100%;padding:12px;font-size:1rem;border:1px solid var(--color-gray-300);border-radius:6px;transition:border-color 0.3s ease,box-shadow 0.3s ease}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(102,126,234,0.1)}.form-control::placeholder{color:var(--color-gray-400)}textarea.form-control{min-height:150px;resize:vertical}.card{background:var(--color-white);border-radius:8px;box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow 0.3s ease}.card:hover{box-shadow:var(--shadow-md)}.card-header{padding:16px 20px;border-bottom:1px solid var(--color-gray-200);background:var(--color-gray-50)}.card-body{padding:20px}.card-footer{padding:16px 20px;border-top:1px solid var(--color-gray-200);background:var(--color-gray-50)}.forum-category-table{width:100%;border-collapse:collapse;margin:20px 0}.forum-category-table th,.forum-category-table td{padding:12px;text-align:left;border-bottom:1px solid var(--color-gray-200)}.forum-category-table th{background:var(--color-gray-50);font-weight:600}.forum-category-table tr:hover{background:var(--color-gray-50)}.topic-list{list-style:none}.topic-item{padding:16px;border-bottom:1px solid var(--color-gray-200);transition:background-color 0.3s ease}.topic-item:hover{background:var(--color-gray-50)}.topic-title{font-size:1.125rem;font-weight:600;margin-bottom:8px}.topic-meta{font-size:0.875rem;color:var(--color-gray-500)}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--color-gray-500)}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-error)}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.p-4{padding:32px}.alert{padding:16px;border-radius:6px;margin:20px 0}.alert-success{background:#d1fae5;border-left:4px solid var(--color-success);color:#065f46}.alert-error{background:#fee2e2;border-left:4px solid var(--color-error);color:#991b1b}.alert-warning{background:#fef3c7;border-left:4px solid var(--color-warning);color:#92400e}.alert-info{background:#dbeafe;border-left:4px solid var(--color-primary);color:#1e40af}.site-footer{background:var(--color-gray-800);color:var(--color-gray-300);padding:40px 0;margin-top:60px}.footer-inner{text-align:center}.footer-links{display:flex;justify-content:center;gap:20px;margin-bottom:20px}.footer-link{color:var(--color-gray-400)}.footer-link:hover{color:var(--color-white);opacity:1}.copyright{font-size:0.875rem;color:var(--color-gray-500)}@media (max-width:768px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.header-inner{flex-direction:column;height:auto;padding:10px 0}.site-nav{margin-top:10px;flex-wrap:wrap;justify-content:center}.forum-category-table{font-size:0.875rem}.btn{padding:10px 16px}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn 0.5s ease-out}@keyframes slideIn{from{transform:translateX(-20px);opacity:0}to{transform:translateX(0);opacity:1}}.slide-in{animation:slideIn 0.3s ease-out}.loading{display:inline-block;width:20px;height:20px;border:3px solid var(--color-gray-300);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.article-content img{max-width:100%;height:auto;display:block;margin:20px 0;border-radius:8px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}@media (prefers-color-scheme:dark){body{background-color:#1a1a2e;color:#e0e0e0}.site-header{background:rgba(26,26,46,0.98)}.nav-link{color:#c0c0c0}.nav-link:hover{background:rgba(102,126,234,0.15);color:#818cf8}.btn-secondary{background:#2d2d44;color:#e0e0e0}.btn-secondary:hover{background:#3d3d54}.form-control{background-color:#2d2d44;border-color:#4a4a6a;color:#e0e0e0}.form-control:focus{border-color:#818cf8;box-shadow:0 0 0 3px rgba(129,140,248,0.2)}.card{background:#2d2d44}.card-header,.card-footer{background:#25253a;border-color:#3d3d54}.alert-success{background:#1a3a2a;color:#a0d4b0;border-color:#2a4a3a}.alert-error{background:#3a1a1a;color:#d4a0a0;border-color:#4a2a2a}.alert-warning{background:#3a3a1a;color:#d4d0a0;border-color:#4a4a2a}.alert-info{background:#1a2a3a;color:#a0c0d4;border-color:#2a3a4a}.site-footer{background:#0f0f1a;color:#a0a0b0}.forum-category-table th{background:#25253a;color:#e0e0e0}.forum-category-table td{border-color:#3d3d54}.forum-category-table tr:hover{background:#25253a}.topic-item{border-color:#3d3d54}.topic-item:hover{background:#25253a}}