/* ===== ANALYSIS SCREEN ===== */
.analysis { gap: 16px; }

.analysis__header {
    text-align: center;
    padding: 12px 0 4px;
}

.analysis__style-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 22px;
    border-radius: 100px;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 8px;
    border: 1px solid transparent;
    letter-spacing: -0.1px;
}

.badge--anxious    { background: rgba(251,146,60,0.12); color: #FDBA74; border-color: rgba(251,146,60,0.25); }
.badge--avoidant   { background: rgba(96,165,250,0.12); color: #93C5FD; border-color: rgba(96,165,250,0.25); }
.badge--fearful_avoidant { background: rgba(248,113,113,0.12); color: #FCA5A5; border-color: rgba(248,113,113,0.25); }
.badge--secure     { background: rgba(74,222,128,0.12); color: #86EFAC; border-color: rgba(74,222,128,0.25); }

.analysis__confidence {
    font-size: 12px;
    color: var(--text-muted);
    font-weight: 500;
    letter-spacing: 0.3px;
}

.analysis-card {
    padding: 20px 22px;
    animation: slideUp 0.4s ease both;
    border-left: 2px solid transparent;
}

.analysis-card:nth-child(2) { animation-delay: 0.08s; border-left-color: rgba(155,115,255,0.4); }
.analysis-card:nth-child(3) { animation-delay: 0.16s; border-left-color: rgba(251,146,60,0.4); }
.analysis-card:nth-child(4) { animation-delay: 0.24s; border-left-color: rgba(74,222,128,0.4); }
.analysis-card:nth-child(5) { animation-delay: 0.32s; border-left-color: rgba(96,165,250,0.4); }

.analysis-card__icon {
    font-size: 22px;
    margin-bottom: 10px;
}

.analysis-card__title {
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 8px;
}

.analysis-card__title--analysis  { color: var(--primary-light); }
.analysis-card__title--unhealthy { color: var(--orange); }
.analysis-card__title--healthy   { color: var(--green); }
.analysis-card__title--advice    { color: var(--blue); }

.analysis-card__text {
    font-size: 14px;
    line-height: 1.75;
    color: var(--text-secondary);
}

.analysis__actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: auto;
    padding-top: 8px;
}

/* Analysis card stickers */
.analysis-card__sticker {
    width: 38px;
    height: 38px;
    object-fit: contain;
    margin-bottom: 10px;
    filter: drop-shadow(0 3px 8px rgba(155, 115, 255, 0.25));
}

/* Mobile adjustments */
@media (max-width: 360px) {
    .analysis-card__sticker { width: 32px; height: 32px; }
}