.quiz-container{max-width:620px;margin:32px auto 80px;padding:0 20px;min-height:400px}.quiz-start,.quiz-question,.quiz-result{position:relative;background:rgba(13,21,24,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(85,184,160,.14);border-radius:14px;padding:44px 36px;box-shadow:0 18px 50px rgba(0,0,0,.35)}.quiz-start{text-align:center;padding:56px 36px}.quiz-start h2{font-size:1.75rem;font-weight:500;color:#f0ead8;letter-spacing:1px;margin-bottom:14px}.quiz-subtitle{color:#8aa098;font-size:1rem;margin-bottom:38px}.quiz-btn{display:inline-block;padding:14px 32px;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s ease;text-decoration:none;text-align:center;font-family:inherit}.quiz-btn-primary{background:linear-gradient(135deg,#D4A030,#C8961E);color:#12181a;font-weight:500}.quiz-btn-primary:hover{background:linear-gradient(135deg,#E0B040,#D4A030);transform:translateY(-2px);box-shadow:0 6px 18px rgba(212,160,48,.28)}.quiz-btn-secondary{background:0 0;color:#d4a030;border:1px solid rgba(212,160,48,.4)}.quiz-btn-secondary:hover{background:rgba(212,160,48,.1);border-color:#d4a030}.quiz-btn-back{background:0 0;color:#7e948c;padding:10px 20px;font-size:.9rem;margin-top:26px;border:none}.quiz-btn-back:hover{color:#d4a030}.quiz-question{padding:36px 36px 28px}.quiz-progress-bar{height:3px;background:rgba(255,255,255,8%);border-radius:2px;overflow:hidden;margin-bottom:14px}.quiz-progress-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#55B8A0,#D4A030);transition:width .3s ease}.quiz-progress{color:#7e948c;font-size:.82rem;letter-spacing:1px;margin-bottom:26px;text-align:center}.quiz-question h2{font-size:1.35rem;font-weight:500;color:#f0ead8;line-height:1.7;text-align:center;margin-bottom:30px}.quiz-options{display:flex;flex-direction:column;gap:12px}.quiz-btn-option{display:flex;align-items:center;width:100%;padding:16px 20px;background:rgba(255,255,255,5%);border:1px solid rgba(85,184,160,.2);border-radius:10px;text-align:left;transition:all .2s ease;cursor:pointer;font-family:inherit}.quiz-btn-option:hover{background:rgba(212,160,48,.1);border-color:rgba(212,160,48,.55);transform:translateX(4px)}.quiz-option-letter{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:rgba(212,160,48,.16);color:#e0b040;border-radius:50%;font-weight:500;font-size:.9rem;margin-right:16px;flex-shrink:0}.quiz-option-text{color:#dce4e0;font-size:1rem;line-height:1.6}.quiz-result{text-align:center;padding:44px 36px 40px}.quiz-result-kicker{color:#7e948c;font-size:.82rem;letter-spacing:3px;margin-bottom:18px}.quiz-result-icon{display:flex;align-items:center;justify-content:center;width:62px;height:62px;margin:0 auto 18px;border:1px solid rgba(212,160,48,.45);border-radius:50%;color:#e0b040;font-size:1.7rem;letter-spacing:0}.quiz-result-title{font-size:1.7rem;font-weight:500;color:#f0ead8;letter-spacing:2px;margin-bottom:8px}.quiz-result-name{color:#55b8a0;font-size:1.05rem;letter-spacing:1px}.quiz-result-label{color:#7e948c;font-size:.85rem;margin-top:10px;letter-spacing:1px}.quiz-radar{margin:26px auto 4px;max-width:462px}.quiz-radar-svg{width:100%;height:auto;display:block}.quiz-result-desc{color:#c6d0cb;font-size:.98rem;line-height:1.9;margin:18px auto 26px;max-width:480px;text-align:left}.quiz-result-meta{display:flex;align-items:baseline;gap:12px;max-width:480px;margin:0 auto 22px;padding:14px 18px;background:rgba(85,184,160,6%);border-left:2px solid rgba(85,184,160,.5);border-radius:0 8px 8px 0;text-align:left}.quiz-meta-key{color:#55b8a0;font-size:.82rem;letter-spacing:2px;flex-shrink:0}.quiz-meta-val{color:#dce4e0;font-size:.95rem;line-height:1.6}.quiz-result-sub{color:#7e948c;font-size:.88rem;letter-spacing:1px;margin-bottom:26px}.quiz-rhythm{max-width:480px;margin:0 auto 30px;padding:20px 22px;background:rgba(212,160,48,7%);border:1px solid rgba(212,160,48,.22);border-radius:10px;text-align:left}.quiz-rhythm-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin-bottom:10px}.quiz-rhythm-title{color:#e0b040;font-size:1rem;font-weight:500;letter-spacing:1px}.quiz-rhythm-sub{color:#9aa8a2;font-size:.85rem}.quiz-rhythm p{color:#c6d0cb;font-size:.92rem;line-height:1.85;margin:0}.quiz-result-actions{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:34px}.quiz-result-actions .quiz-btn{width:100%;max-width:320px}.article-header .meta{color:#dce8e2;font-size:.96rem;letter-spacing:1px;text-shadow:0 1px 3px rgba(4,14,18,.95),0 2px 16px rgba(4,14,18,.85)}.quiz-error{text-align:center;color:#e74c3c;padding:40px}@media(max-width:600px){.quiz-container{margin:16px auto 60px;padding:0 14px}.quiz-start,.quiz-question,.quiz-result{padding:32px 22px;border-radius:12px}.quiz-start{padding:44px 22px}.quiz-start h2{font-size:1.45rem}.quiz-question h2{font-size:1.15rem}.quiz-btn-option{padding:14px 16px}.quiz-option-text{font-size:.95rem}.quiz-result-title{font-size:1.45rem}.quiz-result-desc{font-size:.94rem}.quiz-result-meta{flex-direction:column;gap:6px}}