*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1a;-webkit-font-smoothing:antialiased;background:#fff;font-family:Hiragino Sans,Meiryo,sans-serif}#root{width:100%;min-height:100svh}.home{color:#1a1a1a;background:#fff;font-family:Hiragino Sans,Meiryo,sans-serif}.hero{text-align:center;background:linear-gradient(135deg,#fff9f0 0%,#fff0f5 100%);border-bottom:2px solid #ffd6e0;padding:80px 20px}.hero-inner{max-width:600px;margin:0 auto}.hero-logo{object-fit:cover;border-radius:24px;width:160px;height:160px;margin-bottom:24px;box-shadow:0 8px 32px #0000001a}.hero-title{color:#1a1a1a;margin-bottom:12px;font-size:42px;font-weight:700}.hero-tagline{color:#e94560;margin-bottom:12px;font-size:18px;font-weight:700}.hero-sub{color:#666;margin-bottom:32px;font-size:15px;line-height:1.8}.hero-links{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn{border-radius:999px;padding:12px 28px;font-size:15px;font-weight:700;text-decoration:none;transition:opacity .15s}.btn:hover{opacity:.8}.btn-x{color:#fff;background:#1a1a1a}.btn-note{color:#fff;background:#41c9b4}.btn-blog{color:#1a1a1a;background:#f5f5f5}.btn-lab{color:#2e7d32;background:#e8f5e9}.btn-botsu{color:#e94560;background:#fff0f5}.characters{text-align:center;background:#fff;padding:80px 20px}.section-title{color:#1a1a1a;margin-bottom:40px;font-size:28px;font-weight:700}.char-grid{flex-wrap:wrap;justify-content:center;gap:40px;max-width:800px;margin:0 auto;display:flex}.char-card{flex:1;min-width:240px;max-width:320px}.char-img{object-fit:cover;object-position:top;border-radius:16px;width:100%;max-width:240px;height:240px;margin-bottom:16px;box-shadow:0 4px 16px #00000014}.char-card h3{margin-bottom:8px;font-size:20px;font-weight:700}.char-card p{color:#666;font-size:14px;line-height:1.7}.concept{text-align:center;background:#fff9f0;padding:80px 20px}.concept-grid{flex-wrap:wrap;justify-content:center;gap:24px;max-width:900px;margin:0 auto;display:flex}.concept-card{background:#fff;border-radius:16px;flex:1;min-width:220px;max-width:280px;padding:32px 24px;box-shadow:0 4px 16px #0000000f}.concept-icon{margin-bottom:16px;font-size:36px;display:block}.concept-card h3{margin-bottom:10px;font-size:17px;font-weight:700}.concept-card p{color:#666;font-size:14px;line-height:1.7}.footer{color:#aaa;text-align:center;background:#1a1a1a;padding:32px 20px;font-size:13px}.footer-links{justify-content:center;gap:20px;margin-top:12px;display:flex}.footer-links a{color:#aaa;text-decoration:none}.footer-links a:hover{color:#fff}.blog-list-page{max-width:960px;margin:0 auto;padding:40px 20px 80px}.blog-list-header{margin-bottom:48px}.blog-list-header h1{color:#1a1a1a;margin-bottom:8px;font-size:32px;font-weight:700}.blog-list-header p{color:#888;font-size:15px}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.blog-card{color:#1a1a1a;background:#fff;border:1px solid #eee;border-radius:12px;text-decoration:none;transition:box-shadow .2s,transform .2s;display:block;overflow:hidden}.blog-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.blog-card-img{object-fit:cover;width:100%;height:180px}.blog-card-body{padding:16px}.blog-card-title{margin-bottom:8px;font-size:16px;font-weight:700;line-height:1.5}.blog-card-date{color:#aaa;font-size:12px}.blog-loading,.blog-error{text-align:center;color:#888;padding:80px 20px;font-size:16px}.blog-detail-page{padding:40px 20px 80px}.blog-detail-inner{max-width:720px;margin:0 auto}.blog-detail-header{margin-bottom:32px}.blog-category{color:#e94560;background:#fff0f5;border-radius:999px;margin-bottom:12px;padding:2px 8px;font-size:11px;display:inline-block}.blog-detail-title{color:#1a1a1a;margin-bottom:12px;font-size:28px;font-weight:700;line-height:1.4}.blog-detail-date{color:#aaa;font-size:13px}.blog-detail-eyecatch{border-radius:12px;width:100%;margin-bottom:40px}.blog-detail-body{color:#333;font-size:16px;line-height:1.9}.blog-detail-body h2{border-bottom:2px solid #f0f0f0;margin:40px 0 16px;padding-bottom:8px;font-size:22px;font-weight:700}.blog-detail-body h3{margin:32px 0 12px;font-size:18px;font-weight:700}.blog-detail-body p{margin-bottom:20px}.blog-detail-body img{border-radius:8px;max-width:100%}.blog-detail-body a{color:#e94560;text-decoration:underline}.blog-detail-body ul,.blog-detail-body ol{margin-bottom:20px;padding-left:24px}.blog-detail-body li{margin-bottom:8px}.blog-detail-footer{border-top:1px solid #eee;margin-top:60px;padding-top:24px}.lab-page{padding:40px 20px 80px}.lab-inner{max-width:960px;margin:0 auto}.lab-header{margin-bottom:48px}.lab-header h1{margin-bottom:8px;font-size:32px;font-weight:700}.lab-header p{color:#888;font-size:15px}.lab-empty{text-align:center;color:#aaa;background:#f9f9f9;border-radius:12px;padding:80px 20px;font-size:15px}.lab-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.lab-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:24px}.lab-card-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}.lab-card-header h2{font-size:17px;font-weight:700;line-height:1.4}.lab-status{color:#fff;white-space:nowrap;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:11px}.lab-description{color:#666;margin-bottom:12px;font-size:14px;line-height:1.7}.lab-tags{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.lab-tag{color:#555;background:#f0f0f0;border-radius:999px;padding:2px 8px;font-size:11px}.lab-link{color:#e94560;font-size:13px;font-weight:700;text-decoration:none}.lab-link:hover{text-decoration:underline}.botsu-page{padding:40px 20px 80px}.botsu-inner{max-width:960px;margin:0 auto}.back-link{color:#888;margin-bottom:24px;font-size:14px;text-decoration:none;display:inline-block}.back-link:hover{color:#1a1a1a}.botsu-header{text-align:center;margin-bottom:48px}.botsu-kurochan{object-fit:cover;object-position:top;border-radius:50%;width:120px;height:120px;margin-bottom:16px}.botsu-header h1{margin-bottom:12px;font-size:28px;font-weight:700}.botsu-header p{color:#888;font-size:14px;line-height:1.8}.botsu-empty{text-align:center;color:#aaa;background:#fff9f0;border-radius:12px;padding:80px 20px;font-size:14px}.botsu-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;display:grid}.botsu-card{background:#fff;border:1px solid #ffd6e0;border-radius:12px;overflow:hidden}.botsu-img{object-fit:cover;filter:grayscale(20%);width:100%;height:180px}.botsu-body{padding:16px}.botsu-category{color:#e94560;background:#fff0f5;border-radius:999px;margin-bottom:8px;padding:2px 8px;font-size:11px;display:inline-block}.botsu-body h2{margin-bottom:6px;font-size:16px;font-weight:700}.botsu-body p{color:#888;font-size:13px;line-height:1.6}