:root{--bg:#1a1411;--bg-glow:#2b1e16;--surface:#251c17;--raised:#30241d;--line:#4b382c;--text:#f2e7d7;--muted:#c4ae95;--accent:#e0a15f;--accent-hover:#ebb274;--accent-ink:#1a1411;--danger:#f4b19b;--danger-bg:#3b221b;--danger-line:#7a4333;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{font-size:18px}*,:before,:after{box-sizing:border-box;font-style:normal}html,body,#root{height:100%}body{background:radial-gradient(120% 80% at 50% -10%, var(--bg-glow) 0%, var(--bg) 60%) fixed, var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.55}p,h1,ul{margin:0}h1{letter-spacing:-.01em;text-wrap:balance;font-size:1.55rem;line-height:1.2}code{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1rem}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.knop{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:12px;min-height:3rem;padding:.55rem 1.2rem;font-weight:600;transition:background-color .15s,border-color .15s}.knop:disabled{opacity:.55;cursor:not-allowed}.knop-hoofd{background:var(--accent);color:var(--accent-ink)}.knop-hoofd:not(:disabled):hover{background:var(--accent-hover)}.knop-stil{color:var(--text);border-color:var(--line);background:0 0}.knop-stil:not(:disabled):hover{background:var(--raised);border-color:var(--muted)}.app{flex-direction:column;max-width:62rem;height:100dvh;margin:0 auto;padding:0 1.25rem;display:flex}.kop{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 0 1rem;display:flex}.naam{color:var(--accent);letter-spacing:.09em;text-transform:uppercase;font-weight:700}.account{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.email{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:18rem;overflow:hidden}.log{flex-direction:column;flex:1;gap:1rem;padding:1.25rem 0;display:flex;overflow-y:auto}.week{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:.6rem;padding:1rem 1.1rem;display:flex}.week-kop{justify-content:space-between;align-items:center;gap:.75rem;display:flex}h2{letter-spacing:.09em;text-transform:uppercase;color:var(--accent);margin:0;font-size:1rem;font-weight:700}.week .tekst{white-space:pre-wrap;overflow-wrap:anywhere;font-size:1.1rem}.week .bronnen{margin-top:.2rem}.week-fout{color:var(--danger)}.knop-klein{min-height:2.4rem;padding:.25rem .9rem}.leeg{color:var(--muted);text-align:center;max-width:28rem;margin:auto}.bericht{border:1px solid var(--line);border-radius:16px;max-width:88%;padding:.9rem 1.1rem}.bericht .wie{color:var(--muted);margin-bottom:.2rem;font-weight:600}.bericht .tekst{white-space:pre-wrap;overflow-wrap:anywhere;font-size:1.1rem}.bericht.vraag{background:var(--raised);align-self:flex-end}.bericht.antwoord{background:var(--surface);align-self:flex-start}.bericht.fout{background:var(--danger-bg);border-color:var(--danger-line);color:var(--danger);align-self:flex-start}.bronnen{flex-wrap:wrap;gap:.4rem;margin-top:.8rem;padding:0;list-style:none;display:flex}.label{border:1px solid var(--line);background:var(--bg);color:var(--muted);overflow-wrap:anywhere;border-radius:999px;padding:.1rem .75rem;display:inline-block}.label-gat{color:var(--danger);border-color:var(--danger-line)}.puntjes span{animation:1.2s ease-in-out infinite both knipper}.puntjes span:nth-child(2){animation-delay:.2s}.puntjes span:nth-child(3){animation-delay:.4s}@keyframes knipper{0%,80%,to{opacity:.2}40%{opacity:1}}.invoer{border-top:1px solid var(--line);flex-direction:column;gap:.75rem;padding:.9rem 0 1.25rem;display:flex}.voorbeelden{flex-wrap:wrap;gap:.6rem;display:flex}.rij{align-items:stretch;gap:.6rem;display:flex}textarea{min-width:0;min-height:4.2rem;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);resize:none;border-radius:12px;flex:1;padding:.7rem .9rem;font-size:1.1rem}textarea::placeholder,input::placeholder{color:var(--muted);opacity:.9;font-style:normal}textarea[readonly]{opacity:.7}.midden{place-items:center;min-height:100%;padding:1.5rem;display:grid}.kaart{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:1.1rem;width:min(100%,28rem);padding:2rem 1.75rem;display:flex}.veld{flex-direction:column;gap:.35rem;display:flex}.veld label{color:var(--muted);font-weight:600}.veld input{width:100%;min-width:0;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:.7rem .9rem;font-size:1.1rem}.wachtrij{gap:.5rem;display:flex}.wachtrij input{flex:1}.formfout{background:var(--danger-bg);border:1px solid var(--danger-line);color:var(--danger);border-radius:12px;padding:.75rem .9rem}.verbinding{color:var(--muted);overflow-wrap:anywhere}.instellingen{padding-left:1.2rem}.laden{height:100%;color:var(--muted);place-items:center;display:grid}@media (width<=40rem){.app{padding:0 .9rem}.kop{gap:.4rem;padding:.8rem 0 .7rem}h1{font-size:1.3rem}.account{flex-wrap:nowrap;justify-content:space-between;width:100%}.email{flex:1;min-width:0;max-width:none}.kop .knop{min-height:2.6rem;padding:.35rem .9rem}.log{padding:.9rem 0}.week{padding:.8rem .9rem}.bericht{max-width:96%}.invoer{gap:.6rem;padding:.7rem 0 .9rem}.voorbeelden .knop{flex:auto;padding:.45rem .7rem}textarea{min-height:3.6rem}}@media (height<=34rem){.kop{flex-wrap:nowrap;align-items:center;padding:.5rem 0}.email{display:none}.account{width:auto}.invoer{padding:.5rem 0 .6rem}}@media (prefers-reduced-motion:reduce){.puntjes span{opacity:1;animation:none}.knop{transition:none}}