:root{--marie-bg: #080B12;--marie-surface: #111622;--marie-surface-raised: #151B28;--marie-border: #30394A;--marie-pink: #ff168f;--marie-pink-bright: #ff2ca5;--marie-pink-soft: rgba(255, 22, 143, .16);--marie-pink-ink: #d10e74;--marie-purple: #7138d5;--marie-blue: #1976d2;--marie-green: #39e66d;--marie-text: #F5F7FB;--marie-text-secondary: #C7CEDA;--marie-text-muted: #AEB7C6;color:var(--marie-text);background:var(--marie-bg);font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:280px;min-height:100vh}button,textarea,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid var(--marie-pink-bright);outline-offset:2px}.shell{display:grid;min-height:100vh;place-items:center;padding:1.25rem;background:radial-gradient(circle at 12% 0%,rgba(255,22,143,.07),transparent 22rem),var(--marie-bg)}.widget{container-type:inline-size;display:flex;width:min(100%,32rem);height:min(46rem,calc(100vh - 2.5rem));min-height:32rem;flex-direction:column;overflow:visible;border:1px solid var(--marie-border);border-radius:1.5rem;background:var(--marie-bg);box-shadow:0 1.5rem 4rem #00000073}.widget--collapsed{height:auto;min-height:0}.widget__header{position:relative;z-index:2;isolation:isolate;flex:0 0 auto;width:100%;height:123px;padding:0;overflow:visible;border-radius:1.45rem;color:#fff;background:transparent}.widget__scene{position:absolute;z-index:0;overflow:hidden;border-radius:inherit;inset:0;pointer-events:none;background:none}.widget__scene:before{content:"";position:absolute;inset:-14px;background:url(/brand/header_scene.png) center 32% / cover no-repeat;filter:blur(3px)}.widget__glass{position:absolute;z-index:1;inset:0;border:1px solid rgba(236,244,255,.62);border-radius:inherit;pointer-events:none;background:#030a2480;box-shadow:0 0 .35rem #d2e4ff47,inset 0 0 .4rem #dcebff24}.avatar__float{position:absolute;z-index:3;left:-16px;top:-9px;width:135px;aspect-ratio:1;pointer-events:none;animation:marie-float 8s ease-in-out infinite}.avatar{position:relative;z-index:3;display:block;width:100%;height:100%;margin:0;overflow:visible;border:0;border-radius:0;background:none;filter:drop-shadow(0 .35rem .4rem rgba(0,0,0,.38))}.avatar img{display:block;width:100%;height:100%;object-fit:contain}.avatar__lid{position:absolute;z-index:2;border-radius:45% 45% 42% 42%;opacity:0;transform:scaleY(0);transform-origin:50% 0;pointer-events:none}.avatar__lid--left{left:41.2%;top:35.6%;width:7.2%;height:5.4%;background:linear-gradient(180deg,#e08a58,#f7a56e 62%,#8d4030)}.avatar__lid--right{left:53.4%;top:31.5%;width:7.8%;height:6.6%;background:linear-gradient(180deg,#e39262,#f8ae78 62%,#8d4030)}.avatar--blink .avatar__lid{animation-name:marie-blink;animation-duration:var(--blink-ms, .19s);animation-timing-function:linear;animation-fill-mode:both}.avatar>.avatar__mark{display:none}.avatar:not(:has(img)){display:grid;place-items:center;width:3.45rem;height:3.45rem;align-self:center;margin:.85rem .4rem;border-radius:50%;background:var(--marie-surface-raised);filter:none}.avatar:not(:has(img))>.avatar__mark{display:block;font-size:1.15rem;font-weight:750;line-height:1}@keyframes marie-float{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes marie-blink{0%{opacity:0;transform:scaleY(0)}10%{opacity:1;transform:scaleY(.2)}28%{opacity:1;transform:scaleY(1)}46%{opacity:1;transform:scaleY(1)}68%{opacity:1;transform:scaleY(.28)}to{opacity:0;transform:scaleY(0)}}.message__avatar{display:grid;width:1.65rem;height:1.65rem;place-items:center;flex:0 0 auto;margin-top:1.15rem;border:1.5px solid var(--marie-pink);border-radius:50%;color:var(--marie-text);background:var(--marie-surface)}.message__avatar .avatar__mark{color:var(--marie-text);font-size:.75rem;font-weight:700}.message__avatar--spacer{visibility:hidden}.widget__identity{position:absolute;z-index:2;left:138px;top:50%;width:max-content;max-width:calc(100% - 210px);margin:0;padding:0;background:none;box-shadow:none;transform:translateY(-50%)}.widget__identity:before{content:"";position:absolute;z-index:-1;inset:-.55rem -1.75rem -.55rem -1.15rem;background:linear-gradient(90deg,#02061257,#02061229 64%,#02061200);filter:blur(8px);pointer-events:none}.widget__identity h1{margin:0;color:#fff;font-size:clamp(1.2rem,5.8cqi,2.15rem);font-weight:760;line-height:.95;letter-spacing:-.03em}.widget__status{position:absolute;z-index:4;top:14px;right:14px;display:inline-flex;align-items:center;gap:.38rem;margin:0;color:#fff;font-size:clamp(.7rem,2.15cqi,.85rem);font-weight:650;line-height:1;white-space:nowrap}.widget__tagline{margin:1.5cqi 0 0;color:#fff;font-size:clamp(.78rem,2.85cqi,1.05rem);font-weight:480;line-height:1.42}.presence{width:.48rem;height:.48rem;flex:0 0 auto;border-radius:50%;background:var(--marie-green);box-shadow:0 0 0 3px #39e66d29}.presence--offline{background:#f0b429;box-shadow:none}.widget__header>.icon-button{position:absolute;z-index:5;top:-1.15rem;right:.7rem;width:1.5rem;height:1.5rem;border:0;color:#fff;background:#040a1c66}.widget__header>.icon-button:hover{color:#fff;background:#ffffff2e}.widget__header .icon-button svg{width:.72rem}.icon-button{display:grid;width:2.35rem;height:2.35rem;place-items:center;border:1px solid var(--marie-border);border-radius:50%;color:var(--marie-text-secondary);background:#ffffff0a;cursor:pointer}.icon-button:hover{color:var(--marie-text);background:#ffffff14}.icon-button svg,.quick-questions svg,.send-button svg{width:1.15rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.widget__body{display:flex;min-height:0;flex:1;flex-direction:column;overflow:hidden;border-bottom-left-radius:calc(1.5rem - 1px);border-bottom-right-radius:calc(1.5rem - 1px)}.widget--collapsed .widget__header{border-radius:calc(1.5rem - 1px)}.privacy-note{padding:.7rem 1rem;border-bottom:1px solid var(--marie-border);color:var(--marie-text-secondary);background:var(--marie-surface-raised);font-size:.875rem;line-height:1.5;overflow-wrap:anywhere;text-align:center}.transcript{min-height:0;flex:1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:1rem;scrollbar-color:rgba(255,255,255,.22) transparent;scrollbar-width:thin}.welcome-card{padding:1.05rem 1.1rem;border:1px solid var(--marie-border);border-radius:1.1rem;background:var(--marie-surface-raised)}.welcome-card__eyebrow{margin:0 0 .35rem!important;color:var(--marie-pink-bright)!important;font-size:.75rem!important;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.welcome-card h2{margin:0;color:var(--marie-text);font-size:1.25rem;font-weight:680;line-height:1.3}.welcome-card p{margin:.5rem 0 0;color:var(--marie-text-secondary);font-size:.9375rem;line-height:1.55}.quick-questions{display:grid;gap:.5rem;margin-top:.8rem}.quick-questions button{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.72rem .85rem;border:1px solid var(--marie-border);border-radius:.9rem;color:var(--marie-text);background:var(--marie-surface-raised);cursor:pointer;font-size:.9375rem;line-height:1.45;font-weight:650;text-align:left}.quick-questions button:hover{border-color:#ff168f8c}.quick-questions button:disabled{cursor:default;opacity:.55}.message-list{display:grid;gap:1rem;margin:1.2rem 0 0;padding:0;list-style:none}.message{display:grid;justify-items:start;min-width:0}.message--marie{grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:.5rem}.message--grouped{margin-top:calc(7px - 1rem)}.message--grouped .message__avatar{margin-top:0}.message--visitor{justify-items:end}.message__body{display:grid;justify-items:start;min-width:0;max-width:100%}.message--visitor .message__body{justify-items:end;justify-self:end;max-width:86%}.message--employee .message__body{max-width:86%}.message__meta{display:flex;gap:.45rem;margin:0 .35rem .28rem;color:var(--marie-text-muted);font-size:.75rem;line-height:1.35}.message__meta span{color:var(--marie-text-secondary);font-weight:650}.message--visitor .message__meta span{color:var(--marie-text-secondary);font-weight:550}.message__bubble{max-width:100%;padding:.8rem .95rem;border:1px solid var(--marie-border);border-radius:1.15rem 1.15rem 1.15rem .4rem;color:var(--marie-text);background:var(--marie-surface-raised);font-size:.9375rem;line-height:1.55;overflow-wrap:anywhere}.message--visitor .message__bubble{border-color:transparent;border-radius:1.15rem 1.15rem .4rem;color:#fff;background:var(--marie-pink-ink);box-shadow:0 0 0 1px #ff2ca573}.message--employee .message__bubble{border-left:2px solid var(--marie-blue);background:var(--marie-surface);box-shadow:none}.message__bubble p{margin:0}.message--visitor .message__bubble p,.message--employee .message__bubble p{white-space:pre-wrap}.message--marie .message__bubble p+p{margin-top:.55em}.message--marie .message__bubble strong{color:var(--marie-text);font-weight:750}.message--marie .message__bubble ul,.message--marie .message__bubble ol{margin:.55rem 0 0;padding:.55rem .75rem .55rem 1.2rem;border:1px solid var(--marie-border);border-left:2px solid var(--marie-pink);border-radius:.75rem;background:var(--marie-surface)}.message--marie .message__bubble li{margin:.2rem 0}.message--marie .message__bubble li::marker{color:var(--marie-text-secondary)}.message--marie .message__bubble a{color:var(--marie-text);text-underline-offset:.12em}.message__citations{display:grid;gap:.15rem;margin:.35rem .2rem 0;padding:0;color:var(--marie-text-muted);font-size:.75rem;line-height:1.4;list-style:none}.message__citations li:before{content:"↗ "}.delivery{margin:.25rem .25rem 0;border:0;color:var(--marie-text-muted);background:none;font-size:.75rem}button.delivery--failed{padding:.15rem;color:#ffb4a8;cursor:pointer;text-decoration:underline}.typing{display:flex;width:fit-content;gap:.28rem;margin-top:1rem;margin-left:2.15rem;padding:.7rem .85rem;border:1px solid var(--marie-border);border-radius:1.15rem 1.15rem 1.15rem .4rem;background:var(--marie-surface-raised)}.typing>span:not(.sr-only){width:.4rem;height:.4rem;border-radius:50%;background:var(--marie-pink-bright);animation:typing 1.2s infinite ease-in-out}.typing>span:nth-child(2){animation-delay:.15s}.typing>span:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(-.22rem);opacity:1}}.loading{display:flex;align-items:center;justify-content:center;gap:.55rem;padding:2rem .5rem;color:var(--marie-text-secondary);font-size:.9375rem;line-height:1.5}.spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.16);border-top-color:var(--marie-pink);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notice{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .8rem;border-top:1px solid var(--marie-border);color:var(--marie-text);background:var(--marie-surface-raised);font-size:.875rem;line-height:1.5}.notice--offline{box-shadow:inset 3px 0 #f0b429}.notice--handoff{box-shadow:inset 3px 0 0 var(--marie-purple)}.notice button{border:0;color:inherit;background:none;cursor:pointer;font-size:1.2rem;line-height:1}.composer{padding:.8rem 1rem .7rem;border-top:1px solid var(--marie-border);background:var(--marie-surface)}.composer>label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.composer__field{display:flex;align-items:flex-end;gap:.55rem;padding:.35rem .35rem .35rem .85rem;border:1px solid var(--marie-border);border-radius:1.15rem;background:var(--marie-bg)}.composer__field:focus-within{border-color:var(--marie-pink);box-shadow:0 0 0 1px var(--marie-pink),0 0 16px var(--marie-pink-soft)}.composer textarea,.composer input{max-height:7rem;min-height:2rem;width:100%;flex:1;border:0;outline:0;color:var(--marie-text);background:transparent;font-size:.9375rem;line-height:1.5}.composer textarea{resize:vertical}.composer input{min-height:2.25rem}.composer textarea::placeholder,.composer input::placeholder{color:var(--marie-text-secondary);opacity:1}.composer textarea:disabled,.composer input:disabled{cursor:wait}.send-button{display:grid;width:2.5rem;height:2.5rem;flex:0 0 auto;place-items:center;border:0;border-radius:999px;color:#fff;background:var(--marie-pink);cursor:pointer}.send-button:hover{background:var(--marie-pink-bright)}.send-button:disabled{cursor:default;opacity:.38}.composer__hint{display:flex;justify-content:space-between;gap:.5rem;min-height:1rem;margin-top:.35rem;padding:0 .25rem;color:var(--marie-text-secondary);font-size:.75rem;line-height:1.4}.empty-state{display:grid;flex:1;place-content:center;justify-items:center;padding:2rem;text-align:center}.empty-state h2{margin:.8rem 0 0;color:var(--marie-text)}.empty-state p{max-width:19rem;margin:.5rem 0 1.2rem;color:var(--marie-text-secondary);font-size:.9375rem;line-height:1.55}.warning-icon{width:2.2rem;fill:none;stroke:var(--marie-pink-bright);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.button{padding:.65rem 1rem;border:0;border-radius:999px;cursor:pointer;font-weight:700}.button--primary{color:#fff;background:var(--marie-pink)}.button--primary:hover{background:var(--marie-pink-bright)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@container (max-width: 30rem){.widget__header>.icon-button{top:-.95rem;right:.4rem;width:1.35rem;height:1.35rem}}@media(max-width:34rem){.shell{padding:1rem 0 0;place-items:stretch}.widget{width:100%;height:100dvh;min-height:100dvh;border:0;border-radius:0;box-shadow:none}.widget--collapsed{min-height:0;height:auto;align-self:end}.widget__body{border-radius:0}.transcript{padding:.85rem}.composer{padding-bottom:max(.65rem,env(safe-area-inset-bottom))}}@container (max-width: 31rem){.widget__header,.widget--collapsed .widget__header{height:calc(100cqi * 123 / 510);border-radius:1.45rem}.avatar__float{left:calc(100cqi * -16 / 510);top:calc(100cqi * -11 / 510);width:calc(100cqi * 135 / 510)}.widget__identity{left:calc(100cqi * 138 / 510);max-width:calc(100% - 100cqi * 138 / 510 - 14px)}.widget__tagline{font-size:clamp(.7rem,2.55cqi,.9rem)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.avatar__float,.avatar__lid{animation:none!important}}@media(forced-colors:active){.widget,.welcome-card,.quick-questions button,.composer__field,.message__bubble,.notice,.privacy-note{border:1px solid CanvasText}.presence{forced-color-adjust:none}}
