

@font-face{font-family:'Sansation';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/sansation-400-latin.1ee989bf91.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Sansation';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/sansation-700-latin.92487902e8.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.cw{ color-scheme:dark;
  
  --gold-50:#FAEEDA; --gold-100:#FAC775; --gold:#DDAC3A; --gold-600:#BA7517; --gold-800:#854F0B; --gold-900:#412402; --ink:#412402;
  --font:'Sansation','Helvetica Neue',Helvetica,Arial,sans-serif;
  --ring:0 0 0 3px rgba(221,172,58,.45); --shadow-gold:0 6px 22px rgba(221,172,58,.22); --shadow-gold-lg:0 14px 36px rgba(221,172,58,.34);
  --bg:#1a1a18; --bg-elev:#221f1b;
  --surface-1:rgba(245,243,238,.035);
  --surface-2a:rgba(245,243,238,.042); --surface-2b:rgba(245,243,238,.012);
  --surface-2:linear-gradient(160deg,var(--surface-2a),var(--surface-2b));
  --hairline:rgba(245,243,238,.07); --hairline-strong:rgba(245,243,238,.12);
  --heading:#f5f3ee; --body:#b4b1a8; --tertiary:#918E84; --gold-text:var(--gold);
  --field-bg:rgba(245,243,238,.04); --field-border:rgba(245,243,238,.14); --field-border-hover:rgba(245,243,238,.26);
  --placeholder:#7d7a72; --control-off:rgba(245,243,238,.10);
  --teal:#5DCAA5; --teal-bg:rgba(93,202,165,.09); --teal-border:rgba(93,202,165,.28);
  --shadow-2:0 28px 70px -34px rgba(0,0,0,.78);
  
  --cw-z:92; --cw-edge:22px; --cw-lift:0px;
  font-family:var(--font);
}
.cw,.cw *{box-sizing:border-box}
.cw-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.cw-launcher{position:fixed;z-index:var(--cw-z);right:var(--cw-edge);bottom:calc(var(--cw-edge) + var(--cw-lift) + env(safe-area-inset-bottom,0px));width:58px;height:58px;border-radius:50%;border:0;cursor:pointer;background:var(--gold);color:var(--ink);box-shadow:var(--shadow-gold);display:grid;place-items:center;transition:background var(--dur) ease,transform var(--dur) var(--ease),box-shadow .28s ease,bottom .32s var(--ease)}
.cw-launcher:hover{background:var(--gold-100);transform:translateY(-2px);box-shadow:var(--shadow-gold-lg)}
.cw-launcher:active{transform:translateY(0)}
.cw-launcher:focus-visible{outline:none;box-shadow:var(--shadow-gold),var(--ring)}
.cw-launcher .an-mark{color:inherit}
.cw-lic{grid-area:1/1;display:grid;place-items:center;transition:opacity .16s ease,transform .26s var(--ease)}
.cw-lic--x{opacity:0;transform:rotate(-45deg) scale(.6)}
.cw.is-open .cw-lic--mark{opacity:0;transform:rotate(45deg) scale(.6)}
.cw.is-open .cw-lic--x{opacity:1;transform:none}
.cw-badge{position:absolute;top:-4px;right:-4px;min-width:21px;height:21px;padding:0 6px;border-radius:var(--r-pill);background:var(--gold-900);color:var(--gold-100);border:2px solid var(--bg);font-weight:700;font-size:11px;line-height:1;display:grid;place-items:center}
.cw-launcher.has-unread::before{content:"";position:absolute;inset:0;border-radius:50%;animation:an-dot-pulse 2.6s ease-out infinite;pointer-events:none}

.cw-panel{position:fixed;z-index:var(--cw-z);right:var(--cw-edge);bottom:calc(var(--cw-edge) + 72px + var(--cw-lift) + env(safe-area-inset-bottom,0px));width:min(392px,calc(100vw - 2*var(--cw-edge)));height:min(600px,calc(100dvh - var(--cw-lift) - 130px));display:flex;flex-direction:column;background:var(--bg-elev);border:1px solid var(--hairline-strong);border-radius:var(--r-xl);box-shadow:var(--shadow-2);overflow:hidden;transform-origin:100% 100%;opacity:0;visibility:hidden;transform:translateY(10px) scale(.98);transition:opacity .2s ease,transform .24s var(--ease),visibility .24s,bottom .32s var(--ease)}
.cw.is-open .cw-panel{opacity:1;visibility:visible;transform:none}

