.quiz-container{padding:60px;min-height:450px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.quiz-tag{display:inline-block;font-family:var(--font-heading);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-cyan);margin-bottom:12px}.quiz-title{font-size:2.5rem;margin-bottom:16px}.quiz-description{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto 32px}.quiz-meta-info{display:flex;justify-content:center;gap:24px;margin-bottom:40px;font-size:.9rem;color:var(--text-muted)}.quiz-meta-info span{padding:6px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:50px}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.question-cat{font-family:var(--font-heading);font-size:.85rem;font-weight:700;text-transform:uppercase;color:var(--color-indigo);letter-spacing:.05em}.progress-text{font-size:.85rem;color:var(--text-muted);font-weight:600}.quiz-progress-bar-wrapper{width:100%;height:6px;background:#ffffff0d;border-radius:10px;margin-bottom:40px;overflow:hidden}.quiz-progress-bar-fill{height:100%;background:var(--gradient-primary);border-radius:10px;width:0%;transition:width .3s ease-in-out}.question-title-text{font-size:1.6rem;line-height:1.35;margin-bottom:32px;color:var(--text-primary)}.options-grid{display:flex;flex-direction:column;gap:16px}.quiz-option-btn{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--border-radius-md);padding:18px 24px;display:flex;align-items:center;gap:20px;cursor:pointer;text-align:left;transition:var(--transition-bounce);width:100%;color:var(--text-primary)}.quiz-option-btn:hover{background:#6366f10d;border-color:#6366f140;transform:translate(6px)}.quiz-option-btn:active{transform:translate(2px) scale(.99)}.option-marker{width:32px;height:32px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;font-size:.9rem;color:var(--text-secondary);flex-shrink:0;transition:var(--transition-smooth)}.quiz-option-btn:hover .option-marker{background:var(--gradient-primary);color:#fff;border-color:transparent}.option-text{font-family:var(--font-body);font-size:.95rem;line-height:1.5}.results-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;text-align:left}.results-summary{display:flex;flex-direction:column}.result-title-label{font-size:1rem;color:var(--text-secondary);font-weight:600;margin-bottom:8px}.result-badge{display:inline-block;font-family:var(--font-heading);font-size:1.5rem;font-weight:800;padding:10px 24px;border-radius:var(--border-radius-md);margin-bottom:24px;text-align:center}.badge-realist{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:var(--color-emerald);box-shadow:0 4px 20px #10b98126}.badge-confused{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:var(--color-amber);box-shadow:0 4px 20px #f59e0b26}.badge-illusion{background:#f43f5e1a;border:1px solid rgba(244,63,94,.3);color:var(--color-rose);box-shadow:0 4px 20px #f43f5e26}.result-desc{font-size:1.05rem;color:var(--text-primary);line-height:1.6;margin-bottom:32px}.results-chart-box{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--border-radius-md);padding:24px;margin-bottom:32px}.results-chart-box h4{font-size:1.05rem;margin-bottom:20px;color:#fff;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:10px}.chart-bar-group{margin-bottom:16px}.chart-bar-group:last-child{margin-bottom:0}.bar-label{font-size:.8rem;font-weight:600;margin-bottom:6px;color:var(--text-secondary);display:flex;justify-content:space-between}.bar-container{width:100%;height:10px;background:#ffffff0d;border-radius:10px;overflow:hidden}.bar-fill{height:100%;border-radius:10px;width:0%;transition:width 1.2s cubic-bezier(.1,1,.1,1)}.fill-realist{background:var(--gradient-emerald)}.fill-confused{background:var(--gradient-amber)}.fill-illusion{background:var(--gradient-rose)}.result-advice-box{background:#6366f108;border-left:3px solid var(--color-indigo);border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;padding:24px}.result-advice-box h5{font-size:1.05rem;margin-bottom:12px;color:var(--text-primary)}.result-advice-box ul{list-style:none;display:flex;flex-direction:column;gap:10px}.result-advice-box ul li{font-size:.9rem;color:var(--text-secondary);position:relative;padding-left:20px;line-height:1.5}.result-advice-box ul li:before{content:"⚡";position:absolute;left:0;color:var(--color-cyan)}.results-details{border-left:1px solid rgba(255,255,255,.08);padding-left:48px;max-height:700px;overflow-y:auto;padding-right:12px}.results-details::-webkit-scrollbar{width:6px}.results-details::-webkit-scrollbar-track{background:#ffffff03;border-radius:10px}.results-details::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}.details-title{font-size:1.35rem;margin-bottom:24px}.analysis-cards-stack{display:flex;flex-direction:column;gap:20px}.analysis-card{background:#ffffff05;border:var(--glass-border);border-radius:var(--border-radius-md);padding:24px;border-left:4px solid #ccc}.analysis-card.card-realist{border-left-color:var(--color-emerald)}.analysis-card.card-confused{border-left-color:var(--color-amber)}.analysis-card.card-illusion{border-left-color:var(--color-rose)}.analysis-card-header{display:flex;justify-content:space-between;margin-bottom:12px;font-size:.8rem;font-weight:700;text-transform:uppercase}.analysis-num{color:var(--text-muted)}.analysis-category{color:var(--color-cyan);letter-spacing:.05em}.analysis-question{font-size:1rem;font-weight:600;margin-bottom:16px;color:var(--text-primary);line-height:1.4}.analysis-answer-box{background:#ffffff05;border-radius:var(--border-radius-sm);padding:12px 16px;margin-bottom:16px}.answer-label{font-size:.75rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;display:block;margin-bottom:4px}.answer-text{font-size:.85rem;color:var(--text-secondary)}.analysis-feedback-box{display:flex;gap:12px;align-items:flex-start}.feedback-icon{font-size:1.1rem;flex-shrink:0}.feedback-text{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.feedback-text strong{color:#fff}@media (max-width: 1024px){.quiz-container{padding:32px 24px}.results-layout{grid-template-columns:1fr;gap:40px}.results-details{border-left:none;padding-left:0;max-height:none;overflow-y:visible}}@media (max-width: 768px){.quiz-title{font-size:1.8rem}.question-title-text{font-size:1.3rem}.quiz-option-btn{padding:14px 18px;gap:12px}.result-badge{font-size:1.2rem;padding:8px 16px}}