.novi,.novi-toggle{--novi-green:#b5df70;--novi-ink:#19334a;--novi-paper:#fff;--novi-soft:#f3f6f4;--novi-line:#d7e1dc;box-sizing:border-box;color:var(--novi-ink);font-family:Inter,Arial,sans-serif}
.novi-toggle{position:fixed;right:24px;bottom:24px;z-index:60;width:58px;height:58px;border:0;border-radius:50%;background:var(--novi-green);box-shadow:0 6px 22px #102a4330;display:grid;place-items:center;font-size:34px;cursor:pointer;transition:transform .18s}
.novi-toggle svg,.novi-avatar svg{width:26px;height:26px}.novi-toggle:hover{transform:scale(1.06)}
.novi{position:fixed;right:24px;bottom:88px;z-index:60;width:390px;max-width:calc(100vw - 24px);height:590px;max-height:calc(100dvh - 114px);display:flex;flex-direction:column;background:var(--novi-paper);border:1px solid var(--novi-line);border-radius:22px;box-shadow:0 12px 48px #102a4333;overflow:hidden}
.novi[hidden]{display:none}.novi *{box-sizing:border-box}.novi-head{display:flex;align-items:center;gap:10px;padding:14px;background:var(--novi-green);color:#19334a;flex:none}.novi-head>div{flex:1}.novi-head b{font-size:18px}.novi-head small{display:block;font-size:11px;line-height:1.5}.novi-head button{width:40px;height:40px;border:0;border-radius:50%;background:#19334a12;color:#19334a;font-size:25px;cursor:pointer}.novi-avatar{display:grid;place-items:center}
.novi-messages{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;background:var(--novi-soft);padding:14px}.novi-message{background:var(--novi-paper);border:1px solid var(--novi-line);border-radius:16px 16px 16px 4px;padding:14px;margin-bottom:12px;max-width:95%;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.novi-message p{margin:0;white-space:pre-line}.novi-user{margin-left:auto;background:var(--novi-green);color:#19334a;border-radius:16px 16px 4px 16px}.novi-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.novi-options button{font:600 13px/1.4 Inter,Arial,sans-serif;min-height:40px;text-align:left;background:transparent;color:var(--novi-ink);border:1px solid #648b34;border-radius:20px;padding:9px 12px;cursor:pointer}.novi-options button:hover{background:var(--novi-green);color:#19334a}
.novi-controls{flex:none;padding:12px;background:var(--novi-paper);border-top:1px solid var(--novi-line)}.novi-wa{display:block;text-align:center;background:#157f42;color:white;border-radius:20px;padding:10px;font-size:14px;font-weight:600;text-decoration:none;margin-bottom:10px}.novi form{display:flex;gap:8px;padding:0;margin:0;border:0;border-radius:0;background:transparent;align-self:auto}.novi input{width:100%;min-width:0;margin:0;padding:12px;border:1px solid var(--novi-line);border-radius:10px;background:var(--novi-paper);color:var(--novi-ink);font-size:16px}.novi form button{flex:none;width:44px;border:0;border-radius:10px;background:var(--novi-green);color:#19334a;font-size:22px;cursor:pointer}.novi form button:disabled{opacity:.45;cursor:default}.novi-controls>small{display:block;margin-top:7px;font-size:11px;line-height:1.5}.novi :is(button,a,input):focus-visible,.novi-toggle:focus-visible{outline:3px solid #709d32;outline-offset:2px}.novi-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
html[data-theme=dark] .novi{--novi-ink:#edf3f7;--novi-paper:#172b40;--novi-soft:#102134;--novi-line:#40576d}
body:has(.browser-frame.demo-maximized) :is(.novi,.novi-toggle){display:none}
@media(max-width:600px){.novi{right:12px;bottom:78px;max-height:calc(100dvh - 100px)}.novi-toggle{right:16px;bottom:16px}.novi-head button,.novi-options button{min-height:44px}.novi-head{gap:6px}}
@media(prefers-reduced-motion:reduce){.novi-toggle{transition:none}}

.novi-options .novi-wa{margin:0;display:inline-block;min-height:40px;padding:9px 12px;font-size:13px;line-height:1.4}

/* Match the former contact button's gentle invitation to open the chat. */
.novi-toggle svg{width:32px;height:32px}
.novi-toggle[aria-expanded="false"]{animation:breathe 3.6s ease-in-out infinite}
.novi-toggle:is(:hover,:focus-visible){animation:none;transform:scale(1.06)}
@media(prefers-reduced-motion:reduce){.novi-toggle[aria-expanded="false"]{animation:none}}

@media(max-width:600px){.novi-head>div{min-width:0}.novi-head button{flex:none}.novi-options .novi-wa{min-height:44px}}

.novi-typing{display:flex;align-items:center;gap:10px;font-size:12px}
.novi-dots{display:inline-flex;gap:4px}.novi-dots i{width:5px;height:5px;border-radius:50%;background:currentColor;animation:novita-dot 1s ease-in-out infinite}.novi-dots i:nth-child(2){animation-delay:.15s}.novi-dots i:nth-child(3){animation-delay:.3s}
@keyframes novita-dot{0%,80%,100%{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.novi-dots i{animation:none}}

.novi-latest{position:absolute;right:22px;z-index:2;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--novi-line);border-radius:50%;background:var(--novi-paper);color:var(--novi-ink);box-shadow:0 3px 12px #102a4326;cursor:pointer}.novi-latest[hidden]{display:none}.novi-latest svg{width:20px;height:20px}.novi-latest:hover{background:var(--novi-green);color:#19334a}
@media(pointer:coarse){.novi-latest{width:44px;height:44px}}