.support-page{--support-paper:color-mix(in srgb,var(--surface) 84%,#edf1ff);background:radial-gradient(ellipse at 86% 0,color-mix(in srgb,var(--blue-soft) 48%,transparent),transparent 30rem),var(--background)}.support-kicker{color:var(--accent);font-size:.68rem;font-weight:700;letter-spacing:.13em;line-height:1.3;text-transform:uppercase}.support-guide{position:relative;overflow:hidden;background:var(--support-paper)}.support-guide:before{position:absolute;inset:0 auto 0 0;width:3px;background:var(--guide-accent,var(--accent));content:"";opacity:.85}.support-guide-1{--guide-accent:#3158a4}.support-guide-2{--guide-accent:#18836b}.support-guide-3{--guide-accent:#9a5d18}.support-guide-4{--guide-accent:#7851a2}.support-guide-index{color:color-mix(in srgb,var(--guide-accent,var(--accent)) 74%,var(--muted-2));font-family:var(--font-jetbrains),ui-monospace,monospace;font-size:.75rem;font-weight:600;letter-spacing:.04em}.support-faq summary::-webkit-details-marker{display:none}.support-faq summary:focus-visible{border-radius:3px}.support-workspace{box-shadow:0 12px 38px -28px rgba(26,39,73,.4)}.support-icon-box{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));border-radius:11px;background:color-mix(in srgb,var(--blue-soft) 48%,var(--surface));color:var(--accent)}.support-control,.support-text-input{min-height:40px;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:.48rem .68rem;color:var(--foreground);font-size:.8125rem;outline:none;transition:border-color .16s ease,box-shadow .16s ease}.support-control:focus,.support-text-input:focus,.support-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.support-control:disabled,.support-text-input:disabled,.support-textarea:disabled{cursor:not-allowed;opacity:.65}.support-text-input,.support-textarea{width:100%;font-size:.875rem}.support-textarea{resize:vertical;border:1px solid var(--border);border-radius:9px;background:var(--surface);padding:.7rem .8rem;color:var(--foreground);line-height:1.55;outline:none;transition:border-color .16s ease,box-shadow .16s ease}.support-text-input::placeholder,.support-textarea::placeholder{color:var(--muted-2)}.support-private-link{border:1px solid color-mix(in srgb,var(--warning) 22%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--warning-soft) 28%,var(--surface));padding:.8rem}.support-copy-button{display:inline-flex;min-height:40px;flex:0 0 auto;align-items:center;justify-content:center;gap:.45rem;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--border));border-radius:8px;background:var(--surface);padding:.45rem .8rem;color:var(--accent);font-size:.8125rem;font-weight:650}.support-copy-button:hover:not(:disabled){background:var(--blue-soft)}.support-ticket-list{background:color-mix(in srgb,var(--background) 54%,var(--surface))}.support-ticket-row{position:relative;padding:1rem 1.1rem;background:transparent;transition:background-color .15s ease}.support-ticket-row:hover{background:color-mix(in srgb,var(--surface-2) 55%,transparent)}.support-ticket-row.is-active{background:color-mix(in srgb,var(--blue-soft) 43%,var(--surface))}.support-ticket-row.is-active:before{position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent);content:""}.support-status{display:inline-flex;min-height:22px;flex:0 0 auto;align-items:center;border:1px solid transparent;border-radius:99px;padding:.12rem .52rem;font-size:.67rem;font-weight:650;line-height:1.2;white-space:nowrap}.support-status-open{border-color:#e8c795;background:#fff3dc;color:#76501b}.support-status-progress{border-color:#bbcaee;background:#e9efff;color:#294a8c}.support-status-resolved{border-color:#a9d9c0;background:#e5f7ed;color:#17623e}.support-status-closed{border-color:var(--border)}.support-category-tag,.support-status-closed{background:var(--surface-2);color:var(--muted)}.support-category-tag{display:inline-flex;border-radius:5px;padding:.2rem .45rem;font-size:.68rem;font-weight:600}.support-state,.support-thread-empty{display:flex;flex-direction:column;align-items:center;text-align:center}.support-state{border:1px dashed var(--border);border-radius:12px;padding:2rem 1.25rem}.support-guest-icon,.support-state-icon,.support-thread-mark{display:grid;width:44px;height:44px;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--blue-soft) 52%,var(--surface));color:var(--accent)}.support-guest-card h3,.support-state h3,.support-thread-empty h3{margin-top:.8rem;font-size:.95rem;font-weight:650}.support-guest-card>p:not(.support-kicker),.support-state p,.support-thread-empty>p:last-child{max-width:24rem;margin-top:.4rem;color:var(--muted);font-size:.8125rem;line-height:1.55}.support-thread-empty{min-height:490px;justify-content:center;padding:2rem}.support-thread-mark{margin-bottom:1.1rem}.support-thread-empty>p:last-child{margin-top:.35rem}.support-message-scroll{max-height:min(62vh,720px)}.support-message-bubble{border:1px solid var(--border);border-radius:4px 14px 14px 14px;padding:.72rem .88rem;font-size:.875rem;line-height:1.6}.support-message-team{border-color:color-mix(in srgb,var(--accent) 15%,var(--border));background:color-mix(in srgb,var(--blue-soft) 35%,var(--surface))}.support-message-user{border-color:color-mix(in srgb,var(--accent) 12%,var(--border));border-radius:14px 4px 14px 14px;background:var(--surface)}.support-date-divider{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--border);border-radius:99px;background:var(--surface);padding:.3rem .65rem;color:var(--muted-2);font-size:.68rem}.support-avatar{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--surface-3);color:var(--blue-strong);font-size:.68rem;font-weight:700}.support-status-select{min-height:34px;padding-block:.3rem}.support-page-button{display:inline-flex;min-width:34px;min-height:34px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted)}.support-page-button:hover:not(:disabled){background:var(--surface-2);color:var(--foreground)}.support-back{display:inline-flex;align-items:center;gap:.4rem;color:var(--accent);font-size:.8rem;font-weight:600}.support-skeleton{background:linear-gradient(100deg,var(--surface-2) 25%,color-mix(in srgb,var(--surface-3) 65%,var(--surface)) 45%,var(--surface-2) 65%);background-size:220% 100%;animation:support-skeleton 1.6s ease-in-out infinite}@keyframes support-skeleton{to{background-position-x:-220%}}.support-guest-panel{display:grid;min-height:380px;place-items:center;padding:2rem 1rem;background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--blue-soft) 48%,transparent),transparent 22rem),var(--surface)}.support-guest-card{display:flex;max-width:29rem;flex-direction:column;align-items:center;text-align:center}.support-guest-icon{margin-bottom:1.1rem;width:50px;height:50px;border-radius:16px}.support-guest-card>p:not(.support-kicker){margin-bottom:1.2rem}.support-modal-layer{position:fixed;z-index:100;inset:0;display:grid;place-items:center;overflow-y:auto;background:rgba(12,20,38,.42);padding:1rem;backdrop-filter:blur(4px)}.support-create-dialog{width:min(100%,36rem);max-height:min(92dvh,820px);overflow-y:auto;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:0 24px 80px rgba(15,25,48,.22)}@media (max-width:767px){.support-message-scroll{max-height:54vh}.support-thread-empty{min-height:350px}}@media (prefers-reduced-motion:reduce){.support-skeleton{animation:none}}