.shape-fab{--shape-accent:#008dc8;--shape-accent-deep:#006b99;--shape-accent-soft:#008dc814;--shape-glow:color-mix(in srgb, var(--shape-accent) 35%, transparent);--shape-glow-klein:color-mix(in srgb, var(--shape-accent) 30%, transparent);--shape-ink:#0a0a0a;--shape-ink-3:#4a4f57;--shape-ink-4:#8a8f97;--shape-muted:#6b7280;--shape-line:#0a0a0a14;--shape-bg:#fff;--shape-bg-alt:#f6f7f8;--shape-ease:cubic-bezier(.22, 1, .36, 1);z-index:200;flex-direction:column;align-items:flex-end;gap:12px;font-family:inherit;display:flex;position:fixed;bottom:clamp(16px,3vw,28px);right:clamp(16px,3vw,28px)}.shape-fab button,.shape-fab a{min-height:unset!important;min-width:unset!important}.shape-fab[data-accent]{--shape-accent-deep:color-mix(in srgb, var(--shape-accent) 78%, black);--shape-accent-soft:color-mix(in srgb, var(--shape-accent) 12%, white)}.shape-trigger{background:var(--shape-accent);color:#fff;cursor:pointer;box-shadow:0 10px 30px var(--shape-glow);transition:transform .2s var(--shape-ease), background .2s var(--shape-ease);border:none;border-radius:999px;align-items:center;gap:8px;padding:11px 18px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}@media (hover:hover){.shape-trigger:hover{background:var(--shape-accent-deep);transform:translateY(-2px)}}.shape-trigger svg{display:block}.shape-trigger-rond{border-radius:50%;justify-content:center;gap:0;width:48px;height:48px;padding:0}.shape-trigger-rond svg{width:24px;height:24px}.shape-panel{background:var(--shape-bg);border:1px solid var(--shape-line);width:min(380px,100vw - 32px);height:min(560px,80dvh);max-height:calc(100dvh - 110px);animation:shape-in .22s var(--shape-ease);border-radius:18px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 70px #0a0a0a38}@keyframes shape-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@keyframes shape-sheet-in{0%{transform:translateY(100%)}to{transform:none}}@keyframes shape-fade{0%{opacity:0}to{opacity:1}}.shape-backdrop,.shape-greep{display:none}@media (prefers-reduced-motion:reduce){.shape-panel{transition:none;animation:none}.shape-backdrop{animation:none}}.shape-kop{border-bottom:1px solid var(--shape-line);flex:none;justify-content:space-between;align-items:center;padding:10px 12px;display:flex;position:relative}.shape-kop-spacer{width:30px;height:30px;display:inline-block}.shape-tabs{background:var(--shape-bg-alt);border-radius:999px;gap:2px;padding:3px;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.shape-tabs button{font:inherit;color:var(--shape-ink-3);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:5px 14px;font-size:12.5px;font-weight:600;transition:background .15s,color .15s}@media (hover:hover){.shape-tabs button:hover{color:var(--shape-ink)}}.shape-tabs button.active{background:var(--shape-bg);color:var(--shape-ink);box-shadow:0 1px 4px #0a0a0a1f}.shape-kop-knop{background:var(--shape-bg-alt);width:30px;height:30px;color:var(--shape-ink-3);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}@media (hover:hover){.shape-kop-knop:hover{background:var(--shape-line);color:var(--shape-ink)}}.shape-inhoud{flex-direction:column;flex:1;min-height:0;display:flex}.shape-inhoud[hidden]{display:none}.shape-inhoud-laden{justify-content:center;align-items:center}.shape-inhoud-scroll{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;padding:16px 18px;overflow-y:auto}.shape-title{color:var(--shape-ink);margin:0;font-size:16px;font-weight:600}.shape-intro{color:var(--shape-ink-3);margin:4px 0 14px;font-size:13px;line-height:1.45}.shape-sentiments{gap:6px;margin-bottom:14px;display:flex}.shape-sentiments button{border:1px solid var(--shape-line);background:var(--shape-bg);color:var(--shape-ink-3);cursor:pointer;border-radius:999px;flex:1;padding:7px 0;font-family:inherit;font-size:12.5px;font-weight:500;transition:border-color .15s,color .15s,background .15s}@media (hover:hover){.shape-sentiments button:hover{border-color:var(--shape-ink-4);color:var(--shape-ink)}}.shape-sentiments button.active{background:var(--shape-ink);border-color:var(--shape-ink);color:#fff}.shape-label{color:var(--shape-ink-3);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.shape-form textarea,.shape-form input[type=text],.shape-form input[type=email]{border:1px solid var(--shape-line);width:100%;font:inherit;color:var(--shape-ink);background:var(--shape-bg);resize:vertical;box-sizing:border-box;border-radius:12px;margin-bottom:12px;padding:10px 12px;font-size:16px}@media (min-width:768px){.shape-form textarea,.shape-form input[type=text],.shape-form input[type=email]{font-size:14px}}.shape-form textarea:focus,.shape-form input[type=text]:focus,.shape-form input[type=email]:focus{border-color:var(--shape-accent);box-shadow:0 0 0 4px var(--shape-accent-soft);outline:none}.shape-shot-toggle{color:var(--shape-ink-3);cursor:pointer;align-items:center;gap:9px;margin:4px 0 14px;font-size:13px;display:flex}.shape-shot-toggle input{width:15px;height:15px;accent-color:var(--shape-accent);cursor:pointer}.shape-shot-btn{border:1px dashed var(--shape-line);width:100%;font:inherit;color:var(--shape-ink-3);cursor:pointer;transition:border-color .2s var(--shape-ease), color .2s var(--shape-ease);background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin:4px 0 14px;padding:9px 12px;font-size:13px;display:flex}@media (hover:hover){.shape-shot-btn:hover{border-color:var(--shape-accent);color:var(--shape-ink)}}.shape-shot-btn:disabled{opacity:.55;cursor:not-allowed}.shape-shot-frame{margin:4px 0 14px;position:relative}.shape-shot-preview{object-fit:contain;object-position:center;background:var(--shape-bg-alt);border:1px solid var(--shape-line);border-radius:8px;width:100%;max-height:220px;display:block}.shape-shot-remove{top:6px;color:#fff;cursor:pointer;background:#111111b8;border:none;border-radius:999px;place-items:center;width:22px;height:22px;display:grid;position:absolute;inset-inline-end:6px}@media (hover:hover){.shape-shot-remove:hover{background:#111111e6}}.shape-form{position:relative}.shape-bijlagen{min-width:0;margin:0 0 14px}.shape-bijlage-btn{margin-bottom:6px}.shape-bijlage-uitleg{color:var(--shape-muted);margin:0;font-size:12px;line-height:1.4}.shape-bijlage-lijst{flex-direction:column;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.shape-bijlage{padding:6px 6px 6px 10px;border:1px solid var(--shape-line);background:var(--shape-bg-alt);min-width:0;color:var(--shape-ink);border-radius:8px;align-items:center;gap:8px;padding-inline:10px 6px;font-size:13px;display:flex}.shape-bijlage[data-fout]{border-color:#c44}.shape-bijlage-icoon{color:var(--shape-ink-3);flex:none}.shape-bijlage-naam{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.shape-bijlage-grootte{color:var(--shape-ink-3);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.shape-bijlage-verwijder{width:28px;height:28px;color:var(--shape-ink-3);cursor:pointer;transition:background .2s var(--shape-ease), color .2s var(--shape-ease);background:0 0;border:none;border-radius:999px;flex:none;place-items:center;display:grid}.shape-bijlage-verwijder:focus-visible{outline:2px solid var(--shape-accent);outline-offset:1px}.shape-bijlage-verwijder:disabled{opacity:.55;cursor:not-allowed}@media (hover:hover){.shape-bijlage-verwijder:hover:not(:disabled){background:var(--shape-line);color:var(--shape-ink)}}.shape-bijlage-fouten{margin:8px 0 0}.shape-bijlage-fouten p{overflow-wrap:anywhere;margin:0 0 4px}.shape-bijlage-sleepzone{z-index:2;border:2px dashed var(--shape-accent);background:color-mix(in srgb, var(--shape-bg) 88%, transparent);pointer-events:none;border-radius:12px;justify-content:center;align-items:flex-start;display:flex;position:absolute;inset:0}.shape-bijlage-sleepzone span{background:var(--shape-accent-soft);color:var(--shape-accent-deep);border-radius:999px;margin-top:40%;padding:8px 14px;font-size:14px;font-weight:600;position:sticky;top:40%}.shape-bijlage-voortgang{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shape-success .shape-bijlage-na p{color:var(--shape-ink);margin-bottom:12px}.shape-error{color:#c44;margin:0 0 10px;font-size:13px}.shape-login{border:1px solid var(--shape-line);background:var(--shape-accent-soft);color:var(--shape-ink-3);border-radius:10px;margin:0 0 10px;padding:9px 12px;font-size:12.5px;line-height:1.5}.shape-login a{color:var(--shape-accent-deep);text-underline-offset:2px;font-weight:600;text-decoration:underline}@media (hover:hover){.shape-login a:hover{color:var(--shape-accent)}}.shape-privacy{color:var(--shape-muted);margin:10px 0 0;font-size:11px;line-height:1.5}.shape-privacy a{color:inherit;text-underline-offset:2px;text-decoration:underline}.shape-submit{background:var(--shape-accent);color:#fff;cursor:pointer;width:100%;transition:background .2s var(--shape-ease);border:none;border-radius:999px;padding:11px 0;font-family:inherit;font-size:14px;font-weight:600}@media (hover:hover){.shape-submit:hover{background:var(--shape-accent-deep)}}.shape-submit:disabled{opacity:.55;cursor:not-allowed}.shape-success{text-align:center;padding:8px 0 4px}.shape-success strong{color:var(--shape-ink);margin-bottom:6px;font-size:16px;display:block}.shape-success p{color:var(--shape-ink-3);margin-bottom:16px;font-size:13.5px;line-height:1.45}.shape-chat{flex-direction:column;flex:1;min-height:0;display:flex}.shape-chat-lijst{scrollbar-width:thin;flex-direction:column;flex:1;gap:10px;min-height:0;padding:14px 16px;display:flex;overflow-y:auto}.shape-chat-rek{flex:none;height:0}.shape-bubbel{overflow-wrap:anywhere;border-radius:16px;margin:0;padding:9px 13px;font-size:13.5px;line-height:1.55}.shape-bubbel-user{background:var(--shape-accent);color:#fff;white-space:pre-wrap;border-end-end-radius:5px;align-self:flex-end;max-width:88%}.shape-antwoord{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.shape-bubbel-ai{background:var(--shape-bg-alt);color:var(--shape-ink);border:1px solid var(--shape-line);box-sizing:border-box;border-end-start-radius:5px;width:100%;max-width:100%;box-shadow:0 1px 3px #0a0a0a0d}.shape-bubbel-ai p{margin:0 0 8px}.shape-bubbel-ai p:last-child{margin-bottom:0}.shape-bubbel-ai .shape-md-kop{margin:2px 0 6px}.shape-bubbel-ai ul,.shape-bubbel-ai ol{margin:0 0 8px;padding-inline-start:18px}.shape-bubbel-ai ul{list-style:outside}.shape-bubbel-ai ol{list-style:decimal}.shape-bubbel-ai ul:last-child,.shape-bubbel-ai ol:last-child{margin-bottom:0}.shape-bubbel-ai li{margin:2px 0}.shape-bubbel-ai code{background:var(--shape-bg);border:1px solid var(--shape-line);border-radius:5px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.shape-bubbel-ai pre{background:var(--shape-bg);border:1px solid var(--shape-line);border-radius:8px;margin:0 0 8px;padding:8px 10px;overflow-x:auto}.shape-bubbel-ai pre code{background:0 0;border:none;padding:0}.shape-bubbel-ai hr{border:none;border-top:1px solid var(--shape-line);margin:10px 0}.shape-bubbel-ai a{color:var(--shape-accent-deep);text-underline-offset:2px;font-weight:500;text-decoration:underline}@media (hover:hover){.shape-bubbel-ai a:hover{color:var(--shape-accent)}}.shape-chat-links{flex-wrap:wrap;gap:6px;display:flex}.shape-chat-links a{border:1px solid var(--shape-accent);color:var(--shape-accent-deep);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:inline-block}@media (hover:hover){.shape-chat-links a:hover{background:var(--shape-accent);color:#fff}}.shape-duimen{gap:4px;display:flex}.shape-duimen button{border:1px solid var(--shape-line);background:var(--shape-bg);width:26px;height:26px;color:var(--shape-ink-4);cursor:pointer;border-radius:999px;place-items:center;transition:color .15s,border-color .15s;display:grid}@media (hover:hover){.shape-duimen button:hover{color:var(--shape-ink);border-color:var(--shape-ink-4)}}.shape-omlaag{width:100%}.shape-omlaag textarea{border:1px solid var(--shape-line);width:100%;font:inherit;color:var(--shape-ink);background:var(--shape-bg);resize:vertical;box-sizing:border-box;border-radius:10px;margin-bottom:6px;padding:8px 10px;font-size:16px}@media (min-width:768px){.shape-omlaag textarea{font-size:13px}}.shape-omlaag-acties{flex-direction:column;gap:6px;display:flex}.shape-omlaag-acties .shape-submit{padding:8px 0;font-size:13px}.shape-naar-mens{border:1px solid var(--shape-line);background:var(--shape-bg);width:100%;color:var(--shape-ink);font:inherit;cursor:pointer;border-radius:999px;padding:8px 0;font-size:13px;font-weight:500;transition:border-color .15s,background .15s}@media (hover:hover){.shape-naar-mens:hover{border-color:var(--shape-ink-4);background:var(--shape-bg-alt)}}.shape-oordeel-af{color:var(--shape-ink-3);margin:0;font-size:12px}.shape-chat-laden{color:var(--shape-ink-4);align-items:center;gap:8px;margin:0;font-size:12.5px;display:inline-flex}.shape-chat-laden:before{content:"";background:var(--shape-ink-4);border-radius:999px;width:8px;height:8px;animation:1.2s ease-in-out infinite shape-puls}@keyframes shape-puls{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.shape-chat-laden:before{animation:none}}.shape-chat-voet{border-top:1px solid var(--shape-line);background:var(--shape-bg);flex:none;padding:10px 14px 12px}.shape-chat-invoer{border:1px solid var(--shape-line);background:var(--shape-bg);border-radius:16px;align-items:flex-end;gap:8px;padding:6px;padding-inline-start:12px;transition:border-color .15s,box-shadow .15s;display:flex}.shape-chat-invoer:focus-within{border-color:var(--shape-accent);box-shadow:0 0 0 4px var(--shape-accent-soft)}.shape-chat-invoer textarea{font:inherit;color:var(--shape-ink);resize:none;box-sizing:border-box;background:0 0;border:none;flex:1;max-height:120px;padding:6px 0;font-size:16px;overflow-y:auto}@media (min-width:768px){.shape-chat-invoer textarea{font-size:14px}}.shape-chat-invoer textarea:focus{outline:none}.shape-verstuur{background:var(--shape-accent);color:#fff;cursor:pointer;width:34px;height:34px;transition:background .2s var(--shape-ease);border:none;border-radius:999px;flex:none;place-items:center;display:grid}.shape-verstuur svg{display:block;transform:translate(-1px,1px)}@media (hover:hover){.shape-verstuur:hover{background:var(--shape-accent-deep)}}.shape-verstuur:disabled{opacity:.45;cursor:not-allowed}.shape-bewaar{color:var(--shape-ink-4);margin:8px 2px 0;font-size:11px;line-height:1.5}.shape-bewaar-meer{font:inherit;color:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:11px;text-decoration:underline}@media (hover:hover){.shape-bewaar-meer:hover{color:var(--shape-ink)}}.shape-bewaar-detail{border:1px solid var(--shape-line);background:var(--shape-bg-alt);border-radius:10px;margin-top:8px;padding:10px 12px}.shape-bewaar-detail p{color:var(--shape-ink-3);margin:0 0 8px;font-size:11.5px;line-height:1.5}.shape-bewaar-detail .shape-shot-toggle{margin:0}@media (max-width:620px){.shape-backdrop{z-index:1;animation:shape-fade .22s var(--shape-ease);background:#0a0a0a73;display:block;position:fixed;inset:0}.shape-panel{z-index:2;width:100%;height:min(640px,85dvh);max-height:85dvh;animation:shape-sheet-in .28s var(--shape-ease);transition:transform .25s var(--shape-ease);border-bottom:none;border-left:none;border-right:none;border-radius:18px 18px 0 0;position:fixed;bottom:0;left:0;right:0}.shape-greep{touch-action:none;cursor:grab;flex:none;padding:10px 0 4px;display:block}.shape-greep:before{content:"";background:var(--shape-line);border-radius:999px;width:44px;height:4px;margin:0 auto;display:block}.shape-kop{touch-action:none}.shape-panel[data-toetsenbord]{box-sizing:border-box;top:calc(var(--shape-laag-top,0px) + var(--shape-laag-hoogte,85dvh) + 56px);height:auto;max-height:calc(var(--shape-laag-hoogte,85dvh) - 12px + 56px);padding-bottom:56px;transition:none;animation:none;bottom:auto;overflow:visible;translate:0 -100%}.shape-panel[data-toetsenbord]:after{content:"";background:var(--shape-bg);height:100vh;position:absolute;top:100%;left:0;right:0}.shape-trigger{box-shadow:0 6px 16px var(--shape-glow-klein);padding:10px 15px;font-size:13.5px}.shape-trigger-rond{width:44px;height:44px;padding:0}}@media (max-width:620px) and (prefers-reduced-motion:reduce){.shape-panel{transition:none;animation:none}.shape-backdrop{animation:none}}@media (max-width:767px){.shape-fab{--shape-onder-nu:var(--shape-onder,calc(env(safe-area-inset-bottom,0px) + 100px));right:16px;bottom:var(--shape-onder-nu)}.shape-trigger{border-radius:50%;justify-content:center;gap:0;width:44px;height:44px;padding:0}.shape-trigger svg{width:22px;height:auto}.shape-trigger-woord{display:none}}@media (min-width:621px) and (max-width:767px){.shape-panel{max-height:calc(100vh - var(--shape-onder-nu) - 76px);max-height:calc(100dvh - var(--shape-onder-nu) - 76px)}}
html.menu-open{overflow:hidden}html.menu-open .shape-fab{display:none}@media (max-width:620px){html:has(:is(input,textarea,select):focus):not(:has(.shape-fab :focus)) .shape-fab{display:none}footer{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 160px)}}