.cw-head{display:flex;align-items:center;gap:11px;padding:13px 12px 13px 16px;border-bottom:1px solid var(--hairline);flex:0 0 auto}
.cw-head-id{flex:1 1 auto;min-width:0}
.cw-title{margin:0;font-weight:700;font-size:15.5px;letter-spacing:.004em;color:var(--heading)}
.cw-status{display:flex;align-items:center;gap:7px;margin:2px 0 0;font-size:12px;color:var(--tertiary)}
.cw-status-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);flex:0 0 auto}
.cw-status-dot--away{background:transparent;border:1.5px solid var(--tertiary)}
.cw-x{flex:0 0 auto;width:36px;height:36px;border-radius:var(--r-sm);border:0;background:transparent;color:var(--tertiary);display:grid;place-items:center;cursor:pointer;transition:background var(--dur) ease,color var(--dur) ease}
.cw-x:hover{background:var(--surface-1);color:var(--heading)}
.cw-x:focus-visible{outline:none;box-shadow:var(--ring)}

.cw-thread{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:8px 16px 16px;scrollbar-width:thin;scrollbar-color:var(--hairline-strong) transparent}
.cw-hello{padding:16px 2px 4px}
.cw-hello-mark{width:44px;height:44px;border-radius:var(--r-md);display:grid;place-items:center;color:var(--gold);background:rgba(221,172,58,.10);border:1px solid rgba(221,172,58,.18)}
.cw-hello-tag{margin:12px 0 0;font-size:13.5px;line-height:1.55;color:var(--body);text-wrap:pretty}
.cw-notice{display:flex;gap:11px;margin:14px 0 0;padding:13px 14px;border:1px solid var(--hairline-strong);border-radius:var(--r-md);background:var(--surface-1);font-size:13px;line-height:1.55;color:var(--body)}
.cw-notice svg{flex:0 0 auto;color:var(--tertiary);margin-top:2px}
.cw-notice p{margin:0}
.cw-prechat{display:flex;flex-direction:column;gap:10px;margin:14px 0 4px;padding:14px;border:1px solid var(--hairline);border-radius:var(--r-lg);background:var(--surface-2)}
.cw-prechat-p{margin:0 0 2px;font-size:13px;line-height:1.5;color:var(--body)}
.cw-plabel{display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:700;letter-spacing:.01em;color:var(--heading)}
.cw-prechat .an-input{padding:9px 12px;font-size:14px}

.cw-group{display:flex;gap:9px;align-items:flex-start;margin-top:14px}
.cw-group--visitor{justify-content:flex-end}
.cw-avatar{flex:0 0 auto;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;margin-top:21px}
.cw-avatar--assistant{color:var(--gold);background:rgba(221,172,58,.08);border:1px solid rgba(221,172,58,.24)}
.cw-avatar--human{color:var(--teal);background:var(--teal-bg);border:1px solid var(--teal-border);font-weight:700;font-size:12px}
.cw-gbody{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;max-width:85%}
.cw-group--visitor .cw-gbody{align-items:flex-end}
.cw-meta{display:flex;align-items:center;gap:6px;margin:0 0 1px 2px;font-size:11.5px;font-weight:700;letter-spacing:.03em;color:var(--tertiary)}
.cw-meta-dot{width:5px;height:5px;border-radius:50%;background:var(--teal)}
.cw-bubble{padding:9px 13px;border-radius:14px;font-size:14.5px;line-height:1.5;max-width:100%}
.cw-bubble p{margin:0;overflow-wrap:anywhere;color:var(--body);transition:opacity .24s ease}
.cw-bubble--assistant{background:var(--surface-1);border:1px solid var(--hairline)}
.cw-bubble--human{background:rgba(245,243,238,.055);border:1px solid var(--hairline-strong)}
.cw-gbody .cw-bubble--assistant:first-of-type,.cw-gbody .cw-bubble--human:first-of-type{border-top-left-radius:6px}
.cw-bubble--visitor{background:rgba(221,172,58,.14);border:1px solid rgba(221,172,58,.20);border-bottom-right-radius:6px}
.cw-bubble--visitor p{color:var(--heading)}
.cw-bubble a{color:var(--gold-text);text-decoration:underline;text-underline-offset:2px;animation:cw-fade .26s ease}
.cw-bubble a:hover{color:var(--gold-100)}

