@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');
        
body {
    font-family: 'Inter', sans-serif;
    background-color: #f8fafc; /* slate-50 */
    color: #1e293b;
}

/* Analyzer CSS */
#cba-wrapper .glass-panel { background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(10px); border: 1px solid rgba(226, 232, 240, 0.8); }
#cba-wrapper .score-card { transition: transform 0.2s ease, box-shadow 0.2s ease; }
@media (min-width: 1024px) { #cba-wrapper .score-card:hover { transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); } }

/* Highlight Colors */
#cba-wrapper .personal-word { color: #00B700; font-weight: 600; background-color: rgba(0, 183, 0, 0.1); padding: 0 2px; border-radius: 3px; }
#cba-wrapper .visual-word { color: #ef4444; font-weight: 600; text-decoration: underline; text-decoration-color: #ef4444; text-underline-offset: 2px; background-color: rgba(239, 68, 68, 0.05); padding: 0 2px; border-radius: 3px; }
#cba-wrapper .overlap-word { color: #ef4444; font-weight: 700; background-color: rgba(0, 183, 0, 0.15); border-bottom: 2px solid #ef4444; padding: 0 2px; border-radius: 3px; }

/* Accordion Animations */
.cba-accordion-content { transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out; max-height: 0; opacity: 0; overflow: hidden; }
.cba-accordion-open { max-height: 500px; opacity: 1; margin-top: 1rem; }

/* Score Summary Alignments */
.score-row { display: flex; justify-content: space-between; align-items: center; font-size: 0.875rem; line-height: 1.25rem; }
.score-label { color: #475569; flex: 1; }
.score-value { font-weight: 700; color: #1e293b; width: 3rem; text-align: right; }

/* Custom Pulse */
@keyframes custom-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}
.animate-custom-pulse { animation: custom-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }