:root{--primary: #4e2a84;--bg: #f5f3fa;--text-main: #1f1f1f;--text-muted: #5f5f5f;--border-soft: #e0d7f0;--shadow-soft: 0 4px 12px rgba(0, 0, 0, .05);--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--transition-fast: .2s ease-out}body{margin:0;font-family:Quicksand,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text-main)}.app-root{min-height:100vh;display:flex;flex-direction:column}.app-header-banner{background-color:var(--primary);padding:16px 24px;box-shadow:0 2px 10px #0000001f}.app-header-content{max-width:980px;margin:0 auto;display:flex;align-items:center;gap:16px}.app-logo{width:100px;height:100px;flex-shrink:0}.app-header-text{display:flex;flex-direction:column;gap:4px}.app-title{margin:0;font-size:1.7rem;color:#fff}.app-subtitle{margin:0;max-width:720px;color:#f5f3fa;font-size:.95rem}@media(max-width:600px){.app-header-content{align-items:flex-start}.app-logo{width:50px;height:50px}.app-title{font-size:1.4rem}}.app-main{padding:20px 16px 16px;display:flex;justify-content:center}.app-main-card{width:100%;max-width:980px}.card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);border:1px solid var(--border-soft);padding:24px}.progress-section{margin-bottom:24px}.progress-header{display:flex;justify-content:space-between;font-size:.95rem;color:var(--text-muted);margin-bottom:6px}.progress-percentage{font-weight:600;color:var(--text-main)}.progress-bar-wrapper{width:100%;height:10px;border-radius:999px;background:#f1ecfb;overflow:hidden}.progress-bar-fill{height:100%;border-radius:999px;transition:width var(--transition-fast)}.progress-caption{margin-top:6px;font-size:.85rem;color:var(--text-muted)}.intro-section{margin-bottom:24px}.intro-section h2{margin:0 0 8px;color:#ee8133;font-size:1.9rem;font-weight:700}.sections-grid{display:flex;flex-direction:column;gap:16px}.section-card{background:#f5f0fa;border-radius:var(--radius-md);border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);padding:16px 18px}.section-title{margin:0 0 10px;font-size:1.05rem;color:var(--primary)}.items-list{list-style:none;margin:0;padding:0}.item-row+.item-row{margin-top:8px}.item-label{display:flex;gap:10px;align-items:flex-start;font-size:.95rem;cursor:pointer}.item-checkbox{margin-top:3px}.actions-row{margin-top:24px;display:flex;justify-content:flex-end;gap:12px}.primary-button,.secondary-button{border-radius:999px;padding:10px 18px;border:1px solid transparent;font-size:.95rem;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.primary-button{background-color:var(--primary);color:#fff;box-shadow:var(--shadow-soft)}.primary-button:hover{transform:translateY(-1px);box-shadow:0 6px 16px #00000014}.secondary-button{background-color:#fff;color:var(--primary);border-color:var(--border-soft)}.secondary-button:hover{background-color:#f7f3ff}.results-section{margin-top:8px;margin-bottom:24px}.results-section h2{margin-top:0;margin-bottom:10px;color:var(--primary)}.results-section h3,.results-details>h3{text-align:center;color:#ee8133;font-size:1.3rem;margin-bottom:18px}.score-badge{display:inline-flex;align-items:baseline;gap:6px;padding:10px 14px;border-radius:var(--radius-md);background:#f1ecfb;border:1px solid var(--border-soft)}.score-value{font-size:1.4rem;font-weight:700;color:var(--primary)}.score-label{font-size:.9rem;color:var(--text-muted)}.results-message{margin-top:12px;color:var(--text-main)}.results-details h3{margin-bottom:8px}.results-details .sections-grid{gap:30px}.results-intro{font-size:.95rem;color:var(--text-muted);margin-bottom:12px}.advice-list{display:flex;flex-direction:column;gap:10px;margin-top:4px}.advice-card{border-radius:var(--radius-md);border:1px solid var(--border-soft);background:#fff;box-shadow:var(--shadow-soft);padding:12px 14px}.advice-title{margin:0 0 4px;font-size:.95rem;color:var(--primary)}.advice-text{margin:0;font-size:.9rem;text-align:justify}.result-card,.result-group-card{background:#f5f0fa;border-color:#4e2a8429}.result-group-title{font-size:1.2rem;text-align:center;margin-top:10px;margin-bottom:22px}.result-group-card+.result-group-card{border-top:1px solid rgba(78,42,132,.3);margin-top:18px;padding-top:16px}.donut-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.donut-item{flex:1 1 220px;text-align:center}.donut-title{margin-bottom:8px;font-size:.95rem;font-weight:600;color:var(--text-main)}.donut-chart-wrapper{position:relative;width:100%;height:180px}.donut-center-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;font-size:1.1rem;color:var(--primary)}.app-footer{margin-top:auto;padding:12px 16px 18px;text-align:center;font-size:.8rem;color:var(--text-muted)}