.pit{right:max(var(--ruimte-2), env(safe-area-inset-right,0px));bottom:max(var(--ruimte-2), env(safe-area-inset-bottom,0px));z-index:40;align-items:flex-end;gap:var(--ruimte-1);pointer-events:none;display:flex;position:fixed}.pit[hidden]{display:none}.pit>*{pointer-events:auto}.pit__knop{cursor:pointer;filter:drop-shadow(0 4px 10px #ff963c73);background:0 0;border:0;width:72px;height:72px;padding:0;animation:4s ease-in-out infinite pit-zweef}.pit__knop img{width:100%;height:100%}.pit--roept .pit__knop{animation:.9s ease-in-out 3 pit-roep,4s ease-in-out 2.7s infinite pit-zweef}.pit__weg{background:var(--oppervlak);width:24px;height:24px;color:var(--inkt-zacht);cursor:pointer;border:0;border-radius:50%;font-size:16px;line-height:1;position:absolute;top:-6px;right:-6px;box-shadow:0 1px 4px #0003}.pit__ballon{max-width:min(260px,60vw);padding:var(--ruimte-1) var(--ruimte-2);border-radius:var(--radius-wolk);background:var(--oppervlak);font-family:var(--font-display);margin:0 0 40px;font-size:16px;box-shadow:0 2px 10px #00000026}.pit-venster{width:min(480px, calc(100vw - 2 * var(--ruimte-2)));max-height:calc(100dvh - 2 * var(--ruimte-2));padding:var(--ruimte-3);border-radius:var(--radius-wolk);background:var(--oppervlak);color:var(--inkt);border:0;box-shadow:0 10px 40px #0000004d}.pit-venster[open]{gap:var(--ruimte-2);flex-direction:column;display:flex}.pit-venster::backdrop{background:#0e18388c}.pit-venster__kop{align-items:center;gap:var(--ruimte-2);display:flex}.pit-venster__kop h2{flex:1;margin:0}.pit-venster__pit{width:88px;height:88px;animation:4s ease-in-out infinite pit-zweef}.pit-venster__pit--vliegt{animation:2.4s ease-in forwards pit-vlieg}.pit-venster__sluit{background:var(--lucht);cursor:pointer;border:0;border-radius:50%;align-self:flex-start;width:36px;height:36px;font-size:22px}.pit-venster__gesprek{gap:var(--ruimte-1);flex-direction:column;min-height:60px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.pit-regel{max-width:85%;padding:var(--ruimte-1) var(--ruimte-2);border-radius:var(--radius-wolk);line-height:1.4}.pit-regel--pit{background:var(--pit-zegt);color:var(--inkt);font-family:var(--font-display);align-self:flex-start}.pit-regel--ik{background:var(--lucht);color:var(--inkt);align-self:flex-end}.pit-venster__chips{gap:var(--ruimte-1);flex-wrap:wrap;display:flex}.pit-venster__chips:empty{display:none}.pit-venster__praat,.pit-venster__stuur,.pit-venster__klaar{gap:var(--ruimte-1);flex-direction:column;display:flex}.pit-venster__praat[hidden],.pit-venster__klaar[hidden]{display:none}.pit-venster__geheim{color:var(--inkt-zacht);margin:0}.pit-venster__praat textarea{width:100%;font:inherit;padding:var(--ruimte-1);border-radius:var(--radius-klein);border:2px solid var(--mist);background:var(--lucht);color:var(--inkt);resize:vertical}.pit-venster__knoppen{justify-content:flex-end;gap:var(--ruimte-1);display:flex}.pit-venster__klaar p{margin:0}.pit-venster__brief{padding:var(--ruimte-2);border-radius:var(--radius-klein);background:var(--pit-brief);color:var(--inkt);border:2px dashed #f0a868}.pit-venster__stuur label{flex-direction:column;gap:4px;display:flex}.pit-honing{position:absolute;left:-9999px}.pit-venster__boggy{align-items:center;gap:var(--ruimte-2);display:flex}.pit-venster__boggy img{background:var(--nacht);border-radius:50%;width:84px;height:84px}.verborgen{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@keyframes pit-zweef{50%{transform:translateY(-6px)}}@keyframes pit-roep{30%{transform:translateY(-10px)rotate(-8deg)}60%{transform:translateY(-4px)rotate(8deg)}}@keyframes pit-vlieg{to{opacity:0;transform:translateY(-260px)scale(.4)}}@media (prefers-reduced-motion:reduce){.pit__knop,.pit-venster__pit{animation:none}.pit-venster__pit--vliegt{opacity:.4;animation:none}}:root{--pit-zegt:#ffe3cc;--pit-brief:#fff7ec}@media (prefers-color-scheme:dark){:root:not([data-theme=dag]){--pit-zegt:#6b3f2c;--pit-brief:#3e3150}}:root[data-theme=avond]{--pit-zegt:#6b3f2c;--pit-brief:#3e3150}.pit-venster__mic.is-luisteren{border-color:var(--dakpan);background:var(--dakpan);color:#fff;animation:1.2s ease-in-out infinite pit-luister}@keyframes pit-luister{50%{box-shadow:0 0 0 8px #d9483b40}}@media (prefers-reduced-motion:reduce){.pit-venster__mic.is-luisteren{animation:none}}