#support-dialog{position:fixed;inset:auto max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) auto;margin:0;padding:0;width:360px;max-width:calc(100vw - 32px);height:min(720px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);border:0;border-radius:12px;background:#fff;color:#273640;box-shadow:0 6px 28px #0003;font:14px/1.45 system-ui,sans-serif;overflow:hidden}
#support-dialog[open]{display:flex;flex-direction:column}
#support-dialog::backdrop{background:#0003}
#support-dialog *{box-sizing:border-box}
#support-dialog .support-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:10px 14px 10px 20px;background:#54c800;color:#152d0a}
#support-dialog h2{margin:0;font-size:16px;font-weight:700}
#support-dialog button{margin:0;font:inherit;cursor:pointer}
#support-dialog #support-close{width:36px;height:36px;padding:0;border:0;color:inherit;background:transparent;font-size:26px;line-height:1;border-radius:6px}
#support-dialog #support-close:hover{background:#0001}
#support-form{display:flex;flex-direction:column;min-height:0;flex:1}
#support-dialog .support-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px;scrollbar-gutter:stable;touch-action:pan-y;-webkit-overflow-scrolling:touch}
#support-dialog label{display:block;margin:0 0 8px;font-weight:650}
#support-dialog input:not([type=file]),#support-dialog select,#support-dialog textarea{display:block;width:100%;border:1px solid #cbd4da;border-radius:5px;padding:10px 11px;margin:0 0 18px;background:#fff;color:#273640;font:inherit;min-height:40px}
#support-dialog textarea{resize:vertical;min-height:110px;max-height:260px}
#support-dialog .support-hint{font-size:12px;line-height:1.5;color:#60717d;margin:0 0 10px}
#support-dialog .support-optional{font-weight:400}
#support-dialog a{color:#385b73;text-underline-offset:2px}
#support-dialog #support-files{display:block;width:100%;border:1px dashed #bcc8d0;border-radius:5px;padding:10px;font:12px/1.5 system-ui,sans-serif;color:#60717d}
#support-dialog #support-files::file-selector-button{padding:6px 9px;margin-right:8px;border:0;border-radius:4px;background:#edf2f5;color:#273640;cursor:pointer}
#support-dialog #support-file-list{list-style:none;padding:0;margin:8px 0 16px}
#support-dialog #support-file-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;padding:3px 0}
#support-dialog #support-file-list span{overflow-wrap:anywhere;min-width:0}
#support-dialog #support-file-list button{flex-shrink:0;padding:4px 6px;background:#f1f4f6;border:0;color:#385b73;border-radius:4px}
#support-dialog .support-footer{flex-shrink:0;border-top:1px solid #e3e8ec;padding:12px 20px 16px}
#support-dialog .support-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}
#support-dialog .support-actions a{font-size:12px;overflow-wrap:anywhere}
#support-dialog #support-status{margin:0 0 10px;font-size:12px;line-height:1.45}
#support-dialog #support-status:empty{display:none}
#support-dialog .support-error,#support-dialog #support-status[data-error=true]{color:#a32424;font-size:12px}
#support-dialog #support-send{border:0;background:#2e3d47;color:#fff;border-radius:5px;padding:10px 18px;min-width:70px}
#support-dialog #support-send:disabled{opacity:.55;cursor:default}
#support-dialog #support-send:not(:disabled):hover{background:#152d3a}
#support-dialog :is(button,a,input,select,textarea):focus-visible{outline:2px solid #347600;outline-offset:2px}
@media(max-width:520px){#support-dialog{right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));width:calc(100vw - 16px);max-width:calc(100vw - 16px);height:min(720px,calc(100dvh - 16px));max-height:calc(100dvh - 16px)}#support-dialog input:not([type=file]),#support-dialog select,#support-dialog textarea{font-size:16px}}
.fatter-mobile #support-dialog{--support-edge-left:max(6px,env(safe-area-inset-left,0px));--support-edge-right:max(6px,env(safe-area-inset-right,0px));--support-edge-top:max(6px,env(safe-area-inset-top,0px));--support-edge-bottom:max(6px,env(safe-area-inset-bottom,0px));top:calc(var(--mobile-visible-top,0px) + var(--support-edge-top));bottom:auto;left:var(--support-edge-left);right:var(--support-edge-right);margin:0 auto;width:min(500px,calc(100vw - var(--support-edge-left) - var(--support-edge-right)));max-width:none;height:min(720px,calc(var(--mobile-visible-height,100dvh) - var(--support-edge-top) - var(--support-edge-bottom)));max-height:none}
.fatter-mobile #support-dialog .support-header{padding:3px 10px 3px 14px}
.fatter-mobile #support-dialog .support-body{padding:12px 14px}
.fatter-mobile #support-dialog .support-footer{padding:8px 14px}
.fatter-mobile #support-dialog label{margin-bottom:5px;font-size:12px}
.fatter-mobile #support-dialog input:not([type=file]),.fatter-mobile #support-dialog select,.fatter-mobile #support-dialog textarea{margin-bottom:12px;padding:7px 9px;min-height:36px}
.fatter-mobile #support-dialog #support-send{padding:7px 14px}