@layer components{.site-main:has(>.support-page){max-width:calc(46rem + var(--page-gutter) * 2);padding-block:var(--space-6) var(--space-4)}.support-page{flex:1;width:100%;min-width:0;max-width:46rem}.support-chat{gap:var(--space-6);flex-direction:column;flex:1;min-width:0;display:flex}.support-check{place-content:center;justify-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);flex:1;display:grid}.support-check .turnstile{width:auto}.support-chat__head{align-items:center;gap:var(--space-3) var(--space-4);grid-template-columns:minmax(0,1fr) auto;min-width:0;display:grid}.support-chat__head>:is(h1,h2){overflow-wrap:anywhere;margin:0}.support-chat__head>.support-chat__buttons{grid-area:1/2;justify-content:flex-end}.support-chat__head>.support-chat__buttons>:last-child{margin-inline-start:auto}.support-chat:not(.support-chat--panel) .support-chat__head[data-started]{z-index:2;margin-top:calc(var(--space-3) * -1);padding-block:var(--space-3);border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0}.support-chat__ask{align-items:center;gap:var(--space-2) var(--space-4);min-width:0;padding:var(--space-4);border-radius:var(--radius-block);background:var(--wash);flex-wrap:wrap;grid-column:1/-1;display:flex}.support-chat__ask>p{color:var(--ink-2);margin:0}.support-chat__ask>.support-chat__buttons{margin-inline-start:auto}.support-chat__buttons{gap:var(--space-2);flex-wrap:wrap;display:flex}.support-chat__scroll{flex:1;min-width:0}.support-chat__messages{gap:var(--space-6);flex-direction:column;min-width:0;margin:0;padding:0;list-style:none;display:flex}.support-message{justify-items:start;gap:var(--space-1);min-width:0;display:grid}.support-message:not([data-from=customer],[data-from=system])+.support-message[data-from]:not([data-from=customer],[data-from=system]){margin-top:calc(var(--space-2) * -1)}.support-message__author{color:var(--ink-2);font-size:var(--text-small);margin:0;font-weight:600}.support-message__text{max-width:var(--measure-body);white-space:pre-wrap;overflow-wrap:anywhere;line-height:var(--leading-body);margin:0}.support-message__files{align-items:center;gap:var(--space-2);color:var(--ink-2);font-size:var(--text-small);line-height:var(--leading-small);margin:0;display:inline-flex}.support-message__files>svg{flex:none}.support-message[data-from=customer]{margin-top:var(--space-2);justify-items:end}.support-message__bubble{min-width:0;max-width:min(80%, var(--measure-body));justify-items:start;gap:var(--space-1);padding:var(--space-3) var(--space-4);border-radius:var(--radius-block);background:var(--wash);border-end-end-radius:var(--radius-sm);display:grid}.support-message__bubble>.support-message__text{max-width:none}.support-message[data-from=system]{margin-block:var(--space-2);justify-items:center}.support-message[data-from=system] .support-message__text{max-width:32rem;color:var(--ink-3);font-size:var(--text-small);line-height:var(--leading-small);text-align:center}.support-day{margin-block:var(--space-2) 0;color:var(--ink-3);font-size:var(--text-small);line-height:var(--leading-small);align-self:center}.support-message[data-state=sending]>.support-message__bubble{animation:support-pending var(--motion-ui) linear .6s both}@keyframes support-pending{0%{opacity:1}to{opacity:.55}}@media (prefers-reduced-motion:reduce){.support-message[data-state=sending]>.support-message__bubble{animation:none}}.support-message__failed{justify-content:flex-end;align-items:center;gap:0 var(--space-2);color:var(--bad);font-size:var(--text-small);line-height:var(--leading-small);flex-wrap:wrap;display:flex}.support-message__failed>p{margin:0}.support-typing{padding-block:var(--space-2);gap:.3rem;display:inline-flex}.support-typing>span{border-radius:var(--radius-pill);background:var(--ink-3);width:.4rem;height:.4rem;animation:support-typing 1.2s var(--ease-out,ease) infinite}.support-typing>span:nth-child(2){animation-delay:.15s}.support-typing>span:nth-child(3){animation-delay:.3s}@keyframes support-typing{0%,60%,to{opacity:.3;translate:0}30%{opacity:1;translate:0 -.2rem}}@media (prefers-reduced-motion:reduce){.support-typing>span{opacity:.6;animation:none}}.support-chat__end{scroll-margin-block-end:calc(var(--support-dock,0px) + var(--space-4))}.support-chat__dock{z-index:2;gap:var(--space-3);min-width:0;padding-block:var(--space-2) max(var(--space-4), env(safe-area-inset-bottom));background:var(--paper);flex-shrink:0;display:grid;position:sticky;bottom:0;container-type:inline-size}.support-wait{align-items:center;gap:var(--space-1) var(--space-4);min-width:0;padding:var(--space-4);border-radius:var(--radius-block);background:var(--wash);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title action""body body";display:grid}@container (min-width:36rem){.support-wait{grid-template-areas:"title action""body action"}}.support-wait>p{margin:0}.support-wait__title{grid-area:title;font-weight:600}.support-wait__action{grid-area:action}.support-wait__body{max-width:var(--measure-body);color:var(--ink-2);font-size:var(--text-small);line-height:var(--leading-small);grid-area:body}.support-wait__email-open{margin-top:var(--space-2);font-size:var(--text-small);line-height:var(--leading-small);grid-column:1/-1;justify-self:start}.support-wait__email{gap:var(--space-2);min-width:0;margin-top:var(--space-3);grid-column:1/-1;display:grid}.support-wait__email-label{font-size:var(--text-small);font-weight:500;line-height:var(--leading-small)}.support-wait__email-field{min-width:0;display:flex}.support-card{justify-items:start;gap:var(--space-3);width:min(100%,34rem);min-width:0;margin-top:var(--space-2);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card);overflow-wrap:anywhere;display:grid}.support-card>p{margin:0}.support-card>:is(a,button){max-width:100%}.support-card--notice{color:var(--ink-2);font-size:var(--text-small);background:0 0;border:0;padding:0}.support-card__title{font-weight:600}.support-card__note{max-width:var(--measure-body);color:var(--ink-2);font-size:var(--text-small);line-height:var(--leading-small)}.support-card__rows{gap:var(--space-2) var(--space-4);grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;min-width:0;margin:0;display:grid}.support-card__rows>div{display:contents}.support-card__rows dt{color:var(--ink-2)}.support-card__rows dd{text-align:end;font-variant-numeric:tabular-nums;margin:0}.support-card__code{font-family:var(--font-mono);overflow-wrap:anywhere}.support-card__status{font-weight:600}.support-card__status[data-status=failed]{color:var(--bad)}.support-composer{align-items:end;gap:var(--space-1) var(--space-2);min-width:0;padding:var(--space-3);border:1px solid var(--line-2);border-radius:var(--radius-block);background:var(--card);transition:border-color var(--motion-fast) var(--ease-out);grid-template-columns:minmax(0,1fr);display:grid}.support-composer:hover,.support-composer:focus-within{border-color:var(--line-strong)}.support-composer__images{gap:var(--space-1);overscroll-behavior:contain;grid-column:1/-1;max-height:min(8rem,16dvh);margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.support-composer__images li{justify-content:space-between;align-items:center;gap:var(--space-3);min-width:0;font-size:var(--text-small);padding-inline:var(--space-3) var(--space-1);border-radius:var(--radius-sm);background:var(--wash);display:flex}.support-composer__images span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.support-composer__input{field-sizing:content;resize:none;width:100%;min-height:2.75rem;max-height:min(12rem,24dvh);padding:var(--space-1);color:var(--ink);font:inherit;line-height:var(--leading-body);background:0 0;border:0;display:block}.support-composer__input:focus-visible{outline:none}.support-composer:has(.support-composer__input:focus-visible){border-color:var(--ink);outline:1px solid var(--ink)}.support-composer__input::placeholder{color:var(--ink-3)}.support-composer__tools{justify-content:space-between;align-items:center;gap:var(--space-1);display:flex}.support-composer__error{color:var(--bad);font-size:var(--text-small);line-height:var(--leading-small);margin:0}.support-drop{z-index:55;padding:var(--space-6);background:color-mix(in srgb, var(--paper) 92%, transparent);pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.support-drop:before{inset:var(--space-4);border:2px dashed var(--line-strong);border-radius:var(--radius-block);content:"";position:absolute}.support-chat--panel .support-drop{z-index:3;background:color-mix(in srgb, var(--card) 94%, transparent);position:absolute}.support-chat--panel .support-drop:before{inset:var(--space-3);border-radius:calc(var(--radius-block) - var(--space-1))}.support-drop__label{align-items:center;gap:var(--space-3);max-width:24rem;font-size:var(--text-h2);line-height:var(--leading-h2);margin:0;font-weight:600;display:inline-flex;position:relative}.support-drop__label>svg{flex:none}.support-confirm{justify-items:start;gap:var(--space-5);min-width:0;display:grid}.support-confirm__outcome{margin:0;font-weight:600}.support-confirm__ask{justify-items:start;gap:var(--space-3);min-width:0;display:grid}.support-confirm__ask>p{margin:0}.support-confirm__buttons{gap:var(--space-3);flex-wrap:wrap;display:flex}.support-launcher,.support-preview{--support-launcher-height:var(--footer-control-height);--support-corner-end:var(--space-5);--support-corner-bottom:calc((var(--footer-height,var(--space-16)) - var(--support-launcher-height)) / 2)}@media (max-width:35em){.support-launcher,.support-preview{--support-corner-bottom:calc(1rem + var(--fit) * .5 / 11)}}.support-panel{z-index:50;width:min(28rem, 100% - 2 * var(--space-5));height:min(42rem, 100dvh - var(--header-height) - var(--space-5));border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--card);box-shadow:var(--shadow-pop);transform-origin:100% 100%;transition:opacity var(--motion-ui) var(--ease-out), scale var(--motion-slow) var(--ease-out), translate var(--motion-slow) var(--ease-out), display var(--motion-slow) allow-discrete;flex-direction:column;display:flex;position:fixed;inset-block-end:var(--space-5);inset-inline-end:var(--space-5);overflow:hidden}[dir=rtl] .support-panel{transform-origin:0 100%}@starting-style{.support-panel:not([hidden]){opacity:0;translate:0 .75rem;scale:.9}}.support-panel[hidden]{opacity:0;transition-duration:var(--motion-fast), var(--motion-ui), var(--motion-ui), var(--motion-ui);transition-timing-function:var(--ease-in);display:none;translate:0 .5rem;scale:.94}.support-chat__title{font-family:var(--font-display);margin:0;font-size:1.5rem;font-weight:600;line-height:2rem}.support-chat--panel{gap:0;height:100%}.support-chat--panel .support-chat__head{gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto}.support-chat--panel .support-chat__head>.support-chat__buttons{grid-area:2/1/auto/-1;justify-content:space-between}.support-chat--panel .support-chat__title{min-height:var(--control-height);font-size:var(--text-h2);line-height:var(--leading-h2);align-items:center;padding-inline-start:var(--space-1);display:flex}.support-chat__close{grid-area:1/2}.support-chat--panel .support-chat__head:has(>.support-chat__buttons>:only-child){grid-template-columns:minmax(0,1fr) auto auto}.support-chat--panel .support-chat__head>.support-chat__buttons:has(>:only-child){grid-area:1/2}.support-chat--panel .support-chat__head:has(>.support-chat__buttons>:only-child)>.support-chat__close{grid-column:3}.support-chat--panel .support-chat__scroll{overscroll-behavior:contain;min-height:0;padding:var(--space-5);flex:1;overflow-y:auto}.support-chat--panel .support-message__text{max-width:none}.support-chat--panel .support-message__bubble{max-width:85%}.support-chat--panel .support-chat__dock{max-height:65%;padding:var(--space-3) var(--space-4) var(--space-4);background:var(--card);overscroll-behavior:contain;position:relative;overflow-y:auto}.support-chat--panel .support-composer__tools{background:var(--card);position:sticky;bottom:0}@media (max-height:42rem){.support-chat--panel .support-composer__images{max-height:var(--control-height)}.support-chat--panel .support-composer__input{max-height:calc(2 * var(--leading-body) + var(--space-2))}}@media (max-width:40rem){.support-chat__head{grid-template-columns:minmax(0,1fr)}.support-chat__head>.support-chat__buttons{grid-area:2/1;justify-content:space-between}.support-chat__head:has(>.support-chat__buttons>:only-child){grid-template-columns:minmax(0,1fr) auto}.support-chat__head>.support-chat__buttons:has(>:only-child){grid-area:1/2}.support-chat__buttons>button{min-width:0;max-width:100%}}.support-launcher{z-index:45;height:var(--support-launcher-height);align-items:center;gap:var(--space-2);padding:0 var(--space-4) 0 var(--space-3);border-radius:var(--radius-control);background:var(--ink);color:var(--on-ink);font:inherit;font-size:var(--text-small);white-space:nowrap;cursor:pointer;box-shadow:var(--shadow-pop);transform-origin:100% 100%;transition:opacity var(--motion-ui) var(--ease-out), scale var(--motion-ui) var(--ease-out), translate var(--motion-fast) var(--ease-out);border:0;font-weight:600;text-decoration:none;display:inline-flex;position:fixed;inset-block-end:var(--support-corner-bottom);inset-inline-end:var(--support-corner-end)}[dir=rtl] .support-launcher{transform-origin:0 100%}@starting-style{.support-launcher{opacity:0;scale:.85}}.support-launcher:after{content:"";inset:calc((var(--support-launcher-height) - var(--control-height)) / 2) 0;position:absolute}.support-launcher:hover{background:var(--ink-hover)}.support-launcher>svg{flex:none;width:1rem;height:1rem}.support-launcher[data-unread]>svg{color:var(--ok-night)}.support-launcher[data-covering]{opacity:0;pointer-events:none;translate:0 var(--space-4)}.support-preview{z-index:45;width:min(22rem, 100% - 2 * var(--support-corner-end));border:1px solid var(--line);border-radius:var(--radius-block);background:var(--card);box-shadow:var(--shadow-pop);transform-origin:100% 100%;transition:opacity var(--motion-ui) var(--ease-out), translate var(--motion-fast) var(--ease-out);grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid;position:fixed;inset-block-end:calc(var(--support-corner-bottom) + var(--support-launcher-height) + var(--space-3));inset-inline-end:var(--support-corner-end)}[dir=rtl] .support-preview{transform-origin:0 100%}@starting-style{.support-preview{opacity:0;translate:0 var(--space-2)}}.support-preview[data-covering]{opacity:0;pointer-events:none;translate:0 var(--space-4)}.support-preview__open{gap:var(--space-1);min-width:0;padding:var(--space-3) 0 var(--space-3) var(--space-4);color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;text-decoration:none;display:grid}.support-preview__author{color:var(--ink-2);font-size:var(--text-small);font-weight:600;line-height:var(--leading-small)}.support-preview__text{-webkit-line-clamp:3;line-clamp:3;overflow-wrap:anywhere;line-height:var(--leading-body);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.support-preview__close{margin:var(--space-1)}}