/* Company in the house, in the existing house palette. */
.live-strip{display:flex;align-items:center;gap:10px;padding:8px 12px;margin:0 0 12px;background:#d6dfbf;color:#24392f;border:1px solid #809275;font:12px/1.5 Verdana,sans-serif}
.live-strip canvas{width:32px;height:42px;image-rendering:pixelated;flex:none}.live-strip-copy{flex:1;min-width:0}.live-strip-copy strong{display:block;overflow-wrap:anywhere}.live-strip-copy span{font-size:11px}.live-strip .live-strip-open{background:#324739;color:#f1e7cc;min-height:40px;white-space:nowrap}
.live-widget{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:calc(max(16px,env(safe-area-inset-bottom)) + var(--live-keyboard-offset,0px));z-index:10050;color:#24392f;font:13px/1.5 Verdana,Geneva,sans-serif;text-align:left;--live-paper:#f1e7cc;--live-green:#24392f}
.live-widget *, .live-strip *{box-sizing:border-box}.live-widget [hidden]{display:none!important}.live-widget ::selection{background:#f1ce82;color:#24392f}.live-widget :focus-visible{outline:3px solid #813aa4;outline-offset:3px}.live-widget button{font:12px/1.4 Verdana,sans-serif;min-height:40px;border:1px solid #829076;border-radius:0;box-shadow:none;padding:8px 12px;background:#324739;color:#f1e7cc;cursor:pointer}.live-widget button:hover:not(:disabled){background:#f1ce82;color:#24392f}.live-widget button:disabled{opacity:.6;cursor:default}.live-widget button:active:not(:disabled){transform:translateY(1px)}
.live-widget .live-launcher{display:flex;align-items:center;gap:10px;min-height:46px;background:#f1ce82;color:#24392f;border:2px solid #24392f;padding:9px 15px;font-weight:bold}.live-launcher svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.live-launcher .live-unread{display:inline-block;min-width:20px;background:#4a3548;color:#fff8e2;padding:1px 5px;font-size:11px}
.live-panel{width:min(410px,calc(100vw - 32px));height:min(680px,calc(var(--live-view-height,100dvh) - 36px));display:flex;flex-direction:column;background:var(--live-paper);border:2px solid #24392f;box-shadow:0 12px 40px #13221c66;overflow:hidden}
.live-panel-header{display:flex;align-items:center;gap:12px;background:#24392f;color:#f1e7cc;padding:10px 12px;flex:none}.live-panel-header h2{font:18px/1.3 Silkscreen,monospace!important;margin:0!important;color:#f1e7cc!important;flex:1}.live-widget .live-close{min-width:44px;min-height:40px;padding:5px;background:transparent;color:#f1e7cc;font-size:21px}.live-panel-status{margin:0;padding:9px 12px;background:#d6dfbf;font-size:12px;color:#24392f;flex:none;overflow-wrap:anywhere}
.live-body{overflow:auto;overscroll-behavior:contain;min-height:0;flex:1;scrollbar-color:#7a8e70 #e3ddc5}.live-widget p{margin:0;max-width:none}.live-widget a{color:#24392f;text-underline-offset:3px}.live-widget a:hover{color:#7d3526}.live-identity{padding:12px;border-bottom:1px solid #b0b393}.live-identity summary{cursor:pointer;display:flex;align-items:center;gap:10px;min-height:48px;list-style:none}.live-identity summary::-webkit-details-marker{display:none}.live-avatar-preview{width:36px;height:48px;image-rendering:pixelated;flex:none}.live-identity summary span{flex:1;min-width:0;overflow-wrap:anywhere}.live-identity summary small{display:block;font-size:11px}.live-identity summary b{font-weight:normal;text-decoration:underline;text-underline-offset:3px;font-size:12px}.live-profile-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin:10px 0 0}.live-profile-form label{grid-column:1/-1}.live-widget input,.live-widget textarea,.live-widget select{font:16px/1.5 Verdana,sans-serif;color:#24392f;background:#fffcf5;border:1px solid #829076;border-radius:0;padding:8px;min-width:0;max-width:100%;caret-color:#24392f}.live-widget input::placeholder,.live-widget textarea::placeholder{color:#52604b;opacity:1}.live-profile-form input{width:100%}.live-profile-form .live-name-help{grid-column:1/-1;font-size:11px;color:#455440}.live-room-picker{display:flex;gap:10px;align-items:center;padding:12px;border-bottom:1px solid #b0b393}.live-room-picker label{font-weight:bold;white-space:nowrap}.live-room-picker select{flex:1;font-size:14px}.live-people{padding:10px 12px;border-bottom:1px solid #b0b393}.live-people summary{font-weight:bold;min-height:32px;cursor:pointer}.live-person-list{list-style:none;padding:0!important;margin:4px 0!important;max-height:168px;overflow:auto}.live-person{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid #c3c5a8}.live-person canvas{width:27px;height:36px;image-rendering:pixelated;flex:none}.live-person-copy{flex:1;min-width:0;overflow-wrap:anywhere}.live-person-copy strong{display:block;font-size:12px}.live-person-copy small{font-size:11px}.live-widget .live-person button{min-width:44px;padding:7px;font-size:11px}.live-widget .live-mute{background:transparent;color:#24392f;border-color:transparent;text-decoration:underline;text-underline-offset:3px}.live-empty{padding:12px 0;color:#455440;font-size:12px}
.live-conversation{padding:12px}.live-conversation h3{font:16px/1.4 Silkscreen,monospace;margin:0 0 8px}.live-chat-note{font-size:11px;color:#455440;margin-bottom:10px!important}.live-messages{list-style:none;padding:0!important;margin:0!important}.live-message{padding:10px 0;border-top:1px solid #c4c5aa;overflow-wrap:anywhere;line-height:1.65}.live-message header{display:flex;gap:8px;align-items:baseline}.live-message header strong{font-size:12px;flex:1}.live-message time{font-size:10px;color:#455440;font-variant-numeric:tabular-nums}.live-message p{font-size:13px;white-space:pre-wrap}.live-message[data-self=true] strong{color:#744022}.live-widget .live-report{background:transparent;color:#455440;min-height:28px;padding:3px 0;border:0;font-size:11px;text-decoration:underline;text-underline-offset:3px}.live-widget .live-report:hover{background:transparent;color:#24392f}.live-compose{flex:none;padding:10px 12px 12px;border-top:1px solid #829076;background:#e8dfc5}.live-compose label{display:block;font-weight:bold;font-size:12px;margin-bottom:5px}.live-compose-row{display:flex;gap:8px;align-items:stretch}.live-compose textarea{width:100%;resize:none;height:64px;min-height:64px;font-size:16px}.live-compose button{align-self:stretch}.live-compose-meta{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#455440;margin-top:5px}.live-feedback{font-size:12px;line-height:1.5;margin-top:6px!important;min-height:0;color:#6b3023}.live-feedback:empty{display:none}.live-panel-footer{display:flex;flex-wrap:wrap;gap:8px;padding:9px 12px;border-top:1px solid #b0b393;flex:none;align-items:center}.live-widget .live-panel-footer button{background:transparent;color:#24392f;font-size:11px;min-height:36px;padding:6px 8px}.live-panel-footer a{font-size:11px;margin-left:auto}.live-widget[data-connected=false] .live-compose textarea{background:#e8e3d7}
.pswp--open~.live-widget,.pswp--open .live-widget{display:none}.live-widget.live-photo-viewer{display:none!important}
@media(max-width:620px){.live-strip{padding:7px 9px;gap:7px}.live-strip-copy{font-size:11px}.live-strip-copy span{font-size:10px}.live-strip .live-strip-open{padding:7px;font-size:11px;min-height:40px}.live-widget{right:10px;bottom:calc(max(10px,env(safe-area-inset-bottom)) + var(--live-keyboard-offset,0px))}.live-panel{width:calc(100vw - 20px);height:calc(var(--live-view-height,100dvh) - 24px);max-height:760px}.live-panel-header h2{font-size:17px!important}.live-widget .live-launcher{font-size:12px;min-height:44px;padding:8px 11px}.live-people{padding-top:8px;padding-bottom:8px}.live-person-list{max-height:130px}.live-widget input,.live-widget textarea,.live-widget select{font-size:16px}.live-panel-footer{gap:5px;padding:7px 10px}.live-profile-form{grid-template-columns:minmax(0,1fr) auto}}
@media(prefers-reduced-motion:reduce){.live-widget *{scroll-behavior:auto!important}}

.live-widget .live-unread-jump{display:block;width:100%;min-height:36px;padding:6px 10px;margin:0 0 8px;background:#f1ce82;color:#24392f;font-weight:bold;font-size:12px}
