@media (min-width:701px){.support-dialog{width:min(620px,100vw - 32px)}.support-dialog.is-sent{width:min(420px,100vw - 32px);margin-top:18vh}}.support-dialog.is-sending .exam-fail-head,.support-dialog.is-sending .exam-fail-body,.support-dialog.is-sending .exam-fail-actions{opacity:.3;pointer-events:none;transition:opacity .2s}.support-sending{justify-content:center;align-items:center;gap:var(--space-4);background:color-mix(in srgb, var(--bg-raised) 55%, transparent);color:var(--text);flex-direction:column;font-size:15px;font-weight:600;animation:.2s both support-fade;display:flex;position:absolute;inset:0}.support-spinner{border:3px solid rgba(var(--ink-rgb), .14);border-top-color:var(--accent);border-radius:var(--radius-round);width:44px;height:44px;animation:.8s linear infinite support-spin}.support-sent{padding:var(--space-7) var(--space-6) var(--space-5);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;animation:.25s both support-fade;display:flex}.support-sent h2{margin:var(--space-4) 0 0;font-family:var(--font-body);font-size:var(--font-size-section);letter-spacing:-.02em;font-weight:400;line-height:1.1}.support-sent p{margin:var(--space-3) 0 0;color:var(--text-muted);font-size:15px;line-height:1.5}.support-sent strong{color:var(--text)}.support-sent a{color:var(--accent-fg);font-weight:600}.support-failed-mark{color:var(--text)}.support-sent-mark{fill:none;width:56px;height:56px;stroke:var(--text);stroke-linecap:round;stroke-linejoin:round}.support-sent-mark circle{stroke:rgba(var(--ink-rgb), .22);stroke-width:2px}.support-sent-mark path{stroke-width:3.5px;stroke-dasharray:36;stroke-dashoffset:36px;animation:.45s ease-out .15s forwards support-draw}@keyframes support-spin{to{transform:rotate(360deg)}}@keyframes support-draw{to{stroke-dashoffset:0}}@keyframes support-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.support-spinner,.support-sending,.support-sent{animation:none}.support-sent-mark path{stroke-dashoffset:0;animation:none}}.support-form .field{margin-top:var(--space-5)}.support-categories{gap:var(--space-2);flex-wrap:wrap;display:flex}.support-categories button{padding:var(--space-2) var(--space-3);border:1px solid rgba(var(--ink-rgb), .12);border-radius:var(--radius-pill);background:rgba(var(--ink-rgb), .03);color:var(--text-muted);font:inherit;cursor:pointer;align-items:center;gap:7px;font-size:14px;font-weight:600;display:inline-flex}.support-categories button svg{flex:none}.support-categories button[aria-pressed=true]{border-color:rgba(var(--ink-rgb), .3);background:rgba(var(--ink-rgb), .12);color:var(--text)}.support-categories button:focus-visible,.support-attach button:focus-visible,.support-shot-action:focus-visible{outline:var(--focus-ring-width-compact) solid var(--focus-ring-color-accent);outline-offset:var(--focus-ring-offset-compact)}@media (hover:hover){.support-categories button:not(:disabled):hover{color:var(--text);border-color:rgba(var(--ink-rgb), .24)}}.support-question{padding:var(--space-3) var(--space-4);border-left:3px solid rgba(var(--ink-rgb), .3);background:rgba(var(--ink-rgb), .04);color:var(--text-muted);-webkit-line-clamp:3;border-radius:4px;-webkit-box-orient:vertical;margin:0;font-size:14.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.support-message{resize:vertical;min-height:132px;line-height:1.5}.support-attach{justify-content:center;align-items:center;gap:var(--space-2) var(--space-4);margin-top:var(--space-2);padding:var(--space-4);border:1.5px dashed rgba(var(--ink-rgb), .24);border-radius:var(--radius-control);flex-wrap:wrap;display:flex}.support-attach-main{align-items:center;gap:var(--space-2);color:var(--accent-fg);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;display:inline-flex}.support-shot{margin:var(--space-2) 0 0;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-control);background:rgba(var(--ink-rgb), .03)}.support-shot img{object-fit:contain;border-radius:var(--radius-chip);background:rgba(var(--ink-rgb), .05);width:100%;max-height:220px;display:block}.support-shot figcaption{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-3);color:var(--text-muted);font-size:14px;display:flex}.support-shot-action{padding:5px var(--space-2-5);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text);font:inherit;cursor:pointer;background:0 0;align-items:center;gap:5px;font-size:13.5px;font-weight:600;display:inline-flex}@media (hover:hover){.support-shot-action:not(:disabled):hover{border-color:var(--border-strong)}}.support-error{margin:var(--space-4) 0 0;color:var(--text);font-size:14px;line-height:1.5}.support-error a{color:var(--accent-fg);font-weight:600}@media (max-width:520px){.support-categories button{padding:7px var(--space-2-5);font-size:13.5px}}:where(:root[data-theme]) .support-categories button{background:var(--switch-bg);border-color:#0000}:where(:root[data-theme]) .support-categories button[aria-pressed=true]{background:var(--pill-active-bg);color:var(--pill-active-fg);border-color:#0000}:where(:root[data-theme]) .support-sent-mark circle{stroke:rgba(var(--ink-rgb), .35)}:where(:root[data-theme]) .support-attach{border-color:rgba(var(--ink-rgb), .45)}.support-dialog.is-sent .exam-fail-actions{border-top:0;padding-top:0}@media (hover:hover){:where(:root[data-theme]) .support-categories button[aria-pressed=true]:not(:disabled):hover{color:var(--pill-active-fg)}}
