.ko-support-launcher { display:flex; align-items:center; justify-content:center; gap:9px; position:relative; min-height:48px; width:148px; padding:12px 15px; border:1px solid #66666c; border-radius:17px 17px 5px 17px; background:#27272b; color:#f5f5f7; box-shadow:0 5px 20px #0004; font-size:14px; font-weight:600; line-height:20px; transition:background .14s,border-color .14s; }
.ko-support-launcher:hover { background:#343438; border-color:#85858d; }
.ko-support-launcher:active { background:#1e1e21; }
.ko-support-launcher:focus-visible { outline:2px solid #eeeef1; outline-offset:3px; }
.ko-support-unread { position:absolute; top:-7px; right:-6px; min-width:20px; height:20px; padding:0 5px; display:grid; place-items:center; border:2px solid #111114; border-radius:12px; background:#b53b3e; color:#fff; font-size:11px; }
#ks-support-panel { transition:none; transform-origin:bottom right; border-color:#48484e; border-radius:20px; background:#1b1b1f; width:min(380px,calc(100vw - 40px)); max-height:calc(100dvh - 128px); }
#ks-support-panel[hidden] { display:none!important; }
#ks-support-panel > div:first-child { background:#252529; border-bottom:1px solid #444449; }
#ks-support-panel h3:focus { outline:none; }
#ks-support-panel :is(button,a,input,textarea):focus-visible { outline:2px solid #e2e2e8; outline-offset:2px; }
#ks-support-panel :is(input,textarea) { background:#141416; border-color:#4b4b52; }
.ko-support-notice { position:absolute; bottom:calc(100% + 10px); right:0; padding:10px 14px; border:1px solid #55555d; border-radius:12px; background:#242427; color:#f1f1f5; font-size:14px; width:max-content; max-width:300px; }
.ko-support-page [data-ko-ticket] { border-color:#414147; background:#17171b; border-radius:16px; min-height:136px; }
.ko-support-page [data-ko-ticket]:hover { background:#202024; border-color:#67676e; }
.ko-support-page [data-ko-ticket]:focus-visible { outline:2px solid #e6e6ed; outline-offset:3px; }
.ko-support-page [data-ko-ticket][data-waiting=true] { border-color:#77777a!important; box-shadow:none!important; }
.ko-support-page [data-ko-ticket] .ko-ticket-status { font-size:13px; line-height:20px; }
.ko-support-page [data-ko-ticket] .ko-ticket-id { font-size:12px; line-height:18px; color:#a7a7b1; }
.ko-support-page [data-ko-ticket] .ko-ticket-subject { font-size:16px; line-height:22px; }
.ko-support-page [data-ko-ticket] .ko-ticket-updated { font-size:13px; color:#b0b0b9; }
@media(min-width:640px) { body:has(.ko-support-launcher) .site-footer > .max-w-7xl { padding-right:244px; } }
@media(prefers-reduced-motion:reduce) { .ko-support-launcher { transition:none; } }
#ks-support-panel .text-accent { color:#d7d7df; }
#ks-support-panel .bg-accent { background:#d7d7df; color:#18181b; }
#ks-support-panel .bg-accent\/20 { background:#343439; }
#ks-support-panel a[href="/support"] { color:#dadade; text-decoration:underline; text-underline-offset:3px; }
.ko-support-page [data-ko-ticket] { opacity:1!important; }
.ko-support-page [data-ko-ticket] .ko-ticket-status.text-dark-400 { color:#a9a9b2; }
/* Support popover: one surface, one primary action. */
.ko-support-launcher { background:#17171a; border-color:#535356; color:#f6f6f9; box-shadow:0 4px 20px #0005; }
.ko-support-launcher:hover { background:#242427; border-color:#858588; }
#ks-support-panel { background:#121215; color:#f6f6f9; border:1px solid #424245; box-shadow:0 16px 56px #0008; height:540px; max-height:calc(100dvh - 120px); backdrop-filter:none; }
#ks-support-panel[data-view=home] { height:auto; }
#ks-support-panel > div:first-child { background:#121215; border-bottom:1px solid #343437; }
#ks-support-panel .ko-support-header { padding:14px 16px; }
#ks-support-panel .ko-support-header > div { gap:10px; }
#ks-support-panel .ko-support-avatar { background:none; width:24px; height:24px; color:#d9d9dc; }
#ks-support-panel .ko-support-header h3 { font-size:16px; line-height:22px; font-weight:600; overflow-wrap:anywhere; }
#ks-support-panel .ko-support-header p { color:#bababd; font-size:13px; line-height:20px; white-space:normal; }
#ks-support-panel .ko-support-header :is(button,a) { display:grid; place-items:center; width:40px; height:44px; padding:0; flex-shrink:0; border-radius:10px; color:#dedee1; }
#ks-support-panel .ko-support-header :is(button,a):hover { background:#27272a; }
#ks-support-panel :is(button,a,input,textarea):focus-visible { outline:2px solid #e7e7ea; outline-offset:2px; }
.ko-support-home { padding:16px; overflow-y:auto; overscroll-behavior:contain; min-height:0; }
.ko-support-compose { display:flex; width:100%; align-items:center; justify-content:center; gap:10px; min-height:48px; padding:12px 16px; border:1px solid #ededf0; border-radius:12px; background:#ededf0; color:#212124; font-size:15px; line-height:22px; font-weight:600; transition:background .14s; }
.ko-support-compose:hover { background:#fefeff; }
.ko-support-compose:active { background:#d6d6d9; }
.ko-support-compose svg { flex-shrink:0; }
.ko-support-conversations-heading { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:0 12px; margin:14px 0 0; }
.ko-support-conversations-heading h4 { font-size:14px; line-height:22px; font-weight:600; color:#dedee1; margin:0; }
#ks-support-panel .ko-support-conversations-heading a { display:flex; align-items:center; gap:4px; min-height:44px; color:#c5c5c8; text-decoration:none; font-size:13px; line-height:20px; margin-left:auto; border-radius:6px; }
#ks-support-panel .ko-support-conversations-heading a:hover { color:#f7f7fa; text-decoration:underline; }
.ko-support-conversations { list-style:none; margin:0; padding:0; }
.ko-support-conversations li+li { border-top:1px solid #323235; }
.ko-support-conversation { display:flex; align-items:center; gap:12px; width:100%; padding:12px 8px; text-align:left; border-radius:10px; color:#b3b3b6; transition:background .14s; }
.ko-support-conversation:hover { background:#232326; }
.ko-support-conversation-copy { min-width:0; flex:1; display:flex; flex-direction:column; gap:3px; }
.ko-support-subject { color:#f3f3f6; font-size:15px; line-height:21px; overflow-wrap:anywhere; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.ko-support-meta { color:#adadb0; font-size:12px; line-height:18px; font-variant-numeric:tabular-nums; }
.ko-support-waiting { color:#bebec1; font-size:12px; line-height:18px; }
.ko-support-count { min-width:24px; height:24px; padding:0 6px; display:grid; place-items:center; border-radius:12px; background:#dadadd; color:#27272a; font-size:12px; font-weight:600; flex-shrink:0; }
#ks-support-panel .ko-support-form { padding:16px; }
#ks-support-panel .ko-support-category { min-height:68px; background:#1c1c1f; border:1px solid #434346; border-radius:10px; padding:10px 12px; color:#e7e7ea; }
#ks-support-panel .ko-support-category:hover { background:#29292c; }
#ks-support-panel .ko-support-category[aria-pressed=true] { background:#37373a; border-color:#bcbcbf; box-shadow:inset 0 0 0 1px #bcbcbf; }
#ks-support-panel .ko-support-category :is(svg,span) { color:inherit; }
#ks-support-panel .ko-support-category svg { width:18px; height:18px; margin-bottom:5px; }
#ks-support-panel .ko-support-category span { font-size:14px; line-height:20px; }
#ks-support-panel :is(input,textarea) { background:#0d0d10; border:1px solid #5c5c5f; border-radius:10px; color:#f2f2f5; caret-color:#e9e9ec; }
#ks-support-panel :is(input,textarea)::placeholder { color:#a6a6a9; }
#ks-support-panel :is(input,textarea):focus { border-color:#c1c1c4; box-shadow:0 0 0 2px #c1c1c422; }
#ks-support-panel .ko-support-send { background:#ededf0; border:1px solid #ededf0; color:#212124; min-height:44px; border-radius:10px; }
#ks-support-panel .ko-support-send:hover:not(:disabled) { background:#fefeff; }
#ks-support-panel .ko-support-send:disabled { background:#27272a; color:#aeaeb1; border-color:#4a4a4d; opacity:1; }
#ks-support-panel .ko-support-chat { overscroll-behavior:contain; }
#ks-support-panel .ko-support-message-own { background:#e6e6e9; color:#27272a; }
#ks-support-panel .ko-support-message-own p { color:inherit; }
#ks-support-panel .ko-support-message-own p:last-child { color:#5a5a5d; }
#ks-support-panel .ko-support-message-staff { background:#242427; border-color:#414144; }
@media(prefers-reduced-motion:reduce) { .ko-support-compose,.ko-support-conversation { transition:none; } }
#ks-support-panel .ko-support-category { display:flex; align-items:center; gap:8px; min-height:56px; background:#1a1a1d; }
#ks-support-panel .ko-support-category svg { flex-shrink:0; margin:0; }
#ks-support-panel .ko-support-category span { text-align:left; }
#ks-support-panel .ko-support-category[aria-pressed=true] { background:#2f2f32; }
#ks-support-panel .ko-support-message-staff :is(p,li) { font-size:14px; line-height:21px; font-weight:400; }
#ks-support-panel .ko-support-message-staff > p:first-child { font-size:11px; line-height:16px; }
#ks-support-panel .ko-support-message-staff > p:last-child { font-size:11px; line-height:16px; color:#b4b4b7; }
#ks-support-panel .ko-support-send { display:inline-flex; align-items:center; justify-content:center; gap:8px; font-size:15px; line-height:22px; font-weight:600; }
#ks-support-panel .ko-support-send svg { flex-shrink:0; margin:0; }