/* Version 3.1: amount-only reset, appearance, release information and responsive footer. */
.theme-logo-dark { display: none !important; }
:root[data-theme="dark"] .theme-logo-light { display: none !important; }
:root[data-theme="dark"] .theme-logo-dark { display: block !important; }
.amount-wrap { position: relative; }
.amount-wrap input { padding-right: 38px; }
.amount-clear {
  position: absolute; z-index: 2; top: 50%; right: 5px; transform: translateY(-50%);
  width: 27px; height: 27px; display: grid; place-items: center;
  padding: 0; color: #5b708c; border: 1px solid transparent; border-radius: 7px;
  background: transparent; cursor: pointer; opacity: 0; visibility: hidden; pointer-events: none;
}
.amount-wrap:has(input:not(:placeholder-shown)):is(:hover, :focus-within) .amount-clear { opacity: 1; visibility: visible; pointer-events: auto; }
.amount-wrap:has(input:not(:placeholder-shown)):is(:hover, :focus-within) .currency-suffix { opacity: 0; }
.amount-clear:hover { color: #a23542; border-color: #e4b7bc; background: #fff2f3; }
.amount-clear:focus-visible { outline: none; box-shadow: var(--focus); }
.amount-clear svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
.field-amount .field-meta { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.field-amount .field-meta:has(.amount-undo:not([hidden])) { height: auto; min-height: 20px; margin-top: 4px; overflow: visible; }
.amount-undo { padding: 0 2px; color: var(--blue-deep); background: transparent; font-size: 12px; font-weight: 600; cursor: pointer; }
.amount-undo:hover { text-decoration: underline; }
.amount-undo[hidden] { display: none; }
.parameters-header { min-height: 61px; }

.footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 14px; }
.footer .footer-theme, .footer .footer-theme label, .footer .footer-theme select, .footer-version-link,
.footer .footer-theme .custom-select-trigger, .footer .footer-theme .custom-select-option {
  font-family: var(--font-ui) !important; font-size: 13px !important;
  font-weight: 400 !important; line-height: 1.4 !important; letter-spacing: 0 !important;
}
.footer-version-link { padding: 0; color: inherit; background: transparent; text-align: left; cursor: pointer; }
.footer-version-link:hover { color: var(--blue); text-decoration: underline; }
.footer-version-link:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; border-radius: 2px; }
.footer-theme { min-width: 0; gap: 7px; }
.footer-theme label { margin: 0; color: inherit; white-space: nowrap; }
.footer-theme select { width: auto; min-width: 118px; height: 32px; min-height: 32px; padding: 0 8px; color: var(--text); border-color: var(--line-strong); background: var(--card); }
.footer-theme-wrap { width: 158px; }
.footer-theme .custom-select-trigger { height: 34px; min-height: 34px; color: var(--text); border-color: var(--line-strong); background: var(--card); }
.footer-theme .custom-select-option { min-height: 34px; color: var(--text); background: var(--card); }
.footer-theme .custom-select-menu { color: var(--text); border-color: var(--line-strong); background: var(--card); }
.footer-version-copy { display: grid; gap: 1px; min-width: 0; }
.footer-version-top { position: relative; display: inline-flex; align-items: center; justify-self: start; }
.footer-version-tooltip { position: absolute; z-index: 20; bottom: calc(100% + 9px); left: 0; width: max-content; max-width: min(280px, calc(100vw - 24px)); padding: 7px 10px; border-radius: 8px; color: #fff; background: #243b5c; box-shadow: 0 8px 20px rgba(5,17,38,.18); font-size: 11px; font-weight: 500; line-height: 1.3; white-space: normal; opacity: 0; visibility: hidden; transform: translateY(3px); transition: opacity .15s, transform .15s; pointer-events: none; }
.footer-version-top:hover .footer-version-tooltip, .footer-version-top:focus-within .footer-version-tooltip { opacity: 1; visibility: visible; transform: translateY(0); }
.footer-care, .footer-privacy { justify-self: auto; }

.info-modal[hidden] { display: none; }
.info-modal { position: fixed; z-index: 1500; inset: 0; display: grid; place-items: center; padding: 20px; }
.info-backdrop { position: absolute; inset: 0; background: rgba(10, 24, 46, .58); }
.info-card { position: relative; width: min(520px, 100%); max-height: min(720px, calc(100dvh - 40px)); display: flex; flex-direction: column; overflow: hidden; color: var(--text); border: 1px solid var(--line); border-radius: 18px; background: var(--card); box-shadow: 0 28px 80px rgba(10, 24, 46, .3); font-family: var(--font-ui); }
.info-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 20px 21px 13px; border-bottom: 1px solid var(--line); }
.info-head h2 { margin: 0; color: var(--text-strong); font-size: 22px; line-height: 1.2; }
.info-head p { margin: 4px 0 0; color: var(--muted); font-size: 14px; }
.info-close { width: 32px; height: 32px; flex: none; padding: 0; color: var(--muted); border: 1px solid var(--line); border-radius: 9px; background: var(--card); font-size: 24px; line-height: 1; cursor: pointer; }
.info-tabs { display: flex; gap: 7px; padding: 11px 20px 0; }
.info-tabs button { min-height: 34px; padding: 5px 12px; color: var(--text); border: 1px solid var(--line); border-radius: 8px; background: var(--card); font-size: 14px; font-weight: 600; cursor: pointer; }
.info-tabs button[aria-pressed="true"] { color: var(--blue-deep); border-color: #8eb5df; background: var(--blue-soft); }
.info-scroll { min-height: 0; overflow: auto; padding: 14px 22px 18px; font-size: 15px; line-height: 1.5; }
.info-scroll section[hidden] { display: none; }
.info-scroll h3 { margin: 0 0 8px; color: var(--text-strong); font-size: 17px; }
.info-scroll p { margin: 0 0 12px; }
.info-scroll ul { margin: 0; padding-left: 22px; }
.info-scroll li + li { margin-top: 7px; }
.info-scroll details { padding: 9px 0; border-top: 1px solid var(--line); }
.info-scroll details p { margin: 8px 0 0; color: var(--muted); }
.info-scroll summary { cursor: pointer; font-weight: 600; }
.info-actions { display: flex; justify-content: flex-end; padding: 12px 20px; border-top: 1px solid var(--line); }
.info-actions button { min-height: 38px; padding: 7px 16px; color: #fff; border-radius: 9px; background: var(--blue-deep); font-size: 15px; font-weight: 600; cursor: pointer; }
.info-modal :is(button, summary):focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
body.info-open { overflow: hidden; }

@media (max-width: 1080px) {
  .footer { justify-content: flex-start; }
  .footer-privacy { margin-left: auto; }
  .footer-care { margin-left: auto; }
}
@media (max-width: 700px) {
  .footer { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 9px 14px; }
  .footer-version { grid-column: 1; grid-row: 1; }
  .footer-install { grid-column: 2; grid-row: 1; }
  .footer-theme { grid-column: 1 / -1; grid-row: 2; }
  .footer-privacy { grid-column: 1 / -1; grid-row: 3; margin: 0; }
  .footer-care { grid-column: 1 / -1; grid-row: 4; margin: 0; }
}
@media (max-width: 480px) {
  .footer { grid-template-columns: minmax(0, 1fr); }
  .footer-version, .footer-install, .footer-theme, .footer-privacy, .footer-care { grid-column: 1; grid-row: auto; }
  .info-modal { padding: 10px; }
  .info-card { max-height: calc(100dvh - 20px); }
}

:root[data-theme="dark"] {
  --page-bg: #101a2a; --card: #172438; --text: #edf3fc; --text-strong: #f1f6ff;
  --muted: #b5c5db; --muted-2: #a9b9ce; --line: #35475f; --line-strong: #506783;
  --blue: #89b9ff; --blue-deep: #b5d1ff; --blue-soft: #243d5b;
  --green: #61d99d; --green-deep: #49c788; --green-soft: #193d35;
  --slate: #aabed5; --slate-soft: #21344c; --danger: #ff938d; --danger-soft: #412a32;
  --shadow-md: 0 10px 28px rgba(2, 9, 20, .3); --focus: 0 0 0 3px rgba(137, 185, 255, .27);
}
:root[data-theme="dark"] body { color: var(--text); background: linear-gradient(180deg, #101a2a, #132239 46%, #101a2a); }
:root[data-theme="dark"] .hero { color: var(--text); border-color: #40536d; background: #14243a; }
:root[data-theme="dark"] .hero h1 { color: #e9f2ff; }
:root[data-theme="dark"] .hero-subtitle { color: #c8d8ed; }
:root[data-theme="dark"] .hero-brand { border-color: #4c6482; background: #213650; }
:root[data-theme="dark"] .hero-skyline img { filter: brightness(.58) saturate(.8) contrast(1.08); }
:root[data-theme="dark"] .hero-skyline::before { background: linear-gradient(90deg, #14243a 0%, rgba(20, 36, 58, .94) 36%, rgba(20, 36, 58, .38) 70%, rgba(20, 36, 58, .15)); }
:root[data-theme="dark"] .panel, :root[data-theme="dark"] .panel-header { color: var(--text); border-color: var(--line); background: var(--card); }
:root[data-theme="dark"] .panel h2, :root[data-theme="dark"] .result-block-title, :root[data-theme="dark"] .phrase-section-heading h3 { color: var(--text-strong); }
:root[data-theme="dark"] .panel-icon { border-color: #405978; background: #243953; }
:root[data-theme="dark"] .form-section { color: var(--text); border-color: var(--line); background: #1d2d43; }
:root[data-theme="dark"] .form-section-unified label, :root[data-theme="dark"] .form-section-unified .field-label { color: #d9e5f5; }
:root[data-theme="dark"] .form-section-unified #formatSectionTitle { color: #d9e5f5; }
:root[data-theme="dark"] input, :root[data-theme="dark"] select, :root[data-theme="dark"] .custom-select-trigger, :root[data-theme="dark"] .custom-select-menu, :root[data-theme="dark"] .custom-select-option { color: var(--text); border-color: var(--line-strong); background: #142237; }
:root[data-theme="dark"] input::placeholder { color: #a0b0c5; }
:root[data-theme="dark"] input:hover, :root[data-theme="dark"] select:hover, :root[data-theme="dark"] .custom-select-trigger:hover { border-color: #7194bd; background: #1c304b; }
:root[data-theme="dark"] .custom-select-option:hover, :root[data-theme="dark"] .custom-select-option:focus-visible { color: #fff; background: #304d73; }
:root[data-theme="dark"] .custom-select-option.is-selected { color: #fff5e4; background: rgba(229, 157, 56, .28); }
:root[data-theme="dark"] .custom-select-chevron::before { border-color: #c7d8ef; }
:root[data-theme="dark"] .currency-suffix { color: #c2d0e3; }
:root[data-theme="dark"] .amount-clear { color: #c5d5e8; }
:root[data-theme="dark"] .amount-clear:hover { color: #ffd1cc; border-color: #ae7474; background: #493037; }
:root[data-theme="dark"] .segment-content, :root[data-theme="dark"] .rate-option > span { color: var(--text); border-color: var(--line-strong); background: #20334d; }
:root[data-theme="dark"] .segment-content strong, :root[data-theme="dark"] .rate-option strong { color: var(--text); }
:root[data-theme="dark"] .segment-option input:checked + .segment-content, :root[data-theme="dark"] .rate-option input:checked + span { color: #fff; border-color: #76a9e9; background: #294568; }
:root[data-theme="dark"] .summary-card, :root[data-theme="dark"] .phrase-card, :root[data-theme="dark"] .history-section { color: var(--text); border-color: var(--line); background: #1d2d43; }
:root[data-theme="dark"] .summary-number-field, :root[data-theme="dark"] .summary-words-field { color: var(--text); border-color: var(--line-strong); background: #142237; }
:root[data-theme="dark"] .summary-number-field:hover, :root[data-theme="dark"] .summary-words-field:hover, :root[data-theme="dark"] .phrase-card:hover { border-color: #7194bd; background: #223a58; }
:root[data-theme="dark"] .summary-words-field .summary-words, :root[data-theme="dark"] .phrase-card p { color: #d4e0f0; }
:root[data-theme="dark"] .summary-number-field::after { color: #b5c6dc; }
:root[data-theme="dark"] .result-copy-card[data-copied="true"]::before, :root[data-theme="dark"] .summary-number-field[data-copied="true"]::before { color: #a9edc9; background: #214637; }
:root[data-theme="dark"] .history-section summary, :root[data-theme="dark"] .history-item, :root[data-theme="dark"] .history-empty { color: var(--text); }
:root[data-theme="dark"] .history-section summary strong, :root[data-theme="dark"] .history-section .history-count { color: var(--text); }
:root[data-theme="dark"] .history-section .history-count { background: #304d73; }
:root[data-theme="dark"] .history-content { border-color: #40536d; }
:root[data-theme="dark"] .history-item { background: transparent; }
:root[data-theme="dark"] .history-main, :root[data-theme="dark"] .history-action {
  color: var(--text); border-color: #526b89; background: #20344e;
}
:root[data-theme="dark"] .history-main:hover, :root[data-theme="dark"] .history-action:hover {
  color: #fff; border-color: #8eaff0; background: #2b4669;
}
:root[data-theme="dark"] .history-amount { color: #f3f7ff; }
:root[data-theme="dark"] .history-meta strong { color: #dce8fb; }
:root[data-theme="dark"] .history-meta span, :root[data-theme="dark"] .history-toolbar p, :root[data-theme="dark"] .history-empty { color: #bccce2; }
:root[data-theme="dark"] .history-empty strong { color: #e4edfa; }
:root[data-theme="dark"] .history-clear, :root[data-theme="dark"] .history-action[data-action="delete"]:hover {
  color: #ffd9dd; border-color: #a96779; background: #432d3b;
}
:root[data-theme="dark"] .history-clear:hover { border-color: #d693a4; background: #593746; }
:root[data-theme="dark"] .footer, :root[data-theme="dark"] .footer-privacy, :root[data-theme="dark"] .footer-theme label { color: #b9cbe1; }
:root[data-theme="dark"] .footer-theme select, :root[data-theme="dark"] .info-close, :root[data-theme="dark"] .info-tabs button { color: var(--text); border-color: var(--line-strong); background: #20334d; }
:root[data-theme="dark"] .info-tabs button[aria-pressed="true"] { color: #fff5e4; border-color: rgba(255, 195, 107, .90); background: rgba(229, 157, 56, .28); }
:root[data-theme="dark"] .info-actions button { color: #0c1d31; background: #a9ceff; }
:root[data-theme="dark"] .pwa-dialog-card { color: var(--text); border-color: var(--line-strong); background: #20334d; }
:root[data-theme="dark"] .pwa-dialog-card h2, :root[data-theme="dark"] .pwa-dialog-card strong { color: var(--text); }
:root[data-theme="dark"] .pwa-dialog-steps li { color: var(--text); border-color: var(--line-strong); background: #192a40; }
:root[data-theme="dark"] .pwa-dialog-note { color: var(--muted); background: #1a3c35; }
@media (max-width: 699px) { :root[data-theme="dark"] body { background: #101a2a; } }

/* Theme-specific selection accents stay translucent without losing contrast. */
:root:not([data-theme="dark"]) .segment-option input:checked + .segment-content,
:root:not([data-theme="dark"]) .rate-option input:checked + span {
  color: #153e78; border-color: rgba(25, 77, 149, .55); background: rgba(25, 77, 149, .18);
  box-shadow: inset 4px 0 0 rgba(25, 77, 149, .78);
}
:root[data-theme="dark"] .segment-option input:checked + .segment-content,
:root[data-theme="dark"] .rate-option input:checked + span {
  color: #fff5e4; border-color: rgba(255, 195, 107, .90); background: rgba(229, 157, 56, .28);
  box-shadow: inset 4px 0 0 rgba(250, 206, 129, .98);
}
:root .segment-option input:checked + .segment-content strong,
:root .rate-option input:checked + span strong { color: inherit; }

:root:not([data-theme="dark"]) .button-copy-all {
  color: #fff; border-color: #1a3e72; background: #214c88;
  box-shadow: 0 5px 14px rgba(28, 66, 116, .15);
}
:root:not([data-theme="dark"]) .button-copy-all:hover {
  background: #2b5d9e; box-shadow: 0 6px 16px rgba(28, 66, 116, .20);
}
:root[data-theme="dark"] .button-copy-all {
  color: #18263d; border-color: #f1ce90; background: #e4b86b;
  box-shadow: 0 5px 14px rgba(5, 13, 27, .22);
}
:root[data-theme="dark"] .button-copy-all:hover {
  color: #142238; background: #efc886; box-shadow: 0 6px 16px rgba(5, 13, 27, .28);
}

:root[data-theme="dark"] .footer-install { color: #eef5ff; border-color: #6d87aa; background: #263d5a; }
:root[data-theme="dark"] .footer-install:hover { border-color: #9cbbdf; background: #304d73; }
:root[data-theme="dark"] .footer-mark { color: #d4e6ff; background: #2b4362; }
:root[data-theme="dark"] :is(.panel-icon, .segment-icon, .summary-card-icon, .history-summary-icon, .privacy-icon, .footer-install img, .history-action img, .reason-content img) { background: transparent; }
:root[data-theme="dark"] img[src*="/generated-icons/"],
:root[data-theme="dark"] img[src*="/reason-icons/"] { filter: none; }

/* The three transparent VAT pictograms retain their generated colors. */
.field-mode .segment-icon,
:root[data-theme="dark"] .field-mode .segment-icon { background: transparent; }
.field-mode .segment-icon img { object-fit: contain; }
:root[data-theme="dark"] .field-mode .segment-icon img { filter: none; }

/* Keep complete control labels at intermediate window widths. */
.form-section-unified { --choice-control-height: 58px; }
.form-section-unified .field-amount .amount-wrap,
.form-section-unified .field-amount #amount,
.form-section-unified .field-rate .rate-option > span,
.form-section-unified .field-reason .rate-option > span,
.form-section-unified .field-mode .segment-content {
  height: var(--choice-control-height);
  min-height: var(--choice-control-height);
}
.field-mode .segment-content {
  height: var(--choice-control-height);
  min-height: var(--choice-control-height);
}
.field-mode .segment-content > span:last-child {
  overflow: visible;
  text-overflow: clip;
}
.field-mode .segment-content strong,
.field-reason .reason-content strong,
.field-rate .rate-option strong {
  font-size: clamp(14px, 1.35vw, 16px) !important;
  line-height: 1.15;
  white-space: normal;
  overflow-wrap: normal;
  text-align: center;
}
.field-format .custom-select-trigger { height: auto; min-height: 42px; }
.field-format .custom-select-value {
  padding: 8px 10px;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.25;
}
.result-block-title > span:last-child {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}
.parameters-header,
.results-header { align-items: center; }
@media (min-width: 1000px) and (max-width: 1280px) {
  .footer {
    display: grid;
    grid-template-columns: 220px 210px minmax(0, 1fr) 180px 160px;
    align-items: center;
    gap: 6px;
  }
  .footer .footer-item { gap: 5px; }
  .footer-privacy, .footer-care { grid-column: auto; margin: 0; justify-self: stretch; }
  .footer-theme-wrap { width: 140px; }
}
@media (min-width: 1081px) and (max-width: 1280px) {
  .form-section-unified { --choice-control-height: 62px; }
  .field-reason .rate-option > span.reason-content {
    flex-direction: column;
    gap: 2px;
    padding: 4px;
  }
  .field-reason .reason-content img {
    width: 28px;
    height: 28px;
    flex-basis: 28px;
  }
  .field-mode .segment-content {
    flex-direction: column;
    gap: 2px;
    padding: 4px;
  }
}
@media (max-width: 760px) {
  .form-section-unified { --choice-control-height: 76px; }
  .field-mode .segment-content {
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    padding: 6px 4px;
  }
  .field-mode .segment-icon {
    display: grid;
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
  }
}

/* The footer theme chooser uses the same Golos select component as the form. */
.footer-theme-wrap { width: 158px; }
.footer-theme .custom-select-trigger { min-height: 34px; height: 34px; border-color: var(--line-strong); background: var(--card); }
.footer-theme .custom-select-menu { border-color: var(--line-strong); background: var(--card); }
.footer-theme .custom-select-option { min-height: 34px; color: var(--text); background: var(--card); }
:root[data-theme="dark"] .footer-theme :is(.custom-select-trigger, .custom-select-menu, .custom-select-option) { color: var(--text); border-color: var(--line-strong); background: #20334d; }
:root[data-theme="dark"] .footer-theme .custom-select-option:is(:hover, :focus-visible, .is-selected) { color: #fff; background: #304d73; }

/* About and release dialogs share the layout and actions of Constructor of Acts. */
.info-modal { z-index: 6000; padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)); }
.info-modal[hidden], .info-view[hidden], .info-actions button[hidden] { display: none !important; }
.info-backdrop { background: rgba(5,17,38,.67); backdrop-filter: blur(5px); }
.info-card { z-index: 1; width: min(650px,100%); max-height: min(790px,calc(100dvh - 32px)); border-radius: 20px; }
.info-header { display: flex; align-items: center; gap: 13px; min-height: 78px; padding: 16px 20px; border-bottom: 1px solid var(--line); background: #f7faff; }
.info-header > img { width: 45px; height: 45px; flex: none; border-radius: 11px; }
.info-header > div { min-width: 0; flex: 1; }
.info-header h2 { margin: 0; color: #173d7b; font-size: 22px; line-height: 1.15; }
.info-header p { margin: 4px 0 0; color: #60718b; font-size: 12px; }
.info-scroll { overscroll-behavior: contain; padding: 20px 25px; scrollbar-gutter: stable; }
.info-view { font-size: 14px; line-height: 1.55; }
.info-view p { margin: 0 0 13px; }
.info-view .info-intro { font-size: 15px; color: #354762; }
.info-view h3 { margin: 24px 0 10px; color: #173d7b; font-size: 17px; line-height: 1.3; }
.info-view h3:first-child { margin-top: 0; }
.info-view ul { margin: 0 0 15px; padding-left: 21px; }
.info-view li { margin: 0 0 8px; padding-left: 2px; }
.info-view li::marker { color: #2a66bc; }
.info-scroll .info-release { margin: 7px 0; padding: 0; border: 1px solid #dbe6f4; border-radius: 11px; background: #f8fbff; }
.info-release summary { padding: 10px 13px; color: #24436d; font-weight: 700; cursor: pointer; }
.info-release[open] summary { border-bottom: 1px solid #dbe6f4; }
.info-release ul { margin: 10px 14px 12px; padding-left: 19px; }
.info-actions { align-items: center; gap: 9px; background: #f7faff; }
.info-actions button { min-height: 38px; padding: 8px 13px; border: 1px solid #c9d9ed; border-radius: 10px; font: 700 13px/1.3 var(--font-ui); }
.info-actions .info-history { margin-right: auto; color: #1755ad; background: #fff; }
.info-actions .info-done { min-width: 95px; color: #fff; border-color: #1755ad; background: #1755ad; }
.info-actions .info-history:hover { background: #eaf2ff; }
.info-actions .info-done:hover { background: #0e438f; }
:root[data-theme="dark"] .footer-version-tooltip { background: #314b6d; }
:root[data-theme="dark"] .info-card { color: #e4edf9; border-color: #49607d; background: #172438; }
:root[data-theme="dark"] .info-header, :root[data-theme="dark"] .info-actions { border-color: #3b506b; background: #1c2e46; }
:root[data-theme="dark"] .info-header h2, :root[data-theme="dark"] .info-view h3 { color: #d6e7ff; }
:root[data-theme="dark"] .info-header p, :root[data-theme="dark"] .info-view .info-intro { color: #b4c6de; }
:root[data-theme="dark"] .info-actions .info-history { color: #dceaff; border-color: #526b89; background: #263d5a; }
:root[data-theme="dark"] .info-actions .info-done { color: #0c1d31; border-color: #a9ceff; background: #a9ceff; }
:root[data-theme="dark"] .info-scroll .info-release { border-color: #405673; background: #20334d; }
:root[data-theme="dark"] .info-release summary { color: #dceaff; }
:root[data-theme="dark"] .info-release[open] summary { border-color: #405673; }
:root[data-theme="dark"] .info-view li::marker { color: #91bbf9; }
@media (max-width: 699px) {
  .info-modal { padding: 8px; }
  .info-card { max-height: calc(100dvh - 16px); border-radius: 16px; }
  .info-header { min-height: 69px; padding: 12px 14px; gap: 10px; }
  .info-header > img { width: 40px; height: 40px; }
  .info-header h2 { font-size: 19px; }
  .info-scroll { padding: 16px 17px; scrollbar-gutter: auto; }
  .info-view { font-size: 13px; }
  .info-actions { padding: 10px 13px; flex-wrap: wrap; }
  .info-actions button { font-size: 12px; }
}