:root{--primary-blue: #0066CC;--secondary-blue: #00A3E0;--tertiary-blue: #0088CC;--user-message-bg: #0066CC;--bot-message-bg: #F5F5F5;--accent-bg: #F0F8FF;--text-primary: #333333;--text-secondary: #666666;--text-light: #999999;--border-color: #E0E0E0;--success-bg: #E8F5E9;--warning-bg: #FFF3E0;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--status-open: #f59e0b;--status-in-progress: #3b82f6;--status-awaiting-user: #8b5cf6;--status-replied: #10b981;--status-closed: #6b7280;--event-custody-handoff: #4CAF50;--event-court-date: #F44336;--event-therapy: #9C27B0;--event-school-event: #2196F3;--event-other: #757575;--nudge-pre: #2196F3;--nudge-post-debrief: #4CAF50;--nudge-checkin: #FF9800;--nudge-reminder: #9C27B0;--weather-calm: #FFD93D;--weather-guarded: #87CEEB;--weather-tense: #A9A9A9;--weather-stormy: #6B8E9F;--weather-unpredictable: #8B4513;--weather-chart-1: #4CAF50;--weather-chart-2: #8BC34A;--weather-chart-3: #FFC107;--weather-chart-4: #FF9800;--weather-chart-5: #F44336;--skill-gray-rock: #78909c;--skill-biff-response: #5c6bc0;--skill-boundary-setting: #26a69a;--skill-de-escalation: #ef5350;--skill-medium-response-time: #ff7043;--skill-loyalty-binds: #ab47bc;--skill-transition-bridge: #42a5f5;--skill-psychological-splitting: #7e57c2;--skill-dialectical-thinking: #66bb6a;--skill-ambiguous-loss: #8d6e63;--skill-default: #9e9e9e;--technique-identified: #2196F3;--technique-skipped: #9E9E9E;--technique-attempted: #FFEB3B;--technique-coached: #9C27B0;--technique-mastered: #4CAF50;--technique-needs-work: #FF5722;--technique-default: #757575;--feedback-bug: #ef4444;--feedback-feature-request: #3b82f6;--feedback-improvement: #10b981;--feedback-other: #6b7280;--feedback-accent: #7c3aed;--feedback-accent-light: #a78bfa;--feedback-accent-hover: #6d28d9;--streak-30-plus: #ff4500;--streak-14-plus: #ff6b35;--streak-7-plus: #ff8c42;--streak-3-plus: #ffa64d;--streak-default: #ffb366;--load-mode-always: #7b1fa2;--load-mode-never: #d32f2f;--load-mode-state: #0288d1;--load-mode-prompt: #1976d2;--load-mode-situation: #2e7d32;--load-mode-random: #ed6c02;--load-mode-system: #616161;--provider-openai: #10a37f;--provider-anthropic: #d97706;--gradient-dark-start: #1a1a2e;--gradient-dark-end: #16213e;--gradient-light-start: #667eea;--gradient-light-end: #764ba2;--gradient-neutral-start: #f5f5f5;--gradient-neutral-end: #e0e0e0;--gradient-header-dark-start: #1a237e;--gradient-header-dark-end: #283593;--gradient-header-light-start: #0066CC;--gradient-header-light-end: #0077DD;--gradient-logo-start: #5c6bc0;--gradient-logo-end: #42a5f5;--gradient-beta-start: #1976d2;--gradient-beta-end: #42a5f5;--overlay-dark: rgba(0, 0, 0, .5);--overlay-light: rgba(255, 255, 255, .95);--overlay-dark-solid: rgba(30, 30, 40, .95);--white-alpha-10: rgba(255, 255, 255, .1);--white-alpha-15: rgba(255, 255, 255, .15);--white-alpha-20: rgba(255, 255, 255, .2);--white-alpha-25: rgba(255, 255, 255, .25);--white-alpha-30: rgba(255, 255, 255, .3);--white-alpha-50: rgba(255, 255, 255, .5);--white-alpha-60: rgba(255, 255, 255, .6);--white-alpha-70: rgba(255, 255, 255, .7);--white-alpha-80: rgba(255, 255, 255, .8);--black-alpha-04: rgba(0, 0, 0, .04);--black-alpha-06: rgba(0, 0, 0, .06);--clinical-antipattern-bg: rgba(211, 47, 47, .05);--clinical-antipattern-tint: rgba(211, 47, 47, .02);--clinical-quote-bg: rgba(156, 39, 176, .05);--clinical-quote-tint: rgba(156, 39, 176, .02);--priority-high: #ef4444;--priority-low: #10b981}body{margin:0;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:var(--text-primary);line-height:1.5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}button{font-family:var(--font-family);cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:16px;transition:background-color .2s ease}button.primary,button[type=submit],.MuiButton-containedPrimary{background-color:var(--primary-blue);color:#fff}button.primary:hover,button[type=submit]:hover,.MuiButton-containedPrimary:hover{background-color:#0052a3}button.secondary{background-color:var(--secondary-blue);color:#fff}button.secondary:hover{background-color:#0088b8}a{color:var(--primary-blue);text-decoration:none;transition:color .2s ease}a:hover{color:#0052a3;text-decoration:underline}.tab-active,.nav-active,.MuiTab-root.Mui-selected{color:var(--primary-blue)!important;border-bottom-color:var(--primary-blue)}.tab-indicator,.MuiTabs-indicator{background-color:var(--primary-blue)!important}.message-user,.user-message{background-color:var(--user-message-bg);color:#fff;padding:12px 16px;border-radius:16px;margin:8px 0}.message-bot,.bot-message,.coach-message{background-color:var(--bot-message-bg);color:var(--text-primary);padding:12px 16px;border-radius:16px;margin:8px 0}.divider,hr,.MuiDivider-root{border-color:var(--border-color)}.card,.paper,.MuiPaper-root{border:1px solid var(--border-color)}.success,.success-message{background-color:var(--success-bg);color:#2e7d32}.warning,.warning-message{background-color:var(--warning-bg);color:#e65100}.info,.info-message{background-color:var(--accent-bg);color:var(--primary-blue)}h1{font-size:24px;font-weight:600;color:#333;line-height:1.3;margin-bottom:16px}h2{font-size:18px;font-weight:600;color:#333;line-height:1.3;margin-bottom:12px}h3{font-size:16px;font-weight:600;color:#333;line-height:1.3;margin-bottom:8px}p{font-size:14px;line-height:1.5;margin-bottom:12px}small{font-size:12px;color:#999;line-height:1.4}input,textarea,select{font-size:16px;font-family:inherit;line-height:1.5}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:24px}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:#333}.text-secondary{color:#666}.text-light{color:#999}.text-blue{color:var(--primary-blue, #0066CC)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.leading-tight{line-height:1.25}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.75}@media(max-width:320px){h1{font-size:20px}h2{font-size:16px}h3{font-size:14px}p{font-size:13px}}@media(min-width:768px){h1{font-size:28px}h2{font-size:20px}h3{font-size:18px}p{font-size:16px}}