.cw-bubble.is-streaming p{opacity:.76}
.cw-bubble.is-streaming p::after{content:"";display:inline-block;width:2px;height:.95em;margin-left:3px;vertical-align:-2px;background:var(--gold);animation:cw-caret 1.05s steps(1) infinite}
.cw-typing{display:inline-flex;gap:4px;padding:3px 1px}
.cw-typing i{width:6px;height:6px;border-radius:50%;background:var(--tertiary);animation:cw-tp 1.15s ease-in-out infinite}
.cw-typing i:nth-child(2){animation-delay:.14s}
.cw-typing i:nth-child(3){animation-delay:.28s}

.cw-ev{display:flex;align-items:center;gap:10px;margin:18px 0 2px;font-size:11.5px;font-weight:700;letter-spacing:.05em;color:var(--tertiary);text-align:center}
.cw-ev::before,.cw-ev::after{content:"";flex:1 1 0;height:1px;background:var(--hairline)}
.cw-ev-dot{width:6px;height:6px;border-radius:50%;flex:0 0 auto;background:var(--gold)}
.cw-ev--join .cw-ev-dot{background:var(--teal)}
.cw-ev--join{color:var(--teal)}
.cw-ev--resolved .cw-ev-dot{background:transparent;border:1.5px solid var(--tertiary)}

.cw-conn{display:flex;align-items:center;gap:8px;padding:8px 16px 0;font-size:12px;color:var(--tertiary);flex:0 0 auto}
.cw-composer{display:flex;align-items:flex-end;gap:9px;padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--hairline);flex:0 0 auto}
.cw-field{flex:1 1 auto;min-height:40px;max-height:118px;overflow-y:hidden;resize:none;font-family:var(--font);font-weight:400;font-size:14.5px;line-height:1.45;color:var(--heading);background:var(--field-bg);border:1px solid var(--field-border);border-radius:12px;padding:10px 13px;transition:border-color var(--dur) ease,box-shadow .26s ease}

.cw-field.is-scroll{padding-right:5px}
.cw-field::-webkit-scrollbar{width:8px}
.cw-field::-webkit-scrollbar-track{background:transparent;margin:8px 0}
.cw-field::-webkit-scrollbar-thumb{background:var(--hairline-strong);border-radius:4px;border:2px solid transparent;background-clip:padding-box}
@supports not selector(::-webkit-scrollbar){.cw-field{scrollbar-width:thin;scrollbar-color:var(--hairline-strong) transparent}}
.cw-field::placeholder{color:var(--placeholder)}
.cw-field:hover{border-color:var(--field-border-hover)}
.cw-field:focus-visible{outline:none;border-color:var(--gold);box-shadow:var(--ring)}

.cw-send{flex:0 0 auto;width:40px;height:40px;border-radius:50%;border:1px solid var(--field-border);background:var(--surface-1);color:var(--heading);display:grid;place-items:center;cursor:pointer;transition:background var(--dur) ease,border-color var(--dur) ease,color var(--dur) ease,transform var(--dur) var(--ease),opacity .2s ease}
.cw-send:hover{background:rgba(221,172,58,.14);border-color:var(--gold);color:var(--gold-text);transform:translateY(-1px)}
.cw-send:focus-visible{outline:none;box-shadow:var(--ring)}
.cw-send:disabled{opacity:.38;cursor:default;transform:none;background:var(--surface-1);border-color:var(--field-border);color:var(--heading)}

@media (max-width:640px){
  .cw-panel{left:0;right:0;top:0;bottom:0;width:auto;height:auto;max-height:none;border-radius:0;border:0;transform:translateY(14px)}
  .cw.is-open .cw-panel{transform:none}
  .cw-head{padding-top:calc(13px + env(safe-area-inset-top,0px))}
  .cw.is-open .cw-launcher{opacity:0;pointer-events:none}
}
@keyframes cw-fade{from{opacity:0}}
@keyframes cw-caret{50%{opacity:0}}
@keyframes cw-tp{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-3px)}}

@media (prefers-reduced-motion:reduce){
  .cw-launcher,.cw-panel,.cw-lic,.cw-send{transition:none}
  .cw-launcher.has-unread::before{animation:none}
  .cw-typing i{animation:none;opacity:.7}
  .cw-bubble.is-streaming p::after{animation:none}
  .cw-bubble a{animation:none}
}
.cw-rm .cw-launcher,.cw-rm .cw-panel,.cw-rm .cw-lic,.cw-rm .cw-send{transition:none}
.cw-rm .cw-launcher.has-unread::before{animation:none}
.cw-rm .cw-typing i{animation:none;opacity:.7}
.cw-rm .cw-bubble.is-streaming p::after{animation:none}
.cw-rm .cw-bubble a{animation:none}
