*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px;color:#333}.container{max-width:900px;margin:0 auto;background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3);overflow:hidden}.page{display:none;padding:40px;animation:fadeIn .3s ease-in}.page.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#welcome-page{text-align:center}h1{color:#667eea;margin-bottom:30px;font-size:2.2rem}h2{color:#555;margin-bottom:20px;font-size:1.5rem}.intro-card{background:#f8f9fa;padding:30px;border-radius:15px;margin-top:20px}.info-box{background:#fff;padding:20px;border-radius:10px;margin:20px 0;text-align:left}.info-box ul{list-style-position:inside;margin-top:10px}.info-box li{margin-bottom:8px;color:#666}.btn-primary,.btn-secondary,.btn-success{padding:15px 40px;font-size:1.1rem;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;margin:10px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(102,126,234,.4)}.btn-secondary{background:#e0e0e0;color:#333}.btn-secondary:hover{background:#d0d0d0}.btn-success{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.btn-success:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(17,153,142,.4)}button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.progress-bar{width:100%;height:8px;background:#e0e0e0;border-radius:10px;overflow:hidden;margin-bottom:20px}.progress{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);width:0;transition:width .3s ease}.question-count{text-align:center;color:#666;margin-bottom:30px;font-size:1.1rem}#question-container{min-height:auto;margin-bottom:30px}.question-card{background:#f8f9fa;padding:20px;border-radius:15px;animation:slideIn .3s ease}.question-number{text-align:center;color:#667eea;font-weight:700;font-size:1rem;margin-bottom:15px}.question-text{font-size:1.15rem;color:#333;margin-bottom:15px;line-height:1.5}.question-type{display:inline-block;padding:5px 15px;border-radius:20px;font-size:.85rem;margin-bottom:15px;font-weight:700}.type-core{background:#ffe0e0;color:#c0392b}.type-auxiliary{background:#e0f0ff;color:#2980b9}.options-container{margin-top:15px}.option-item{padding:12px 15px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;margin-bottom:12px}.option-item:last-child{margin-bottom:0}.option-item:hover{border-color:#667eea;background:#f0f4ff}.option-item.selected{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.option-score{font-weight:700;margin-right:12px;min-width:25px;font-size:.9rem}.option-text{flex:1 1;line-height:1.4;font-size:.9rem}.no-options{text-align:center;padding:20px;color:#666;font-style:italic}.navigation{display:flex;justify-content:center;gap:15px;margin-top:30px}.report-header{text-align:right;color:#666;margin-bottom:30px}.total-score-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;border-radius:15px;text-align:center;margin-bottom:30px}.score-display{font-size:3.5rem;font-weight:700;margin:20px 0}.level-badge{display:inline-block;padding:8px 25px;border-radius:20px;font-size:1.1rem;font-weight:700;margin:15px 0;background:hsla(0,0%,100%,.25)}.level-low{background:rgba(76,175,80,.9)}.level-medium{background:rgba(255,193,7,.9)}.level-high{background:rgba(244,67,54,.9)}.level-text{font-size:1rem;opacity:.95;line-height:1.6;max-width:700px;margin:15px auto 0}.percentage{font-size:1.2rem;opacity:.9}.chart-container{background:#fff;padding:20px;border-radius:15px;margin-bottom:30px;box-shadow:0 5px 15px rgba(0,0,0,.1)}#radar-chart{width:100%;height:400px;margin-bottom:30px}#bar-chart{width:100%;height:400px;margin-top:20px}.dimension-analysis{margin-bottom:30px}.dimension-card{background:#f8f9fa;padding:25px;border-radius:15px;margin-bottom:20px;border-left:5px solid #667eea}.dimension-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.dimension-name{font-size:1.3rem;color:#333;font-weight:700}.dimension-score{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 20px;border-radius:20px;font-weight:700}.dimension-interpretation{color:#666;line-height:1.8;margin-bottom:15px}.dimension-mechanism{background:#fff;border-radius:10px;color:#555}.dimension-mechanism,.dimension-suggestion{padding:15px;font-size:.95rem;line-height:1.6}.dimension-suggestion{background:#e8f5e9;border-radius:8px;margin-top:15px;border-left:4px solid #4caf50;color:#2e7d32}.core-questions-analysis{margin-bottom:30px}.core-question-item{background:#fff3cd;border-left:4px solid #ffc107;padding:20px;border-radius:10px;margin-bottom:15px}.core-question-text{font-weight:700;color:#333;margin-bottom:10px}.core-question-analysis{color:#666;line-height:1.6}.core-question-analyses{margin-top:20px}.analysis-paragraph{margin-bottom:15px;line-height:1.8}.analysis-paragraph p{margin-bottom:10px;line-height:1.8}.dimension-interpretation-section{margin-bottom:30px}.interpretation-card{background:#f8f9fa;padding:25px;border-radius:15px;margin-bottom:20px;border-left:5px solid #667eea}.interpretation-card h3{color:#667eea;margin-bottom:15px;font-size:1.2rem}.interpretation-content p{color:#666;line-height:1.8;margin-bottom:10px}.interpretation-content strong{color:#333}.action-buttons{text-align:center;margin-top:40px}@media (max-width:768px){body{padding:10px}.container{border-radius:10px}.page{padding:20px}h1{font-size:1.6rem}h2{font-size:1.2rem}.question-text{font-size:1.05rem;margin-bottom:15px}.option-item{padding:10px 14px;flex-direction:column;align-items:flex-start}.option-score{margin-bottom:5px}.navigation{flex-direction:column}.btn-primary,.btn-secondary,.btn-success{width:100%;margin:5px 0}#bar-chart,#radar-chart{height:300px}.dimension-header{flex-direction:column;align-items:flex-start}.score-display{font-size:2.5rem}.level-text{font-size:.9rem}.interpretation-card{padding:15px}.interpretation-card h3{font-size:1.05rem}}.loading{text-align:center;padding:50px}.spinner{border:4px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;text-align:center}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}