:root{--white:#ffffff;--bg:#f4f1de;--bg-card:#ffffff;--primary:#e07a5f;--primary-light:#f2cc8f;--primary-dark:#d66853;--primary-glow:rgba(224,122,95,0.15);--accent:#81b29a;--accent-light:#a8dadc;--accent-glow:rgba(129,178,154,0.2);--success:#81b29a;--success-glow:rgba(129,178,154,0.15);--text:#3d405b;--text-muted:#8d8d8d;--text-light:#bababa;--type-driver:#e07a5f;--type-connector:#81b29a;--type-analyst:#3d405b;--type-visionary:#f2cc8f;--border:rgba(0,0,0,0.06);--shadow-sm:0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--shadow-lg:0 8px 24px rgba(0,0,0,0.12);--shadow-primary:0 4px 14px rgba(79,70,229,0.35);--radius:20px;--radius-lg:28px;--radius-sm:14px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,Hiragino Kaku Gothic ProN,sans-serif;color:var(--text);background:var(--bg);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}h1{font-size:1.75rem;letter-spacing:-.02em;line-height:1.3;color:var(--text)}h1,h2{font-weight:700;margin-bottom:.5rem}h2{font-size:1.375rem;letter-spacing:-.01em}h3{font-size:1rem;font-weight:600;margin-bottom:.4rem}p{margin-bottom:.75rem;color:var(--text-muted)}a{color:var(--primary);text-decoration:none;transition:all .2s ease}a:hover{color:var(--primary-dark)}button{font-family:inherit;cursor:pointer;border:none;transition:all .25s cubic-bezier(.4,0,.2,1)}button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn-primary{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);color:white;padding:1rem 2rem;font-size:.95rem;font-weight:600;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:var(--shadow-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(79,70,229,.4)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--white);color:var(--text);padding:1rem 2rem;font-size:.95rem;font-weight:600;border:2px solid var(--border);border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-glow)}.card{background:var(--bg-card);border-radius:var(--radius);padding:1.5rem;margin-bottom:1rem;box-shadow:var(--shadow-md);border:1px solid var(--border)}.card-accent{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);color:white;border:none}.card-accent h3,.card-accent p{color:rgba(255,255,255,.9)}.input-field{width:100%;max-width:100%;padding:1rem 1.25rem;font-size:1rem;font-family:inherit;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--white);transition:all .2s ease}.input-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}.input-field::placeholder{color:var(--text-light)}.radio-group{display:flex;flex-direction:column;gap:.75rem}.radio-option{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.25rem;border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;background:var(--white)}.radio-option.selected,.radio-option:hover{border-color:var(--primary);background:var(--primary-glow)}.radio-option input[type=radio]{width:22px;height:22px;accent-color:var(--primary)}.progress-bar{width:100%;height:8px;background:var(--primary-glow);border-radius:var(--radius-full);overflow:hidden;margin-bottom:1.25rem}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0,var(--accent) 100%);border-radius:var(--radius-full);transition:width .4s cubic-bezier(.4,0,.2,1)}.answer-btn{width:100%;text-align:left;padding:1.1rem 1.25rem;background:var(--white);border:2px solid var(--border);border-radius:var(--radius-sm);font-size:.95rem;color:var(--text);transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.75rem}.answer-btn:hover{border-color:var(--primary);background:var(--primary-glow);transform:translateX(4px)}.answer-btn:active{transform:translateX(2px)}.badge{display:inline-flex;align-items:center;padding:.4rem 1rem;font-size:.8rem;font-weight:600;border-radius:var(--radius-full);gap:.35rem}.badge-low{background:rgba(239,68,68,.1);color:#ef4444}.badge-mid{background:var(--accent-glow);color:var(--accent)}.badge-high{background:var(--success-glow);color:var(--success)}.type-card{padding:1.5rem;border-radius:var(--radius);background:var(--white);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-md);border:2px solid transparent}.type-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.type-driver:hover{border-color:var(--type-driver)}.type-connector:hover{border-color:var(--type-connector)}.type-analyst:hover{border-color:var(--type-analyst)}.type-visionary:hover{border-color:var(--type-visionary)}.tip-card{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border-radius:var(--radius);padding:1.25rem}.tip-card,.tip-card h3,.tip-card li,.tip-card p{color:white}.tip-card li{opacity:.95}.note-card{background:var(--accent-glow);border:2px solid rgba(245,158,11,.2);border-radius:var(--radius);padding:1.25rem}.note-card h3{color:var(--accent)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:var(--white);padding:2rem;border-radius:var(--radius-lg);max-width:360px;width:90%;text-align:center;box-shadow:var(--shadow-lg);animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.text-muted{color:var(--text-muted)}.text-center{text-align:center}@media (max-width:768px){h1{font-size:1.5rem}h2{font-size:1.25rem}.card{padding:1.25rem}}@media (max-width:480px){h1{font-size:1.35rem}h2{font-size:1.125rem}h3{font-size:.95rem}.card{padding:1rem;border-radius:var(--radius-sm)}.btn-primary,.btn-secondary{padding:.9rem 1.5rem;width:100%;font-size:.9rem}.answer-btn,.note-card,.tip-card,.type-card{padding:1rem}.answer-btn{font-size:.9rem}.answer-btn:hover{transform:none}.answer-btn:active{background:var(--primary-glow);border-color:var(--primary)}.type-card:hover{transform:none}.badge{padding:.35rem .8rem;font-size:.75rem}.input-field{padding:.9rem 1rem}.radio-option{padding:1rem}.modal-content{padding:1.5rem;margin:1rem}}@media (max-width:360px){h1{font-size:1.25rem}.btn-primary,.btn-secondary{padding:.85rem 1rem;font-size:.85rem}}@supports (padding:env(safe-area-inset-bottom)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}}@media (max-width:480px){.desktop-nav{display:none!important}.mobile-menu-btn{display:block!important}}