:root{--color-navy-950: #12172b;--color-navy-900: #1b2340;--color-navy-700: #2e3a63;--color-navy-500: #5b6890;--color-navy-300: #a6aec9;--color-navy-100: #e3e6f0;--color-navy-50: #f4f5fa;--color-gold-700: #b4790f;--color-gold-500: #fab220;--color-gold-300: #fdd27e;--color-gold-100: #fef2dc;--color-white: #ffffff;--color-success: #1e8e5a;--color-warning: #b4790f;--color-error: #c0392b;--font-display: "Montserrat", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--body-bg: var(--color-navy-50);--card-bg: var(--color-white);--card-border: var(--color-navy-100);--text-primary: var(--color-navy-950);--text-secondary: var(--color-navy-500);--topbar-bg: var(--color-white);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(27, 35, 64, .06);--shadow-md: 0 4px 12px rgba(27, 35, 64, .1);--shadow-lg: 0 12px 32px rgba(27, 35, 64, .16)}*{box-sizing:border-box}body{margin:0;font:400 14px/1.5 var(--font-body);background:var(--body-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased}.app{max-width:900px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;padding:0 20px}.app-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 0 18px;border-bottom:1px solid var(--card-border);flex-wrap:wrap}.eyebrow{margin:0;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--color-gold-700);font-weight:700}.app-header h1{margin:4px 0;font:800 30px var(--font-display);letter-spacing:-.5px;color:var(--color-navy-900)}.subtitle{margin:0;color:var(--text-secondary);font-size:14px}.apikey-bar{display:flex;align-items:center;gap:8px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:8px 10px;box-shadow:var(--shadow-sm)}.apikey-bar label{font-size:12px;color:var(--text-secondary);font-weight:600}.apikey-bar input{background:var(--color-white);border:1.5px solid var(--color-navy-300);color:var(--text-primary);border-radius:var(--radius-sm);padding:6px 8px;width:190px}.apikey-bar button,.composer button,.suggestions button,.topic-card{cursor:pointer}.apikey-bar button{background:var(--color-gold-500);color:var(--color-navy-900);border:none;border-radius:var(--radius-sm);padding:7px 14px;font-weight:700}.apikey-bar button:hover{background:var(--color-gold-700);color:#fff}.chat{flex:1;overflow-y:auto;padding:22px 0}.topics-intro{color:var(--text-secondary);text-align:center;margin-bottom:22px}.topics-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.topic-label{font-weight:700;color:var(--color-gold-700);margin:0 0 10px;font-size:11px;text-transform:uppercase;letter-spacing:1.2px}.topic-grid{display:flex;flex-direction:column;gap:8px}.topic-card{text-align:left;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:14px 16px;color:var(--text-primary);display:flex;flex-direction:column;gap:2px;box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s,transform .15s}.topic-card:hover{border-color:var(--color-gold-500);box-shadow:var(--shadow-md);transform:translateY(-1px)}.topic-card strong{font-family:var(--font-display);font-weight:700;color:var(--color-navy-900)}.topic-card span{color:var(--text-secondary);font-size:13px}.messages{display:flex;flex-direction:column;gap:16px}.message{display:flex}.message-user{justify-content:flex-end}.bubble{max-width:90%;padding:14px 18px;border-radius:var(--radius-lg);line-height:1.55}.message-user .bubble{background:var(--color-navy-900);color:#fff;border-bottom-right-radius:4px}.message-assistant .bubble{background:var(--card-bg);border:1px solid var(--card-border);border-bottom-left-radius:4px;width:100%;box-shadow:var(--shadow-sm)}.thinking{color:var(--text-secondary);font-style:italic}.answer-text{line-height:1.55}.answer-text .md-p{margin:0 0 10px}.answer-text .md-p:last-child{margin-bottom:0}.answer-text .md-heading{margin:14px 0 8px;font-family:var(--font-display);font-weight:700;color:var(--color-navy-900)}.answer-text .md-heading:first-child{margin-top:0}.answer-text .md-list{margin:4px 0 10px;padding-left:20px}.answer-text .md-list li{margin-bottom:4px}.answer-text strong{color:var(--color-gold-700);font-weight:700}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.chip{display:inline-flex;flex-direction:column;background:var(--color-navy-50);border:1px solid var(--card-border);border-radius:var(--radius-sm);padding:6px 10px;min-width:90px}.chip-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;font-weight:600}.chip-value{font-size:15px;font-weight:700;color:var(--color-navy-900)}.sources-line{margin-top:12px;border-top:1px solid var(--card-border);padding-top:8px;font-size:12px;color:var(--text-secondary)}.suggestions{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0}.suggestions button{background:var(--card-bg);border:1px solid var(--card-border);color:var(--color-navy-700);border-radius:var(--radius-full);padding:6px 14px;font-size:13px;font-weight:500;box-shadow:var(--shadow-sm)}.suggestions button:hover{border-color:var(--color-gold-500);color:var(--color-navy-900)}.composer{padding:14px 0 22px;border-top:1px solid var(--card-border)}.composer form{display:flex;gap:8px}.composer input{flex:1;background:var(--color-white);border:1.5px solid var(--color-navy-300);color:var(--text-primary);border-radius:var(--radius-md);padding:12px 14px;font-size:15px;height:48px;transition:border-color .15s,box-shadow .15s}.composer input:focus{outline:none;border-color:var(--color-navy-900);box-shadow:0 0 0 2px var(--color-navy-100)}.composer button{background:var(--color-gold-500);color:var(--color-navy-900);border:none;border-radius:var(--radius-md);padding:0 24px;font-weight:700}.composer button:hover:not(:disabled){background:var(--color-gold-700);color:#fff}.composer button:disabled{opacity:.5;cursor:not-allowed}.disclaimer{margin:10px 0 0;text-align:center;color:var(--text-secondary);font-size:12px}.error{color:var(--color-error);font-size:13px;margin-bottom:8px;font-weight:500}@media(max-width:640px){.topics-columns{grid-template-columns:1fr}.apikey-bar input{width:140px}}