.myend-justine-chat{background:var(--md-surface);border:1px solid var(--md-border);border-radius:var(--md-r-card);box-shadow:var(--md-elev-2);display:flex;flex-direction:column;margin-inline:auto;max-width:560px;overflow:hidden}.myend-justine-chat__head{align-items:center;border-bottom:1px solid var(--md-divider);display:flex;gap:var(--md-s-3);padding:var(--md-s-3) var(--md-s-4)}.myend-justine-chat__avatar{background:var(--md-primary);border-radius:var(--md-r-md);color:var(--md-on-primary);display:grid;flex:0 0 auto;font-size:var(--md-fs-body-sm);font-weight:var(--md-fw-semibold);height:32px;place-items:center;width:32px}.myend-justine-chat__head-text{flex:1;min-width:0}.myend-justine-chat__title{color:var(--md-text);font-size:var(--md-fs-body-sm);font-weight:var(--md-fw-medium);margin:0}.myend-justine-chat__status{color:var(--md-text-muted);font-size:var(--md-fs-label-sm);margin:0}.myend-justine-chat__live{align-items:center;background:var(--md-tile-mint);border-radius:var(--md-r-full);color:var(--md-tile-mint-ink);display:inline-flex;flex:0 0 auto;font-size:var(--md-fs-label-sm);font-weight:var(--md-fw-medium);gap:6px;padding:4px var(--md-s-3)}.myend-justine-chat__live:before{background:currentColor;border-radius:var(--md-r-full);content:"";height:6px;width:6px}.myend-justine-chat__stream{background:linear-gradient(180deg,var(--md-surface) 0,var(--md-surface-2) 100%);display:flex;flex-direction:column;gap:var(--md-s-3);height:320px;overflow-y:auto;padding:var(--md-s-5);scroll-behavior:smooth}.myend-justine-chat__row{animation:myend-justine-fade-up .35s cubic-bezier(.2,0,0,1);display:flex;gap:var(--md-s-3);max-width:100%}.myend-justine-chat__row--bot{justify-content:flex-start}.myend-justine-chat__row--user{justify-content:flex-end}.myend-justine-chat__avatar-sm{background:var(--md-primary);border-radius:var(--md-r-sm);color:var(--md-on-primary);display:grid;flex:0 0 auto;font-size:var(--md-fs-label-sm);font-weight:var(--md-fw-semibold);height:26px;place-items:center;width:26px}.myend-justine-chat__bubble{border-radius:var(--md-r-lg);font-size:var(--md-fs-body-sm);line-height:1.55;max-width:340px;padding:10px var(--md-s-4)}.myend-justine-chat__bubble--bot{background:var(--md-surface-tint);border-top-left-radius:var(--md-r-xs);color:var(--md-text-2)}.myend-justine-chat__bubble--user{background:var(--md-primary);border-top-right-radius:var(--md-r-xs);color:var(--md-on-primary)}.myend-justine-chat__typing{align-items:center;display:inline-flex;gap:4px;padding:12px var(--md-s-4)}.myend-justine-chat__dot{animation:myend-justine-dot-bounce 1.2s ease infinite;background:var(--md-text-muted);border-radius:var(--md-r-full);height:6px;width:6px}.myend-justine-chat__dot:nth-child(2){animation-delay:.15s}.myend-justine-chat__dot:nth-child(3){animation-delay:.3s}@keyframes myend-justine-dot-bounce{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes myend-justine-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.myend-justine-chat__running-note{color:var(--md-text-muted);font-size:var(--md-fs-label);font-style:italic;margin:0;padding:var(--md-s-3) var(--md-s-4) var(--md-s-2);text-align:center}.myend-justine-chat__chips{display:flex;flex-wrap:wrap;gap:var(--md-s-2);padding:var(--md-s-3) var(--md-s-4) var(--md-s-2)}.myend-justine-chat__chip{align-items:center;background:var(--md-surface);border:1px solid var(--md-border);border-radius:var(--md-r-full);color:var(--md-text-2);cursor:pointer;display:inline-flex;font-family:var(--md-font);font-size:var(--md-fs-label);gap:4px;padding:var(--md-s-2) var(--md-s-4);transition:border-color var(--md-transition-fast),color var(--md-transition-fast),background var(--md-transition-fast)}.myend-justine-chat__chip:hover{background:var(--md-surface-tint);border-color:var(--md-primary);color:var(--md-primary)}.myend-justine-chat[data-state=done] .myend-justine-chat__running-note,.myend-justine-chat[data-state=initial] .myend-justine-chat__chips,.myend-justine-chat[data-state=initial] .myend-justine-chat__running-note,.myend-justine-chat[data-state=running] .myend-justine-chat__chips{display:none}.myend-justine-chat__input{align-items:center;background:var(--md-surface);border:1px solid var(--md-border);border-radius:var(--md-r-full);display:flex;gap:var(--md-s-3);margin:var(--md-s-2) var(--md-s-4);padding:4px 4px 4px var(--md-s-4)}.myend-justine-chat[data-state=running] .myend-justine-chat__input{opacity:.55}.myend-justine-chat__input input{background:transparent;border:0;color:var(--md-text-2);flex:1;font-family:var(--md-font);font-size:var(--md-fs-body-sm);min-width:0;padding:8px 0}.myend-justine-chat__input input::placeholder{color:var(--md-text-muted)}.myend-justine-chat__input input:focus{outline:none}.myend-justine-chat__send{background:var(--md-primary);border:0;border-radius:var(--md-r-full);color:var(--md-on-primary);cursor:pointer;display:grid;flex:0 0 auto;height:32px;place-items:center;width:32px}.myend-justine-chat__footnote{color:var(--md-text-muted);font-size:var(--md-fs-label-sm);line-height:1.45;margin:0 auto var(--md-s-4);max-width:36ch;padding-inline:var(--md-s-4);text-align:center}@media (prefers-reduced-motion:reduce){.myend-justine-chat__dot,.myend-justine-chat__row{animation:none}.myend-justine-chat__stream{scroll-behavior:auto}}.myend-justine-live{background:var(--md-surface);border:1px solid var(--md-border-soft);border-radius:var(--md-r-card);box-shadow:var(--md-elev-2);display:flex;flex-direction:column;margin-inline:auto;max-width:720px;overflow:hidden;width:100%}.myend-justine-live__messages{display:flex;flex-direction:column;gap:var(--md-s-3);max-height:460px;min-height:320px;overflow-y:auto;padding:var(--md-s-5) var(--md-s-5) var(--md-s-4);scroll-behavior:smooth}.myend-justine-live__bubble{align-items:flex-start;animation:myend-justine-bubble-in .26s cubic-bezier(.2,0,0,1) both;border-radius:18px;display:flex;font-size:var(--md-fs-body);gap:var(--md-s-3);line-height:1.5;max-width:88%;padding:var(--md-s-3) var(--md-s-4)}.myend-justine-live__bubble--assistant{align-self:flex-start;background:color-mix(in srgb,var(--md-tile-cream) 70%,var(--md-surface));border-bottom-left-radius:6px;color:var(--md-text)}.myend-justine-live__bubble--user{align-self:flex-end;background:var(--md-primary);border-bottom-right-radius:6px;color:var(--md-text-on-primary,#fff)}.myend-justine-live__bubble--error{align-self:stretch;background:color-mix(in srgb,var(--md-warning,#c64) 12%,var(--md-surface));border:1px solid color-mix(in srgb,var(--md-warning,#c64) 35%,transparent);color:var(--md-text);font-size:var(--md-fs-body-sm);text-align:center}.myend-justine-live__avatar{background:var(--md-primary);border-radius:999px;color:var(--md-text-on-primary,#fff);display:grid;flex-shrink:0;font-family:var(--md-font);font-size:12px;font-weight:var(--md-fw-medium);height:28px;letter-spacing:0;line-height:1;place-items:center;width:28px}.myend-justine-live__text{margin:0;min-width:0}.myend-justine-live__typing{padding-block:var(--md-s-3)}.myend-justine-live__dots{align-items:center;display:inline-flex;gap:4px;height:16px}.myend-justine-live__dots>span{animation:myend-justine-dot 1.2s cubic-bezier(.4,0,.6,1) infinite both;background:color-mix(in srgb,var(--md-text) 45%,transparent);border-radius:999px;height:7px;width:7px}.myend-justine-live__dots>span:nth-child(2){animation-delay:.15s}.myend-justine-live__dots>span:nth-child(3){animation-delay:.3s}.myend-justine-live__cta{align-items:flex-start;align-self:stretch;animation:myend-justine-bubble-in .32s cubic-bezier(.2,0,0,1) both;background:color-mix(in srgb,var(--md-primary) 8%,var(--md-surface));border:1px solid color-mix(in srgb,var(--md-primary) 25%,transparent);border-radius:var(--md-r-card);display:flex;flex-direction:column;gap:var(--md-s-3);margin-block:var(--md-s-3);padding:var(--md-s-5)}.myend-justine-live__cta-line{color:var(--md-text);font-family:var(--md-font-serif);font-size:var(--md-fs-body-lg);line-height:1.45;margin:0}.myend-justine-live__cta-btn{margin:0}.myend-justine-live__form{background:color-mix(in srgb,var(--md-surface) 92%,transparent);border-top:1px solid var(--md-border-soft);display:flex;gap:var(--md-s-2);padding:var(--md-s-3) var(--md-s-4)}.myend-justine-live__input{background:var(--md-surface);border:1px solid var(--md-border);border-radius:999px;color:var(--md-text);flex:1;font-family:var(--md-font);font-size:var(--md-fs-body);line-height:1.4;min-width:0;padding:var(--md-s-3) var(--md-s-4);transition:border-color .16s ease,box-shadow .16s ease}.myend-justine-live__input:focus{border-color:var(--md-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--md-primary) 22%,transparent);outline:0}.myend-justine-live__input::placeholder{color:var(--md-text-3)}.myend-justine-live__input:disabled{background:color-mix(in srgb,var(--md-surface) 80%,transparent);cursor:not-allowed}.myend-justine-live__send{background:var(--md-primary);border:0;border-radius:999px;color:var(--md-text-on-primary,#fff);cursor:pointer;flex-shrink:0;font-family:var(--md-font);font-size:var(--md-fs-body);font-weight:var(--md-fw-medium);padding:var(--md-s-3) var(--md-s-5);transition:background .16s ease,transform .12s ease}.myend-justine-live__send:hover{background:var(--md-primary-hover)}.myend-justine-live__send:active{transform:translateY(1px)}.myend-justine-live__send:disabled{background:color-mix(in srgb,var(--md-text) 30%,transparent);cursor:not-allowed}@keyframes myend-justine-bubble-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes myend-justine-dot{0%,40%,to{opacity:.35;transform:translateY(0)}20%{opacity:1;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.myend-justine-live__bubble,.myend-justine-live__cta{animation:none}.myend-justine-live__dots>span{animation-duration:0s}.myend-justine-live__messages{scroll-behavior:auto}}@media (max-width:640px){.myend-justine-live__messages{max-height:380px;min-height:260px}.myend-justine-live__bubble{font-size:var(--md-fs-body-sm);max-width:92%}}