body{font-family:Noto Sans JP,sans-serif;background:linear-gradient(135deg,#f6f8fb,#e9eff5);margin:0;padding:0;color:#333}.container{max-width:720px;margin:40px auto;background:#fff;padding:40px;box-shadow:0 4px 30px #00000014;border-radius:12px}h1{text-align:center;margin:0 0 20px}.progress{width:100%;background:#dde3ea;height:10px;border-radius:5px;overflow:hidden;margin-bottom:20px}.progress-bar{height:100%;background:#3f51b5;width:0;transition:width .3s ease}.question-block{margin-bottom:20px;padding:10px 0}.question-text{font-weight:700;margin-bottom:12px}.option{display:flex;align-items:center;margin-bottom:8px}.option input{margin-right:6px}.option-icon-img{margin-right:8px;width:28px;height:28px}.navigation{margin-top:20px;display:flex;justify-content:space-between}.nav-button{border:none;padding:10px 20px;font-size:16px;background:#3f51b5;color:#fff;border-radius:4px;cursor:pointer}.nav-button[disabled]{opacity:.5;cursor:not-allowed}.result{margin-top:20px;font-size:18px;font-weight:700;text-align:center}.intro-screen,.result-block{text-align:center}.intro-text,.result-explanation{margin:20px 0;line-height:1.6}.start-button{border:none;padding:10px 20px;font-size:16px;background:#3f51b5;color:#fff;border-radius:4px;cursor:pointer}@media (max-width: 600px){.container{margin:20px 10px;padding:20px;max-width:100%}.navigation{flex-direction:column;gap:10px}.nav-button{width:100%}.option-icon-img{width:24px;height:24px}}@media (max-width: 600px) and (orientation: landscape){.container{margin:10px;padding:10px}.navigation{flex-direction:row;gap:6px}.nav-button{flex:1}}@media (max-width: 600px) and (orientation: portrait){.container{margin:25px 15px;padding:20px}.navigation{flex-direction:column}.nav-button{width:100%}}