@font-face{font-family:Sora;src:url(/fonts/sora-latin.woff2) format("woff2");font-weight:400 800;font-display:swap}@font-face{font-family:Instrument Sans;src:url(/fonts/instrument-sans-latin.woff2) format("woff2");font-weight:400 700;font-display:swap}:root{--brand-1: 214 93% 42%;--brand-2: 182 96% 32%;--ink-1: 221 73% 22%;--ink-2: 220 28% 37%;--ink-3: 218 19% 61%;--surface: 223 100% 99%;--surface-2: 213 53% 97%;--accent-soft: 180 39% 93%;--down: 4 61% 47%;--card: 0 0% 100%;--border: 221 73% 22% / .1;--input: 221 73% 22% / .14;--ring: 214 93% 42%;--radius-sm: .5rem;--radius-md: .875rem;--radius-lg: 1.25rem;--shadow-soft: 0 4px 16px -4px hsl(221 73% 22% / .08), 0 2px 4px -2px hsl(221 73% 22% / .04)}*{box-sizing:border-box}html,body,#app{margin:0;height:100%;background:hsl(var(--card));color:hsl(var(--ink-2));font:400 15px/1.5 Instrument Sans,system-ui,sans-serif}:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.chat{display:flex;flex-direction:column;height:100%}.kop{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid hsl(var(--border))}.kop .titel{margin:0;font:600 16px/1.3 Sora,system-ui,sans-serif;color:hsl(var(--ink-1))}.kop .sub{margin:0;font-size:13px;color:hsl(var(--ink-3))}.rond{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;cursor:pointer;font:inherit}.sluit{width:36px;height:36px;background:transparent;color:hsl(var(--ink-2))}.sluit:hover{background:hsl(var(--surface-2))}.log{flex:1;min-height:0;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:hsl(var(--surface))}.melding{margin:0;padding:12px 14px;border-radius:var(--radius-md);background:hsl(var(--accent-soft));color:hsl(var(--ink-1));font-size:13px}.melding a{color:hsl(var(--brand-1))}.bericht{max-width:85%;display:flex;flex-direction:column;gap:2px}.bericht .wie{font-size:12px;color:hsl(var(--ink-3))}.bericht .tekst{margin:0;padding:10px 14px;border-radius:var(--radius-lg);white-space:pre-wrap;overflow-wrap:anywhere;background:hsl(var(--card));color:hsl(var(--ink-1));box-shadow:var(--shadow-soft)}.bericht .tekst a{color:hsl(var(--brand-1))}.bericht.eigen{align-self:flex-end;align-items:flex-end}.bericht.eigen .tekst{background:hsl(var(--brand-1));color:#fff;box-shadow:none}.bericht.eigen .tekst a{color:inherit}.bericht.wacht .tekst{opacity:.6}.bericht .bronnen{font-size:12px;color:hsl(var(--ink-3))}.systeem{align-self:center;max-width:90%;text-align:center;font-size:13px;color:hsl(var(--ink-3));margin:0}.typt{align-self:flex-start;display:inline-flex;gap:4px;padding:12px 14px;border-radius:var(--radius-lg);background:hsl(var(--card));box-shadow:var(--shadow-soft)}.typt span{width:6px;height:6px;border-radius:999px;background:hsl(var(--ink-3));animation:stip 1.2s infinite ease-in-out}.typt span:nth-child(2){animation-delay:.15s}.typt span:nth-child(3){animation-delay:.3s}@keyframes stip{0%,80%,to{opacity:.3}40%{opacity:1}}@media (prefers-reduced-motion: reduce){.typt span{animation:none;opacity:.6}}.acties{flex:none;max-height:45%;overflow-y:auto;padding:12px 16px 0;display:flex;flex-direction:column;gap:8px}.acties:empty{display:none}.knop-licht{align-self:flex-start;padding:6px 14px;background:hsl(var(--card));color:hsl(var(--brand-1));border:1px solid hsl(var(--input));font-size:13px}.knop-licht:hover{background:hsl(var(--surface-2))}.email{display:grid;gap:6px;padding:12px;border:1px solid hsl(var(--border));border-radius:var(--radius-md)}.email p{margin:0;font-size:13px;color:hsl(var(--ink-1))}.email .rij{display:flex;gap:8px}.email .rij .veld{flex:1;min-width:0}.email .rij button{flex:none;align-self:stretch}.veld{width:100%;padding:8px 12px;border:1px solid hsl(var(--input));border-radius:var(--radius-sm);font:inherit;color:hsl(var(--ink-1));background:hsl(var(--card))}.fout{margin:8px 16px 0;font-size:13px;color:hsl(var(--down))}.invoer{display:flex;align-items:flex-end;gap:8px;padding:12px 16px 16px}.invoer textarea{flex:1;resize:none;max-height:140px;padding:10px 14px;border-radius:var(--radius-lg);border:1px solid hsl(var(--input));font:inherit;color:hsl(var(--ink-1));background:hsl(var(--card))}.verstuur{width:44px;height:44px;flex:none;color:#fff;background:linear-gradient(135deg,hsl(var(--brand-1)),hsl(var(--brand-2)))}.verstuur:disabled{opacity:.5;cursor:default}.voet{margin:0;padding:0 16px 10px;font-size:11px;color:hsl(var(--ink-3));text-align:center}.voet a{color:inherit}