#draakje-root{--dk-primary:#750d21;--dk-primary-dark:#540918;--dk-gold:#c9a24b;--dk-gold-grad:linear-gradient(135deg,#f4de96 0%,#d4af55 50%,#a07824 100%);--dk-text:#374151;--dk-head:#111827;--dk-line:#e5e7eb;--dk-bg:#f9fafb;position:fixed;bottom:20px;z-index:99990;font-family:Lato,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5;color:var(--dk-text)}#draakje-root.dk-left{left:20px}#draakje-root.dk-right{right:20px}#draakje-root *{box-sizing:border-box}#draakje-root button{font-family:inherit;cursor:pointer}.dk-launcher{width:64px;height:64px;border-radius:50%;border:2px solid var(--dk-gold);background:var(--dk-primary);display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 6px 20px rgb(17 24 39 / .28);transition:transform .2s ease,box-shadow .2s ease,background .2s}.dk-launcher:hover{transform:translateY(-2px) scale(1.04);background:var(--dk-primary-dark);box-shadow:0 10px 26px rgb(17 24 39 / .34)}.dk-launcher:focus-visible,.dk-icon-btn:focus-visible,.dk-send:focus-visible,.dk-chip:focus-visible{outline:3px solid var(--dk-gold);outline-offset:2px}.dk-launcher img{height:36px;width:auto;display:block;pointer-events:none}.dk-launcher.dk-pulse::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--dk-gold);animation:dk-pulse 2.4s ease-out 3;pointer-events:none}.dk-launcher-wrap{position:relative}@keyframes dk-pulse{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.55);opacity:0}}#draakje-root.dk-open .dk-launcher-wrap{display:none}.dk-nudge{position:absolute;bottom:76px;max-width:240px;background:#fff;border:1px solid var(--dk-line);border-radius:12px;padding:10px 30px 10px 14px;box-shadow:0 8px 24px rgb(17 24 39 / .16);color:var(--dk-head);font-size:14px;animation:dk-in .3s ease}.dk-left .dk-nudge{left:0}.dk-right .dk-nudge{right:0}.dk-nudge button{position:absolute;top:4px;right:6px;border:0;background:none;color:#9ca3af;font-size:18px;line-height:1;padding:2px 4px}.dk-nudge[hidden]{display:none}.dk-nudge::after{content:"";position:absolute;bottom:-6px;width:12px;height:12px;background:#fff;border-right:1px solid var(--dk-line);border-bottom:1px solid var(--dk-line);transform:rotate(45deg)}.dk-left .dk-nudge::after{left:26px}.dk-right .dk-nudge::after{right:26px}.dk-panel{position:absolute;bottom:0;width:380px;max-width:calc(100vw - 24px);height:min(640px,calc(100dvh - 40px));background:#fff;border-radius:14px;box-shadow:0 18px 50px rgb(17 24 39 / .32);display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(14px) scale(.98);pointer-events:none;visibility:hidden;transition:opacity .22s ease,transform .22s ease,visibility .22s}.dk-left .dk-panel{left:0;transform-origin:bottom left}.dk-right .dk-panel{right:0;transform-origin:bottom right}#draakje-root.dk-open .dk-panel{opacity:1;transform:none;pointer-events:auto;visibility:visible}.dk-head{background:var(--dk-primary);color:#fff;padding:14px 12px 14px 16px;display:flex;align-items:center;gap:12px;position:relative}.dk-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--dk-gold-grad)}.dk-avatar{width:42px;height:42px;border-radius:50%;background:var(--dk-primary-dark);border:1.5px solid var(--dk-gold);display:flex;align-items:center;justify-content:center;flex:none}.dk-avatar img{height:24px;width:auto;display:block}.dk-title{flex:1;min-width:0}.dk-title strong{display:block;font-size:17px;font-weight:700;letter-spacing:.01em}.dk-title span{display:block;font-size:12.5px;opacity:.82;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dk-icon-btn{width:34px;height:34px;border-radius:8px;border:0;background:#fff0;color:#fff;display:flex;align-items:center;justify-content:center;padding:0;opacity:.85}.dk-icon-btn:hover{background:rgb(255 255 255 / .14);opacity:1}.dk-icon-btn svg{width:18px;height:18px}.dk-messages{flex:1;overflow-y:auto;padding:16px 14px 8px;background:var(--dk-bg);display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth}.dk-row{display:flex;gap:8px;align-items:flex-end;animation:dk-in .25s ease}.dk-row.dk-user{justify-content:flex-end}@keyframes dk-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.dk-mini{width:28px;height:28px;border-radius:50%;background:var(--dk-primary);border:1px solid var(--dk-gold);display:flex;align-items:center;justify-content:center;flex:none}.dk-mini img{height:16px;width:auto}.dk-bubble{max-width:82%;padding:10px 13px;border-radius:14px;word-wrap:break-word;overflow-wrap:anywhere}.dk-bot .dk-bubble{background:#fff;border:1px solid var(--dk-line);border-bottom-left-radius:4px;color:var(--dk-text)}.dk-user .dk-bubble{background:var(--dk-primary);color:#fff;border-bottom-right-radius:4px}.dk-error .dk-bubble{background:#fef2f2;border-color:#fecaca;color:#991b1b}.dk-bubble p{margin:0 0 8px}.dk-bubble p:last-child{margin-bottom:0}.dk-bubble ul,.dk-bubble ol{margin:0 0 8px;padding-left:20px}.dk-bubble li{margin:2px 0}.dk-bubble a{color:var(--dk-primary);text-decoration:underline;text-underline-offset:2px;font-weight:700}.dk-user .dk-bubble a{color:#fff}.dk-bubble strong{color:var(--dk-head)}.dk-user .dk-bubble strong{color:#fff}.dk-sources{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0 36px}.dk-sources a{font-size:12.5px;text-decoration:none;color:var(--dk-primary);border:1px solid var(--dk-gold);background:#fffdf7;border-radius:999px;padding:2px 10px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dk-sources a:hover{background:var(--dk-gold);color:#fff}.dk-typing{display:flex;gap:4px;padding:4px 2px}.dk-typing i{width:7px;height:7px;border-radius:50%;background:var(--dk-gold);animation:dk-bounce 1.1s infinite ease-in-out}.dk-typing i:nth-child(2){animation-delay:.15s}.dk-typing i:nth-child(3){animation-delay:.3s}@keyframes dk-bounce{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}.dk-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 14px 10px;background:var(--dk-bg)}.dk-chip{border:1px solid var(--dk-primary);background:#fff;color:var(--dk-primary);border-radius:999px;padding:6px 12px;font-size:13.5px;transition:background .15s,color .15s}.dk-chip:hover{background:var(--dk-primary);color:#fff}.dk-form{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;border-top:1px solid var(--dk-line);background:#fff}.dk-input{flex:1;resize:none;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;font:inherit;color:var(--dk-head);max-height:110px;min-height:42px;background:#fff;outline:none}.dk-input:focus{border-color:var(--dk-primary);box-shadow:0 0 0 3px rgb(117 13 33 / .14)}.dk-send{width:42px;height:42px;border-radius:10px;border:0;background:var(--dk-primary);color:var(--dk-gold);display:flex;align-items:center;justify-content:center;padding:0;flex:none;transition:background .15s,opacity .15s}.dk-send:hover{background:var(--dk-primary-dark)}.dk-send:disabled{opacity:.45;cursor:not-allowed}.dk-send svg{width:20px;height:20px}.dk-note{padding:0 14px 10px;background:#fff;color:#6b7280;font-size:11.5px;line-height:1.4}@media (max-width:520px){#draakje-root{bottom:14px}#draakje-root.dk-left{left:14px}#draakje-root.dk-right{right:14px}.dk-panel{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;border-radius:0}.dk-nudge{max-width:200px}}@media (prefers-reduced-motion:reduce){#draakje-root *,#draakje-root *::after{animation:none!important;transition:none!important}}