.sp{container:sp/inline-size;position:relative;display:block;min-width:0;overflow:hidden;border-radius:16px;background:var(--color-surface);color:var(--color-text-body);text-align:left}.sp:after{content:"";position:absolute;inset:0;border:1px solid var(--color-line);border-radius:inherit;pointer-events:none}.sp-frame{display:flex;flex-direction:column;height:clamp(560px,calc(100dvh - 112px),780px);min-height:0}.support-popup .sp,.support-popup .sp-frame{height:100%}.sp-head{flex:none;justify-content:space-between;height:72px;padding:0 20px;box-shadow:inset 0 -1px 0 var(--color-line)}.sp-brand,.sp-head{display:flex;align-items:center;gap:12px}.sp-brand{min-width:0}.sp-brand-icon{display:grid;flex:none;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--color-primary-soft);color:var(--color-primary)}.sp-brand-icon svg{width:18px;height:18px}.sp-brand-text{display:flex;flex-direction:column;gap:2px;min-width:0}.sp-title{font-size:18px;font-weight:600;line-height:26px;color:var(--color-text-strong)}.sp-subtitle,.sp-title{margin:0;white-space:nowrap}.sp-subtitle{overflow:hidden;font-size:12px;font-weight:400;line-height:17px;color:var(--color-text-subtle);text-overflow:ellipsis}.sp-head-actions{display:flex;flex:none;align-items:center;gap:8px}.sp-btn{flex:none;height:36px;padding:8px 16px;gap:8px;border-radius:24px;font-size:14px;font-weight:500;line-height:20px}.sp-btn svg{flex:none;width:16px;height:16px;margin:0}.sp-btn--soft{color:var(--color-text-body)}.sp-btn--accent{color:var(--color-primary)}.sp-btn--line{border:1px solid var(--color-line);--button-bg:var(--color-button-plain-bg)}.sp-btn--line,.sp-btn--text{color:var(--color-text-body)}.sp-btn--icon{width:36px;padding:0;color:var(--color-text-subtle)}.sp-body{display:flex;flex:1;min-height:0}.sp-list{flex:0 0 300px;flex-direction:column;gap:12px;padding:16px;background:var(--color-page-bg)}.sp-list,.sp-thread{display:flex;min-width:0;min-height:0}.sp-thread{flex:1 1 0;flex-direction:column;gap:16px;background:var(--color-surface)}.sp-compose,.sp-thread{padding:20px;box-shadow:inset 1px 0 0 var(--color-line)}.sp-compose{display:flex;flex:0 0 352px;flex-direction:column;gap:12px;min-width:0;min-height:0;overflow-y:auto;background:var(--color-page-bg)}.sp-back,.sp[data-compose=closed] .sp-compose{display:none}.sp-state{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:160px;padding:24px 8px;font-size:13px;line-height:19px;color:var(--color-text-subtle);text-align:center}.sp-state p{margin:0;overflow-wrap:anywhere}.sp-state[role=alert] p{color:var(--color-danger)}.sp-state-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:9999px;background:var(--color-bg-secondary);color:var(--color-text-subtle)}.sp-state-icon svg{width:22px;height:22px}.sp-error{margin:0;color:var(--color-danger);overflow-wrap:anywhere}.sp-error,.sp-status{font-size:12px;line-height:17px}.sp-status{display:inline-flex;flex:none;align-items:center;padding:2px 8px;border-radius:16px;background:var(--color-fill-neutral);font-weight:500;color:var(--color-text-ink);white-space:nowrap}.sp-status[data-status=pending]{background:var(--status-pending-bg);color:var(--status-pending-fg)}.sp-status[data-status=in_progress]{background:var(--chip-primary-tint);color:var(--color-primary)}.sp-status[data-status=resolved]{background:var(--status-resolved-bg);color:var(--color-success-strong)}.sp-list-head{display:flex;flex:none;align-items:center;justify-content:space-between;gap:8px;min-height:42px}.sp-list-heading{display:flex;flex-direction:column;gap:2px;min-width:0}.sp-list-heading h3{margin:0;font-size:16px;font-weight:600;line-height:23px;color:var(--color-text-strong)}.sp-list-heading p{margin:0;font-weight:400;color:var(--color-text-subtle)}.sp-count,.sp-list-heading p{font-size:12px;line-height:17px}.sp-count{flex:none;padding:2px 8px;border-radius:16px;background:var(--chip-primary-tint);font-weight:500;color:var(--color-primary)}.sp-filter{flex:1;gap:12px;min-width:0;min-height:0}.sp-filter .tabs__list{display:flex;flex:none;width:100%;min-width:0;height:36px;padding:4px;gap:4px;border-radius:9999px;background:var(--color-bg-secondary)}.sp-filter-panel{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;margin:0;padding:0}.sp-filter-panel[data-focus-visible=true]{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:8px}.sp-filter .tabs__tab{flex:1 1 0;width:auto;min-width:0;height:28px;padding:0 8px;border-radius:9999px;font-size:12px;font-weight:500;line-height:17px;color:var(--color-text-subtle)}.sp-filter .tabs__tab[data-selected=true]{font-weight:600;color:var(--color-text-strong)}@media (hover:hover){.sp-filter .tabs__tab:not([data-selected=true]):not([data-disabled=true]):hover,.sp-filter .tabs__tab[data-hovered=true]:not([data-selected=true]):not([data-disabled=true]){color:var(--color-text-strong)}}.sp-filter .tabs__indicator{border-radius:9999px;background:var(--color-segment-selected);box-shadow:0 1px 3px rgb(26 32 44/.05)}.sp-items{display:flex;flex:1;flex-direction:column;gap:6px;min-height:0;overflow-y:auto}.sp-item{display:flex;flex:none;flex-direction:column;gap:8px;width:100%;height:90px;padding:11px;border:1px solid transparent;border-radius:8px;background:transparent;text-align:left;cursor:pointer;transition:background-color var(--ix-dur) var(--ix-ease)}@media (hover:hover){.sp-item:not([aria-pressed=true]):hover{background:var(--ix-hover-bg)}}.sp-item:not([aria-pressed=true]):active{background:var(--ix-pressed-bg)}.sp-item:focus-visible{outline-offset:-2px}.sp-item[aria-pressed=true]{border-color:var(--color-primary-ring);background:var(--color-primary-soft)}.sp-item-main{display:flex;align-items:center;gap:10px;min-width:0;height:37px}.sp-item-icon{position:relative;display:grid;flex:none;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--color-bg-secondary);color:var(--color-text-subtle)}.sp-item-icon svg{width:14px;height:14px}.sp-item[aria-pressed=true] .sp-item-icon{background:var(--color-segment-selected);color:var(--color-primary)}.sp-item-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:9999px;background:var(--color-dot)}.sp-item-text{display:flex;flex:1;flex-direction:column;gap:1px;min-width:0}.sp-item-type{font-size:12px;font-weight:600;line-height:17px;color:var(--color-text-body)}.sp-item[aria-pressed=true] .sp-item-type{color:var(--color-primary)}.sp-item-subject{overflow:hidden;font-size:13px;font-weight:500;line-height:19px;color:var(--color-text-strong);text-overflow:ellipsis;white-space:nowrap}.sp-item-meta{justify-content:space-between;gap:8px;height:21px}.sp-item-meta,.sp-item-ref{display:flex;align-items:center;min-width:0}.sp-item-ref{gap:6px;font-size:10px;font-weight:400;line-height:14px;color:var(--color-text-subtle);white-space:nowrap}.sp-item-ref time{color:var(--color-text-muted)}.sp-more{width:100%}.sp-list-note{display:flex;flex:none;align-items:flex-start;gap:6px;margin:0;padding:8px 4px 0;font-size:10px;font-weight:400;line-height:1.45;color:var(--color-text-subtle)}.sp-list-note svg{flex:none;width:13px;height:13px;margin-top:1px}.sp-thread-head{display:flex;flex:none;align-items:flex-start;gap:12px;min-width:0}.sp-thread-titles{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0}.sp-thread-kind{display:flex;align-items:center;gap:6px;min-width:0;font-size:12px;font-weight:600;line-height:17px;color:var(--color-primary)}.sp-thread-kind svg{flex:none;width:14px;height:14px}.sp-thread-kind small{font-size:11px;font-weight:400;line-height:15px;color:var(--color-text-subtle)}.sp-thread-subject{margin:0;font-size:17px;font-weight:600;line-height:25px;color:var(--color-text-strong);overflow-wrap:anywhere}.sp-summary{display:flex;flex:none;align-items:center;gap:16px;min-height:56px;margin:0;padding:0 14px;border-radius:8px;background:var(--color-page-bg)}.sp-summary>div{display:flex;flex:1 1 0;flex-direction:column;gap:2px;min-width:0}.sp-summary dt{font-size:10px;font-weight:400;line-height:14px;color:var(--color-text-subtle)}.sp-summary dd{margin:0;overflow:hidden;font-size:12px;font-weight:500;line-height:17px;color:var(--color-text-body);text-overflow:ellipsis;white-space:nowrap}.sp-messages-head{display:flex;flex:none;align-items:center;justify-content:space-between;gap:8px;height:20px}.sp-messages-head h4{margin:0;font-size:14px;font-weight:600;line-height:20px;color:var(--color-text-strong)}.sp-messages-head span{font-size:11px;font-weight:400;line-height:15px;color:var(--color-text-subtle)}.sp-messages{display:flex;flex:1;flex-direction:column;gap:10px;min-height:0;margin:0;padding:0;overflow-y:auto;list-style:none}.sp-messages>li{display:flex;flex:none;flex-direction:column;min-width:0}.sp-system{margin:0;font-size:10px;font-weight:400;line-height:14px;color:var(--color-text-muted);text-align:center}.sp-bubble{display:flex;flex-direction:column;min-width:0;padding:10px 12px}.sp-bubble[data-side=user]{align-self:flex-end;gap:5px;max-width:min(334px,100%);border-radius:12px 12px 4px 12px;background:var(--color-primary-soft)}.sp-bubble[data-side=staff]{align-self:flex-start;gap:6px;max-width:min(352px,100%);border-radius:12px 12px 12px 4px;background:var(--color-page-bg)}.sp-bubble-meta{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:500;line-height:14px}.sp-bubble[data-side=user] .sp-bubble-meta{color:var(--color-primary)}.sp-bubble[data-side=staff] .sp-bubble-meta{min-height:20px;color:var(--color-text-subtle)}.sp-avatar{display:grid;flex:none;place-items:center;width:20px;height:20px;border-radius:9999px;background:var(--color-primary);font-size:10px;font-weight:600;line-height:14px;color:var(--color-on-primary)}.sp-bubble-body{margin:0;font-size:12px;font-weight:400;line-height:1.55;color:var(--color-text-body);white-space:pre-wrap;overflow-wrap:anywhere}.sp-bubble .media-gallery{margin:0}.sp-reply{display:flex;flex:none;flex-direction:column;gap:8px;padding-top:14px;box-shadow:inset 0 1px 0 var(--color-line)}.sp-reply-bar{flex-wrap:wrap;justify-content:space-between}.sp-reply-bar,.sp-reply-bar>div{display:flex;align-items:center;gap:8px}.sp-reply-bar>div{margin-left:auto}.sp-ended{display:flex;flex:none;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding-top:14px;box-shadow:inset 0 1px 0 var(--color-line);font-size:12px;line-height:17px;color:var(--color-text-subtle)}.sp-ended p,.sp-form .media-attach-list,.sp-reply .media-attach-list{margin:0}.sp-field{gap:4px;min-width:0}.sp-field>.label{font-size:14px;font-weight:500;line-height:20px;color:var(--color-text-ink)}.sp-field>.label:after,.sp-types>.label:after{margin-inline-start:4px;color:inherit}.sp-field>.description{padding:0 4px;font-size:12px;font-weight:400;line-height:17px;color:var(--color-placeholder)}.sp-input{width:100%;padding:8px 12px;border-color:transparent;border-radius:12px;background-color:var(--color-field-filled);color:var(--color-text-ink)}.sp-input::placeholder{color:var(--color-placeholder)}.sp-input:focus{border-color:var(--color-primary)}input.sp-input{height:40px}textarea.sp-input{height:82px;min-height:64px;resize:vertical}.sp-reply textarea.sp-input{height:64px}.sp-compose-head{display:flex;flex:none;flex-direction:column;gap:4px}.sp-compose-title{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:23px}.sp-compose-title h3{margin:0;font-size:16px;font-weight:600;line-height:23px;color:var(--color-text-strong)}.sp-compose-head p{margin:0;font-size:12px;font-weight:400;line-height:1.5;color:var(--color-text-subtle)}.sp-collapse{display:grid;flex:none;place-items:center;width:28px;height:28px;margin:-3px -5px -2px 0;padding:0;border:0;border-radius:8px;background:none;color:var(--color-text-subtle);cursor:pointer;transition:background-color var(--ix-dur) var(--ix-ease)}@media (hover:hover){.sp-collapse:not(:disabled):hover{background:var(--ix-hover-bg);color:var(--color-text-body)}}.sp-collapse:not(:disabled):active{background:var(--ix-pressed-bg);color:var(--color-text-body)}.sp-collapse:not(:disabled):active svg{scale:var(--ix-press-scale-icon)}.sp-collapse svg{width:18px;height:18px}.sp-form{display:flex;flex-direction:column;gap:12px;min-width:0}.sp-chip{align-self:flex-start;max-width:100%;padding:2px 10px;border-radius:16px;background:var(--color-bg-secondary);font-size:12px;font-weight:500;line-height:17px;color:var(--color-text-body);overflow-wrap:anywhere}.sp-types{gap:8px;min-width:0}.sp-types>.label{font-size:13px;font-weight:600;line-height:19px;color:var(--color-text-body)}.sp-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sp-types .sp-type{display:block;min-width:0;margin:0}.sp-type-card{position:relative;display:flex;align-items:center;gap:8px;width:100%;height:52px;padding:0 9px;border:1px solid var(--color-line);border-radius:8px;background:var(--color-surface-veil);font-size:12px;font-weight:500;line-height:17px;color:var(--color-text-body);cursor:pointer}.sp-type-card[data-focus-visible=true]{outline:2px solid var(--color-primary);outline-offset:2px}.sp-type-card{transition:border-color var(--ix-dur) var(--ix-ease),box-shadow var(--ix-dur) var(--ix-ease),scale var(--ix-dur) var(--ix-ease)}@media (hover:hover){.sp-type-card:not([data-selected=true]):not([data-disabled=true]):hover{border-color:var(--color-primary-border-hover);box-shadow:var(--ix-shadow-raise)}}.sp-type-card:not([data-disabled=true]):active{scale:var(--ix-press-scale-sm)}.sp-type-icon{display:grid;flex:none;place-items:center;width:26px;height:26px;border-radius:7px;background:var(--color-bg-secondary);color:var(--color-text-subtle)}.sp-type-check,.sp-type-icon svg{width:14px;height:14px}.sp-type-check{position:absolute;top:6px;right:11px;display:none;color:var(--color-primary)}.sp-type-card[data-selected=true]{border-color:var(--color-primary);background:var(--color-surface);font-weight:600;color:var(--color-text-strong)}.sp-type-card[data-selected=true] .sp-type-icon{background:var(--color-primary-soft);color:var(--color-primary)}.sp-type-card[data-selected=true] .sp-type-check{display:block}.sp-reason-card{height:40px;padding:0 30px 0 12px}.sp-reason-card .sp-type-check{top:50%;translate:0 -50%}@media (max-width:480px){.sp-reason-grid{grid-template-columns:minmax(0,1fr);gap:6px}}.sp-hint{margin:0;padding:8px 10px;border-radius:8px;background:var(--color-notice-bg);font-size:12px;font-weight:400;line-height:18px;color:var(--color-notice-fg)}.sp-attach-zone{display:flex;align-items:center;gap:10px;width:100%;height:58px;padding:0 11px;border:1px solid var(--color-line);border-radius:8px;background:var(--color-surface-veil);text-align:left;cursor:pointer;transition:background-color var(--ix-dur) var(--ix-ease),border-color var(--ix-dur) var(--ix-ease),scale var(--ix-dur) var(--ix-ease)}@media (hover:hover){.sp-form .sp-attach-zone:not(:disabled):hover{background:var(--ix-hover-bg);border-color:var(--ix-border-hover)}}.sp-form .sp-attach-zone:not(:disabled):active{background:var(--ix-pressed-bg);border-color:var(--ix-border-hover);scale:var(--ix-press-scale-sm)}.sp-attach-zone:disabled{opacity:.5;cursor:not-allowed}.sp-attach-zone-icon{display:grid;flex:none;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--color-bg-secondary);color:var(--color-text-subtle)}.sp-attach-zone-icon svg{width:15px;height:15px}.sp-attach-zone-text{display:flex;flex-direction:column;gap:1px;min-width:0}.sp-attach-zone-text strong{font-size:12px;font-weight:500;line-height:17px;color:var(--color-text-body)}.sp-attach-zone-text small{font-size:10px;font-weight:400;line-height:14px;color:var(--color-text-subtle)}.sp-privacy{display:flex;align-items:flex-start;gap:8px;margin:0;padding:10px;border-radius:8px;background:var(--color-primary-soft);font-size:11px;font-weight:400;line-height:1.5;color:var(--color-text-body)}.sp-privacy svg{flex:none;width:15px;height:15px;margin-top:1px;color:var(--color-primary)}.sp-form-actions{flex-wrap:wrap;gap:12px 8px}.sp-form-actions,.sp-form-note{display:flex;align-items:center;justify-content:flex-end}.sp-form-note{flex-basis:100%;gap:6px;margin:0;font-size:10px;font-weight:400;line-height:14px;color:var(--color-text-subtle)}.sp-form-note svg{flex:none;width:11px;height:11px;color:var(--color-caution-icon)}.sp-compose .sp-form-actions{position:sticky;bottom:-20px;z-index:1;margin:0 -20px;padding:12px 20px 20px;background:linear-gradient(to bottom,var(--color-page-bg-clear),var(--color-page-bg) 12px)}@container sp (max-width: 1047px){.sp-compose{flex:1 1 0}.sp-collapse,.sp[data-compose=auto] .sp-compose,.sp[data-compose=open] .sp-thread{display:none}}@container sp (max-width: 695px){.sp-frame{height:auto}.sp-body{min-height:420px}.sp-compose,.sp-list,.sp-thread{display:none;flex:1 1 auto;padding:16px;overflow:visible;box-shadow:none}.sp:not([data-compose=open]):not([data-selected]) .sp-list,.sp:not([data-compose=open])[data-selected] .sp-thread,.sp[data-compose=open] .sp-compose{display:flex}.sp-back{display:inline-flex}.sp-items,.sp-messages{flex:none;overflow:visible}.sp-summary{flex-wrap:wrap;gap:8px 16px;padding:10px 14px}.sp-summary dd{white-space:normal;overflow-wrap:anywhere}.sp-compose .sp-form-actions{position:static;margin:0;padding:0;background:none}.sp-head{padding:0 16px}.sp-reply-bar .sp-btn--text{padding-inline:12px}}.support-popup-container{flex:none;width:min(1144px,calc(100vw - 64px));height:min(780px,calc(100dvh - 120px));padding:0}.support-popup{width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;overflow:visible;border-radius:16px;background:transparent;box-shadow:none}.support-popup .sp{box-shadow:var(--shadow-panel)}.support-report{width:min(400px,calc(100vw - 32px));max-width:none}