.support-launcher{right:max(18px, env(safe-area-inset-right));bottom:calc(84px + env(safe-area-inset-bottom));z-index:35;color:#e7cd8d;cursor:pointer;isolation:isolate;background:#101d26;border:1px solid #b69b5e;border-radius:50%;place-items:center;width:46px;height:46px;transition:background .2s,transform .2s;display:grid;position:fixed;box-shadow:0 5px 24px #0008}.support-launcher:hover{background:#283327;transform:translateY(-2px)}.support-launcher svg{width:21px;height:21px}.support-count-badge{z-index:1;color:#101d26;min-width:20px;height:20px;font:700 11px/1 var(--font-vi-text), sans-serif;pointer-events:none;background:#e6c57d;border:2px solid #101d26;border-radius:12px;place-items:center;padding:0 4px;display:grid;position:absolute;top:-4px;right:-3px}.studio-support-tab{position:relative}.studio-support-tab .support-count-badge{min-width:17px;height:17px;font-size:10px;top:2px;right:3px}.support-unread{color:#101d26;background:#e6c57d;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.support-pending-summary{color:#ead095;background:#24271e;border:1px solid #b69b5e55;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 14px;margin-bottom:16px;padding:12px 14px;font-size:13px;display:flex}.support-pending-summary span{color:#c1c0aa;font-size:12px}@media (prefers-reduced-motion:no-preference){.support-launcher svg{transform-origin:50% 60%;animation:6s ease-in-out infinite support-mailbox-ring}.support-launcher:before,.support-launcher:after{content:"";z-index:-1;border-radius:inherit;opacity:0;pointer-events:none;border:1px solid #e7cd8d;animation:6s ease-out infinite support-mailbox-wave;position:absolute;inset:-1px}.support-launcher:after{animation-delay:.45s}.support-launcher[aria-expanded=true] svg,.support-launcher[aria-expanded=true]:before,.support-launcher[aria-expanded=true]:after{animation:none}}@keyframes support-mailbox-ring{0%,18%,to{transform:rotate(0)}3%,9%{transform:rotate(-13deg)}6%,12%{transform:rotate(13deg)}15%{transform:rotate(-5deg)}}@keyframes support-mailbox-wave{0%{opacity:0;transform:scale(1)}2%{opacity:.55}26%,to{opacity:0;transform:scale(1.5)}}:is(.support-launcher:focus-visible,.support-close:focus-visible,.support-action:focus-visible){outline-offset:3px;outline:2px solid #ecd398}.support-sheet[data-slot=sheet-content]{color:#e7e4dd;width:min(460px,100vw);max-width:460px;height:100dvh;font-family:var(--font-vi-text), sans-serif;background:#0e1921;border-color:#9c804b66;gap:0}.support-sheet [data-slot=sheet-header]{background:#13202a;border-bottom:1px solid #b69b5e33;padding:22px 48px 18px 22px;position:relative}.support-sheet [data-slot=sheet-title]{color:#ead095;font-size:20px}.support-sheet [data-slot=sheet-description]{color:#adb7bb;margin-top:6px;font-size:12px}.support-close{cursor:pointer;border:1px solid #b69b5e44;border-radius:7px;padding:7px;position:absolute;top:16px;right:12px}.support-close svg{width:17px;height:17px}.support-content{overscroll-behavior:contain;flex:1;min-height:0;padding:20px;overflow-y:auto}.support-guest{flex-direction:column;gap:15px;font-size:13px;line-height:1.7;display:flex}.support-guest>svg{color:#d3b879;width:28px;height:28px}.support-guest h3{color:#ead095;font-size:17px}.support-email{color:#ead095;overflow-wrap:anywhere;text-underline-offset:4px;font-weight:600;text-decoration:underline}.support-action{color:#ead095;cursor:pointer;background:#1c2a30;border:1px solid #b69b5e66;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:8px 14px;font-size:13px;display:inline-flex}.support-guest small{color:#aab3b8;font-size:12px}@media (prefers-reduced-motion:reduce){.support-launcher{transition:none}.support-launcher:hover{transform:none}}.support-conversations{flex-direction:column;gap:16px;min-width:0;font-size:13px;line-height:1.6;display:flex}.support-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.support-tools>span{color:#d9c18b;flex:1}.support-action svg{flex-shrink:0;width:16px;height:16px}.support-action:disabled,.support-ticket:disabled{opacity:.55;cursor:wait}.support-icon{min-width:40px;margin-left:auto;padding:8px}.support-error{color:#f6b5a8;background:#49272544;border:1px solid #ab5c4f66;border-radius:8px;padding:12px}.support-notice{color:#a9d6bd;align-items:center;gap:6px;display:flex}.support-notice svg{width:16px}.support-loading,.support-hint{color:#a6b4bb;overflow-wrap:anywhere;font-size:12px}.support-hint a{color:#dcc591;text-decoration:underline}.support-form{flex-direction:column;gap:14px;display:flex}.support-form label,.support-filter{color:#d4c499;flex-direction:column;gap:6px;display:flex}.support-conversations :is(input,textarea,select){color:#eee8df;width:100%;min-width:0;max-width:100%;font:inherit;background:#0b151c;border:1px solid #9d895454;border-radius:8px;padding:10px 12px}.support-conversations :is(input,textarea,select):focus-visible{outline-offset:2px;outline:2px solid #cbb077}.support-conversations textarea{resize:vertical;min-height:100px}.support-conversations small{color:#a9b4b9;font-size:11px}.support-send{color:#0b141a;background:#ad9154;font-weight:600}.support-ticket-list{gap:10px;display:grid}.support-ticket{text-align:left;color:#e6e0d4;cursor:pointer;overflow-wrap:anywhere;background:#14222c;border:1px solid #9d895454;border-radius:10px;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;padding:14px;display:flex}.support-ticket:hover{border-color:#d4b976}.support-ticket strong{font-size:14px;font-weight:600}.support-status{letter-spacing:.03em;color:#e0c68e;border:1px solid #b9985266;border-radius:5px;width:fit-content;padding:2px 7px;font-size:10px;display:inline-flex}.support-status[data-status=answered]{color:#a9d6bd;border-color:#78a89566}.support-status[data-status=closed]{color:#a9b4bd;border-color:#808b9566}.support-empty{color:#aeb9bf;background:#13212a;border:1px dashed #9d895454;border-radius:10px;padding:25px 16px}.support-thread{flex-direction:column;gap:20px;display:flex}.support-thread header{border-bottom:1px solid #9d895433;flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:16px;display:flex}.support-thread h3{color:#ead095;overflow-wrap:anywhere;font-size:18px}.support-thread header p{color:#b5c0c6;font-size:12px}.support-messages{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.support-messages li{background:#14242d;border:1px solid #65788244;border-radius:10px;min-width:0;max-width:100%;padding:13px}.support-messages li[data-role=owner]{background:#29291f;border-color:#b9985255}.support-messages li>div{color:#c9b981;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px 12px;font-size:11px;display:flex}.support-messages time{color:#96a7b1;font-size:10px}.support-messages p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px}.support-studio{overscroll-behavior:contain;flex:1;width:100%;min-width:0;max-width:1050px;min-height:0;margin:0 auto;padding:24px;overflow-y:auto}.support-studio>header{border-bottom:1px solid #b9985244;align-items:flex-start;gap:14px;margin-bottom:20px;padding-bottom:18px;display:flex}.support-studio>header>svg{color:#d7b767;flex-shrink:0;width:24px}.support-studio h2{font-family:var(--font-vi-title), serif;color:#e2c88a;font-size:25px}.support-studio>header p{color:#a6b4bb;max-width:650px;margin-top:6px;font-size:12px}@media (min-width:701px){.support-owner .support-ticket-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.support-studio{padding:12px}.support-studio h2{font-size:18px}.support-studio>header p{font-size:10px}.support-owner{font-size:12px}.support-content{padding:16px}.support-launcher{width:42px;height:42px;right:max(14px, env(safe-area-inset-right))}.studio-support-tab .support-count-badge{min-width:15px;height:15px;padding:0 2px;font-size:8px;top:0;right:2px}.support-pending-summary{padding:8px 10px;font-size:11px}.support-pending-summary span{font-size:10px}}
