/* Узгоджена шкала для каталогу. Зміни розмірів починати з цих tokens.
   Основа: Carbon productive typography / spacing; USWDS typesetting. */
:root {
  /* Compatibility with the native DLE engine.css; all values come from this theme. */
  --ui-bg:var(--surface);
  --ui-bg-darker:var(--surface-2);
  --ui-bg-darkest:var(--bg-soft);
  --ui-bg-accent:var(--surface-2);
  --ui-tt-on-accent:var(--text);
  --ui-bdc:var(--line-strong);
  --type-body:1rem;
  --type-caption:.75rem;
  --type-small:.875rem;
  --type-card:1.25rem;
  --type-h3:1.5rem;
  --type-h2:1.75rem;
  --type-h1:2rem;
  --type-display:2.5rem;
  --space-1:.25rem;
  --space-2:.5rem;
  --space-3:.75rem;
  --space-4:1rem;
  --space-6:1.5rem;
  --space-8:2rem;
  --space-12:3rem;
}
body {font-size:var(--type-body);line-height:1.5}
h1,h2,h3,h4,h5,h6 {overflow-wrap:anywhere;letter-spacing:normal}
h1,.product__title,.page__title,.form__title {font-size:var(--type-h1);line-height:1.25}
h2 {font-size:var(--type-h2);line-height:1.286}
h3 {font-size:var(--type-h3);line-height:1.333}
h4 {font-size:1.125rem;line-height:1.333}
h5,h6 {font-size:1rem;line-height:1.5}
.hero h1 {font-size:var(--type-display);line-height:1.2}
.hero {min-height:0;padding-block:var(--space-12)}
.hero__grid {gap:var(--space-12)}
.hero__actions {margin-top:var(--space-6);gap:var(--space-3)}
.hero__quick {margin-top:var(--space-6)}
.lead,.product__lead {font-size:var(--type-body);line-height:1.5;margin-top:var(--space-4)}
.eyebrow {font-size:var(--type-caption);line-height:1.5;margin-bottom:var(--space-3);letter-spacing:.08em}
.section {padding-block:var(--space-12)}
.section h2,.cs-newsletter>h2 {margin-bottom:var(--space-6)}
.section-head {margin-bottom:var(--space-6)}
.cards,.dle-results:has(>.card),.dle-results #dle-content:has(>.card),.related-products__grid {gap:var(--space-6)}
.card__body {padding:var(--space-6);gap:var(--space-3);min-width:0}
.card__title,.card h2,.card h3,.card__name {font-size:var(--type-card);line-height:1.4;letter-spacing:normal;margin:0;overflow-wrap:anywhere}
.card__desc {font-size:var(--type-small);line-height:1.571;margin:0}
.card__desc p {margin:0 0 var(--space-3)}
.card__meta {font-size:var(--type-caption);line-height:1.5;gap:var(--space-2);margin:0}
.card__body>.btn {margin-top:auto;align-self:flex-start}
.card .news-card__meta {font-size:var(--type-caption);line-height:1.5;letter-spacing:normal;overflow-wrap:anywhere}
.card__media {display:block;aspect-ratio:16/9;overflow:hidden}
.card__media img {display:block;width:100%;height:100%;object-fit:cover}
.dle-content {padding-block:var(--space-8) var(--space-12)}
.dle-page-heading {margin-bottom:var(--space-6)}
.product__layout {gap:var(--space-8);margin-top:var(--space-6)}
.product__meta {font-size:var(--type-small);line-height:1.5;margin-top:var(--space-4);gap:var(--space-4)}
.pblock {margin-top:var(--space-8)}
.pblock h2,.full-text h2 {font-size:var(--type-h3);line-height:1.333;margin:var(--space-8) 0 var(--space-4)}
.pblock h3,.full-text h3 {font-size:var(--type-card);line-height:1.4;margin:var(--space-6) 0 var(--space-3)}
.full-text,.pblock__body {font-size:var(--type-body);line-height:1.5}
.full-text p,.full-text ul,.full-text ol {margin:0 0 var(--space-4)}
.full-text li+li {margin-top:var(--space-2)}
.side-block,.download-card,.box,.comment-item {padding:var(--space-6)}
.side-block h2,.download-card h2,.comments h2,dialog h2,.cs-category h3 {font-size:var(--type-card);line-height:1.4;margin-bottom:var(--space-4)}
.side-block__title {font-size:var(--type-small);line-height:1.5}
.comments {margin-top:var(--space-8)}
.comments h3 {font-size:1.125rem;line-height:1.333}
.cs-category-grid {gap:var(--space-6);margin-top:var(--space-6)}
.cs-category h3 {padding:var(--space-4);margin:0;font-size:1.125rem}
.cs-catalog {padding-top:var(--space-8)}
.cs-filter-form {gap:var(--space-3)}
.cs-filter-form label {font-size:var(--type-small);line-height:1.5}
.cs-newsletter {padding-block:var(--space-8)}
.cs-newsletter>h2 {margin-bottom:var(--space-4)}
.cs-newsletter>p {margin:0 0 var(--space-6)}
.cs-subscribe-form {grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);max-width:620px}
.cs-subscribe-form>label:first-of-type {grid-column:1/-1}
.cs-subscribe-form>input[type=email] {grid-column:1;grid-row:2;min-width:0;width:100%}
.cs-subscribe-form>.btn {grid-column:2;grid-row:2;width:auto;min-width:144px;justify-self:start;justify-content:center;align-self:stretch}
.cs-subscribe-form>.cs-consent {grid-column:1/-1;grid-row:3;margin:0}
.cs-pagination {margin:var(--space-6) 0 0}
.dle-content:has(.cs-pagination) {padding-bottom:var(--space-8)}
.footer {padding-top:var(--space-8)}
.footer__grid {gap:var(--space-8)}
.footer h4 {font-size:var(--type-small);line-height:1.5;margin-bottom:var(--space-4)}
.full-text a.btn-primary,.full-text a.btn-primary:visited,.full-text a.btn-primary:hover {color:#0b0d0e}
.full-text .quote,.full-text blockquote {max-width:none;width:auto;color:var(--text);font-family:var(--font-body);font-size:var(--type-body);font-weight:400;line-height:1.5;letter-spacing:normal;padding:var(--space-4);margin:var(--space-4) 0;border-left:3px solid var(--accent);background:var(--surface)}
.full-text .quote::before,.full-text .quote::after,.full-text blockquote::before,.full-text blockquote::after {content:none;display:none}
.full-text .quote dl,.full-text .quote dt,.full-text .quote dd {margin:0;font-size:inherit;color:inherit}
.full-text .quote dt {font-weight:600;margin-bottom:var(--space-2)}
.full-text .quote ul,.full-text .quote ol {padding-left:var(--space-6);margin:0}
.community__panel {padding:var(--space-8);gap:var(--space-8)}
.community__panel .cs-community-intro {max-width:36ch;font-size:var(--type-card);line-height:1.4;padding:0;border:0;background:none;color:var(--text)}
.community__panel .cs-community-intro::before,.community__panel .cs-community-intro::after {content:none;display:none}
.cs-authors-heading {font-size:1.125rem;line-height:1.333;margin-bottom:var(--space-4)}
.authors li {padding-block:var(--space-3)}
.authors__name {overflow-wrap:anywhere}
.authors__meta {font-size:var(--type-caption);line-height:1.5;letter-spacing:normal}
.cta-band {padding-block:var(--space-8) var(--space-12)}
.cta-band__panel {padding:var(--space-8);gap:var(--space-8)}
.cta-band h2 {font-size:var(--type-h2);line-height:1.286;max-width:none}
.cta-band p {font-size:var(--type-body);line-height:1.5;margin:var(--space-4) 0 0;max-width:64ch}
.cs-article-nav {display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-4) 0 var(--space-6)}
.cs-article-nav a {padding:var(--space-2) var(--space-3);border:1px solid var(--line-strong);border-radius:var(--r);font-size:var(--type-small);line-height:1.5;color:var(--text)}
.cs-material-section {padding-top:var(--space-4);border-top:1px solid var(--line);scroll-margin-top:calc(var(--header-h) + 24px)}
.cs-material-section h2 {margin-top:0}
.full-text .cs-code {max-width:100%;margin:var(--space-4) 0;border:1px solid var(--line-strong);border-radius:var(--r);overflow:hidden}
.full-text .cs-code .code__head {display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);font-size:var(--type-small)}
.full-text .cs-code pre {margin:0;padding:var(--space-4);max-height:560px;overflow:auto;white-space:pre;font-family:var(--font-mono);font-size:var(--type-small);line-height:1.571;color:var(--text);background:var(--bg-soft);tab-size:4}
.full-text .cs-code code {font:inherit;color:inherit;background:none;padding:0}
.full-text .scriptcode,.full-text .title_spoiler,.full-text .text_spoiler {background:var(--surface);color:var(--text);border-color:var(--line-strong);font-size:var(--type-body);line-height:1.5}
.full-text .title_quote {color:var(--text);background:var(--surface-2);padding:var(--space-3) var(--space-4)}
.cs-sidebar-specs {grid-template-columns:1fr;margin-top:0;gap:var(--space-3)}
.cs-sidebar-specs .spec__value {font-size:1rem;line-height:1.5;overflow-wrap:anywhere}
.cs-sidebar-author {display:flex;align-items:center;gap:14px}
.cs-sidebar-author>div {min-width:0}
.cs-sidebar-author .author-card__name {font-size:1rem;line-height:1.5;overflow-wrap:anywhere}
.cs-sidebar-author .author-card__role {font-size:var(--type-small);line-height:1.5}
.cs-native-actions {display:grid;gap:var(--space-2)}
.cs-native-actions>a {display:block;min-width:0}
.cs-native-actions .btn {width:100%;justify-content:flex-start;white-space:normal;text-align:left;line-height:1.5;font-size:var(--type-small)}
.cs-native-rating {margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--line);display:grid;gap:var(--space-3)}
.cs-rating-controls {display:flex;align-items:center;gap:var(--space-3)}
.cs-rating-controls .btn {min-width:36px;height:36px;padding:0 var(--space-3);justify-content:center;font-size:1rem}
.cs-rating-score {min-width:32px;text-align:center;font-size:1rem;line-height:1.5;font-weight:600}
.comment-item {position:relative}
.cs-comment-select {float:right;margin-left:var(--space-4)}
.cs-comment-select:empty {display:none}
.cs-comment-select label {display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--type-small)}
.cs-comment-select label:has(input)::after {content:'Обрати'}
.cs-comment-select input[type=checkbox] {appearance:auto;-webkit-appearance:checkbox;width:18px;height:18px;position:static;margin:0;opacity:1;visibility:visible;accent-color:var(--accent);cursor:pointer}
.comments .form_submit .btn-primary,.comments .form_submit .btn-primary b {color:#0b0d0e}
.comments .form_submit .btn-primary {background:var(--accent);border:1px solid var(--accent);font-size:var(--type-small)}
.comments .form_submit .btn-primary:hover {background:var(--accent-hi);border-color:var(--accent-hi)}
.cs-catalog-search {display:flex;align-items:center;gap:var(--space-6);width:100%}
.cs-catalog-search .catalog-search {display:flex;gap:var(--space-2);align-items:center;flex:1;min-width:0}
.cs-catalog-search input[type=search] {width:100%;min-width:0}
.cs-catalog-search .sort-select-wrap {font-size:var(--type-caption)}
.catalog-hero {padding-block:var(--space-8) var(--space-6);border-bottom:1px solid var(--line)}
.catalog-toolbar {margin-top:var(--space-6)}
.cs-catalog-layout {padding-block:var(--space-6) var(--space-12)}
.facet__item[aria-current=true] {background:var(--accent-soft);color:var(--accent-hi)}
.facet__item[aria-current=true] .facet__count {color:var(--accent)}
.cs-catalog-layout .card--catalog .card__name {font-size:1.0625rem;line-height:1.4;overflow-wrap:anywhere}
.cs-catalog-layout .card__top {padding:var(--space-4)}
.cs-catalog-layout .card__body {padding:var(--space-4)}
.cs-catalog-layout .card__badge {position:absolute;top:var(--space-3);left:var(--space-3);max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cs-catalog-layout .card__media {position:relative}
.card__tags>a {display:inline-flex;padding:4px 8px;border:1px solid var(--line);font-size:var(--type-caption);line-height:1.5;color:var(--text-dim);border-radius:var(--r)}
@media(max-width:767px){
 .cs-catalog-search {flex-direction:column;align-items:stretch;gap:var(--space-3)}
 .cs-catalog-search .sort-select-wrap {justify-content:space-between}
 .cs-catalog-layout .facets[data-open=false] .facets__body {display:none!important}
 .cs-catalog-layout .facets[data-open=true] .facets__body {display:block!important}
}
.stats {padding-block:var(--space-8)}
.stat {padding:var(--space-6)}
.stat__value {font-size:2rem;line-height:1.25}
.type-grid,.games-grid,.guide-grid {gap:var(--space-4)}
.guide-card__title {margin:0;font-size:1.0625rem;line-height:1.35}
.guide-card__text p {font-size:inherit;margin:0}
.guide-card__text img,.news-card__excerpt img {display:none}
.guide-card__body,.game-card__body {min-width:0}
.game-card__title {font-size:1.125rem;line-height:1.333}
.game-card__list a {overflow-wrap:anywhere}
.steps__grid {gap:var(--space-8)}
.step h3 {font-size:var(--type-card);line-height:1.4}
.news-card__title {font-size:var(--type-card);line-height:1.4}
.news-card--feature .news-card__title {font-size:var(--type-h3);line-height:1.333}
.dle-results>:not(.card),.dle-results #dle-content>:not(.card) {grid-column:1/-1}
.cs-addnews {max-width:1040px;margin-inline:auto;display:grid;gap:var(--space-6)}
.cs-addnews .section-head {margin:0}
.cs-compose-panel {margin:0;padding:var(--space-6)}
.cs-compose-field {display:grid;gap:var(--space-2);margin-bottom:var(--space-6);min-width:0}
.cs-compose-field:last-child {margin-bottom:0}
.cs-compose-field>label {font-size:var(--type-small);line-height:1.5;font-weight:600}
.cs-compose-field>input,.cs-compose-title>input {width:100%;min-width:0}
.cs-compose-title {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);align-items:center}
.cs-compose-hint {font-size:var(--type-small);line-height:1.5;color:var(--text-dim);margin:0 0 var(--space-4)}
.cs-compose-field .cs-compose-hint {margin:0}
.cs-addnews #related_news {margin:0;border:1px solid var(--line-strong);padding:var(--space-4);background:var(--surface-2)}
.cs-addnews #related_news:empty {display:none}
.cs-addnews #category {font-size:var(--type-small);line-height:1.5;min-height:120px}
.cs-compose-advanced {border-top:1px solid var(--line);padding-top:var(--space-4);font-size:var(--type-small)}
.cs-compose-advanced summary {cursor:pointer;color:var(--text-dim)}
.cs-compose-advanced[open] summary {margin-bottom:var(--space-4)}
.cs-compose-panel .tox-tinymce {border:1px solid var(--line-strong);border-radius:var(--r);max-width:100%}
.cs-compose-actions {display:flex;flex-wrap:wrap;gap:var(--space-3)}
.cs-addnews .form__table {font-size:var(--type-small)}
.cs-addnews .form__table td {vertical-align:top}
.cs-addnews .form__table input[type=text],.cs-addnews .form__table textarea {width:100%}
.cs-addnews .checkbox {display:flex;align-items:center;gap:var(--space-2);padding-left:0;font-size:var(--type-small);margin-block:var(--space-3)}
.cs-addnews .checkbox input {appearance:auto;-webkit-appearance:checkbox;position:static;margin:0;width:18px;height:18px;box-shadow:none;accent-color:var(--accent)}
.cs-addnews .checkbox input::before {content:none}
.cs-addnews .form__vote {padding:0;border:0;background:none}
.cs-profile {padding:var(--space-6);background:var(--surface);border:1px solid var(--line);border-radius:var(--r);gap:var(--space-6)}
.cs-profile .form__title {font-size:var(--type-h2);margin:0}
.cs-profile .usp__columns {display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:var(--space-6);margin:0 0 var(--space-6)}
.cs-profile .usp__img img {display:block;width:96px;height:96px;object-fit:cover;border-radius:var(--r)}
.cs-profile .usp__name {font-size:var(--type-h3);line-height:1.333}
.cs-profile .usp__right {display:grid;gap:var(--space-2)}
.cs-profile .usp__btn a {display:inline-flex;padding:8px 12px;border:1px solid var(--line-strong);border-radius:var(--r);font-size:var(--type-small)}
.cs-profile .usp__meta {padding-block:var(--space-4);border-block:1px solid var(--line);gap:var(--space-6)}
.cs-profile .usp__activity {display:flex;gap:var(--space-6)}
.cs-profile .usp__list {list-style:none;padding:0;margin:var(--space-6) 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);font-size:var(--type-small)}
.cs-profile .usp__list li {min-width:0;overflow-wrap:anywhere}
.cs-profile .usp__list li>span {display:block;color:var(--text-mute);margin-bottom:var(--space-1)}
.cs-profile-edit {padding:var(--space-6);border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.cs-profile-edit .form__row {grid-template-columns:180px minmax(0,1fr);gap:var(--space-3) var(--space-6);margin:0}
.cs-profile-edit .form__row--textarea,.cs-profile-edit .form__row--wide {display:block}
.cs-profile-edit label,.cs-profile-edit .form__caption {font-size:var(--type-small);line-height:1.5}
.cs-profile-edit .form__label {padding:0;margin-bottom:var(--space-2);background:none;color:var(--text)}
.cs-profile-edit input:not([type=checkbox]):not([type=hidden]),.cs-profile-edit select {width:100%}
.cs-profile-edit .checkbox {padding-left:0;display:flex;align-items:center;gap:var(--space-2)}
.cs-profile-edit .checkbox input {position:static;appearance:auto;-webkit-appearance:checkbox;width:18px;height:18px;margin:0;box-shadow:none;accent-color:var(--accent)}
.cs-profile-edit .checkbox input::before {content:none}
.ui-dialog {background:var(--surface);color:var(--text);border:1px solid var(--line-strong);border-radius:var(--r);max-width:calc(100vw - 32px);font-family:var(--font-body);font-size:var(--type-body);line-height:1.5;box-shadow:0 24px 80px rgba(0,0,0,.65)}
.ui-dialog-titlebar {background:var(--surface-2);color:var(--text);border-bottom:1px solid var(--line);padding:16px 56px 16px 24px;font-size:1rem;line-height:1.5}
.ui-dialog-title {font-weight:600}
.ui-dialog-titlebar-close {border:0;border-radius:var(--r);color:var(--text)!important}
.ui-icon-closethick::before {content:'×';font-family:var(--font-body);font-weight:400;font-size:26px;color:var(--text)}
.ui-dialog .ui-dialog-content {padding:var(--space-6);overflow:auto!important;max-height:70vh;color:var(--text)}
.ui-dialog-buttonpane {background:var(--surface-2);padding:var(--space-4) var(--space-6);border-top:1px solid var(--line)}
.ui-dialog-buttonset {justify-content:flex-end;flex-wrap:wrap;gap:var(--space-2)}
.ui-dialog-buttonset button {padding:10px 16px;min-height:40px;background:var(--surface);border:1px solid var(--line-strong);color:var(--text);border-radius:var(--r);font-size:var(--type-small);font-weight:600;line-height:1.5;cursor:pointer}
.ui-dialog-buttonset button:hover {border-color:var(--accent-line);color:var(--accent-hi)}
.ui-dialog-buttonset button:last-child {background:var(--accent);color:#0b0d0e;border-color:var(--accent)}
.usp-popup {display:grid;grid-template-columns:80px minmax(0,1fr);gap:var(--space-6)}
.usp-popup__img img {display:block;width:80px;height:80px;object-fit:cover;border-radius:var(--r);margin-bottom:var(--space-3)}
.usp-popup__list {padding:0;margin:0;list-style:none;display:grid;gap:var(--space-3);font-size:var(--type-small);line-height:1.5}
.usp-popup__list li {overflow-wrap:anywhere}
.usp-popup__list li>span {color:var(--text-mute)}
.ui-dialog input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.ui-dialog textarea {max-width:100%;background:var(--bg-soft);color:var(--text);border:1px solid var(--line-strong)}
.ui-dialog .bb-pane {background:var(--surface-2);border-color:var(--line-strong)}
@media(max-width:767px){
 .ui-dialog {left:16px!important;width:calc(100vw - 32px)!important}
 .ui-dialog .ui-dialog-content {padding:var(--space-4)}
 .ui-dialog-titlebar {padding-left:var(--space-4)}
 .usp-popup {grid-template-columns:64px minmax(0,1fr);gap:var(--space-4)}
 .usp-popup__img img {width:64px;height:64px}
 .cs-addnews {gap:var(--space-4)}
 .cs-compose-panel,.cs-profile {padding:var(--space-4)}
 .cs-compose-title {grid-template-columns:1fr}
 .cs-compose-title .btn {justify-self:start}
 .cs-addnews .form__table td {display:block;width:100%}
 .cs-profile .usp__columns {grid-template-columns:64px minmax(0,1fr);gap:var(--space-4)}
 .cs-profile .usp__img img {width:64px;height:64px}
 .cs-profile .usp__right {grid-column:1/-1}
 .cs-profile .usp__list {grid-template-columns:1fr}
 .cs-profile-edit {padding:var(--space-4)}
 .cs-profile-edit .form__row {grid-template-columns:1fr}
 .stat {padding:var(--space-4)}
 .stat__value {font-size:1.5rem}
}
@media(max-width:767px) {
  :root {--type-h1:1.75rem;--type-h2:1.5rem;--type-display:2rem}
  .hero,.section {padding-block:var(--space-8)}
  .hero__grid,.product__layout,.footer__grid {gap:var(--space-6)}
  .hero h1 {line-height:1.25}
  .cards,.dle-results:has(>.card),.dle-results #dle-content:has(>.card),.related-products__grid,.cs-category-grid {gap:var(--space-4)}
  .card__body,.side-block,.download-card,.box,.comment-item {padding:var(--space-4)}
  .container {padding-inline:var(--space-4)}
  .dle-content {padding-block:var(--space-6) var(--space-8)}
  input,textarea,select {font-size:1rem}
  .cs-subscribe-form {grid-template-columns:minmax(0,1fr)}
  .cs-subscribe-form>input[type=email] {grid-column:1;grid-row:auto}
  .cs-subscribe-form>.cs-consent {grid-column:1;grid-row:auto}
  .cs-subscribe-form>.btn {grid-column:1;grid-row:auto;justify-self:start}
  .community__panel,.cta-band__panel {padding:var(--space-6);gap:var(--space-6)}
  .cta-band {padding-block:var(--space-6) var(--space-8)}
}

/* Rules are prose, not a code sample. Keep native acceptance controls. */
.cs-rules {max-width:80ch;color:var(--text);font-size:1rem;line-height:1.65;overflow-wrap:anywhere}
.cs-rules__intro {margin:16px 0 24px}
.cs-rules h2 {font-size:1.25rem;line-height:1.4;margin:24px 0 16px}
.cs-rules__list {margin:0 0 24px;padding-left:28px}
.cs-rules__list li {padding-left:8px;margin:0 0 12px}
.cs-rules__list li::marker {color:var(--accent);font-weight:600}
.cs-rules__notice {padding:16px 20px;margin:24px 0;border-left:2px solid var(--accent);background:var(--surface);color:var(--text)}
.cs-rules__notice p {margin:0 0 12px}
.cs-rules__notice p:last-child {margin-bottom:0}
.cs-rules__accept {margin-top:24px}
@media(max-width:600px) {.cs-rules__notice {padding:16px}.cs-rules__list {padding-left:24px}}

/* Native GIPHY controls must retain contrast in the dark dialog. */
#gifs_dialog #gform select,
#gifs_dialog #gform input:not([type="hidden"]),
#gifs_dialog #gform #reset {background:var(--surface);color:var(--text);border-color:var(--line-strong);font-family:var(--font-body,inherit);font-size:14px}
#gifs_dialog #gform select {color-scheme:dark}
#gifs_dialog #gform select option,
#gifs_dialog #gform select optgroup {background:var(--surface);color:var(--text)}
#gifs_dialog #gform input::placeholder {color:var(--text-dim);opacity:1}
#gifs_dialog #gform select:focus-visible,
#gifs_dialog #gform input:focus-visible {outline:2px solid var(--accent);outline-offset:2px}