.sv-spoiler { margin: 16px 0; border: 1px solid #d8c9ef; border-radius: 12px; background: #f7f3fc; color: #30214b; overflow: hidden; }
.sv-spoiler summary { cursor: pointer; padding: 14px 18px; font-weight: 700; }
.sv-spoiler summary small { margin-left: 14px; font-weight: 400; font-size: 12px; }
.sv-spoiler:not([open]) > .sv-spoiler-content { display: none; }
.sv-spoiler-content { padding: 0 18px 16px; background: #fff; }
.sv-spoiler-image { position: relative; margin: 16px 0; border: 1px solid #d8c9ef; border-radius: 12px; overflow: hidden; background: #edf1fb; }
.sv-spoiler-image-content { padding: 10px; min-height: 150px; filter: blur(22px); pointer-events: none; user-select: none; }
.sv-spoiler-image-content img { display: block; width: auto; max-width: 100%; max-height: 420px; height: auto; margin: auto; }
.sv-spoiler-image-content p { margin: 0; }
.sv-spoiler-image > button { position: absolute; inset: 0; width: 100%; border: 0; background: #24143855; color: #fff; cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; font: inherit; font-weight: 700; text-shadow: 0 1px 4px #000; }
.sv-spoiler-image > button small { font-size: 12px; }
.sv-spoiler-image.is-revealed .sv-spoiler-image-content { filter: none; pointer-events: auto; user-select: auto; }
.sv-spoiler-image.is-revealed > button { position: static; padding: 10px; background: #ece4f6; color: #4a287a; text-shadow: none; }
.sv-spoiler-editor-controls { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 10px 0; }
.sv-spoiler-editor-controls button { padding: 8px 12px; border: 1px solid #cbb6e9; border-radius: 7px; background: #f5effc; color: #623199; font: inherit; font-size: 12px; cursor: pointer; }
.sv-spoiler-editor-controls small { flex-basis: 100%; color: #62718b; line-height: 1.6; }
.mce-i-sv-spoiler-text { background: center/18px 18px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23595959' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l18 18M10.6 10.6a2 2 0 0 0 2.8 2.8M9.9 5.2A11 11 0 0 1 12 5c7 0 10 7 10 7a16 16 0 0 1-3.1 4.2M6.5 6.5A17 17 0 0 0 2 12s3 7 10 7a11 11 0 0 0 5.5-1.5'/%3E%3C/svg%3E") !important; }
.mce-i-sv-spoiler-image { background: center/18px 18px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23595959' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l18 18M7 3h12a2 2 0 0 1 2 2v12M17 21H5a2 2 0 0 1-2-2V7M3 17l5-5 9 9M15 13l2-2 4 4'/%3E%3Ccircle cx='15' cy='7' r='1'/%3E%3C/svg%3E") !important; }
.mce-i-sv-spoiler-text::before, .mce-i-sv-spoiler-image::before { content: '' !important; }
.sv-topic-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; width: 100%; padding: 16px; margin: 12px 0; border: 1px solid #dce3f0; border-radius: 10px; background: #f7faff; box-sizing: border-box; }
.sv-topic-fields label { display: grid; gap: 7px; font-weight: 600; font-size: 13px; }
.sv-topic-fields input,.sv-topic-fields select { width: 100%; min-width: 0; box-sizing: border-box; margin: 0; padding: 10px; border: 1px solid #cbd6e5; border-radius: 6px; background: #fff; color: #263958; font: inherit; }
.sv-topic-fields small { font-weight: 400; line-height: 1.5; }
.sv-topic-fields .sv-topic-field-heading { display: block; height: 20px; min-height: 20px; line-height: 20px; }
.sv-topic-fields .sv-topic-field-optional { display: inline; font-size: 11px; font-weight: 400; white-space: nowrap; }
.sv-topic-kind,.sv-topic-spoiler-label { display: inline-flex; align-items: center; gap: 5px; padding: 4px 9px; margin: 3px 5px 3px 0; border-radius: 7px; font-size: 11px; line-height: 1.4; font-weight: 700; background: #eaf1ff; color: #1457c7; vertical-align: middle; }
.sv-topic-kind--guide { background: #e5f6ed; color: #167343; }
.sv-topic-kind--review { background: #f0e6fc; color: #7336ad; }
.sv-topic-kind--discussion { background: #e2f4f6; color: #16717b; }
.sv-topic-kind--news { background: #fff0dc; color: #8b500e; }
.sv-topic-kind--deal { background: #ffe7ee; color: #aa2450; }
.sv-topic-kind { border: 1px solid color-mix(in srgb,currentColor 18%,transparent); }
.sv-topic-kind > .sv-icon { width: 14px; height: 14px; flex: 0 0 14px; vertical-align: -2px; }
.ai-topic-row .topic-main > .sv-topic-title-line { flex-direction: row; align-items: center; gap: 8px; }
.ai-topic-row .sv-topic-title-line > .sv-topic-kind { display: inline-flex; flex: 0 0 92px; width: 92px; min-height: 28px; align-items: center; justify-content: center; gap: 5px; box-sizing: border-box; padding: 5px 7px; margin: 0; border-radius: 7px; font-size: 10px; line-height: 1.4; white-space: nowrap; }
.ai-topic-row .sv-topic-title-line > a { flex: 1; min-width: 0; }
.sv-topic-list-spoiler { display: inline-flex; flex: 0 0 auto; gap: 4px; align-items: center; padding: 4px 6px; border-radius: 5px; background: #fff0dc; color: #94530c; font-size: 9px; line-height: 1.4; }
.sv-topic-list-spoiler .sv-icon { width: 12px; height: 12px; }
.sv-topic-status,.sv-forum-status { display: inline-grid; place-items: center; box-sizing: border-box; width: 28px; height: 28px; border: 1px solid #d6dfec; border-radius: 8px; color: #8292ac; background: linear-gradient(145deg,#fff,#edf1f7); box-shadow: 0 2px 4px #16366c08; }
.sv-topic-status > svg,.sv-forum-status > svg { display: block; width: 18px; height: 18px; }
.sv-topic-status--replied,.sv-forum-status--populated { color: #137b69; border-color: #b3ddcf; background: linear-gradient(145deg,#ecfff8,#d4eee5); }
.sv-topic-status--pinned { color: #a65a0c; border-color: #efca83; background: linear-gradient(145deg,#fff6dc,#ffdfa1); }
.ai-topic-row.is-pinned .sv-topic-status--pinned { color: #a65a0c; }
.sv-forum-icon-host { position: relative; overflow: visible; }
.sv-forum-icon-host > .sv-forum-status { position: absolute; right: -6px; bottom: -6px; width: 25px; height: 25px; border: 2px solid var(--surface,#fff); border-radius: 8px; }
.sv-forum-icon-host > .sv-forum-status > svg { width: 17px; height: 17px; }
.ai-topic-head, .ai-topic-row { grid-template-columns: 28px 35px minmax(0,1fr) 80px 100px 146px; }
[data-theme="dark"] .sv-topic-status,[data-theme="dark"] .sv-forum-status { color: #a2b1ca; border-color: #41516b; background: #25344a; }
[data-theme="dark"] .sv-topic-status--replied,[data-theme="dark"] .sv-forum-status--populated { color: #83ddbe; border-color: #346f5d; background: #163d35; }
[data-theme="dark"] .sv-topic-status--pinned,[data-theme="dark"] .ai-topic-row.is-pinned .sv-topic-status--pinned { color: #ffd180; border-color: #946831; background: #503a20; }
.sv-status-demo { scroll-margin-top: 24px; }
.sv-status-demo-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(175px,1fr)); gap: 12px; }
.sv-status-demo-item { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 16px; border: 1px solid #dce3f0; border-radius: 10px; background: #f8fbff; }
.sv-status-demo-item > span:first-child { flex-shrink: 0; width: 40px; height: 40px; border-radius: 11px; }
.sv-status-demo-item > span:first-child > svg { width: 26px; height: 26px; }
.sv-status-demo-item strong { display: block; font-size: 13px; }
.sv-status-demo-item small { display: block; margin-top: 5px; color: #60718b; font-size: 11px; line-height: 1.5; }
[data-theme="dark"] .sv-status-demo-item { background: #17243a; border-color: #34455f; }
[data-theme="dark"] .sv-status-demo-item small { color: #b2c0d6; }
@media(max-width:1180px) { .ai-topic-head, .ai-topic-row { grid-template-columns: 28px 33px minmax(0,1fr) 64px 82px 130px; } }
@media(max-width:680px) { .ai-topic-row { grid-template-columns: 25px 32px minmax(0,1fr) 45px; } .ai-topic-row .sv-topic-status { width: 25px; height: 25px; border-radius: 7px; } .ai-topic-row .sv-topic-status > svg { width: 17px; height: 17px; } }
@media(max-width:680px) { .ai-topic-row .sv-topic-title-line > .sv-topic-kind { flex-basis: 80px; width: 80px; } .ai-topic-row .sv-topic-title-line > .sv-topic-kind > .sv-icon { width: 12px; height: 12px; flex-basis: 12px; } .sv-topic-list-spoiler > span { display: none; } }
.sv-topic-spoiler-label { background: #fff0dc; color: #94530c; white-space: normal; }
.sv-kind-filters { display: flex; flex-wrap: wrap; gap: 7px; padding: 14px 18px; border-bottom: 1px solid #e2e8f1; }
.sv-kind-filters a { border: 1px solid #d7dfed; border-radius: 20px; padding: 7px 12px; background: #fff; color: #405272; font-size: 12px; text-decoration: none; }
.sv-kind-filters a.active { background: #7041bd; border-color: #7041bd; color: #fff; }
.sv-feature-card { padding: 24px; margin: 18px 0; border: 1px solid #dce3f0; border-radius: 14px; background: #fff; color: #25344e; }
.sv-feature-card h2 { margin: 0 0 12px; font-size: 21px; }
.sv-feature-card h3 { margin: 20px 0 10px; font-size: 15px; }
.sv-feature-card p { font-size: 14px; line-height: 1.7; color: #60718b; }
.sv-interest-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.sv-interest-tags > span { display: inline-flex; padding: 8px 12px; background: #edf2ff; border-radius: 20px; color: #4165a0; font-size: 13px; }
.sv-interest-tags > span.earned { background: #e7f5eb; color: #21643b; flex-direction: column; border-radius: 10px; gap: 4px; }
.sv-interest-tags small { font-size: 10px; }
.sv-interest-settings { min-width: 0; padding: 0 18px 18px; }
.sv-interest-settings .sv-interest-choices { display: block; min-width: 0; border: 0; padding: 0; margin: 0 0 16px; }
.sv-interest-settings .sv-interest-choices legend { padding: 0; margin-bottom: 12px; font-size: 14px; font-weight: 700; }
.sv-interest-options { display: grid; grid-template-columns: repeat(auto-fit,minmax(140px,1fr)); gap: 8px; }
.sv-interest-options label { display: flex; min-width: 0; min-height: 44px; gap: 10px; box-sizing: border-box; padding: 10px 12px; margin: 0; border: 1px solid #dce3f0; border-radius: 9px; align-items: center; background: #fbfdff; font-size: 13px; line-height: 1.5; cursor: pointer; }
.sv-interest-options label:has(input:checked) { border-color: #8cbaf4; background: #edf5ff; }
.sv-interest-options label:focus-within,.sv-interest-visibility:focus-within { outline: 2px solid #0874f7; outline-offset: 2px; }
.sv-interest-settings input[type="checkbox"] { flex: 0 0 18px; width: 18px; height: 18px; min-height: 18px; padding: 0; margin: 0; accent-color: #0874f7; }
.sv-interest-settings .sv-interest-visibility { display: grid; grid-template-columns: 18px minmax(0,1fr); align-items: center; gap: 10px; width: 100%; box-sizing: border-box; padding: 14px; margin: 0; border: 1px solid #dce3f0; border-radius: 9px; background: #f7faff; font-size: 13px; line-height: 1.5; cursor: pointer; }
.sv-interest-visibility > span { display: block; min-width: 0; }
.sv-interest-settings .sv-interest-settings-help { margin: 10px 0 0; color: #60718b; font-size: 12px; line-height: 1.7; }
.sv-mood-settings { display: grid; gap: 10px; min-width: 0; padding: 18px; border-top: 1px solid #e2e8f1; }
.sv-mood-settings > label { font-weight: 700; font-size: 14px; }
.sv-mood-settings select { width: 100%; max-width: 360px; height: 42px; padding: 9px 11px; border: 1px solid #d8e3ee; border-radius: 7px; background: #fbfdff; color: #24355c; font: inherit; font-size: 13px; }
.sv-mood-settings > p { margin: 0; font-size: 12px; line-height: 1.7; color: #60718b; }
.sv-mood-preview { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 12px; border: 1px solid #dce3f0; border-radius: 8px; background: #f7faff; }
.sv-mood-preview[hidden] { display: none; }
.sv-mood-preview > span { font-size: 11px; color: #60718b; }
.sv-mood-preview img { display: block; width: 160px; max-width: 100%; height: 60px; object-fit: contain; }
.post-author .sv-member-mood { display: flex; flex-direction: column; align-items: center; gap: 5px; width: 100%; min-width: 0; margin-top: 10px; }
.post-author .sv-member-mood-label { font-size: 10px; line-height: 1.4; color: #60718b; }
.post-author .sv-member-mood img { display: block; width: 160px; max-width: 100%; height: auto; aspect-ratio: 8 / 3; object-fit: contain; }
.sv-mood-design-picker { margin-top: 4px; padding: 12px; border: 1px solid #dce3f0; border-radius: 9px; background: #f7faff; }
.sv-mood-design-picker > summary { cursor: pointer; font-size: 13px; font-weight: 700; }
.sv-mood-gallery-heading { margin: 18px 0 12px; font-size: 15px; }
.sv-mood-gallery { display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: 10px; }
.sv-mood-gallery .sv-mood-choice { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 10px; min-width: 0; min-height: 112px; border: 1px solid #d9e2ef; border-radius: 9px; color: #355075; background: #fff; font: inherit; cursor: pointer; }
.sv-mood-gallery .sv-mood-choice img { display: block; width: 200px; max-width: 100%; height: auto; aspect-ratio: 8 / 3; object-fit: contain; }
.sv-mood-gallery .sv-mood-choice span { font-size: 12px; font-weight: 600; }
.sv-mood-gallery .sv-mood-choice:hover { border-color: #9d7be0; background: #faf7ff; }
.sv-mood-gallery .sv-mood-choice.is-selected { border-color: #7645c8; box-shadow: 0 0 0 2px #7645c824; background: #f3edfc; color: #5b2b9c; }
.sv-mood-gallery .sv-mood-choice:focus-visible { outline: 2px solid #7645c8; outline-offset: 2px; }
.sv-mood-demo-layout { display: grid; grid-template-columns: 200px minmax(0,1fr); gap: 24px; align-items: start; }
.sv-mood-demo-postbit { display: flex; flex-direction: column; align-items: center; padding: 16px; border: 1px solid #dce3f0; border-radius: 12px; background: linear-gradient(#f0f5ff,#fff); text-align: center; }
.sv-mood-demo-postbit > img { width: 88px; height: 88px; object-fit: cover; border-radius: 12px; margin-bottom: 9px; }
.sv-mood-demo-postbit > strong { font-size: 14px; }
.sv-mood-demo-postbit > small { margin-top: 5px; font-size: 11px; color: #60718b; }
.sv-mood-demo-postbit dl { align-self: stretch; margin: 16px 0 0; padding-top: 10px; border-top: 1px solid #dce3f0; font-size: 11px; }
.sv-mood-demo-postbit dl div { display: flex; justify-content: space-between; margin-top: 7px; }
.sv-mood-demo-postbit dd { margin: 0; font-weight: 600; }
.sv-mood-demo-controls { min-width: 0; }
.sv-mood-demo-controls > select { max-width: 360px; width: 100%; padding: 10px; border: 1px solid #d8e3ee; border-radius: 7px; color: #24355c; background: #fbfdff; font: inherit; }
.sv-mood-demo-controls > p { margin: 10px 0; }
[data-theme="dark"] .sv-mood-design-picker,[data-theme="dark"] .sv-mood-demo-postbit,[data-theme="dark"] .sv-mood-gallery .sv-mood-choice,[data-theme="dark"] .sv-mood-demo-controls > select { background: #17243a; color: #e8eef9; border-color: #34455f; }
[data-theme="dark"] .sv-mood-gallery .sv-mood-choice.is-selected { background: #382653; border-color: #b493ec; }
@media(max-width:680px) { .sv-mood-demo-layout { grid-template-columns: 1fr; } .sv-mood-demo-postbit { width: 200px; max-width: 100%; margin: auto; box-sizing: border-box; } .sv-mood-gallery { grid-template-columns: repeat(auto-fit,minmax(145px,1fr)); } .sv-mood-gallery .sv-mood-choice { min-height: 94px; } }
[data-theme="dark"] .sv-mood-settings select,[data-theme="dark"] .sv-mood-preview { background: #17243a; color: #e8eef9; border-color: #34455f; }
[data-theme="dark"] .sv-mood-settings > p,[data-theme="dark"] .sv-mood-preview > span,[data-theme="dark"] .post-author .sv-member-mood-label { color: #b2c0d6; }
@media(max-width:680px) { .post-author .sv-member-mood { grid-column: 2; width: 138px; max-width: 100%; align-items: flex-start; margin-top: 5px; } }
[data-theme="dark"] .sv-interest-options label,[data-theme="dark"] .sv-interest-settings .sv-interest-visibility { background: #17243a; color: #e8eef9; border-color: #34455f; }
[data-theme="dark"] .sv-interest-options label:has(input:checked) { border-color: #6b9ad8; background: #203c5c; }
[data-theme="dark"] .sv-interest-settings .sv-interest-settings-help { color: #b2c0d6; }
.sv-public-collection,.sv-feature-demo { max-width: 1100px; padding: 28px 20px; margin: auto; box-sizing: border-box; }
.sv-collection-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.sv-collection-item { padding: 20px; border: 1px solid #dce3f0; border-radius: 12px; background: #fff; min-width: 0; }
.sv-collection-item h2 { font-size: 18px; margin: 9px 0; overflow-wrap: anywhere; }
.sv-collection-item img { width: 100%; max-height: 200px; object-fit: cover; border-radius: 8px; }
.sv-collection-item p { font-size: 13px; line-height: 1.7; color: #60718b; }
.sv-collection-owner { display: flex; gap: 12px; align-items: center; }
.sv-collection-owner img { width: 44px; height: 44px; border-radius: 50%; }
.sv-collection-links { display: grid; gap: 9px; }
.sv-collection-links a,.sv-feature-link { display: inline-block; padding: 10px 14px; border: 1px solid #d8c9ef; background: #f7f3fc; color: #623199; border-radius: 8px; font-size: 13px; text-decoration: none; }
.sv-feature-demo > header h1 { font-size: 32px; }
.sv-feature-demo > header p { color: #60718b; line-height: 1.7; }
.sv-demo-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.sv-demo-grid .sv-feature-card { margin: 0; min-width: 0; }
.sv-demo-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.svsaved-collection-status { padding: 3px 7px; border-radius: 5px; background: #edf2ff; color: #415c91; font-size: 10px; }
.svsaved-dialog .sv-collection-public-choice { display: flex; align-items: center; gap: 9px; }
.svsaved-dialog .sv-collection-public-choice input { width: 17px; height: 17px; margin: 0; }
.svsaved-dialog p { font-size: 12px; line-height: 1.6; color: #60718b; }
.svsaved-collections [data-collection-row] > div a { display: block; padding: 8px 10px; font-size: 12px; }
#wpforo #wpforo-wrap .sv-feature-card { padding: 22px; margin: 16px 0; border: 1px solid #dce3f0; border-radius: 12px; background: #fff; }
#wpforo #wpforo-wrap .sv-feature-card h2 { margin: 0 0 16px; font-size: 20px; line-height: 1.4; }
#wpforo #wpforo-wrap .sv-feature-card h3 { margin: 18px 0 10px; font-size: 14px; font-weight: 700; }
#wpforo #wpforo-wrap .sv-feature-card p { margin: 12px 0; color: #60718b; font-size: 13px; line-height: 1.7; }
#wpforo #wpforo-wrap .sv-interest-tags { display: flex; flex-wrap: wrap; gap: 8px; }
#wpforo #wpforo-wrap .sv-interest-tags > span { display: inline-flex; padding: 8px 12px; border-radius: 18px; font-size: 12px; color: #4165a0; background: #edf2ff; }
#wpforo #wpforo-wrap .sv-interest-tags > span.earned { flex-direction: column; gap: 6px; border-radius: 9px; color: #21643b; background: #e7f5eb; }
#wpforo #wpforo-wrap .sv-interest-tags small { font-size: 11px; }
#wpforo #wpforo-wrap .sv-recent-topic-features .sv-topic-kind,#wpforo #wpforo-wrap .sv-recent-topic-features .sv-topic-spoiler-label { display: inline-block; padding: 4px 8px; margin: 0 5px 7px 0; border-radius: 6px; font-size: 11px; font-weight: 700; }
#wpforo #wpforo-wrap .sv-collection-links { display: grid; gap: 9px; }
#wpforo #wpforo-wrap .sv-collection-links a,#wpforo #wpforo-wrap .sv-feature-link { display: block; padding: 11px 14px; border-radius: 8px; border: 1px solid #d8c9ef; color: #623199; background: #f7f3fc; font-size: 13px; line-height: 1.5; }
[data-theme="dark"] #wpforo #wpforo-wrap .sv-feature-card { background: #17243a; color: #e8eef9; border-color: #34455f; }
[data-theme="dark"] #wpforo #wpforo-wrap .sv-feature-card p { color: #b2c0d6; }
#wpforo.sv-add-topic-native #wpforo-wrap .sv-topic-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; width: 100%; padding: 18px; margin: 14px 0; border: 1px solid #dce3f0; border-radius: 10px; background: #f7faff; box-sizing: border-box; }
#wpforo.sv-add-topic-native #wpforo-wrap .sv-topic-fields > label { display: flex; flex-direction: column; gap: 7px; min-width: 0; font-size: 13px; font-weight: 600; }
#wpforo.sv-add-topic-native #wpforo-wrap .sv-topic-fields input,#wpforo.sv-add-topic-native #wpforo-wrap .sv-topic-fields select { display: block; box-sizing: border-box; width: 100%; min-width: 0; height: 40px; margin: 0; padding: 9px 10px; border: 1px solid #cbd6e5; border-radius: 6px; color: #263958; background: #fff; font: inherit; }
#wpforo.sv-add-topic-native #wpforo-wrap .sv-topic-fields small { display: block; font-size: 11px; font-weight: 400; line-height: 1.6; }
#wpforo.sv-add-topic-native #wpforo-wrap .sv-topic-field-heading { display: block; height: 20px; min-height: 20px; line-height: 20px; }
#wpforo.sv-add-topic-native #wpforo-wrap .sv-topic-field-optional { display: inline; font-size: 11px; font-weight: 400; white-space: nowrap; }
#wpforo.sv-add-topic-native #wpforo-wrap .sv-kind-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
[data-theme="dark"] #wpforo.sv-add-topic-native #wpforo-wrap .sv-topic-fields,[data-theme="dark"] #wpforo.sv-add-topic-native #wpforo-wrap .sv-topic-fields input,[data-theme="dark"] #wpforo.sv-add-topic-native #wpforo-wrap .sv-topic-fields select { background: #17243a; color: #e8eef9; border-color: #34455f; }
@media(max-width:680px) { #wpforo.sv-add-topic-native #wpforo-wrap .sv-topic-fields { grid-template-columns: 1fr; } }
[data-theme="dark"] .sv-feature-card,[data-theme="dark"] .sv-collection-item,[data-theme="dark"] .sv-spoiler-content { background: #17243a; color: #e8eef9; border-color: #34455f; }
[data-theme="dark"] .sv-spoiler { background: #251e37; color: #e8d9ff; border-color: #51406e; }
[data-theme="dark"] .sv-kind-filters a,[data-theme="dark"] .sv-topic-fields,[data-theme="dark"] .sv-topic-fields input,[data-theme="dark"] .sv-topic-fields select { background: #17243a; color: #e8eef9; border-color: #34455f; }
[data-theme="dark"] .sv-kind-filters a.active { background: #7041bd; }
[data-theme="dark"] .sv-feature-card p,[data-theme="dark"] .sv-collection-item p { color: #b2c0d6; }
@media(max-width:680px) { .sv-topic-fields,.sv-collection-grid,.sv-demo-grid { grid-template-columns: 1fr; } .sv-feature-card { padding: 18px; } .sv-public-collection,.sv-feature-demo { padding: 20px 12px; } .sv-feature-demo > header h1 { font-size: 26px; } }