:root,[data-theme=dark]{--chat-bg-page: linear-gradient(135deg, #07111a 0%, #0d1e2c 50%, #0b1825 100%);--chat-orb-1: rgba(26,184,168,.08);--chat-orb-2: rgba(26,184,168,.06);--chat-nav-bg: rgba(7,17,26,.85);--chat-input-bg: rgba(7,17,26,.9);--chat-card: #0d1e2c;--chat-card-soft: #0b1825;--user-bg: #0d1e2c;--user-text: #dde6f0;--user-border: rgba(26,184,168,.15);--bot-bg: linear-gradient(135deg, #0d1e2c 0%, #0b1825 100%);--bot-text: #dde6f0;--bot-border: rgba(26,184,168,.15);--code-bg: rgba(26,184,168,.08);--code-text: #1ab8a8;--code-border: rgba(26,184,168,.2);--pre-bg: #050d14;--pre-text: #5dd6ca}[data-theme=light]{--chat-bg-page: linear-gradient(135deg, #f4f9f9 0%, #e8f6f5 50%, #daf0ee 100%);--chat-orb-1: rgba(26,184,168,.1);--chat-orb-2: rgba(26,184,168,.08);--chat-nav-bg: rgba(255,255,255,.85);--chat-input-bg: rgba(255,255,255,.85);--chat-card: #ffffff;--chat-card-soft: #f4f9f9;--user-bg: #ffffff;--user-text: #1a2e3b;--user-border: rgba(26,184,168,.15);--bot-bg: linear-gradient(135deg, #ffffff 0%, #f4f9f9 100%);--bot-text: #1a2e3b;--bot-border: rgba(26,184,168,.15);--code-bg: #f4f9f9;--code-text: #0f8a7d;--code-border: rgba(26,184,168,.2);--pre-bg: #1e3344;--pre-text: #e0f7f5}html.chat-page,html.chat-page body{height:100%}html.chat-page body{display:flex;flex-direction:column;min-height:100vh;background:var(--chat-bg-page);position:relative;overflow:hidden}html.chat-page body:before{content:"";position:fixed;width:600px;height:600px;top:-200px;right:-150px;border-radius:50%;background:radial-gradient(circle,var(--chat-orb-1) 0%,transparent 70%);pointer-events:none;z-index:0}html.chat-page body:after{content:"";position:fixed;width:500px;height:500px;bottom:-200px;left:-150px;border-radius:50%;background:radial-gradient(circle,var(--chat-orb-2) 0%,transparent 70%);pointer-events:none;z-index:0}#chat-nav{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:.75rem 5%;background:var(--chat-nav-bg);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);min-height:68px;transition:background .3s;flex-shrink:0}#chat-nav .nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}#chat-nav .nav-logo img{object-fit:contain}#chat-nav .nav-logo-text{font-family:Syne,sans-serif;font-weight:800;font-size:1.1rem;color:var(--text);line-height:1.1}#chat-nav .nav-logo-text small{display:block;font-family:DM Sans,sans-serif;font-size:.68rem;font-weight:400;color:var(--text-muted);margin-top:2px}#chat-nav .nav-actions{display:flex;align-items:center;gap:.5rem}#chat-nav .icon-btn{width:40px;height:40px;border-radius:50%;background:transparent;border:1px solid var(--border);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}#chat-nav .icon-btn:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-light)}#chat-nav .icon-btn svg{width:18px;height:18px}#chat-nav .nav-back{color:var(--text);text-decoration:none;font-size:.9rem;font-weight:500;padding:.5rem .9rem;border-radius:50px;transition:color .2s,background .2s;display:inline-flex;align-items:center;gap:6px}#chat-nav .nav-back:hover{color:var(--teal);background:var(--teal-light)}#chat-nav .nav-cta{background:var(--teal);color:#fff;text-decoration:none;padding:.55rem 1.1rem;border-radius:6px;font-weight:600;font-size:.88rem;transition:background .2s,transform .2s;white-space:nowrap}#chat-nav .nav-cta:hover{background:var(--teal-dark);transform:translateY(-1px)}html:not([data-theme=light]) #chat-nav .icon-sun{display:none}html[data-theme=light] #chat-nav .icon-moon{display:none}html.chat-page main{flex:1;display:flex;flex-direction:column;position:relative;z-index:1;overflow:hidden;min-height:0}.chat-container{flex:1;overflow-y:auto;padding:2rem 5% 1.5rem;scroll-behavior:smooth}.chat-binnen{max-width:820px;margin:0 auto}.welkom{text-align:center;padding:2rem .5rem 1rem}.welkom-logo{width:96px;height:96px;object-fit:contain;margin:0 auto 1.5rem;display:block;animation:drift 6s ease-in-out infinite;filter:drop-shadow(0 16px 32px rgba(26,184,168,.25))}@keyframes drift{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.welkom h2{font-family:Syne,sans-serif;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;color:var(--text);margin-bottom:.6rem;letter-spacing:-.02em;line-height:1.2}.welkom h2 span{color:var(--teal)}.welkom-sub{font-size:clamp(.92rem,2vw,1rem);color:var(--text-muted);max-width:520px;margin:0 auto 2.5rem;line-height:1.65;padding:0 1rem}.voorbeelden-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;max-width:720px;margin:0 auto}.vb-knop{background:var(--chat-card);border:1px solid var(--border);border-radius:14px;padding:1rem 1.1rem;text-align:left;cursor:pointer;transition:all .2s ease;font-family:inherit;box-shadow:0 2px 8px #0000001a}.vb-knop:hover{border-color:var(--teal);transform:translateY(-2px);box-shadow:0 12px 24px #1ab8a81f}.vb-label{display:block;color:var(--teal);font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}.vb-tekst{color:var(--text);font-size:.93rem;font-weight:500;line-height:1.4}.bericht{margin-bottom:1.5rem;animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bericht-kop{display:flex;align-items:center;gap:10px;margin-bottom:.6rem}.avatar-user{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-size:.8rem;font-weight:800;flex-shrink:0;background:var(--chat-card-soft);color:var(--text-muted);border:1px solid var(--border)}.avatar-bot{width:30px;height:30px;object-fit:contain;flex-shrink:0}.bericht-rol{font-family:Syne,sans-serif;font-size:.88rem;font-weight:700;color:var(--text)}.bericht.assistant .bericht-rol{color:var(--teal)}.bericht-inhoud{padding:.9rem 1.2rem;border-radius:14px;font-size:.96rem;line-height:1.7;margin-left:40px;word-wrap:break-word;overflow-wrap:break-word}.bericht.user .bericht-inhoud{background:var(--user-bg);color:var(--user-text);border:1px solid var(--user-border);white-space:pre-wrap}.bericht.assistant .bericht-inhoud{background:var(--bot-bg);color:var(--bot-text);border:1px solid var(--bot-border);box-shadow:0 2px 8px #00000014}.bericht.assistant .bericht-inhoud h1,.bericht.assistant .bericht-inhoud h2,.bericht.assistant .bericht-inhoud h3,.bericht.assistant .bericht-inhoud h4{font-family:Syne,sans-serif;color:var(--text);margin-top:1.1rem;margin-bottom:.5rem;font-weight:700;line-height:1.3}.bericht.assistant .bericht-inhoud h1:first-child,.bericht.assistant .bericht-inhoud h2:first-child,.bericht.assistant .bericht-inhoud h3:first-child{margin-top:0}.bericht.assistant .bericht-inhoud h1{font-size:1.3rem}.bericht.assistant .bericht-inhoud h2{font-size:1.15rem}.bericht.assistant .bericht-inhoud h3{font-size:1.05rem}.bericht.assistant .bericht-inhoud h4{font-size:1rem}.bericht.assistant .bericht-inhoud p{margin-bottom:.75rem}.bericht.assistant .bericht-inhoud p:last-child{margin-bottom:0}.bericht.assistant .bericht-inhoud strong{font-weight:700;color:var(--text)}.bericht.assistant .bericht-inhoud em{font-style:italic}.bericht.assistant .bericht-inhoud ul,.bericht.assistant .bericht-inhoud ol{margin:.5rem 0 .85rem;padding-left:1.4rem}.bericht.assistant .bericht-inhoud li{margin-bottom:.35rem;line-height:1.65}.bericht.assistant .bericht-inhoud li::marker{color:var(--teal);font-weight:700}.bericht.assistant .bericht-inhoud a{color:var(--teal);text-decoration:underline;font-weight:500}.bericht.assistant .bericht-inhoud a:hover{color:var(--teal-mid)}.bericht.assistant .bericht-inhoud code{font-family:JetBrains Mono,monospace;font-size:.88em;background:var(--code-bg);color:var(--code-text);padding:.15em .45em;border-radius:5px;border:1px solid var(--code-border)}.bericht.assistant .bericht-inhoud pre{background:var(--pre-bg);color:var(--pre-text);padding:1rem 1.2rem;border-radius:10px;overflow-x:auto;margin:.75rem 0;font-family:JetBrains Mono,monospace;font-size:.85rem;line-height:1.5}.bericht.assistant .bericht-inhoud pre code{background:transparent;color:inherit;border:none;padding:0;font-size:inherit}.bericht.assistant .bericht-inhoud blockquote{border-left:3px solid var(--teal);padding:.4rem 0 .4rem 1rem;margin:.75rem 0;color:var(--text-muted);font-style:italic}.bericht.assistant .bericht-inhoud hr{border:none;border-top:1px solid var(--border);margin:1rem 0}.typing-dots{display:inline-flex;gap:5px;padding:4px 0}.typing-dots span{width:8px;height:8px;border-radius:50%;background:var(--teal);animation:bounce 1.2s infinite}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.fout{color:#f87171;background:#dc26261a;border:1px solid rgba(220,38,38,.25);border-radius:12px;padding:.9rem 1.1rem;font-size:.92rem}[data-theme=light] .fout{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.cta-banner{margin:1.25rem 0 .25rem 40px;padding:1rem 1.25rem;background:var(--teal-light);border:1px solid var(--border-str);border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.cta-banner-tekst{font-size:.92rem;color:var(--text);line-height:1.5}.cta-banner-tekst strong{font-family:Syne,sans-serif;color:var(--text);font-weight:700}.cta-knop-klein{background:var(--teal);color:#fff;text-decoration:none;font-size:.85rem;font-weight:600;padding:.5rem 1.1rem;border-radius:6px;transition:background .2s,transform .2s;white-space:nowrap;box-shadow:0 4px 12px var(--teal-glow)}.cta-knop-klein:hover{background:var(--teal-dark);transform:translateY(-1px)}footer.invoer-zone{position:relative;z-index:10;background:var(--chat-input-bg);backdrop-filter:blur(16px);border-top:1px solid var(--border);padding:1rem 5%;transition:background .3s;flex-shrink:0}.invoer-wrap{max-width:820px;margin:0 auto;display:flex;gap:.6rem;align-items:flex-end;background:var(--chat-card);border:1.5px solid var(--border);border-radius:16px;padding:.4rem;transition:border-color .2s,box-shadow .2s;box-shadow:0 4px 14px #00000014}.invoer-wrap:focus-within{border-color:var(--teal);box-shadow:0 0 0 4px var(--teal-light),0 8px 24px #0000001a}#invoer{flex:1;font-family:inherit;font-size:1rem;padding:.7rem .9rem;background:transparent;border:none;resize:none;min-height:44px;max-height:160px;color:var(--text);line-height:1.5;outline:none}#invoer::placeholder{color:var(--text-dim)}.verstuur-knop{font-family:inherit;font-weight:600;font-size:.93rem;padding:.65rem 1.3rem;border:none;border-radius:10px;background:var(--teal);color:#fff;cursor:pointer;transition:background .2s,transform .2s;min-height:44px;display:inline-flex;align-items:center;gap:6px;box-shadow:0 4px 14px var(--teal-glow);flex-shrink:0}.verstuur-knop:hover:not(:disabled){background:var(--teal-dark);transform:translateY(-1px)}.verstuur-knop:disabled{opacity:.5;cursor:not-allowed;transform:none}.verstuur-knop svg{width:16px;height:16px}.invoer-hint{text-align:center;font-size:.78rem;color:var(--text-muted);margin-top:.6rem;max-width:820px;margin-left:auto;margin-right:auto}.invoer-hint a{color:var(--teal);text-decoration:none;font-weight:600}.invoer-hint a:hover{text-decoration:underline}@media(max-width:768px){#chat-nav{padding:.6rem 4%;min-height:60px}#chat-nav .nav-logo img{width:38px;height:38px}#chat-nav .nav-logo-text small,#chat-nav .nav-back span{display:none}.chat-container{padding:1.25rem 4% 1rem}.welkom{padding:1rem 0 0}.welkom-logo{width:76px;height:76px;margin-bottom:1.2rem}.welkom-sub{margin-bottom:1.75rem}.voorbeelden-grid{grid-template-columns:1fr;gap:10px}.bericht-inhoud{margin-left:0;border-radius:12px}.cta-banner{margin-left:0;flex-direction:column;align-items:flex-start}.cta-knop-klein{width:100%;text-align:center}.verstuur-knop span{display:none}footer.invoer-zone{padding:.85rem 4%}#invoer{font-size:16px}}@media(max-width:480px){#chat-nav{padding:.5rem 4%}#chat-nav .nav-cta{font-size:.78rem;padding:.5rem .8rem}.welkom-logo{width:68px;height:68px}.welkom h2{font-size:1.5rem}}