@font-face{font-family:TildaSans;src:url('https://static.tildacdn.com/fonts/tildasans/TildaSans-VF.woff2') format('woff2');font-weight:250 1000;font-display:swap}*{box-sizing:border-box}body{margin:0;background:#fff;color:#27212e;font:16px/1.4 TildaSans,system-ui,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #ece6ef;background:#fff;gap:12px}header strong{font-size:20px}header small{display:block;font-size:13px;color:#766e7e}header button{background:transparent;border:0;font-size:24px}a{color:#8b4100}.chat{height:100dvh;display:flex;flex-direction:column}.messages{flex:1;overflow:auto;background:#f7f6f9;padding:16px;min-height:100px}.welcome{background:#fff;border:1px solid #e4dce9;padding:14px;border-radius:14px;margin:0 30px 18px 0}.bubble{border-radius:14px;padding:10px 14px;margin:10px 0;max-width:88%;background:white;border:1px solid #e4dce9;overflow-wrap:anywhere;white-space:pre-wrap}.bubble.visitor{margin-left:auto;background:#fff0e3;border-color:#f3d1b5}.bubble small{display:block;color:#706879;font-size:12px;margin-bottom:4px}details{padding:10px 16px;border-top:1px solid #ece6ef;font-size:14px}summary{cursor:pointer}summary span,details small{color:#766e7e;font-size:12px}label{display:block}input{padding:9px;width:100%;border:1px solid #d4cbdc;border-radius:8px;margin:6px 0}form{display:flex;align-items:end;gap:10px;padding:12px 16px;border-top:1px solid #ece6ef}textarea{resize:none;flex:1;min-width:0;border:1px solid #d4cbdc;border-radius:10px;padding:10px;max-height:130px}form button{background:#c95700;color:white;border:0;border-radius:9px;padding:11px 16px}#status{font-size:13px;margin:0;padding:0 16px 8px;color:#654274}footer{padding:8px 16px;display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#766e7e}.privacy{font-size:11px;color:#766e7e;margin:0;padding:0 16px 10px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}:focus-visible{outline:3px solid #eaa166;outline-offset:2px}.staff{background:#15111f}.staff>header{background:#21192c;color:#fff}.staff>header a{color:#ffb16a}.inbox{display:grid;grid-template-columns:310px 1fr;height:calc(100dvh - 61px)}aside{overflow:auto;background:#21192c;padding:18px;color:#fff}aside h1{font-size:23px}aside button{background:#34283f;color:#fff;border:1px solid #756180;border-radius:8px;padding:12px;text-align:left}#conversations button{display:block;width:100%;margin-top:12px;overflow-wrap:anywhere}#conversations small{display:block;color:#c6b5d2;margin-top:4px}.inbox .chat{height:100%;min-height:0}.staff .bubble.staff{background:#fff0e3;margin-left:auto}.staff .bubble.visitor{background:#fff;margin-left:0}#back{display:none;font-size:15px}@media(max-width:650px){.inbox{display:block}.inbox>.chat{display:none}.staff.open aside{display:none}.staff.open .chat{display:flex}#back{display:block}header strong{font-size:17px}footer{font-size:10px}}