.faq details { border-radius: 14px; transition: background .2s; }
.faq details + details { margin-top: 2px; }
.faq details[open] { background: rgb(255 255 255 / .03); }
.faq summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 15px 16px; cursor: pointer; list-style: none; font-size: 16px; font-weight: 500; letter-spacing: -.01em; border-radius: 14px; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "\ea13"; font-family: remixicon; font-size: 18px; color: rgb(255 255 255 / .4); transition: transform .3s var(--ease); }
.faq details[open] summary::after { transform: rotate(45deg); }
.faq summary:hover { background: rgb(255 255 255 / .03); }
.faq p { padding: 0 16px 16px; max-width: 640px; font-size: 15px; line-height: 1.55; color: rgb(255 255 255 / .55); }

.seg { display: flex; gap: 4px; padding: 4px; border-radius: 12px; background: rgb(255 255 255 / .05); }
.seg button { display: flex; flex: 1; align-items: center; justify-content: center; gap: 6px; height: 34px; border-radius: 9px; font-size: 14px; font-weight: 500; color: rgb(255 255 255 / .55); transition: background .2s, color .2s; }
.seg button:hover { color: #fff; }
.seg button[aria-checked="true"] { background: #fff; color: #000; }

.sp-input { width: 100%; border-radius: 10px; border: 1px solid var(--line); background: #141416; padding: 10px 12px; font-size: 15px; line-height: 1.5; color: #fff; outline: none; transition: border-color .2s, background .2s; }
.sp-input:focus { border-color: rgb(255 255 255 / .3); background: #18181b; }
.sp-input::placeholder { color: rgb(255 255 255 / .3); }

.msg { border-radius: 16px; border: 1px solid var(--line); background: #0c0c0d; padding: 16px 18px; }
.msg-kind { display: inline-flex; height: 22px; align-items: center; padding: 0 8px; border-radius: 6px; font: 500 11px "Geist Mono", monospace; text-transform: uppercase; }
.msg-kind.bug { background: rgb(236 57 122 / .14); color: #EC397A; }
.msg-kind.suggestion { background: rgb(47 227 172 / .12); color: #2FE3AC; }
.msg-kind.question { background: rgb(82 111 255 / .16); color: #8ea2ff; }