.darbro-float{--df-bg: #0b2038;--df-text: #e6edf7;--df-muted: #b8cbe0;--df-line: #52718b;--df-accent: #4deeea;--df-user-bg: #123e49;--df-bot-bg: #3b2036;--df-bot-text: #ffb6c7;--df-top: max(12px, env(safe-area-inset-top));--df-right: max(12px, env(safe-area-inset-right));--df-bottom: max(12px, env(safe-area-inset-bottom));--df-left: max(12px, env(safe-area-inset-left));position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;height:100dvh;z-index:1040;pointer-events:none}:root[data-bs-theme=light] .darbro-float{--df-bg: #f8fbff;--df-text: #172e49;--df-muted: #415772;--df-line: #708397;--df-accent: #075a64;--df-user-bg: #dff6f7;--df-bot-bg: #fff0f4;--df-bot-text: #81243e}.darbro-float *,.darbro-float *:before,.darbro-float *:after{box-sizing:border-box}.darbro-float .df-launcher{position:absolute;right:var(--df-right);bottom:var(--df-bottom);width:100px;height:100px;display:flex;align-items:center;justify-content:center;padding:0;border:2px solid #2f80ed;border-radius:50%;background:linear-gradient(135deg,#2f80edcc,#4deeea99);box-shadow:0 0 30px #2f80ed66;cursor:pointer;pointer-events:auto}.darbro-float .df-launcher svg{width:90%;height:90%}.darbro-float .df-panel{position:absolute;right:var(--df-right);bottom:var(--df-bottom);width:min(380px,calc(100% - var(--df-left) - var(--df-right)));height:min(560px,calc(100% - var(--df-top) - var(--df-bottom)));display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid var(--df-line);border-radius:16px;background:var(--df-bg);color:var(--df-text);box-shadow:0 10px 40px #0006;pointer-events:auto}.darbro-float .df-header{display:flex;align-items:center;justify-content:space-between;flex:none;gap:8px;padding:4px 8px 4px 16px;border-bottom:1px solid var(--df-line)}.darbro-float .df-header h2{margin:0;font-size:1rem;font-weight:700;color:var(--df-text)}.darbro-float .df-close{width:44px;height:44px;flex:none;border:0;border-radius:8px;background:transparent;color:var(--df-text);cursor:pointer}.darbro-float .df-history{flex:1 1 0;min-height:0;min-width:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:12px}.darbro-float .df-message{display:flex;margin-bottom:12px;min-width:0}.darbro-float .df-message.is-user{justify-content:flex-end}.darbro-float .df-bubble{min-width:0;max-width:90%;padding:8px 12px;border-radius:8px 8px 8px 0;background:var(--df-bot-bg);color:var(--df-bot-text);font-size:.9rem;line-height:1.5;overflow-wrap:anywhere}.darbro-float .is-user .df-bubble{border-radius:8px 8px 0;background:var(--df-user-bg);color:var(--df-accent)}.darbro-float .df-content{white-space:pre-wrap;overflow-wrap:anywhere}.darbro-float .df-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.darbro-float .df-actions a,.darbro-float .df-retry,.darbro-float .df-new{color:var(--df-accent);text-decoration:underline;font-size:.9rem}.darbro-float .df-retry,.darbro-float .df-new{padding:8px;border:1px solid var(--df-line);border-radius:8px;background:var(--df-bg);cursor:pointer}.darbro-float .df-new{flex:none;align-self:center;margin:4px}.darbro-float .df-composer{display:flex;flex:none;min-width:0;gap:8px;padding:12px;border-top:1px solid var(--df-line)}.darbro-float .df-input{flex:1 1 0;min-width:0;min-height:44px;padding:8px;border:1px solid var(--df-line);border-radius:8px;background:var(--df-bg);color:var(--df-text);font-size:16px}.darbro-float .df-input::placeholder{color:var(--df-muted);opacity:1}.darbro-float .df-send{flex:none;min-width:44px;min-height:44px;border:1px solid var(--df-line);border-radius:8px;background:var(--df-user-bg);color:var(--df-accent);cursor:pointer}.darbro-float .df-status{flex:none;padding:0 12px;color:var(--df-muted);font-size:.85rem}.darbro-float .df-status:empty{display:none}.darbro-float :is(button,input,a,[tabindex]):focus-visible{outline:3px solid var(--df-accent);outline-offset:-3px}.darbro-float button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.darbro-float{--df-bottom: calc(var(--mobile-nav-height, env(safe-area-inset-bottom, 0px)) + 12px)}.darbro-float .df-launcher{width:52px;height:52px}}@media(prefers-reduced-motion:reduce){.darbro-float .df-launcher svg *{animation:none}}.darbro-float [x-cloak]{display:none}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 30px #2f80ed66,0 0 60px #4deeea33}50%{box-shadow:0 0 50px #2f80ed99,0 0 100px #4deeea66}}@keyframes wag{0%{transform:rotate(0)}20%{transform:rotate(7deg)}40%{transform:rotate(-7deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-3deg)}to{transform:rotate(0)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03,1.015)}}@keyframes blink{0%,44%,to{transform:scaleY(1)}46%{transform:scaleY(.08)}50%{transform:scaleY(.02)}54%{transform:scaleY(1)}74%{transform:scaleY(1)}76%{transform:scaleY(.15)}78%{transform:scaleY(1)}}@keyframes lookAround{0%,to{transform:translate(0) translateY(0)}15%{transform:translate(2px) translateY(1px)}30%{transform:translate(-3px) translateY(0)}45%{transform:translate(1px) translateY(-1px)}60%{transform:translate(3px) translateY(1px)}75%{transform:translate(-2px) translateY(-1px)}90%{transform:translate(1px) translateY(0)}}@keyframes earLeft{0%,to{transform:rotate(0)}30%{transform:rotate(-3deg)}60%{transform:rotate(-6deg)}}@keyframes earRight{0%,to{transform:rotate(0)}35%{transform:rotate(3deg)}70%{transform:rotate(5deg)}}