.popup-enter-active[data-v-0bd0f13a]{animation:popup-0bd0f13a .2s}@keyframes popup-0bd0f13a{0%{transform:translateY(100%)}to{transform:translateY(0)}}.fade-enter-active[data-v-0bd0f13a],.fade-leave-active[data-v-0bd0f13a]{transition:opacity .2s}.fade-enter[data-v-0bd0f13a],.fade-leave-to[data-v-0bd0f13a]{opacity:0}.slide-fade-enter-active[data-v-0bd0f13a]{transition:all .3s ease}.slide-fade-leave-active[data-v-0bd0f13a]{transition:all .3s cubic-bezier(1,.5,.8,1)}.slide-fade-enter[data-v-0bd0f13a],.slide-fade-leave-to[data-v-0bd0f13a]{transform:translate(-10px);opacity:0}:root{--primary-color: #3498db;--secondary-color: #2980b9;--accent-color: #27ae60;--dark-color: #2c3e50;--light-color: #ecf0f1;--success-color: #2ecc71;--error-color: #e74c3c;--warning-color: #f39c12;--info-color: #3498db;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem}*{margin:0;padding:0;box-sizing:border-box;font-family:Hiragino Sans,Meiryo,sans-serif}body{background-color:#f5f8fa;color:var(--dark-color);line-height:1.6}header{background-color:var(--primary-color);color:#fff;padding:1rem;box-shadow:0 2px 5px #0000001a;position:sticky;top:0;z-index:100}.header-container{display:flex;justify-content:space-between;align-items:center;max-width:900px;margin:0 auto;width:100%;padding:0 10px}.header-right{display:flex;align-items:center;gap:15px}.question-counter{color:#fff;font-weight:500;font-size:.9rem;white-space:nowrap}.btn-icon{background-color:transparent;color:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.btn-close{background-color:#ffffff1a}.btn-close:hover{background-color:#fff3}.btn-primary{background-color:var(--secondary-color);color:#fff}.btn-primary:hover{background-color:#1a6aa8}main{max-width:900px;margin:1rem auto;padding:0 1rem}.feedback-container{position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:1.5rem;box-shadow:0 -2px 10px #0000001a;border-radius:12px 12px 0 0;z-index:1000}.feedback-container.show{transform:translateY(0)}.feedback{max-width:900px;margin:0 auto;padding:1rem;border-radius:8px;margin-bottom:1rem}.feedback.correct{display:block;background-color:#2ecc711a;border:1px solid var(--success-color)}.feedback.incorrect{display:block;background-color:#e74c3c1a;border:1px solid var(--error-color)}.feedback-title{font-weight:700;margin-bottom:.5rem}.feedback.correct .feedback-title{color:var(--success-color)}.feedback.incorrect .feedback-title{color:var(--error-color)}.explanation{margin-top:.5rem}.btn-container{display:flex;justify-content:center}.btn-next{background-color:var(--secondary-color);color:#fff;padding:.8rem 2rem;font-size:1rem;border-radius:4px;cursor:pointer;transition:all .3s;border:none;font-weight:500;min-width:150px}.btn-next:hover{background-color:#1a6aa8}.btn-next:disabled{background-color:#ccc;cursor:not-allowed}.btn-result{background-color:var(--accent-color)}.btn-result:hover{background-color:#219653}.stat{display:flex;align-items:center;font-size:.9rem;color:#666}.stat-value{font-weight:700;margin-left:.3rem;color:var(--dark-color)}.stat-correct .stat-value{color:var(--success-color)}.stat-incorrect .stat-value{color:var(--error-color)}@media (max-width: 768px){.quiz-header{flex-direction:column;align-items:flex-start;gap:1rem}.quiz-control{width:100%;justify-content:space-between}}
