.achievement-summary{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;text-align:center;margin-bottom:25px;padding:20px;background:#c8b46414}.achievement-stat{display:flex;flex-direction:column;gap:5px;flex:1}.achievement-stat-label{font-size:.9em;color:#aaa89a;text-transform:uppercase;letter-spacing:1px;font-weight:600}.achievement-stat-value{font-size:1.3em;color:#fd8;font-family:Noto Sans,sans-serif}.achievement-rationale,.achievement-milestones{float:left;margin-top:20px;padding:0 15px}.achievement-rationale h3,.achievement-milestones h3{color:#ee9a8a;font-size:1.1em;margin-bottom:12px;font-weight:600}.achievement-rationale p,.achievement-milestones p{color:#e8e0d0;line-height:1.7;font-size:1.05em}@media screen and (max-width:768px){.achievement-output{padding:20px}.achievement-summary{flex-direction:column;gap:15px;padding:15px}.achievement-stat-value{font-size:1.2em}.achievement-rationale,.achievement-milestones{padding:15px}}.achievement-goal-header{margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid #6a6a4a}.achievement-goal-header h2{color:#fd8;font-size:1.5em;margin:15px 0 25px}.achievement-progress-bar{width:100%;height:16px;background:#000;border-radius:15px;overflow:hidden;margin-bottom:10px;border:1px solid #19304d;padding:4px}.achievement-progress-bar .progress-fill{height:100%;background-color:#00faff;transition:width .5s ease;border-radius:15px}.progress-text{text-align:center;margin:15px 0}.interactive-steps .step-item{cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:15px}.interactive-steps .step-item:hover{background:#c8b46414;transform:translate(5px)}.interactive-steps .step-item.completed{opacity:.6}.step-checkbox-label.checkbox{flex-shrink:0;padding:0;margin:0;position:relative;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.step-checkbox-label.checkbox .checkmark{position:absolute;left:0;top:50%;transform:translateY(-50%);width:22px;height:22px;margin:0}.step-checkbox-label.checkbox input[type=checkbox]:checked+.checkmark{background-color:#8c8;border-color:#8c8}.step-checkbox-label.checkbox .checkmark:after{left:7px;top:3px;width:6px;height:11px}.step-text.strikethrough{text-decoration:line-through}.clickable-step{user-select:none}@media screen and (max-width:768px){.achievement-goal-header h2{font-size:1.2em}.achievement-progress-bar{height:25px}.interactive-steps .step-item{gap:10px}.step-checkbox-label.checkbox{width:20px;height:20px}.step-checkbox-label.checkbox .checkmark{width:18px;height:18px}.step-checkbox-label.checkbox .checkmark:after{left:5px;top:2px;width:5px;height:9px}}