:root{--bg: #f5f7f4;--surface: #ffffff;--surface-strong: #11181c;--fg: #171a1c;--muted: #68727a;--subtle: #eef1ec;--border: #d9dfd6;--border-strong: #c2cbc0;--accent: #0f766e;--accent-strong: #0b4f4a;--accent-warm: #c76a16;--accent-blue: #2563eb;--user-bubble: #173b57;--user-fg: #ffffff;--bot-bubble: #ffffff;--band-high: #0f7a4f;--band-medium: #b35f0b;--band-low: #a13c32;--shadow-soft: 0 20px 60px rgba(17, 24, 28, .08);--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-sans);background:linear-gradient(135deg,rgba(15,118,110,.08),transparent 34%),linear-gradient(225deg,rgba(199,106,22,.09),transparent 30%),var(--bg);color:var(--fg);font-feature-settings:"cv02","cv03","cv04","liga","kern";text-rendering:optimizeLegibility}button,textarea,input{font:inherit}button{letter-spacing:0}button:focus-visible,textarea:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:2px}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{padding:14px 24px;border-bottom:1px solid rgba(217,223,214,.9);background:#ffffffe0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand-lockup{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:38px;height:38px;flex:0 0 38px;border-radius:8px;background:var(--surface-strong);display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:4px;padding:8px;box-shadow:0 12px 28px #11181c2e}.brand-mark span{display:block;border-radius:4px;background:#f5f7f4}.brand-mark span:nth-child(1){height:42%}.brand-mark span:nth-child(2){height:78%;background:#58d2c5}.brand-mark span:nth-child(3){height:58%;background:#f2a64a}.app-header h1{font-size:20px;line-height:1.1;margin:0}.subtitle{color:var(--muted);font-size:13px;margin-top:3px}.header-signals{display:flex;align-items:center;justify-content:flex-end;gap:14px;color:#425058;font-size:12px;text-transform:uppercase;line-height:1.2;white-space:nowrap}.header-signals span+span{border-left:1px solid var(--border);padding-left:14px}.chat-window{flex:1;overflow-y:auto;padding:28px 24px 24px;max-width:1120px;width:100%;margin:0 auto}.welcome{color:var(--fg);padding:10px 0 28px}.welcome-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,390px);gap:28px;align-items:stretch}.welcome-copy{display:flex;flex-direction:column;justify-content:center;min-height:360px}.eyebrow{color:var(--accent-strong);font-size:13px;font-weight:800;text-transform:uppercase;margin-bottom:14px}.welcome h2{max-width:760px;margin:0;font-size:42px;line-height:1.04;font-weight:800}.welcome p{max-width:700px;margin:18px 0 0;color:#4a555c;font-size:17px;line-height:1.6}.signal-panel{min-height:360px;border-radius:8px;background:linear-gradient(180deg,rgba(88,210,197,.14),transparent 46%),var(--surface-strong);color:#f6fbf8;padding:22px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.signal-panel-header{display:flex;align-items:baseline;justify-content:space-between;gap:18px;color:#f6fbf8b8;font-size:13px}.signal-panel-header strong{color:#fff;font-size:15px}.neural-stage{flex:1;min-height:170px;margin:18px 0}.neural-stage svg{width:100%;height:100%;display:block}.neural-edge{stroke:#58d2c538;stroke-width:1;fill:none}.neural-edge.live{stroke-dasharray:4 6;animation:neural-dash 2.6s linear infinite}.neural-node{fill:#0e1a1f;stroke:#ffffff59;stroke-width:1;transform-origin:center;transform-box:fill-box;animation:neural-node-pulse 3s ease-in-out infinite}.neural-glow{fill:var(--accent);opacity:0;transform-origin:center;transform-box:fill-box;animation:neural-glow-flash 3s ease-in-out infinite}@keyframes neural-dash{to{stroke-dashoffset:-40}}@keyframes neural-node-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}@keyframes neural-glow-flash{0%,to{opacity:0;transform:scale(.6)}50%{opacity:.45;transform:scale(2.1)}}@media (prefers-reduced-motion: reduce){.neural-edge.live,.neural-node,.neural-glow{animation:none}.neural-glow{opacity:.18}}.signal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;color:#f6fbf8d1;font-size:13px}.signal-grid span{padding:11px 0;border-top:1px solid rgba(246,251,248,.18)}.starter-section{margin-top:28px;padding-top:22px;border-top:1px solid var(--border);display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr);gap:24px;align-items:start}.starter-section h3{margin:0;font-size:18px;line-height:1.25}.starter-section p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.5}.starter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.starter-grid button{min-height:46px;padding:10px 12px;border:1px solid var(--border-strong);border-radius:8px;background:#ffffffc7;color:var(--fg);cursor:pointer;font-weight:700;line-height:1.2;box-shadow:0 8px 20px #11181c0d}.starter-grid button:hover{border-color:var(--accent);color:var(--accent-strong)}.row{display:flex;margin-bottom:14px}.row.user{justify-content:flex-end}.bubble{max-width:min(78%,760px);padding:12px 15px;border-radius:8px;line-height:1.55;overflow-wrap:anywhere;word-wrap:break-word;box-shadow:0 8px 24px #11181c0d}.bubble p{margin:0}.bubble.user{background:var(--user-bubble);color:var(--user-fg);white-space:pre-wrap}.bubble.assistant{width:min(100%,900px);max-width:min(92%,900px);padding:16px 18px;background:#ffffffeb;border:1px solid var(--border);white-space:normal;overflow:hidden}.markdown-body{max-width:100%;overflow-x:auto;color:#253038;font-size:15px;line-height:1.68;scrollbar-color:rgba(15,118,110,.45) transparent}.markdown-body>:first-child{margin-top:0}.markdown-body>:last-child{margin-bottom:0}.markdown-body p{margin:0 0 12px}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{margin:18px 0 8px;color:#152027;font-weight:800;line-height:1.18}.markdown-body h1{font-size:22px}.markdown-body h2{font-size:18px}.markdown-body h3{font-size:16px}.markdown-body h4{font-size:14px;text-transform:uppercase}.markdown-body ul,.markdown-body ol{margin:8px 0 14px 20px;padding:0}.markdown-body li{margin:5px 0;padding-left:2px}.markdown-body li::marker{color:var(--accent);font-weight:800}.markdown-body strong{color:#152027;font-weight:800}.markdown-body a{color:var(--accent-blue);font-weight:700;text-decoration-thickness:1px;text-underline-offset:3px}.markdown-body code{border:1px solid rgba(15,118,110,.18);border-radius:5px;background:#edf5f2;color:#0b4f4a;padding:1px 5px;font-family:var(--font-mono);font-size:.88em;font-weight:600}.markdown-body pre{margin:12px 0 14px;padding:14px;border:1px solid rgba(17,24,28,.12);border-radius:8px;background:#11181c;color:#f7fbf8;overflow-x:auto}.markdown-body pre code{border:0;background:transparent;color:inherit;padding:0;font-size:13px}.markdown-body table{width:100%;min-width:620px;margin:14px 0;border:1px solid var(--border);border-radius:8px;border-spacing:0;border-collapse:separate;background:#fff;box-shadow:inset 0 1px #ffffffe6;overflow:hidden}.markdown-body th,.markdown-body td{padding:10px 12px;border-right:1px solid #e1e7df;border-bottom:1px solid #e1e7df;text-align:left;vertical-align:top}.markdown-body th:last-child,.markdown-body td:last-child{border-right:0}.markdown-body tr:last-child td{border-bottom:0}.markdown-body th{background:#eef4f1;color:#26343b;font-size:12px;font-weight:800;line-height:1.35;text-transform:uppercase}.markdown-body td{color:#334048;font-size:13px;line-height:1.5}.markdown-body tbody tr:nth-child(2n) td{background:#fafbf9}.markdown-body tbody tr:hover td{background:#f2f8f5}.assessment{margin:14px 0;padding:12px 14px;border-radius:8px;font-size:14px;background:#ffffffe6;border:1px solid var(--border);border-left-width:5px;box-shadow:0 8px 24px #11181c0d}.assessment.band-high{border-left-color:var(--band-high);color:var(--band-high)}.assessment.band-medium{border-left-color:var(--band-medium);color:var(--band-medium)}.assessment.band-low{border-left-color:var(--band-low);color:var(--band-low)}.cv-offer{margin:8px 0 14px;padding:13px 15px;border:1px solid rgba(15,118,110,.35);border-radius:8px;background:#e8f5f2}.cv-offer a{color:var(--accent-strong);text-decoration:none;font-weight:800}.typing{display:flex;gap:5px;padding:10px 14px}.typing span{width:7px;height:7px;border-radius:50%;background:var(--accent);opacity:.6;animation:bounce 1.2s infinite}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-4px);opacity:1}}.composer{border-top:1px solid rgba(217,223,214,.95);background:#ffffffed;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:14px 24px 16px;display:flex;flex-direction:column;gap:10px}.composer-row{display:flex;gap:10px;max-width:1120px;width:100%;margin:0 auto}.composer textarea,.composer input[type=url]{flex:1;min-width:0;resize:none;padding:12px 13px;border-radius:8px;border:1px solid var(--border-strong);background:#fbfcfa;color:var(--fg);line-height:1.4}.composer textarea::placeholder,.composer input[type=url]::placeholder{color:#7d878d}.composer button,.passcode-gate button{padding:10px 16px;border:0;border-radius:8px;background:var(--accent);color:#fff;font-weight:800;cursor:pointer}.composer .primary-action{min-width:92px}.composer button:hover,.passcode-gate button:hover{background:var(--accent-strong)}.composer button:disabled,.passcode-gate button:disabled{opacity:.5;cursor:not-allowed}.composer-actions{max-width:1120px;width:100%;margin:0 auto;display:flex;gap:18px;font-size:13px;color:var(--muted)}.composer-actions .link{background:none;border:0;color:var(--accent-strong);cursor:pointer;padding:0;font-size:13px;font-weight:800}.composer-actions label.link{display:inline-flex;align-items:center}.composer-actions .link:hover{color:var(--accent-warm)}.passcode-gate{width:min(400px,calc(100vw - 32px));margin:12vh auto;text-align:center;background:#ffffffeb;padding:28px;border-radius:8px;border:1px solid var(--border);box-shadow:var(--shadow-soft)}.passcode-gate .brand-mark{margin:0 auto 18px}.passcode-gate h1{margin:0;font-size:28px}.passcode-gate p{margin:10px 0 0;color:var(--muted);line-height:1.5}.passcode-gate input{width:100%;padding:12px 13px;margin:18px 0 12px;border-radius:8px;border:1px solid var(--border-strong);background:#fbfcfa;color:var(--fg)}@media (max-width: 980px){.welcome-hero{grid-template-columns:1fr}.welcome-copy,.signal-panel{min-height:0}.welcome h2{font-size:34px}.starter-section{grid-template-columns:1fr}.starter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 760px){.app-header{align-items:flex-start;padding:12px 16px}.header-signals{display:none}.chat-window{padding:20px 16px}.welcome h2{font-size:28px}.welcome p{font-size:15px}.signal-panel{padding:18px}.neural-stage{min-height:140px}.starter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bubble{max-width:92%}.composer{padding:12px 16px}.composer-row{flex-direction:column}.composer .primary-action{width:100%}}@media (max-width: 460px){.brand-mark{width:34px;height:34px;flex-basis:34px}.app-header h1{font-size:18px}.subtitle{font-size:12px}.welcome h2{font-size:24px}.starter-grid,.signal-grid{grid-template-columns:1fr}.starter-grid button{min-height:42px}.bubble{max-width:100%}}