#guest-support-dialog { width:min(560px,calc(100% - 28px)); max-height:calc(100dvh - 32px); padding:0; border:1px solid #674782; border-radius:16px; background:#180e26; color:#fff; overflow:auto; overscroll-behavior:contain; scrollbar-color:#ae7cd6 #221732; }
#guest-support-dialog .dialog-close { color:#dfbdff; background:#35204d; }
.guest-support { padding:28px; }
.guest-heading { padding-inline-end:48px; margin-bottom:22px; }
.guest-heading h2 { font-size:1.5rem; line-height:1.5; margin:0 0 8px; color:var(--support-lilac); }
.guest-heading p { margin:0; color:var(--support-muted); font-size:.9rem; line-height:1.8; }
.guest-support .form-error:empty { display:none; }
.guest-support .form-error { margin-block:12px; }
.guest-support form { gap:14px; margin-top:18px; }
.guest-support label { font-size:.9rem; }
.guest-support input,.guest-support textarea { font-size:1rem; }
.guest-support textarea { min-height:132px; }
.guest-support .guest-add-photo { position:relative; display:inline-flex; align-items:center; justify-content:center; justify-self:start; min-height:44px; padding:8px 14px; border:1px solid var(--support-line); border-radius:10px; color:var(--support-lilac); cursor:pointer; }
.guest-add-photo input { position:absolute; inset:0; opacity:0; cursor:pointer; }
.guest-add-photo:hover { background:var(--support-user); }
.guest-add-photo:focus-within { outline:2px solid var(--support-lilac); outline-offset:3px; }
.guest-contact,.guest-history,.guest-privacy { min-width:0; color:var(--support-muted); font-size:.875rem; }
.guest-support summary { min-height:44px; padding:11px 0; cursor:pointer; line-height:1.6; }
.guest-support summary:hover { color:var(--support-lilac); }
.guest-contact label { margin-block:6px 4px; }
.guest-safety { color:var(--support-muted); margin:0; font-size:.8rem; line-height:1.9; }
.guest-support .button.support-primary { width:100%; justify-content:center; justify-self:stretch; min-height:48px; }
.guest-privacy { font-size:.8rem; }
.guest-privacy p { margin:0; line-height:1.9; }
.guest-tracking { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-block:16px; color:var(--support-muted); font-size:.8rem; }
.guest-tracking bdi { font-variant-numeric:tabular-nums; color:var(--support-lilac); }
.guest-support .support-messages { margin-top:14px; gap:12px; }
.guest-past:empty { display:none; }
.guest-support .support-message { padding:14px; }
.guest-support .support-message header { gap:8px; flex-wrap:wrap; }
.guest-support .support-message p { font-size:.9rem; }
.guest-support .support-previews figure { margin:0; }
.guest-support .support-previews button { width:44px; height:44px; }
.guest-support .support-previews button svg { width:18px; height:18px; }
.guest-history>div { display:grid; gap:6px; padding-block:4px 12px; }
.guest-history button { display:block; width:100%; padding:10px 12px; min-height:44px; border:1px solid var(--support-line); border-radius:10px; color:var(--support-lilac); background:var(--support-surface); text-align:start; cursor:pointer; overflow-wrap:anywhere; }
.guest-history button small { display:block; margin-top:4px; color:var(--support-muted); }
.guest-history button:hover,.guest-history button[aria-current=true] { background:var(--support-user); border-color:#ae7cd6; }
.guest-history button:disabled { opacity:.55; cursor:wait; }
.guest-loading { min-height:96px; color:var(--support-muted); line-height:1.8; }
@media(max-width:480px){ .guest-support { padding:24px 18px 18px; } .guest-heading { margin-bottom:18px; } .guest-heading h2 { font-size:1.3rem; } }