/* Device-local display preference. Media, authored cards and output documents
   keep their own colors. Dark rules apply to identified application surfaces. */
@media screen {
  :root {
    --oreumup-theme-surface: #ffffff;
    --oreumup-theme-soft: #f5fbf7;
    --oreumup-theme-ink: #1b2f57;
    --oreumup-theme-muted: #526b5e;
    --oreumup-theme-line: #c8e5d5;
    --oreumup-theme-accent: #76dcac;
    --oreumup-theme-accent-soft: #e2f3e8;
    --oreumup-theme-focus: #0b73e7;
    --oreumup-theme-error: #9b3f1c;
  }

  .display-theme-settings {
    margin: 14px 0;
    padding: 20px;
    border: 1px solid var(--oreumup-theme-line);
    border-radius: 18px;
    background-color: var(--oreumup-theme-soft);
    color: var(--oreumup-theme-ink);
  }
  .display-theme-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
  }
  .display-theme-heading h3 {
    margin: 0;
    color: var(--oreumup-theme-ink);
    font-size: calc(18px * var(--oreumup-font-scale, 1));
    line-height: 1.4;
  }
  .display-theme-auto {
    padding: 5px 9px;
    border-radius: 999px;
    background-color: var(--oreumup-theme-accent-soft);
    color: #157443;
    font-size: calc(11px * var(--oreumup-font-scale, 1));
    font-weight: 800;
    line-height: 1.5;
  }
  .display-theme-help,
  .display-theme-note {
    color: var(--oreumup-theme-muted);
    font-size: calc(13px * var(--oreumup-font-scale, 1));
    line-height: 1.6;
    word-break: keep-all;
    overflow-wrap: anywhere;
  }
  .display-theme-help { margin: 8px 0 14px; }
  .display-theme-note { margin: 12px 0 0; }
  .display-theme-note.save-error { color: var(--oreumup-theme-error); }
  .display-theme-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .display-theme-option { position: relative; min-width: 0; }
  .display-theme-choice {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 100%;
    min-width: 0;
    min-height: 64px;
    padding: 10px 8px;
    border: 1px solid var(--oreumup-theme-line);
    border-radius: 13px;
    background-color: var(--oreumup-theme-surface);
    color: var(--oreumup-theme-ink);
    font: inherit;
    font-size: calc(14px * var(--oreumup-font-scale, 1));
    font-weight: 850;
    line-height: 1.5;
    white-space: normal;
    word-break: keep-all;
    overflow-wrap: anywhere;
    cursor: pointer;
    touch-action: manipulation;
  }
  .display-theme-choice small {
    color: var(--oreumup-theme-muted);
    font-size: calc(11px * var(--oreumup-font-scale, 1));
    font-weight: 700;
    line-height: 1.5;
  }
  .display-theme-choice[aria-pressed="true"] {
    border-color: #0a6d41;
    background-color: #0a6d41;
    color: #ffffff;
    box-shadow: inset 0 0 0 1px #0a6d41;
  }
  .display-theme-choice[aria-pressed="true"] small { color: #ffffff; }
  .display-theme-choice:focus-visible {
    outline: 3px solid var(--oreumup-theme-focus);
    outline-offset: 3px;
  }
  .display-theme-tooltip {
    position: absolute;
    z-index: 2;
    inset: auto 0 calc(100% + 8px);
    padding: 8px 10px;
    border: 1px solid var(--oreumup-theme-line);
    border-radius: 10px;
    background-color: var(--oreumup-theme-surface);
    color: var(--oreumup-theme-ink);
    box-shadow: 0 6px 20px #10231a22;
    font-size: calc(12px * var(--oreumup-font-scale, 1));
    line-height: 1.5;
    overflow-wrap: anywhere;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }
  .display-theme-option:focus-within .display-theme-tooltip {
    visibility: visible;
    opacity: 1;
  }

  html[data-oreumup-theme="dark"] {
    color-scheme: dark;
    --ink: #ffffff;
    --navy: #ffffff;
    --muted: #e6e6e6;
    --line: #385047;
    --bg: #101b16;
    --card: #192820;
    --green-soft: #1c392a;
    --blue-soft: #213447;
    --purple-soft: #30293e;
    --orange-soft: #3a2e1d;
    --shadow: 0 18px 52px #00000045;
    --oreumup-theme-surface: #192820;
    --oreumup-theme-soft: #20332a;
    --oreumup-theme-raised: #2a4035;
    --oreumup-theme-ink: #ffffff;
    --oreumup-theme-muted: #e6e6e6;
    --oreumup-theme-line: #496457;
    --oreumup-theme-accent: #76dcac;
    --oreumup-theme-accent-soft: #1c392a;
    --oreumup-theme-focus: #8cc8ff;
    --oreumup-theme-error: #ffb7a7;
    --oreumup-theme-warning-soft: #3a2e1d;
    --oreumup-theme-warning: #f4d295;
    --oreumup-theme-danger-soft: #432a29;

    /* Category inks also feed solid actions, which are restored separately. */
    --orumup-pesticide-ink: #91dfb2;
    --orumup-pesticide-soft: #1e392b;
    --orumup-pesticide-edge: #527761;
    --orumup-nutrient-ink: #f3c78e;
    --orumup-nutrient-soft: #3c301f;
    --orumup-nutrient-edge: #796448;
    --orumup-material-ink: #a1cbf8;
    --orumup-material-soft: #213549;
    --orumup-material-edge: #536e8a;
    --orumup-other-ink: #d2baf6;
    --orumup-other-soft: #352b44;
    --orumup-other-edge: #736184;
    --orumup-have-ink: #f4b1cd;
    --orumup-have-soft: #3d2933;
    --orumup-have-edge: #896377;
    --orumup-need-ink: #f6c199;
    --orumup-need-soft: #3d2d22;
    --orumup-need-edge: #856346;
    --orumup-board-ink: #c2d4e5;
    --orumup-board-soft: #283640;
    --orumup-board-edge: #627583;
    --orumup-all-ink: #cbd6d0;
    --orumup-all-soft: #2d3b33;
    --orumup-all-edge: #6b8174;
    --orumup-data-ink: #cbd6d0;
    --orumup-data-soft: #26382d;
    --orumup-data-edge: #6b8174;
    --orumup-question-ink: #c2c0ff;
    --orumup-question-soft: #302e47;
    --orumup-question-edge: #6a678b;
    --orumup-special-ink: #a1dce8;
    --orumup-special-soft: #203c40;
    --orumup-special-edge: #537f85;
  }

  /* Only these authored gradients are removed; user photo backgrounds are absent
     from this allowlist. Inline backgrounds remain under their owner's control. */
  html[data-oreumup-theme="dark"] body:not([style*="background"]),
  html[data-oreumup-theme="dark"] .page:not([style*="background"]),
  html[data-oreumup-theme="dark"] #mainHero.hero:not([style*="background"]),
  html[data-oreumup-theme="dark"] #owners.service-grid .service:not([style*="background"]),
  html[data-oreumup-theme="dark"] .member-self-info:not([style*="background"]) {
    background-image: none !important;
  }
  html[data-oreumup-theme="dark"] body {
    background-color: var(--bg) !important;
    color: var(--oreumup-theme-ink);
  }
  html[data-oreumup-theme="dark"] body :is(
    .page, .main-nav, .mobile-bottom, .topbar, #mainHero.hero, .panel, .service,
    .user-pill,
    .cardline, .search, .hero-search-line, .search-result, .product-result,
    .modal-card, .shortcut-dialog, .pcapp-dialog, .home-qt-dialog, .home-qt-head,
    .notification-panel, .notification-item, .notice-board-item, .notice-article,
    .participant-summary-item, .participant-member,
    .room-tabs, .room-tab, .room-compose, .room-admin-bar,
    .member-self-identity, .member-info-item, .member-state-chip,
    .application-card, .member-roster-card, .operator-doc-card,
    .quick-pick, .stock-row, .my-trade-item, .question-board-item,
    .inventory-board-item, .board-filter-btn, .my-trade-tab, .stock-size-btn,
    .hqt-secondary, .hqt-unit-btn, .hqt-quote-table th,
    .hqt-card-tools button:not(.primary), .hqt-card-tools a
  ) {
    background-color: var(--oreumup-theme-surface) !important;
    border-color: var(--oreumup-theme-line) !important;
  }
  html[data-oreumup-theme="dark"] body :is(
    .font-size-settings, .font-size-preview, .pcapp-info, .pcapp-bar,
    .pcapp-steps, .pcapp-installed-guide,
    .member-self-info, .member-feature-status, .member-local-data,
    .member-local-note, .member-sensitive, .member-login-note, .member-detail-auth-note, .member-login-id-preview,
    .pr-cell, .search-info, .quick-lead, .quick-selected, .detail-body-text, .detail-reply,
    .notification-setting-row, .notice-test-note, .participant-note,
    .stock-member-profile, .room-body, .room-bubble, .room-subbar,
    .hqt-result, .hqt-quote-connect, .hqt-quote-connected,
    .hqt-seller-tip, .hqt-total, .hqt-quote-output-options
  ) {
    background-color: var(--oreumup-theme-soft) !important;
    border-color: var(--oreumup-theme-line) !important;
  }
  html[data-oreumup-theme="dark"] .room-msg :is(.room-bubble) {
    background-color: var(--oreumup-theme-soft) !important;
    color: var(--oreumup-theme-ink) !important;
    border-color: var(--oreumup-theme-line) !important;
  }
  html[data-oreumup-theme="dark"] .room-msg.mine .room-bubble {
    background-color: var(--oreumup-theme-accent-soft) !important;
  }
  html[data-oreumup-theme="dark"] #memberTestModal .modal-head {
    background-color: var(--oreumup-theme-surface) !important;
  }
  html[data-oreumup-theme="dark"] #pcAppDialogContinue {
    color: var(--oreumup-theme-muted) !important;
  }
  html[data-oreumup-theme="dark"] #memberLoginSubmit:not(:disabled),
  html[data-oreumup-theme="dark"] #homeQuickModal .hqt-primary:not(:disabled) {
    background-color: #087547 !important;
    color: #ffffff !important;
    border-color: #087547 !important;
  }

  /* Text is paired with known dark surfaces, never recolored through every
     descendant of a modal. In particular .hqt-card keeps its original text. */
  html[data-oreumup-theme="dark"] body :is(
    .nav-item, .mnav, .user-pill strong, .brand-copy strong,
    .hero h1, .kicker, .hero-search-title, .section-head h2,
    #owners.service-grid .service h3, .panel-head h3, .stat strong, .notice-text, .item-name,
    .modal-head h2, .shortcut-head h3, .shortcut-section-label,
    .home-qt-head h3, .pcapp-dialog h2, .pcapp-info h3, .pcapp-bar-copy strong,
    .font-size-heading h3, .font-size-preview strong, #fontSizeValue,
    .member-self-head h3, .member-section-head h3, .member-self-identity strong,
    .member-info-item b, .member-state-chip, .member-sensitive,
    .member-detail-auth-field, .member-profile-edit-field,
    .member-login-grid label, .member-login-saved button,
    .member-test-title strong, .application-top strong, .member-roster-top strong,
    .operator-doc-card-head strong, .operator-access-auth label,
    .notice-list-head strong, .notice-item-title, .notice-article h3,
    .notice-article-body, .participant-member strong, .participant-summary-item b,
    .notification-panel h3, .notification-setting-copy strong,
    .notification-item-copy strong, .result-head strong, .search-product h3,
    .search-info span, .pr-name, .pr-cell span, .pr-ing,
    .stock-row strong, .quick-step-title, .quick-pick strong, .quick-selected strong,
    .quick-field label, .question-title-button, .question-body, .inventory-board-item strong,
    .my-trade-copy strong, .detail-title, .detail-body-text, .detail-reply, .detail-reply b,
    .stock-member-profile h3, .room-header h2, .room-name,
    .hqt-field > span, .hqt-unit-label, .hqt-unit-btn, .hqt-secondary,
    .hqt-result, .hqt-result b, .hqt-quote-connected strong,
    .hqt-quote-table th, .hqt-total, .hqt-total strong,
    .hqt-card-tools button:not(.primary), .hqt-card-tools a
  ) { color: var(--oreumup-theme-ink) !important; }
  html[data-oreumup-theme="dark"] body :is(
    .user-pill span:not(.role-mini), .brand-copy span, .hero-copy > p,
    .section-head p, .service p, .panel-head button, .stat label, .stat em,
    .time, .notice-more, .footer-note, .modal-head p, .shortcut-head p,
    .shortcut-hint, .shortcut-field span, .shortcut-example small,
    .home-qt-head p, .pcapp-info p, .pcapp-bar-copy p,
    .pcapp-dialog-brand p, .pcapp-dialog-lead, .pcapp-dialog-foot,
    .pcapp-status, .pcapp-help, .pcapp-installed-guide, .pcapp-guide-dismiss-note,
    .font-size-help, #fontSizeLabel, .font-size-preview-label,
    .font-size-preview p, .font-size-bottom > span, .font-size-save-note,
    .my-info-test > summary, .member-self-head p, .member-section-head p,
    .member-self-identity span, .member-info-item span, .member-sensitive-note,
    .member-local-note, .member-detail-auth-copy, .member-detail-auth-note,
    .member-login-note, .member-login-id-preview span, .member-login-id-preview small,
    .member-login-saved span,
    .member-test-title span, .application-meta, .member-roster-meta,
    .operator-doc-meta, .operator-doc-status:not(.error),
    .notice-list-head span, .notice-item-meta, .notice-article-meta, .notice-test-note,
    .participant-summary-item span, .participant-member small, .participant-note,
    .notification-setting-copy small, .notification-panel-note,
    .notification-item-copy small, .notification-item-time, .notification-empty,
    .result-head span, .search-product .meta, .search-info b, .search-hint, .search-source,
    .pr-meta, .pr-cell b, .pr-source, .stock-row small, .empty-state,
    .quick-lead, .quick-pick small, .quick-selected small, .stock-size-help,
    .char-line, .quick-field label em, .detail-meta, .my-trade-copy small,
    .stock-member-profile p, .room-header p, .room-time, .room-msg-pending,
    .hqt-note, .hqt-status, .hqt-arrow, .hqt-seller-tip,
    .hqt-quote-connected small, .hqt-quote-owner-note, .hqt-quote-import-status
  ) { color: var(--oreumup-theme-muted) !important; }

  html[data-oreumup-theme="dark"] body :is(
    .modal-backdrop, .shortcut-dialog, #hqtQuoteRoot, .home-qt-dialog, .search, .hero-search-line
  ) :is(input:where(:not([type="checkbox"]):not([type="radio"]):not([type="hidden"])), textarea, select, option) {
    background-color: var(--oreumup-theme-surface) !important;
    color: var(--oreumup-theme-ink) !important;
    border-color: var(--oreumup-theme-line) !important;
  }
  html[data-oreumup-theme="dark"] body :is(
    .modal-backdrop, .shortcut-dialog, #hqtQuoteRoot, .home-qt-dialog, .search, .hero-search-line
  ) :is(input, textarea)::placeholder { color: var(--oreumup-theme-muted) !important; opacity: 1; }
  html[data-oreumup-theme="dark"] body :is(
    .modal-backdrop, .shortcut-dialog, #hqtQuoteRoot, .home-qt-dialog, .search, .hero-search-line
  ) :is(input, textarea, select):focus-visible {
    outline: 2px solid var(--oreumup-theme-focus) !important;
    outline-offset: 2px;
    border-color: var(--oreumup-theme-focus) !important;
  }
  html[data-oreumup-theme="dark"] body :is(
    .modal-backdrop, .shortcut-dialog, #hqtQuoteRoot, .home-qt-dialog
  ) :is(input, textarea, select):is(:disabled, [readonly]) {
    background-color: #26352d !important;
    color: #bac7bf !important;
    border-color: #53665a !important;
  }

  html[data-oreumup-theme="dark"] body :is(
    .font-size-step:not(.font-size-step-plus), #fontSizeReset,
    .member-account-actions button:not(.primary):not(.danger):not(.member-account-withdraw),
    .member-detail-open, .member-sensitive-hide, .member-profile-edit-open,
    .member-detail-auth-cancel, .member-login-join-now,
    .member-login-actions button:not(.primary):not(.withdraw-cancel),
    .pcapp-secondary, .pcapp-dismiss, .modal-close, .search-close,
    .notification-close, .shortcut-close, .home-qt-close, .window-btn,
    .hero-search-close, .hero-search-voice, .home-shortcut-edit,
    .shortcut-example, .shortcut-internal, .shortcut-cancel,
    .notice-back, .sound-test, .sound-toggle, .room-tab, .board-filter-btn,
    .my-trade-tab, .stock-size-btn, .operator-role-switch, .test-tool-row button,
    .hqt-secondary, .hqt-unit-btn
  ) {
    background-color: var(--oreumup-theme-soft) !important;
    color: var(--oreumup-theme-ink) !important;
    border-color: var(--oreumup-theme-line) !important;
  }
  html[data-oreumup-theme="dark"] body :is(
    .font-size-step:not(.font-size-step-plus), #fontSizeReset,
    .display-theme-choice:not([aria-pressed="true"]), .member-detail-open,
    .member-sensitive-hide, .member-profile-edit-open, .pcapp-secondary,
    .modal-close, .search-close, .notification-close, .shortcut-close,
    .home-qt-close, .hero-search-close, .home-shortcut-edit,
    .shortcut-example, .shortcut-internal, .shortcut-cancel,
    .notice-board-item, .notice-home-link, .notification-item,
    .participant-stat, .quick-pick, .my-trade-item,
    .board-filter-btn, .my-trade-tab, .stock-size-btn, .hqt-secondary, .hqt-unit-btn
  ):not(:disabled):not([aria-disabled="true"]):hover {
    background-color: var(--oreumup-theme-raised) !important;
    color: var(--oreumup-theme-ink) !important;
    border-color: var(--oreumup-theme-accent) !important;
  }
  html[data-oreumup-theme="dark"] body :is(
    .modal-card, .pcapp-dialog, .shortcut-dialog, .home-qt-dialog,
    .main-nav, .mobile-bottom, .topbar
  ) :is(button, a, summary):focus-visible {
    outline: 3px solid var(--oreumup-theme-focus) !important;
    outline-offset: 3px;
  }
  html[data-oreumup-theme="dark"] body :is(
    .font-size-step, .pcapp-primary, .pcapp-secondary,
    .member-account-actions button, .hqt-primary, .hqt-secondary
  ):disabled {
    background-color: #33443a !important;
    color: #ccd6cf !important;
    border-color: #698073 !important;
    opacity: 1 !important;
  }

  html[data-oreumup-theme="dark"] body :is(
    .display-theme-auto, .font-size-auto, .pcapp-mode, .member-self-badge,
    .member-self-avatar, .member-status.approved, .member-status.active,
    .sound-toggle.on, .room-tab.active, .hqt-unit-btn.active
  ) {
    background-color: var(--oreumup-theme-accent-soft) !important;
    color: var(--oreumup-theme-accent) !important;
    border-color: #527761 !important;
  }
  html[data-oreumup-theme="dark"] body :is(
    .nav-item.active, .mnav.active, .hero h1 .green,
    .member-login-id-preview strong, .participant-login-id
  ) { color: var(--oreumup-theme-accent) !important; }
  html[data-oreumup-theme="dark"] body :is(
    .font-size-save-note.save-error, .display-theme-note.save-error,
    .member-join-error, .member-doc-error, .member-detail-auth-error,
    .member-profile-edit-status.error, .operator-doc-status.error,
    .operator-access-status.error, .member-login-status.error
  ) { color: var(--oreumup-theme-error) !important; }
  html[data-oreumup-theme="dark"] body :is(
    .role-lock-note, .my-trade-test-note, .hqt-warn, .hqt-demo-tip,
    .application-confirm, .member-withdraw-note, .member-status.pending,
    .price-locked.pesticide, .room-admin-btn.warn, .operator-sms-usage
  ) {
    background-color: var(--oreumup-theme-warning-soft) !important;
    color: var(--oreumup-theme-warning) !important;
    border-color: #8a744e !important;
  }
  html[data-oreumup-theme="dark"] body :is(
    .role-lock-note b, .my-trade-test-note b, .hqt-warn b, .hqt-demo-tip b,
    .application-confirm b, .member-withdraw-note b, .warning-count
  ) { color: var(--oreumup-theme-warning) !important; }
  html[data-oreumup-theme="dark"] body :is(
    .member-account-actions .danger, .member-account-withdraw,
    .my-trade-delete, .shortcut-remove, .hqt-remove, .quote-remove,
    .member-status.rejected, .member-status.suspended, .room-msg-retry
  ) {
    background-color: var(--oreumup-theme-danger-soft) !important;
    color: var(--oreumup-theme-error) !important;
    border-color: #94605d !important;
  }
  html[data-oreumup-theme="dark"] body :is(
    .member-account-actions .danger, .member-account-withdraw,
    .my-trade-delete, .shortcut-remove, .hqt-remove, .quote-remove
  ):not(:disabled):hover { background-color: #573331 !important; }

  /* Keep white-label solid actions dark enough after category-token changes. */
  html[data-oreumup-theme="dark"] body :is(
    #stockUploadSubmit:not(.need-submit), .stock-direct-have, [data-inv-register-action]
  ) { background-color: #a51c53 !important; color: #ffffff !important; border-color: #a51c53 !important; }
  html[data-oreumup-theme="dark"] body :is(
    #stockUploadSubmit.need-submit, .stock-direct-need
  ) { background-color: #a9410e !important; color: #ffffff !important; border-color: #a9410e !important; }
  html[data-oreumup-theme="dark"] body .pr-stock {
    background-color: #405361 !important;
    color: #ffffff !important;
    border-color: #405361 !important;
  }

  /* Replies can live inline, in post details, or in a native dialog. Target the
     reading/editing surfaces only; category badges and colored actions keep
     their own meaning and native disabled behavior. */
  html[data-oreumup-theme="dark"] body :is(
    .question-replies, .question-reply, .question-preview-reply,
    .question-answer, .question-subanswer, .question-answer-editor,
    .detail-replies, .detail-reply, .question-detail-reply,
    .stock-reply-compose, .stock-reply-compose .stock-info-choice
  ) {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #626262 !important;
  }
  html[data-oreumup-theme="dark"] body #postDetailBody.question-detail-expanded .question-subanswer.question-answer {
    background-color: #000000 !important;
    color: #ffffff !important;
  }
  html[data-oreumup-theme="dark"] body :is(
    .question-reply b, .question-preview-reply b, .detail-reply b,
    .question-answer-text, .question-answer-head b, .stock-reply-compose .stock-info-choice b
  ) { color: #ffffff !important; }
  html[data-oreumup-theme="dark"] body :is(
    .question-reply-time, .detail-reply-time, .question-detail-reply-note,
    .question-answer-time, .question-answer-mark, .stock-reply-compose .stock-info-choice small
  ) { color: var(--oreumup-theme-muted) !important; }
  html[data-oreumup-theme="dark"] body :is(
    .reply-compose, .stock-reply-compose, .question-answer-editor, #oreumupQuestionReplyModal
  ) :is(input:where(:not([type="checkbox"]):not([type="radio"]):not([type="hidden"])), textarea) {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #626262 !important;
    caret-color: #ffffff;
  }
  html[data-oreumup-theme="dark"] body :is(
    .reply-compose, .stock-reply-compose, .question-answer-editor, #oreumupQuestionReplyModal
  ) :is(input, textarea)::placeholder { color: #d6d6d6 !important; opacity: 1; }
  html[data-oreumup-theme="dark"] body :is(
    .reply-compose, .stock-reply-compose, .question-answer-editor, #oreumupQuestionReplyModal
  ) :is(input, textarea):focus-visible {
    outline: 2px solid var(--oreumup-theme-focus) !important;
    outline-offset: 2px;
    border-color: var(--oreumup-theme-focus) !important;
  }
  html[data-oreumup-theme="dark"] body :is(
    .reply-compose, .stock-reply-compose, .question-answer-editor, #oreumupQuestionReplyModal
  ) :is(input, textarea):is(:disabled, [readonly]) {
    background-color: #252525 !important;
    color: #c6c6c6 !important;
    border-color: #666666 !important;
  }
  html[data-oreumup-theme="dark"] body #oreumupQuestionReplyModal :is(.modal-card, .modal-head) {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #626262 !important;
  }
  html[data-oreumup-theme="dark"] body .question-answer.pesticide { border-color: var(--orumup-pesticide-edge) !important; }
  html[data-oreumup-theme="dark"] body .question-answer.nutrient { border-color: var(--orumup-nutrient-edge) !important; }
  html[data-oreumup-theme="dark"] body .question-answer.material { border-color: var(--orumup-material-edge) !important; }
  html[data-oreumup-theme="dark"] body .question-answer.other { border-color: var(--orumup-other-edge) !important; }
  /* Reply actions retain blue/purple/green and red meanings instead of becoming
     a uniform black/white row. Existing sizes, click handlers and motion remain. */
  html[data-oreumup-theme="dark"] body :is(.question-answer-actions, .question-answer-editor-actions) button {
    background-color: #213447 !important;
    color: #b6d6f6 !important;
    border-color: #536e8a !important;
    box-shadow: inset 0 1px 0 #ffffff14, 0 2px 5px #00000020 !important;
  }
  html[data-oreumup-theme="dark"] body .question-answer-editor-actions .answer-save {
    background-color: #315d88 !important;
    color: #ffffff !important;
    border-color: #6a93b9 !important;
  }
  html[data-oreumup-theme="dark"] body .question-answer-actions .answer-delete {
    background-color: var(--oreumup-theme-danger-soft) !important;
    color: var(--oreumup-theme-error) !important;
    border-color: #89605a !important;
  }
  html[data-oreumup-theme="dark"] body #questionWriteModal .question-board-item > .oreumup-conv-question-meta-row > .question-reply-open-btn,
  html[data-oreumup-theme="dark"] body #postDetailBody.question-detail-expanded > .question-detail-main-actions > .question-reply-open-btn,
  html[data-oreumup-theme="dark"] body :is(#questionWriteModal, #postDetailBody) :is(.question-reply-open-btn, .question-answer-reply-open) {
    background: linear-gradient(#223c53, #172938) !important;
    color: #b6d6f6 !important;
    border-color: #536e8a !important;
    box-shadow: inset 0 1px 0 #ffffff14, 0 3px 0 #14212e, 0 6px 12px #00000020 !important;
  }

  /* Paint attachment frames and letterbox surfaces; never filter or recolor
     image pixels, logo/QR artwork, or authored print/card previews. */
  html[data-oreumup-theme="dark"] body :is(
    .board-photo-thumb, .board-photo-compose-item,
    .oreumup-v2-list-photo, .oreumup-reply-image-preview-item,
    .oreumup-image-compose-item
  ) {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
  }
  /* Only the contain image element's unused letterbox background changes. */
  html[data-oreumup-theme="dark"] body .oreumup-v2-list-photo img { background-color: #000000 !important; }
  html[data-oreumup-theme="dark"] body #oreumupQuestionPhotoViewer :is(.oreumup-photo-viewer-panel, .oreumup-photo-viewer-stage) {
    background-color: #000000 !important;
    border-color: #000000 !important;
  }

  /* Main-app 1:1/public room canvas. Role badges and send/tab colors are kept,
     and pending/failed opacity still communicates message state. */
  html[data-oreumup-theme="dark"] body #ownerRoomModal :is(
    .room-card, .room-header, .room-body, .room-compose,
    .room-tabs, .room-subbar, .room-admin-bar, .dm-context-bar, .dm-meta-bar
  ) {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #626262 !important;
  }
  html[data-oreumup-theme="dark"] body #ownerRoomModal :is(
    .dm-peer-entry, .dm-member-profile, .dm-trade-item, .dm-contact-phone-reveal, .dm-presence-strip, .dm-link-summary
  ) { background-color: #141414 !important; color: #ffffff !important; border-color: #626262 !important; }
  html[data-oreumup-theme="dark"] body #ownerRoomModal :is(
    .dm-context-top strong, .dm-peer-name, .dm-member-profile b, .dm-contact-phone, .dm-link-summary span,
    .dm-context-bar .trade-link-product
  ) { color: #ffffff !important; }
  html[data-oreumup-theme="dark"] body #ownerRoomModal :is(
    .dm-peer-hint, .dm-member-profile span, .dm-trade-count, .dm-contact-note, .dm-contact-device-label,
    .dm-context-bar .trade-link-more
  ) { color: var(--oreumup-theme-muted) !important; }
  html[data-oreumup-theme="dark"] body #ownerRoomModal :is(.dm-peer-avatar, .dm-context-state) {
    background-color: #1c392a !important; color: #91e9ba !important;
  }
  html[data-oreumup-theme="dark"] body #ownerRoomModal .dm-presence-strip strong { color: #91e9ba !important; }
  html[data-oreumup-theme="dark"] body #ownerRoomModal .dm-link-summary b { color: #91e9ba !important; }
  html[data-oreumup-theme="dark"] body #ownerRoomModal :is(.dm-contact-btn, .dm-contact-link) {
    background-color: #213447 !important; color: #b6d6f6 !important;
  }
  html[data-oreumup-theme="dark"] body #ownerRoomModal :is(.dm-context-close, .dm-contact-copy, .dm-contact-reject, .dm-context-actions button) {
    background-color: #303030 !important; color: #ffffff !important; border-color: #626262 !important;
  }
  html[data-oreumup-theme="dark"] body #ownerRoomModal .dm-contact-allow {
    background-color: #087547 !important; color: #ffffff !important;
  }
  html[data-oreumup-theme="dark"] body #ownerRoomModal .dm-system-note {
    background-color: var(--oreumup-theme-warning-soft) !important;
    color: var(--oreumup-theme-warning) !important; border-color: #8a744e !important;
  }
  html[data-oreumup-theme="dark"] body #ownerRoomModal .dm-peer-entry:hover {
    background-color: #1c392a !important; border-color: #527761 !important;
  }
  html[data-oreumup-theme="dark"] body #ownerRoomModal .room-bubble {
    background-color: #141414 !important;
    color: #ffffff !important;
    border-color: #626262 !important;
  }
  html[data-oreumup-theme="dark"] body #ownerRoomModal .room-msg.mine .room-bubble {
    background-color: #10281b !important;
    border-color: #527761 !important;
  }
  html[data-oreumup-theme="dark"] body #ownerRoomModal .room-msg.operator .room-bubble { border-color: #8a744e !important; }
  html[data-oreumup-theme="dark"] body #ownerRoomModal .room-msg.band-leader .room-bubble { border-color: #736184 !important; }
  html[data-oreumup-theme="dark"] body #ownerRoomModal .room-msg.partner-operator .room-bubble { border-color: #856346 !important; }
  html[data-oreumup-theme="dark"] body #ownerRoomModal .room-compose input {
    background-color: #000000 !important;
    color: #ffffff !important;
    caret-color: #ffffff;
    border-color: #626262 !important;
  }
  html[data-oreumup-theme="dark"] body #ownerRoomModal .room-compose input::placeholder { color: #d6d6d6 !important; opacity: 1; }
  html[data-oreumup-theme="dark"] body #ownerRoomModal .room-compose input:focus-visible {
    outline: 2px solid var(--oreumup-theme-focus) !important;
    outline-offset: 2px;
    border-color: var(--oreumup-theme-focus) !important;
  }
  html[data-oreumup-theme="dark"] body #ownerRoomModal .room-compose input:is(:disabled, [readonly]) {
    background-color: #252525 !important;
    color: #c6c6c6 !important;
    border-color: #666666 !important;
  }

  /* Original transparent green artwork needs a light backing on a dark surface.
     Image bytes, colors and geometry remain unchanged. */
  html[data-oreumup-theme="dark"] .brand img,
  html[data-oreumup-theme="dark"] #mainHero img.hero-logo {
    background-color: #f2f8f5;
    border-radius: 10px;
  }
  /* Output artwork also retains the light document's inherited fallback colors. */
  html[data-oreumup-theme="dark"] .hqt-card {
    color-scheme: light;
    color: #1b2f57;
    --ink: #1b2f57;
    --navy: #132a58;
    --muted: #687993;
    --line: #d9e6ee;
    --card: #ffffff;
  }
  html[data-oreumup-theme="dark"] body [data-inventory-sync-open].active,
  html[data-oreumup-theme="dark"] body:has(#oreumupInventorySyncModal.show) [data-inventory-sync-open] {
    background-color: var(--oreumup-theme-soft) !important;
  }

  /* UI icons use currentColor; photograph/QR/SVG artwork is not selected. */
  html[data-oreumup-theme="dark"] .search > svg,
  html[data-oreumup-theme="dark"] .hero-search-icon,
  html[data-oreumup-theme="dark"] .service > .arr { stroke: var(--oreumup-theme-muted); }
}

@media screen and (hover: hover) and (pointer: fine) {
  .display-theme-option:hover .display-theme-tooltip { visibility: visible; opacity: 1; }
  .display-theme-choice:not([aria-pressed="true"]):hover { border-color: #138451; }
}
@media screen and (max-width: 760px) {
  .display-theme-settings { padding: 14px; }
  .display-theme-options { gap: 8px; }
}
@media screen and (hover: none) {
  /* Each choice retains its visible short description and accessible help. */
  .display-theme-tooltip { display: none; }
}
@media print { .display-theme-settings { display: none !important; } }

/* ORUMUP_DISPLAY_TONE_V1_START */
@media screen {
  html[data-oreumup-tone="10"] {
    --oreumup-tone-scheme: dark;
    --oreumup-tone-fg-ffffff: #ffffff;
    --oreumup-tone-fg-e6e6e6: #e6e6e6;
    --oreumup-tone-edge-385047: #5c7068;
    --oreumup-tone-bg-101b16: #181918;
    --oreumup-tone-bg-192820: #191a1a;
    --oreumup-tone-bg-1c392a: #191d1b;
    --oreumup-tone-bg-213447: #1a1c1e;
    --oreumup-tone-bg-30293e: #1b1b1d;
    --oreumup-tone-bg-3a2e1d: #1d1b19;
    --oreumup-tone-bg-20332a: #1a1c1b;
    --oreumup-tone-bg-2a4035: #1b1d1c;
    --oreumup-tone-edge-496457: #587064;
    --oreumup-tone-fg-76dcac: #76dcac;
    --oreumup-tone-fg-8cc8ff: #8cc8ff;
    --oreumup-tone-fg-ffb7a7: #ffb7a7;
    --oreumup-tone-fg-f4d295: #f4d295;
    --oreumup-tone-bg-432a29: #1e1b1b;
    --oreumup-tone-fg-91dfb2: #91dfb2;
    --oreumup-tone-bg-1e392b: #191d1b;
    --oreumup-tone-edge-527761: #527761;
    --oreumup-tone-fg-f3c78e: #f3c78e;
    --oreumup-tone-bg-3c301f: #1d1b19;
    --oreumup-tone-edge-796448: #7d694d;
    --oreumup-tone-fg-a1cbf8: #a1cbf8;
    --oreumup-tone-bg-213549: #1a1c1e;
    --oreumup-tone-edge-536e8a: #536e8a;
    --oreumup-tone-fg-d2baf6: #d2baf6;
    --oreumup-tone-bg-352b44: #1c1b1e;
    --oreumup-tone-edge-736184: #766486;
    --oreumup-tone-fg-f4b1cd: #f4b1cd;
    --oreumup-tone-bg-3d2933: #1d1b1c;
    --oreumup-tone-edge-896377: #896377;
    --oreumup-tone-fg-f6c199: #f6c199;
    --oreumup-tone-bg-3d2d22: #1d1b1a;
    --oreumup-tone-edge-856346: #866548;
    --oreumup-tone-fg-c2d4e5: #c2d4e5;
    --oreumup-tone-bg-283640: #1a1c1d;
    --oreumup-tone-edge-627583: #627583;
    --oreumup-tone-fg-cbd6d0: #cbd6d0;
    --oreumup-tone-bg-2d3b33: #1b1d1c;
    --oreumup-tone-edge-6b8174: #6b8174;
    --oreumup-tone-bg-26382d: #1a1c1b;
    --oreumup-tone-fg-c2c0ff: #c2c0ff;
    --oreumup-tone-bg-302e47: #1b1b1e;
    --oreumup-tone-edge-6a678b: #6a678b;
    --oreumup-tone-fg-a1dce8: #a1dce8;
    --oreumup-tone-bg-203c40: #1a1d1d;
    --oreumup-tone-edge-537f85: #537f85;
    --oreumup-tone-bg-26352d: #1a1c1b;
    --oreumup-tone-fg-bac7bf: #bac7bf;
    --oreumup-tone-edge-53665a: #5d6f64;
    --oreumup-tone-bg-33443a: #1c1e1d;
    --oreumup-tone-fg-ccd6cf: #ccd6cf;
    --oreumup-tone-edge-698073: #698073;
    --oreumup-tone-edge-8a744e: #8a744e;
    --oreumup-tone-edge-94605d: #94605d;
    --oreumup-tone-bg-573331: #201c1c;
    --oreumup-tone-bg-000000: #161616;
    --oreumup-tone-edge-626262: #6b6b6b;
    --oreumup-tone-fg-d6d6d6: #d6d6d6;
    --oreumup-tone-bg-252525: #1a1a1a;
    --oreumup-tone-fg-c6c6c6: #c6c6c6;
    --oreumup-tone-edge-666666: #6b6b6b;
    --oreumup-tone-fg-b6d6f6: #b6d6f6;
    --oreumup-tone-edge-89605a: #8a625c;
    --oreumup-tone-bg-223c53: #1a1d20;
    --oreumup-tone-bg-172938: #181b1c;
    --oreumup-tone-bg-141414: #181818;
    --oreumup-tone-fg-91e9ba: #91e9ba;
    --oreumup-tone-bg-303030: #1b1b1b;
    --oreumup-tone-bg-10281b: #181a19;
  }
  html[data-oreumup-tone="20"] {
    --oreumup-tone-scheme: dark;
    --oreumup-tone-fg-ffffff: #ffffff;
    --oreumup-tone-fg-e6e6e6: #e6e6e6;
    --oreumup-tone-edge-385047: #788882;
    --oreumup-tone-bg-101b16: #313232;
    --oreumup-tone-bg-192820: #323433;
    --oreumup-tone-bg-1c392a: #333634;
    --oreumup-tone-bg-213447: #333538;
    --oreumup-tone-bg-30293e: #353437;
    --oreumup-tone-bg-3a2e1d: #363533;
    --oreumup-tone-bg-20332a: #333534;
    --oreumup-tone-bg-2a4035: #343736;
    --oreumup-tone-edge-496457: #75897f;
    --oreumup-tone-fg-76dcac: #76dcac;
    --oreumup-tone-fg-8cc8ff: #8cc8ff;
    --oreumup-tone-fg-ffb7a7: #ffb7a7;
    --oreumup-tone-fg-f4d295: #f4d295;
    --oreumup-tone-bg-432a29: #373434;
    --oreumup-tone-fg-91dfb2: #91dfb2;
    --oreumup-tone-bg-1e392b: #333634;
    --oreumup-tone-edge-527761: #6e8d7a;
    --oreumup-tone-fg-f3c78e: #f3c78e;
    --oreumup-tone-bg-3c301f: #363533;
    --oreumup-tone-edge-796448: #94836d;
    --oreumup-tone-fg-a1cbf8: #a1cbf8;
    --oreumup-tone-bg-213549: #333638;
    --oreumup-tone-edge-536e8a: #70879e;
    --oreumup-tone-fg-d2baf6: #d2baf6;
    --oreumup-tone-bg-352b44: #363437;
    --oreumup-tone-edge-736184: #8e7f9b;
    --oreumup-tone-fg-f4b1cd: #f4b1cd;
    --oreumup-tone-bg-3d2933: #363435;
    --oreumup-tone-edge-896377: #9c7c8d;
    --oreumup-tone-fg-f6c199: #f6c199;
    --oreumup-tone-bg-3d2d22: #363533;
    --oreumup-tone-edge-856346: #9b7f67;
    --oreumup-tone-fg-c2d4e5: #c2d4e5;
    --oreumup-tone-bg-283640: #343637;
    --oreumup-tone-edge-627583: #768793;
    --oreumup-tone-fg-cbd6d0: #cbd6d0;
    --oreumup-tone-bg-2d3b33: #353635;
    --oreumup-tone-edge-6b8174: #758a7e;
    --oreumup-tone-bg-26382d: #343635;
    --oreumup-tone-fg-c2c0ff: #c2c0ff;
    --oreumup-tone-bg-302e47: #353538;
    --oreumup-tone-edge-6a678b: #8582a0;
    --oreumup-tone-fg-a1dce8: #a1dce8;
    --oreumup-tone-bg-203c40: #333637;
    --oreumup-tone-edge-537f85: #648c91;
    --oreumup-tone-bg-26352d: #343635;
    --oreumup-tone-fg-bac7bf: #bac7bf;
    --oreumup-tone-edge-53665a: #79887e;
    --oreumup-tone-bg-33443a: #353736;
    --oreumup-tone-fg-ccd6cf: #ccd6cf;
    --oreumup-tone-edge-698073: #758a7e;
    --oreumup-tone-edge-8a744e: #968260;
    --oreumup-tone-edge-94605d: #a67b79;
    --oreumup-tone-bg-573331: #3a3535;
    --oreumup-tone-bg-000000: #2f2f2f;
    --oreumup-tone-edge-626262: #858585;
    --oreumup-tone-fg-d6d6d6: #d6d6d6;
    --oreumup-tone-bg-252525: #343434;
    --oreumup-tone-fg-c6c6c6: #c6c6c6;
    --oreumup-tone-edge-666666: #858585;
    --oreumup-tone-fg-b6d6f6: #b6d6f6;
    --oreumup-tone-edge-89605a: #9e7d78;
    --oreumup-tone-bg-223c53: #333639;
    --oreumup-tone-bg-172938: #323436;
    --oreumup-tone-bg-141414: #323232;
    --oreumup-tone-fg-91e9ba: #91e9ba;
    --oreumup-tone-bg-303030: #353535;
    --oreumup-tone-bg-10281b: #313432;
  }
  html[data-oreumup-tone="30"] {
    --oreumup-tone-scheme: dark;
    --oreumup-tone-fg-ffffff: #ffffff;
    --oreumup-tone-fg-e6e6e6: #e6e6e6;
    --oreumup-tone-edge-385047: #9aa6a1;
    --oreumup-tone-bg-101b16: #4b4c4b;
    --oreumup-tone-bg-192820: #4c4d4d;
    --oreumup-tone-bg-1c392a: #4c504e;
    --oreumup-tone-bg-213447: #4d4f51;
    --oreumup-tone-bg-30293e: #4e4e50;
    --oreumup-tone-bg-3a2e1d: #504e4c;
    --oreumup-tone-bg-20332a: #4d4f4e;
    --oreumup-tone-bg-2a4035: #4e504f;
    --oreumup-tone-edge-496457: #97a79f;
    --oreumup-tone-fg-76dcac: #76dcac;
    --oreumup-tone-fg-8cc8ff: #98ceff;
    --oreumup-tone-fg-ffb7a7: #ffb7a7;
    --oreumup-tone-fg-f4d295: #f4d295;
    --oreumup-tone-bg-432a29: #514e4e;
    --oreumup-tone-fg-91dfb2: #91dfb2;
    --oreumup-tone-bg-1e392b: #4c504e;
    --oreumup-tone-edge-527761: #92a99b;
    --oreumup-tone-fg-f3c78e: #f3c78e;
    --oreumup-tone-bg-3c301f: #504e4c;
    --oreumup-tone-edge-796448: #afa291;
    --oreumup-tone-fg-a1cbf8: #a2ccf8;
    --oreumup-tone-bg-213549: #4d4f51;
    --oreumup-tone-edge-536e8a: #96a7b8;
    --oreumup-tone-fg-d2baf6: #d5bef7;
    --oreumup-tone-bg-352b44: #4f4e51;
    --oreumup-tone-edge-736184: #aa9fb4;
    --oreumup-tone-fg-f4b1cd: #f5b6d0;
    --oreumup-tone-bg-3d2933: #504e4f;
    --oreumup-tone-edge-896377: #b59da9;
    --oreumup-tone-fg-f6c199: #f6c199;
    --oreumup-tone-bg-3d2d22: #504e4d;
    --oreumup-tone-edge-856346: #b5a08e;
    --oreumup-tone-fg-c2d4e5: #c2d4e5;
    --oreumup-tone-bg-283640: #4d4f50;
    --oreumup-tone-edge-627583: #99a5ae;
    --oreumup-tone-fg-cbd6d0: #cbd6d0;
    --oreumup-tone-bg-2d3b33: #4e504f;
    --oreumup-tone-edge-6b8174: #97a79e;
    --oreumup-tone-bg-26382d: #4d4f4e;
    --oreumup-tone-fg-c2c0ff: #c4c2ff;
    --oreumup-tone-bg-302e47: #4e4e51;
    --oreumup-tone-edge-6a678b: #a3a1b7;
    --oreumup-tone-fg-a1dce8: #a1dce8;
    --oreumup-tone-bg-203c40: #4d5050;
    --oreumup-tone-edge-537f85: #8ca9ad;
    --oreumup-tone-bg-26352d: #4d4f4e;
    --oreumup-tone-fg-bac7bf: #bfcbc3;
    --oreumup-tone-edge-53665a: #9ba69f;
    --oreumup-tone-bg-33443a: #4f5150;
    --oreumup-tone-fg-ccd6cf: #ccd6cf;
    --oreumup-tone-edge-698073: #98a79e;
    --oreumup-tone-edge-8a744e: #b1a288;
    --oreumup-tone-edge-94605d: #bd9c9b;
    --oreumup-tone-bg-573331: #534f4f;
    --oreumup-tone-bg-000000: #494949;
    --oreumup-tone-edge-626262: #a4a4a4;
    --oreumup-tone-fg-d6d6d6: #d6d6d6;
    --oreumup-tone-bg-252525: #4d4d4d;
    --oreumup-tone-fg-c6c6c6: #c8c8c8;
    --oreumup-tone-edge-666666: #a3a3a3;
    --oreumup-tone-fg-b6d6f6: #b6d6f6;
    --oreumup-tone-edge-89605a: #b79e9a;
    --oreumup-tone-bg-223c53: #4d5053;
    --oreumup-tone-bg-172938: #4b4e4f;
    --oreumup-tone-bg-141414: #4b4b4b;
    --oreumup-tone-fg-91e9ba: #91e9ba;
    --oreumup-tone-bg-303030: #4e4e4e;
    --oreumup-tone-bg-10281b: #4b4d4c;
  }
  html[data-oreumup-tone="40"] {
    --oreumup-tone-scheme: dark;
    --oreumup-tone-fg-ffffff: #ffffff;
    --oreumup-tone-fg-e6e6e6: #f1f1f1;
    --oreumup-tone-edge-385047: #c1c9c6;
    --oreumup-tone-bg-101b16: #646565;
    --oreumup-tone-bg-192820: #656766;
    --oreumup-tone-bg-1c392a: #666967;
    --oreumup-tone-bg-213447: #66686b;
    --oreumup-tone-bg-30293e: #68676a;
    --oreumup-tone-bg-3a2e1d: #696866;
    --oreumup-tone-bg-20332a: #666867;
    --oreumup-tone-bg-2a4035: #676a69;
    --oreumup-tone-edge-496457: #bfc9c4;
    --oreumup-tone-fg-76dcac: #def7eb;
    --oreumup-tone-fg-8cc8ff: #e6f3ff;
    --oreumup-tone-fg-ffb7a7: #ffede9;
    --oreumup-tone-fg-f4d295: #fbf0db;
    --oreumup-tone-bg-432a29: #6a6767;
    --oreumup-tone-fg-91dfb2: #e1f6ea;
    --oreumup-tone-bg-1e392b: #666967;
    --oreumup-tone-edge-527761: #bccac1;
    --oreumup-tone-fg-f3c78e: #fcefde;
    --oreumup-tone-bg-3c301f: #696866;
    --oreumup-tone-edge-796448: #cdc6bb;
    --oreumup-tone-fg-a1cbf8: #e8f2fd;
    --oreumup-tone-bg-213549: #66696b;
    --oreumup-tone-edge-536e8a: #bec8d3;
    --oreumup-tone-fg-d2baf6: #f5effd;
    --oreumup-tone-bg-352b44: #69676a;
    --oreumup-tone-edge-736184: #cbc5d1;
    --oreumup-tone-fg-f4b1cd: #fcedf4;
    --oreumup-tone-bg-3d2933: #696768;
    --oreumup-tone-edge-896377: #d2c4cb;
    --oreumup-tone-fg-f6c199: #fdefe4;
    --oreumup-tone-bg-3d2d22: #696866;
    --oreumup-tone-edge-856346: #d2c5bb;
    --oreumup-tone-fg-c2d4e5: #ecf2f7;
    --oreumup-tone-bg-283640: #67696a;
    --oreumup-tone-edge-627583: #c0c8cd;
    --oreumup-tone-fg-cbd6d0: #eef2f0;
    --oreumup-tone-bg-2d3b33: #686968;
    --oreumup-tone-edge-6b8174: #bfc9c3;
    --oreumup-tone-bg-26382d: #676968;
    --oreumup-tone-fg-c2c0ff: #f0f0ff;
    --oreumup-tone-bg-302e47: #68686b;
    --oreumup-tone-edge-6a678b: #c8c7d4;
    --oreumup-tone-fg-a1dce8: #e3f5f8;
    --oreumup-tone-bg-203c40: #66696a;
    --oreumup-tone-edge-537f85: #b8cbcd;
    --oreumup-tone-bg-26352d: #676968;
    --oreumup-tone-fg-bac7bf: #eef2f0;
    --oreumup-tone-edge-53665a: #c3c9c5;
    --oreumup-tone-bg-33443a: #686a69;
    --oreumup-tone-fg-ccd6cf: #eff2f0;
    --oreumup-tone-edge-698073: #c0cac4;
    --oreumup-tone-edge-8a744e: #cfc6b6;
    --oreumup-tone-edge-94605d: #d6c3c1;
    --oreumup-tone-bg-573331: #6d6868;
    --oreumup-tone-bg-000000: #626262;
    --oreumup-tone-edge-626262: #c8c8c8;
    --oreumup-tone-fg-d6d6d6: #f1f1f1;
    --oreumup-tone-bg-252525: #676767;
    --oreumup-tone-fg-c6c6c6: #f1f1f1;
    --oreumup-tone-edge-666666: #c8c8c8;
    --oreumup-tone-fg-b6d6f6: #e8f2fc;
    --oreumup-tone-edge-89605a: #d3c4c2;
    --oreumup-tone-bg-223c53: #66696c;
    --oreumup-tone-bg-172938: #656769;
    --oreumup-tone-bg-141414: #656565;
    --oreumup-tone-fg-91e9ba: #daf8e8;
    --oreumup-tone-bg-303030: #686868;
    --oreumup-tone-bg-10281b: #646765;
  }
  html[data-oreumup-tone="50"] {
    --oreumup-tone-scheme: light;
    --oreumup-tone-fg-ffffff: #050911;
    --oreumup-tone-fg-e6e6e6: #050911;
    --oreumup-tone-edge-385047: #23322d;
    --oreumup-tone-bg-101b16: #7e7f7e;
    --oreumup-tone-bg-192820: #7f8080;
    --oreumup-tone-bg-1c392a: #7f8381;
    --oreumup-tone-bg-213447: #808284;
    --oreumup-tone-bg-30293e: #818183;
    --oreumup-tone-bg-3a2e1d: #83817f;
    --oreumup-tone-bg-20332a: #808281;
    --oreumup-tone-bg-2a4035: #818382;
    --oreumup-tone-edge-496457: #25322c;
    --oreumup-tone-fg-76dcac: #050907;
    --oreumup-tone-fg-8cc8ff: #06080a;
    --oreumup-tone-fg-ffb7a7: #0a0707;
    --oreumup-tone-fg-f4d295: #0a0806;
    --oreumup-tone-bg-432a29: #848181;
    --oreumup-tone-fg-91dfb2: #060907;
    --oreumup-tone-bg-1e392b: #7f8381;
    --oreumup-tone-edge-527761: #23332a;
    --oreumup-tone-fg-f3c78e: #0a0806;
    --oreumup-tone-bg-3c301f: #83817f;
    --oreumup-tone-edge-796448: #382e21;
    --oreumup-tone-fg-a1cbf8: #06080a;
    --oreumup-tone-bg-213549: #808284;
    --oreumup-tone-edge-536e8a: #25303d;
    --oreumup-tone-fg-d2baf6: #08070a;
    --oreumup-tone-bg-352b44: #828184;
    --oreumup-tone-edge-736184: #342c3b;
    --oreumup-tone-fg-f4b1cd: #0a0708;
    --oreumup-tone-bg-3d2933: #838182;
    --oreumup-tone-edge-896377: #3b2b33;
    --oreumup-tone-fg-f6c199: #0a0806;
    --oreumup-tone-bg-3d2d22: #838180;
    --oreumup-tone-edge-856346: #3b2c1f;
    --oreumup-tone-fg-c2d4e5: #080809;
    --oreumup-tone-bg-283640: #808283;
    --oreumup-tone-edge-627583: #283036;
    --oreumup-tone-fg-cbd6d0: #050911;
    --oreumup-tone-bg-2d3b33: #818382;
    --oreumup-tone-edge-6b8174: #29312c;
    --oreumup-tone-bg-26382d: #808281;
    --oreumup-tone-fg-c2c0ff: #08080a;
    --oreumup-tone-bg-302e47: #818184;
    --oreumup-tone-edge-6a678b: #2f2d3d;
    --oreumup-tone-fg-a1dce8: #060909;
    --oreumup-tone-bg-203c40: #808383;
    --oreumup-tone-edge-537f85: #203234;
    --oreumup-tone-bg-26352d: #808281;
    --oreumup-tone-fg-bac7bf: #050911;
    --oreumup-tone-edge-53665a: #1a2e55;
    --oreumup-tone-bg-33443a: #828483;
    --oreumup-tone-fg-ccd6cf: #050911;
    --oreumup-tone-edge-698073: #28312c;
    --oreumup-tone-edge-8a744e: #372e1f;
    --oreumup-tone-edge-94605d: #402928;
    --oreumup-tone-bg-573331: #868282;
    --oreumup-tone-bg-000000: #7c7c7c;
    --oreumup-tone-edge-626262: #1a2e55;
    --oreumup-tone-fg-d6d6d6: #050911;
    --oreumup-tone-bg-252525: #808080;
    --oreumup-tone-fg-c6c6c6: #050911;
    --oreumup-tone-edge-666666: #1a2e55;
    --oreumup-tone-fg-b6d6f6: #07090a;
    --oreumup-tone-edge-89605a: #3e2b29;
    --oreumup-tone-bg-223c53: #808386;
    --oreumup-tone-bg-172938: #7e8182;
    --oreumup-tone-bg-141414: #7e7e7e;
    --oreumup-tone-fg-91e9ba: #060907;
    --oreumup-tone-bg-303030: #818181;
    --oreumup-tone-bg-10281b: #7e807f;
  }
  html[data-oreumup-tone="60"] {
    --oreumup-tone-scheme: light;
    --oreumup-tone-fg-ffffff: #182a4e;
    --oreumup-tone-fg-e6e6e6: #182a4e;
    --oreumup-tone-edge-385047: #344a42;
    --oreumup-tone-bg-101b16: #979898;
    --oreumup-tone-bg-192820: #989a99;
    --oreumup-tone-bg-1c392a: #999c9a;
    --oreumup-tone-bg-213447: #999b9e;
    --oreumup-tone-bg-30293e: #9b9a9d;
    --oreumup-tone-bg-3a2e1d: #9c9b99;
    --oreumup-tone-bg-20332a: #999b9a;
    --oreumup-tone-bg-2a4035: #9a9d9c;
    --oreumup-tone-edge-496457: #364a40;
    --oreumup-tone-fg-76dcac: #192e24;
    --oreumup-tone-fg-8cc8ff: #1f2c38;
    --oreumup-tone-fg-ffb7a7: #362623;
    --oreumup-tone-fg-f4d295: #312a1e;
    --oreumup-tone-bg-432a29: #9d9a9a;
    --oreumup-tone-fg-91dfb2: #1d2d24;
    --oreumup-tone-bg-1e392b: #999c9a;
    --oreumup-tone-edge-527761: #344b3d;
    --oreumup-tone-fg-f3c78e: #31281c;
    --oreumup-tone-bg-3c301f: #9c9b99;
    --oreumup-tone-edge-796448: #514330;
    --oreumup-tone-fg-a1cbf8: #222b34;
    --oreumup-tone-bg-213549: #999c9e;
    --oreumup-tone-edge-536e8a: #354658;
    --oreumup-tone-fg-d2baf6: #2c2734;
    --oreumup-tone-bg-352b44: #9c9a9d;
    --oreumup-tone-edge-736184: #4d4158;
    --oreumup-tone-fg-f4b1cd: #33252b;
    --oreumup-tone-bg-3d2933: #9c9a9b;
    --oreumup-tone-edge-896377: #563e4b;
    --oreumup-tone-fg-f6c199: #31271f;
    --oreumup-tone-bg-3d2d22: #9c9b99;
    --oreumup-tone-edge-856346: #58412e;
    --oreumup-tone-fg-c2d4e5: #272a2e;
    --oreumup-tone-bg-283640: #9a9c9d;
    --oreumup-tone-edge-627583: #3c4750;
    --oreumup-tone-fg-cbd6d0: #182a4e;
    --oreumup-tone-bg-2d3b33: #9b9c9b;
    --oreumup-tone-edge-6b8174: #3c4841;
    --oreumup-tone-bg-26382d: #9a9c9b;
    --oreumup-tone-fg-c2c0ff: #292836;
    --oreumup-tone-bg-302e47: #9b9b9e;
    --oreumup-tone-edge-6a678b: #45435a;
    --oreumup-tone-fg-a1dce8: #202c2e;
    --oreumup-tone-bg-203c40: #999c9d;
    --oreumup-tone-edge-537f85: #304a4d;
    --oreumup-tone-bg-26352d: #9a9c9b;
    --oreumup-tone-fg-bac7bf: #182a4e;
    --oreumup-tone-edge-53665a: #1b2f57;
    --oreumup-tone-bg-33443a: #9b9d9c;
    --oreumup-tone-fg-ccd6cf: #182a4e;
    --oreumup-tone-edge-698073: #3b4840;
    --oreumup-tone-edge-8a744e: #51442e;
    --oreumup-tone-edge-94605d: #5f3d3c;
    --oreumup-tone-bg-573331: #a09b9b;
    --oreumup-tone-bg-000000: #959595;
    --oreumup-tone-edge-626262: #1b2f57;
    --oreumup-tone-fg-d6d6d6: #182a4e;
    --oreumup-tone-bg-252525: #9a9a9a;
    --oreumup-tone-fg-c6c6c6: #182a4e;
    --oreumup-tone-edge-666666: #1b2f57;
    --oreumup-tone-fg-b6d6f6: #242b31;
    --oreumup-tone-edge-89605a: #5a3f3b;
    --oreumup-tone-bg-223c53: #999c9f;
    --oreumup-tone-bg-172938: #989a9c;
    --oreumup-tone-bg-141414: #989898;
    --oreumup-tone-fg-91e9ba: #1c2c23;
    --oreumup-tone-bg-303030: #9b9b9b;
    --oreumup-tone-bg-10281b: #979a98;
  }
  html[data-oreumup-tone="70"] {
    --oreumup-tone-scheme: light;
    --oreumup-tone-fg-ffffff: #1b2f57;
    --oreumup-tone-fg-e6e6e6: #1b2f57;
    --oreumup-tone-edge-385047: #385047;
    --oreumup-tone-bg-101b16: #b1b2b1;
    --oreumup-tone-bg-192820: #b2b3b3;
    --oreumup-tone-bg-1c392a: #b2b6b4;
    --oreumup-tone-bg-213447: #b3b5b7;
    --oreumup-tone-bg-30293e: #b4b4b6;
    --oreumup-tone-bg-3a2e1d: #b6b4b2;
    --oreumup-tone-bg-20332a: #b3b5b4;
    --oreumup-tone-bg-2a4035: #b4b6b5;
    --oreumup-tone-edge-496457: #455f53;
    --oreumup-tone-fg-76dcac: #264637;
    --oreumup-tone-fg-8cc8ff: #2e4254;
    --oreumup-tone-fg-ffb7a7: #4f3934;
    --oreumup-tone-fg-f4d295: #473d2b;
    --oreumup-tone-bg-432a29: #b7b4b4;
    --oreumup-tone-fg-91dfb2: #2d4537;
    --oreumup-tone-bg-1e392b: #b2b6b4;
    --oreumup-tone-edge-527761: #42604f;
    --oreumup-tone-fg-f3c78e: #4b3e2c;
    --oreumup-tone-bg-3c301f: #b6b4b2;
    --oreumup-tone-edge-796448: #69573f;
    --oreumup-tone-fg-a1cbf8: #34414f;
    --oreumup-tone-bg-213549: #b3b5b7;
    --oreumup-tone-edge-536e8a: #465c74;
    --oreumup-tone-fg-d2baf6: #433c4f;
    --oreumup-tone-bg-352b44: #b5b4b7;
    --oreumup-tone-edge-736184: #635372;
    --oreumup-tone-fg-f4b1cd: #4e3942;
    --oreumup-tone-bg-3d2933: #b6b4b5;
    --oreumup-tone-edge-896377: #705162;
    --oreumup-tone-fg-f6c199: #4c3c2f;
    --oreumup-tone-bg-3d2d22: #b6b4b3;
    --oreumup-tone-edge-856346: #71543c;
    --oreumup-tone-fg-c2d4e5: #3a4045;
    --oreumup-tone-bg-283640: #b3b5b6;
    --oreumup-tone-edge-627583: #4d5c67;
    --oreumup-tone-fg-cbd6d0: #1b2f57;
    --oreumup-tone-bg-2d3b33: #b4b6b5;
    --oreumup-tone-edge-6b8174: #4d5d54;
    --oreumup-tone-bg-26382d: #b3b5b4;
    --oreumup-tone-fg-c2c0ff: #3e3d52;
    --oreumup-tone-bg-302e47: #b4b4b7;
    --oreumup-tone-edge-6a678b: #595775;
    --oreumup-tone-fg-a1dce8: #304246;
    --oreumup-tone-bg-203c40: #b3b6b6;
    --oreumup-tone-edge-537f85: #3e5f64;
    --oreumup-tone-bg-26352d: #b3b5b4;
    --oreumup-tone-fg-bac7bf: #1b2f57;
    --oreumup-tone-edge-53665a: #1b2f57;
    --oreumup-tone-bg-33443a: #b5b7b6;
    --oreumup-tone-fg-ccd6cf: #1b2f57;
    --oreumup-tone-edge-698073: #4d5d54;
    --oreumup-tone-edge-8a744e: #68573b;
    --oreumup-tone-edge-94605d: #794f4c;
    --oreumup-tone-bg-573331: #b9b5b5;
    --oreumup-tone-bg-000000: #afafaf;
    --oreumup-tone-edge-626262: #1b2f57;
    --oreumup-tone-fg-d6d6d6: #1b2f57;
    --oreumup-tone-bg-252525: #b3b3b3;
    --oreumup-tone-fg-c6c6c6: #1b2f57;
    --oreumup-tone-edge-666666: #1b2f57;
    --oreumup-tone-fg-b6d6f6: #37404a;
    --oreumup-tone-edge-89605a: #73514c;
    --oreumup-tone-bg-223c53: #b3b6b9;
    --oreumup-tone-bg-172938: #b1b4b5;
    --oreumup-tone-bg-141414: #b1b1b1;
    --oreumup-tone-fg-91e9ba: #2a4436;
    --oreumup-tone-bg-303030: #b4b4b4;
    --oreumup-tone-bg-10281b: #b1b3b2;
  }
  html[data-oreumup-tone="80"] {
    --oreumup-tone-scheme: light;
    --oreumup-tone-fg-ffffff: #1b2f57;
    --oreumup-tone-fg-e6e6e6: #1b2f57;
    --oreumup-tone-edge-385047: #385047;
    --oreumup-tone-bg-101b16: #cacbcb;
    --oreumup-tone-bg-192820: #cbcdcc;
    --oreumup-tone-bg-1c392a: #cccfcd;
    --oreumup-tone-bg-213447: #ccced1;
    --oreumup-tone-bg-30293e: #cecdd0;
    --oreumup-tone-bg-3a2e1d: #cfcecc;
    --oreumup-tone-bg-20332a: #cccecd;
    --oreumup-tone-bg-2a4035: #cdd0cf;
    --oreumup-tone-edge-496457: #496457;
    --oreumup-tone-fg-76dcac: #2f5845;
    --oreumup-tone-fg-8cc8ff: #3b546b;
    --oreumup-tone-fg-ffb7a7: #664943;
    --oreumup-tone-fg-f4d295: #5d5039;
    --oreumup-tone-bg-432a29: #d0cdcd;
    --oreumup-tone-fg-91dfb2: #395745;
    --oreumup-tone-bg-1e392b: #cccfcd;
    --oreumup-tone-edge-527761: #50735e;
    --oreumup-tone-fg-f3c78e: #5f4e37;
    --oreumup-tone-bg-3c301f: #cfcecc;
    --oreumup-tone-edge-796448: #796448;
    --oreumup-tone-fg-a1cbf8: #425366;
    --oreumup-tone-bg-213549: #cccfd1;
    --oreumup-tone-edge-536e8a: #536e8a;
    --oreumup-tone-fg-d2baf6: #564c65;
    --oreumup-tone-bg-352b44: #cfcdd0;
    --oreumup-tone-edge-736184: #736184;
    --oreumup-tone-fg-f4b1cd: #644954;
    --oreumup-tone-bg-3d2933: #cfcdce;
    --oreumup-tone-edge-896377: #866175;
    --oreumup-tone-fg-f6c199: #624d3d;
    --oreumup-tone-bg-3d2d22: #cfcecc;
    --oreumup-tone-edge-856346: #856346;
    --oreumup-tone-fg-c2d4e5: #4a5157;
    --oreumup-tone-bg-283640: #cdcfd0;
    --oreumup-tone-edge-627583: #5c6e7b;
    --oreumup-tone-fg-cbd6d0: #1b2f57;
    --oreumup-tone-bg-2d3b33: #cecfce;
    --oreumup-tone-edge-6b8174: #5d7065;
    --oreumup-tone-bg-26382d: #cdcfce;
    --oreumup-tone-fg-c2c0ff: #504f69;
    --oreumup-tone-bg-302e47: #ceced1;
    --oreumup-tone-edge-6a678b: #6a678b;
    --oreumup-tone-fg-a1dce8: #3d5458;
    --oreumup-tone-bg-203c40: #cccfd0;
    --oreumup-tone-edge-537f85: #4b7278;
    --oreumup-tone-bg-26352d: #cdcfce;
    --oreumup-tone-fg-bac7bf: #1b2f57;
    --oreumup-tone-edge-53665a: #1b2f57;
    --oreumup-tone-bg-33443a: #ced0cf;
    --oreumup-tone-fg-ccd6cf: #1b2f57;
    --oreumup-tone-edge-698073: #5c7165;
    --oreumup-tone-edge-8a744e: #7c6846;
    --oreumup-tone-edge-94605d: #915e5b;
    --oreumup-tone-bg-573331: #d3cece;
    --oreumup-tone-bg-000000: #c8c8c8;
    --oreumup-tone-edge-626262: #1b2f57;
    --oreumup-tone-fg-d6d6d6: #1b2f57;
    --oreumup-tone-bg-252525: #cdcdcd;
    --oreumup-tone-fg-c6c6c6: #1b2f57;
    --oreumup-tone-edge-666666: #1b2f57;
    --oreumup-tone-fg-b6d6f6: #475360;
    --oreumup-tone-edge-89605a: #89605a;
    --oreumup-tone-bg-223c53: #cccfd2;
    --oreumup-tone-bg-172938: #cbcdcf;
    --oreumup-tone-bg-141414: #cbcbcb;
    --oreumup-tone-fg-91e9ba: #365645;
    --oreumup-tone-bg-303030: #cecece;
    --oreumup-tone-bg-10281b: #cacdcb;
  }
  html[data-oreumup-tone="90"] {
    --oreumup-tone-scheme: light;
    --oreumup-tone-fg-ffffff: #1b2f57;
    --oreumup-tone-fg-e6e6e6: #1b2f57;
    --oreumup-tone-edge-385047: #385047;
    --oreumup-tone-bg-101b16: #e4e5e4;
    --oreumup-tone-bg-192820: #e5e6e6;
    --oreumup-tone-bg-1c392a: #e5e9e7;
    --oreumup-tone-bg-213447: #e6e8ea;
    --oreumup-tone-bg-30293e: #e7e7e9;
    --oreumup-tone-bg-3a2e1d: #e9e7e5;
    --oreumup-tone-bg-20332a: #e6e8e7;
    --oreumup-tone-bg-2a4035: #e7e9e8;
    --oreumup-tone-edge-496457: #496457;
    --oreumup-tone-fg-76dcac: #3a6c54;
    --oreumup-tone-fg-8cc8ff: #466480;
    --oreumup-tone-fg-ffb7a7: #7d5a52;
    --oreumup-tone-fg-f4d295: #6e5f43;
    --oreumup-tone-bg-432a29: #eae7e7;
    --oreumup-tone-fg-91dfb2: #446954;
    --oreumup-tone-bg-1e392b: #e5e9e7;
    --oreumup-tone-edge-527761: #527761;
    --oreumup-tone-fg-f3c78e: #725e43;
    --oreumup-tone-bg-3c301f: #e9e7e5;
    --oreumup-tone-edge-796448: #796448;
    --oreumup-tone-fg-a1cbf8: #4f637a;
    --oreumup-tone-bg-213549: #e6e8ea;
    --oreumup-tone-edge-536e8a: #536e8a;
    --oreumup-tone-fg-d2baf6: #695d7b;
    --oreumup-tone-bg-352b44: #e8e7ea;
    --oreumup-tone-edge-736184: #736184;
    --oreumup-tone-fg-f4b1cd: #7a5967;
    --oreumup-tone-bg-3d2933: #e9e7e8;
    --oreumup-tone-edge-896377: #896377;
    --oreumup-tone-fg-f6c199: #765d49;
    --oreumup-tone-bg-3d2d22: #e9e7e6;
    --oreumup-tone-edge-856346: #856346;
    --oreumup-tone-fg-c2d4e5: #596269;
    --oreumup-tone-bg-283640: #e6e8e9;
    --oreumup-tone-edge-627583: #627583;
    --oreumup-tone-fg-cbd6d0: #1b2f57;
    --oreumup-tone-bg-2d3b33: #e7e9e8;
    --oreumup-tone-edge-6b8174: #6b8174;
    --oreumup-tone-bg-26382d: #e6e8e7;
    --oreumup-tone-fg-c2c0ff: #5f5e7d;
    --oreumup-tone-bg-302e47: #e7e7ea;
    --oreumup-tone-edge-6a678b: #6a678b;
    --oreumup-tone-fg-a1dce8: #4c676d;
    --oreumup-tone-bg-203c40: #e6e9e9;
    --oreumup-tone-edge-537f85: #537f85;
    --oreumup-tone-bg-26352d: #e6e8e7;
    --oreumup-tone-fg-bac7bf: #1b2f57;
    --oreumup-tone-edge-53665a: #1b2f57;
    --oreumup-tone-bg-33443a: #e8eae9;
    --oreumup-tone-fg-ccd6cf: #1b2f57;
    --oreumup-tone-edge-698073: #698073;
    --oreumup-tone-edge-8a744e: #8a744e;
    --oreumup-tone-edge-94605d: #94605d;
    --oreumup-tone-bg-573331: #ece8e8;
    --oreumup-tone-bg-000000: #e2e2e2;
    --oreumup-tone-edge-626262: #1b2f57;
    --oreumup-tone-fg-d6d6d6: #1b2f57;
    --oreumup-tone-bg-252525: #e6e6e6;
    --oreumup-tone-fg-c6c6c6: #1b2f57;
    --oreumup-tone-edge-666666: #1b2f57;
    --oreumup-tone-fg-b6d6f6: #546271;
    --oreumup-tone-edge-89605a: #89605a;
    --oreumup-tone-bg-223c53: #e6e9ec;
    --oreumup-tone-bg-172938: #e4e7e8;
    --oreumup-tone-bg-141414: #e4e4e4;
    --oreumup-tone-fg-91e9ba: #416954;
    --oreumup-tone-bg-303030: #e7e7e7;
    --oreumup-tone-bg-10281b: #e4e6e5;
  }
}
@media screen {
html[data-oreumup-tone] { color-scheme: var(--oreumup-tone-scheme); --ink: var(--oreumup-tone-fg-ffffff); --navy: var(--oreumup-tone-fg-ffffff); --muted: var(--oreumup-tone-fg-e6e6e6); --line: var(--oreumup-tone-edge-385047); --bg: var(--oreumup-tone-bg-101b16); --card: var(--oreumup-tone-bg-192820); --green-soft: var(--oreumup-tone-bg-1c392a); --blue-soft: var(--oreumup-tone-bg-213447); --purple-soft: var(--oreumup-tone-bg-30293e); --orange-soft: var(--oreumup-tone-bg-3a2e1d); --oreumup-theme-surface: var(--oreumup-tone-bg-192820); --oreumup-theme-soft: var(--oreumup-tone-bg-20332a); --oreumup-theme-raised: var(--oreumup-tone-bg-2a4035); --oreumup-theme-ink: var(--oreumup-tone-fg-ffffff); --oreumup-theme-muted: var(--oreumup-tone-fg-e6e6e6); --oreumup-theme-line: var(--oreumup-tone-edge-496457); --oreumup-theme-accent: var(--oreumup-tone-fg-76dcac); --oreumup-theme-accent-soft: var(--oreumup-tone-bg-1c392a); --oreumup-theme-focus: var(--oreumup-tone-fg-8cc8ff); --oreumup-theme-error: var(--oreumup-tone-fg-ffb7a7); --oreumup-theme-warning-soft: var(--oreumup-tone-bg-3a2e1d); --oreumup-theme-warning: var(--oreumup-tone-fg-f4d295); --oreumup-theme-danger-soft: var(--oreumup-tone-bg-432a29); --orumup-pesticide-ink: var(--oreumup-tone-fg-91dfb2); --orumup-pesticide-soft: var(--oreumup-tone-bg-1e392b); --orumup-pesticide-edge: var(--oreumup-tone-edge-527761); --orumup-nutrient-ink: var(--oreumup-tone-fg-f3c78e); --orumup-nutrient-soft: var(--oreumup-tone-bg-3c301f); --orumup-nutrient-edge: var(--oreumup-tone-edge-796448); --orumup-material-ink: var(--oreumup-tone-fg-a1cbf8); --orumup-material-soft: var(--oreumup-tone-bg-213549); --orumup-material-edge: var(--oreumup-tone-edge-536e8a); --orumup-other-ink: var(--oreumup-tone-fg-d2baf6); --orumup-other-soft: var(--oreumup-tone-bg-352b44); --orumup-other-edge: var(--oreumup-tone-edge-736184); --orumup-have-ink: var(--oreumup-tone-fg-f4b1cd); --orumup-have-soft: var(--oreumup-tone-bg-3d2933); --orumup-have-edge: var(--oreumup-tone-edge-896377); --orumup-need-ink: var(--oreumup-tone-fg-f6c199); --orumup-need-soft: var(--oreumup-tone-bg-3d2d22); --orumup-need-edge: var(--oreumup-tone-edge-856346); --orumup-board-ink: var(--oreumup-tone-fg-c2d4e5); --orumup-board-soft: var(--oreumup-tone-bg-283640); --orumup-board-edge: var(--oreumup-tone-edge-627583); --orumup-all-ink: var(--oreumup-tone-fg-cbd6d0); --orumup-all-soft: var(--oreumup-tone-bg-2d3b33); --orumup-all-edge: var(--oreumup-tone-edge-6b8174); --orumup-data-ink: var(--oreumup-tone-fg-cbd6d0); --orumup-data-soft: var(--oreumup-tone-bg-26382d); --orumup-data-edge: var(--oreumup-tone-edge-6b8174); --orumup-question-ink: var(--oreumup-tone-fg-c2c0ff); --orumup-question-soft: var(--oreumup-tone-bg-302e47); --orumup-question-edge: var(--oreumup-tone-edge-6a678b); --orumup-special-ink: var(--oreumup-tone-fg-a1dce8); --orumup-special-soft: var(--oreumup-tone-bg-203c40); --orumup-special-edge: var(--oreumup-tone-edge-537f85); }
html[data-oreumup-tone] body:not([style*="background"]),
  html[data-oreumup-tone] .page:not([style*="background"]),
  html[data-oreumup-tone] #mainHero.hero:not([style*="background"]),
  html[data-oreumup-tone] #owners.service-grid .service:not([style*="background"]),
  html[data-oreumup-tone] .member-self-info:not([style*="background"]) { background-image: none !important; }
html[data-oreumup-tone] body { background-color: var(--bg) !important; color: var(--oreumup-theme-ink); }
html[data-oreumup-tone] body :is(
    .page, .main-nav, .mobile-bottom, .topbar, #mainHero.hero, .panel, .service,
    .user-pill,
    .cardline, .search, .hero-search-line, .search-result, .product-result,
    .modal-card, .shortcut-dialog, .pcapp-dialog, .home-qt-dialog, .home-qt-head,
    .notification-panel, .notification-item, .notice-board-item, .notice-article,
    .participant-summary-item, .participant-member,
    .room-tabs, .room-tab, .room-compose, .room-admin-bar,
    .member-self-identity, .member-info-item, .member-state-chip,
    .application-card, .member-roster-card, .operator-doc-card,
    .quick-pick, .stock-row, .my-trade-item, .question-board-item,
    .inventory-board-item, .board-filter-btn, .my-trade-tab, .stock-size-btn,
    .hqt-secondary, .hqt-unit-btn, .hqt-quote-table th,
    .hqt-card-tools button:not(.primary), .hqt-card-tools a
  ) { background-color: var(--oreumup-theme-surface) !important; border-color: var(--oreumup-theme-line) !important; }
html[data-oreumup-tone] body :is(
    .font-size-settings, .font-size-preview, .pcapp-info, .pcapp-bar,
    .pcapp-steps, .pcapp-installed-guide,
    .member-self-info, .member-feature-status, .member-local-data,
    .member-local-note, .member-sensitive, .member-login-note, .member-detail-auth-note, .member-login-id-preview,
    .pr-cell, .search-info, .quick-lead, .quick-selected, .detail-body-text, .detail-reply,
    .notification-setting-row, .notice-test-note, .participant-note,
    .stock-member-profile, .room-body, .room-bubble, .room-subbar,
    .hqt-result, .hqt-quote-connect, .hqt-quote-connected,
    .hqt-seller-tip, .hqt-total, .hqt-quote-output-options
  ) { background-color: var(--oreumup-theme-soft) !important; border-color: var(--oreumup-theme-line) !important; }
html[data-oreumup-tone] .room-msg :is(.room-bubble) { background-color: var(--oreumup-theme-soft) !important; color: var(--oreumup-theme-ink) !important; border-color: var(--oreumup-theme-line) !important; }
html[data-oreumup-tone] .room-msg.mine .room-bubble { background-color: var(--oreumup-theme-accent-soft) !important; }
html[data-oreumup-tone] #memberTestModal .modal-head { background-color: var(--oreumup-theme-surface) !important; }
html[data-oreumup-tone] #pcAppDialogContinue { color: var(--oreumup-theme-muted) !important; }
html[data-oreumup-tone] body :is(
    .nav-item, .mnav, .user-pill strong, .brand-copy strong,
    .hero h1, .kicker, .hero-search-title, .section-head h2,
    #owners.service-grid .service h3, .panel-head h3, .stat strong, .notice-text, .item-name,
    .modal-head h2, .shortcut-head h3, .shortcut-section-label,
    .home-qt-head h3, .pcapp-dialog h2, .pcapp-info h3, .pcapp-bar-copy strong,
    .font-size-heading h3, .font-size-preview strong, #fontSizeValue,
    .member-self-head h3, .member-section-head h3, .member-self-identity strong,
    .member-info-item b, .member-state-chip, .member-sensitive,
    .member-detail-auth-field, .member-profile-edit-field,
    .member-login-grid label, .member-login-saved button,
    .member-test-title strong, .application-top strong, .member-roster-top strong,
    .operator-doc-card-head strong, .operator-access-auth label,
    .notice-list-head strong, .notice-item-title, .notice-article h3,
    .notice-article-body, .participant-member strong, .participant-summary-item b,
    .notification-panel h3, .notification-setting-copy strong,
    .notification-item-copy strong, .result-head strong, .search-product h3,
    .search-info span, .pr-name, .pr-cell span, .pr-ing,
    .stock-row strong, .quick-step-title, .quick-pick strong, .quick-selected strong,
    .quick-field label, .question-title-button, .question-body, .inventory-board-item strong,
    .my-trade-copy strong, .detail-title, .detail-body-text, .detail-reply, .detail-reply b,
    .stock-member-profile h3, .room-header h2, .room-name,
    .hqt-field > span, .hqt-unit-label, .hqt-unit-btn, .hqt-secondary,
    .hqt-result, .hqt-result b, .hqt-quote-connected strong,
    .hqt-quote-table th, .hqt-total, .hqt-total strong,
    .hqt-card-tools button:not(.primary), .hqt-card-tools a
  ) { color: var(--oreumup-theme-ink) !important; }
html[data-oreumup-tone] body :is(
    .user-pill span:not(.role-mini), .brand-copy span, .hero-copy > p,
    .section-head p, .service p, .panel-head button, .stat label, .stat em,
    .time, .notice-more, .footer-note, .modal-head p, .shortcut-head p,
    .shortcut-hint, .shortcut-field span, .shortcut-example small,
    .home-qt-head p, .pcapp-info p, .pcapp-bar-copy p,
    .pcapp-dialog-brand p, .pcapp-dialog-lead, .pcapp-dialog-foot,
    .pcapp-status, .pcapp-help, .pcapp-installed-guide, .pcapp-guide-dismiss-note,
    .font-size-help, #fontSizeLabel, .font-size-preview-label,
    .font-size-preview p, .font-size-bottom > span, .font-size-save-note,
    .my-info-test > summary, .member-self-head p, .member-section-head p,
    .member-self-identity span, .member-info-item span, .member-sensitive-note,
    .member-local-note, .member-detail-auth-copy, .member-detail-auth-note,
    .member-login-note, .member-login-id-preview span, .member-login-id-preview small,
    .member-login-saved span,
    .member-test-title span, .application-meta, .member-roster-meta,
    .operator-doc-meta, .operator-doc-status:not(.error),
    .notice-list-head span, .notice-item-meta, .notice-article-meta, .notice-test-note,
    .participant-summary-item span, .participant-member small, .participant-note,
    .notification-setting-copy small, .notification-panel-note,
    .notification-item-copy small, .notification-item-time, .notification-empty,
    .result-head span, .search-product .meta, .search-info b, .search-hint, .search-source,
    .pr-meta, .pr-cell b, .pr-source, .stock-row small, .empty-state,
    .quick-lead, .quick-pick small, .quick-selected small, .stock-size-help,
    .char-line, .quick-field label em, .detail-meta, .my-trade-copy small,
    .stock-member-profile p, .room-header p, .room-time, .room-msg-pending,
    .hqt-note, .hqt-status, .hqt-arrow, .hqt-seller-tip,
    .hqt-quote-connected small, .hqt-quote-owner-note, .hqt-quote-import-status
  ) { color: var(--oreumup-theme-muted) !important; }
html[data-oreumup-tone] body :is(
    .modal-backdrop, .shortcut-dialog, #hqtQuoteRoot, .home-qt-dialog, .search, .hero-search-line
  ) :is(input:where(:not([type="checkbox"]):not([type="radio"]):not([type="hidden"])), textarea, select, option) { background-color: var(--oreumup-theme-surface) !important; color: var(--oreumup-theme-ink) !important; border-color: var(--oreumup-theme-line) !important; }
html[data-oreumup-tone] body :is(
    .modal-backdrop, .shortcut-dialog, #hqtQuoteRoot, .home-qt-dialog, .search, .hero-search-line
  ) :is(input, textarea)::placeholder { color: var(--oreumup-theme-muted) !important; }
html[data-oreumup-tone] body :is(
    .modal-backdrop, .shortcut-dialog, #hqtQuoteRoot, .home-qt-dialog, .search, .hero-search-line
  ) :is(input, textarea, select):focus-visible { outline: 2px solid var(--oreumup-theme-focus) !important; border-color: var(--oreumup-theme-focus) !important; }
html[data-oreumup-tone] body :is(
    .modal-backdrop, .shortcut-dialog, #hqtQuoteRoot, .home-qt-dialog
  ) :is(input, textarea, select):is(:disabled, [readonly]) { background-color: var(--oreumup-tone-bg-26352d) !important; color: var(--oreumup-tone-fg-bac7bf) !important; border-color: var(--oreumup-tone-edge-53665a) !important; }
html[data-oreumup-tone] body :is(
    .font-size-step:not(.font-size-step-plus), #fontSizeReset,
    .member-account-actions button:not(.primary):not(.danger):not(.member-account-withdraw),
    .member-detail-open, .member-sensitive-hide, .member-profile-edit-open,
    .member-detail-auth-cancel, .member-login-join-now,
    .member-login-actions button:not(.primary):not(.withdraw-cancel),
    .pcapp-secondary, .pcapp-dismiss, .modal-close, .search-close,
    .notification-close, .shortcut-close, .home-qt-close, .window-btn,
    .hero-search-close, .hero-search-voice, .home-shortcut-edit,
    .shortcut-example, .shortcut-internal, .shortcut-cancel,
    .notice-back, .sound-test, .sound-toggle, .room-tab, .board-filter-btn,
    .my-trade-tab, .stock-size-btn, .operator-role-switch, .test-tool-row button,
    .hqt-secondary, .hqt-unit-btn
  ) { background-color: var(--oreumup-theme-soft) !important; color: var(--oreumup-theme-ink) !important; border-color: var(--oreumup-theme-line) !important; }
html[data-oreumup-tone] body :is(
    .font-size-step:not(.font-size-step-plus), #fontSizeReset,
    .display-theme-choice:not([aria-pressed="true"]), .member-detail-open,
    .member-sensitive-hide, .member-profile-edit-open, .pcapp-secondary,
    .modal-close, .search-close, .notification-close, .shortcut-close,
    .home-qt-close, .hero-search-close, .home-shortcut-edit,
    .shortcut-example, .shortcut-internal, .shortcut-cancel,
    .notice-board-item, .notice-home-link, .notification-item,
    .participant-stat, .quick-pick, .my-trade-item,
    .board-filter-btn, .my-trade-tab, .stock-size-btn, .hqt-secondary, .hqt-unit-btn
  ):not(:disabled):not([aria-disabled="true"]):hover { background-color: var(--oreumup-theme-raised) !important; color: var(--oreumup-theme-ink) !important; border-color: var(--oreumup-theme-accent) !important; }
html[data-oreumup-tone] body :is(
    .modal-card, .pcapp-dialog, .shortcut-dialog, .home-qt-dialog,
    .main-nav, .mobile-bottom, .topbar
  ) :is(button, a, summary):focus-visible { outline: 3px solid var(--oreumup-theme-focus) !important; }
html[data-oreumup-tone] body :is(
    .font-size-step, .pcapp-primary, .pcapp-secondary,
    .member-account-actions button, .hqt-primary, .hqt-secondary
  ):disabled { background-color: var(--oreumup-tone-bg-33443a) !important; color: var(--oreumup-tone-fg-ccd6cf) !important; border-color: var(--oreumup-tone-edge-698073) !important; }
html[data-oreumup-tone] body :is(
    .display-theme-auto, .font-size-auto, .pcapp-mode, .member-self-badge,
    .member-self-avatar, .member-status.approved, .member-status.active,
    .sound-toggle.on, .room-tab.active, .hqt-unit-btn.active
  ) { background-color: var(--oreumup-theme-accent-soft) !important; color: var(--oreumup-theme-accent) !important; border-color: var(--oreumup-tone-edge-527761) !important; }
html[data-oreumup-tone] body :is(
    .nav-item.active, .mnav.active, .hero h1 .green,
    .member-login-id-preview strong, .participant-login-id
  ) { color: var(--oreumup-theme-accent) !important; }
html[data-oreumup-tone] body :is(
    .font-size-save-note.save-error, .display-theme-note.save-error,
    .member-join-error, .member-doc-error, .member-detail-auth-error,
    .member-profile-edit-status.error, .operator-doc-status.error,
    .operator-access-status.error, .member-login-status.error
  ) { color: var(--oreumup-theme-error) !important; }
html[data-oreumup-tone] body :is(
    .role-lock-note, .my-trade-test-note, .hqt-warn, .hqt-demo-tip,
    .application-confirm, .member-withdraw-note, .member-status.pending,
    .price-locked.pesticide, .room-admin-btn.warn, .operator-sms-usage
  ) { background-color: var(--oreumup-theme-warning-soft) !important; color: var(--oreumup-theme-warning) !important; border-color: var(--oreumup-tone-edge-8a744e) !important; }
html[data-oreumup-tone] body :is(
    .role-lock-note b, .my-trade-test-note b, .hqt-warn b, .hqt-demo-tip b,
    .application-confirm b, .member-withdraw-note b, .warning-count
  ) { color: var(--oreumup-theme-warning) !important; }
html[data-oreumup-tone] body :is(
    .member-account-actions .danger, .member-account-withdraw,
    .my-trade-delete, .shortcut-remove, .hqt-remove, .quote-remove,
    .member-status.rejected, .member-status.suspended, .room-msg-retry
  ) { background-color: var(--oreumup-theme-danger-soft) !important; color: var(--oreumup-theme-error) !important; border-color: var(--oreumup-tone-edge-94605d) !important; }
html[data-oreumup-tone] body :is(
    .member-account-actions .danger, .member-account-withdraw,
    .my-trade-delete, .shortcut-remove, .hqt-remove, .quote-remove
  ):not(:disabled):hover { background-color: var(--oreumup-tone-bg-573331) !important; }
html[data-oreumup-tone] body :is(
    .question-replies, .question-reply, .question-preview-reply,
    .question-answer, .question-subanswer, .question-answer-editor,
    .detail-replies, .detail-reply, .question-detail-reply,
    .stock-reply-compose, .stock-reply-compose .stock-info-choice
  ) { background-color: var(--oreumup-tone-bg-000000) !important; color: var(--oreumup-tone-fg-ffffff) !important; border-color: var(--oreumup-tone-edge-626262) !important; }
html[data-oreumup-tone] body #postDetailBody.question-detail-expanded .question-subanswer.question-answer { background-color: var(--oreumup-tone-bg-000000) !important; color: var(--oreumup-tone-fg-ffffff) !important; }
html[data-oreumup-tone] body :is(
    .question-reply b, .question-preview-reply b, .detail-reply b,
    .question-answer-text, .question-answer-head b, .stock-reply-compose .stock-info-choice b
  ) { color: var(--oreumup-tone-fg-ffffff) !important; }
html[data-oreumup-tone] body :is(
    .question-reply-time, .detail-reply-time, .question-detail-reply-note,
    .question-answer-time, .question-answer-mark, .stock-reply-compose .stock-info-choice small
  ) { color: var(--oreumup-theme-muted) !important; }
html[data-oreumup-tone] body :is(
    .reply-compose, .stock-reply-compose, .question-answer-editor, #oreumupQuestionReplyModal
  ) :is(input:where(:not([type="checkbox"]):not([type="radio"]):not([type="hidden"])), textarea) { background-color: var(--oreumup-tone-bg-000000) !important; color: var(--oreumup-tone-fg-ffffff) !important; border-color: var(--oreumup-tone-edge-626262) !important; caret-color: var(--oreumup-tone-fg-ffffff); }
html[data-oreumup-tone] body :is(
    .reply-compose, .stock-reply-compose, .question-answer-editor, #oreumupQuestionReplyModal
  ) :is(input, textarea)::placeholder { color: var(--oreumup-tone-fg-d6d6d6) !important; }
html[data-oreumup-tone] body :is(
    .reply-compose, .stock-reply-compose, .question-answer-editor, #oreumupQuestionReplyModal
  ) :is(input, textarea):focus-visible { outline: 2px solid var(--oreumup-theme-focus) !important; border-color: var(--oreumup-theme-focus) !important; }
html[data-oreumup-tone] body :is(
    .reply-compose, .stock-reply-compose, .question-answer-editor, #oreumupQuestionReplyModal
  ) :is(input, textarea):is(:disabled, [readonly]) { background-color: var(--oreumup-tone-bg-252525) !important; color: var(--oreumup-tone-fg-c6c6c6) !important; border-color: var(--oreumup-tone-edge-666666) !important; }
html[data-oreumup-tone] body #oreumupQuestionReplyModal :is(.modal-card, .modal-head) { background-color: var(--oreumup-tone-bg-000000) !important; color: var(--oreumup-tone-fg-ffffff) !important; border-color: var(--oreumup-tone-edge-626262) !important; }
html[data-oreumup-tone] body .question-answer.pesticide { border-color: var(--orumup-pesticide-edge) !important; }
html[data-oreumup-tone] body .question-answer.nutrient { border-color: var(--orumup-nutrient-edge) !important; }
html[data-oreumup-tone] body .question-answer.material { border-color: var(--orumup-material-edge) !important; }
html[data-oreumup-tone] body .question-answer.other { border-color: var(--orumup-other-edge) !important; }
html[data-oreumup-tone] body :is(.question-answer-actions, .question-answer-editor-actions) button { background-color: var(--oreumup-tone-bg-213447) !important; color: var(--oreumup-tone-fg-b6d6f6) !important; border-color: var(--oreumup-tone-edge-536e8a) !important; }
html[data-oreumup-tone] body .question-answer-actions .answer-delete { background-color: var(--oreumup-theme-danger-soft) !important; color: var(--oreumup-theme-error) !important; border-color: var(--oreumup-tone-edge-89605a) !important; }
html[data-oreumup-tone] body #questionWriteModal .question-board-item > .oreumup-conv-question-meta-row > .question-reply-open-btn,
  html[data-oreumup-tone] body #postDetailBody.question-detail-expanded > .question-detail-main-actions > .question-reply-open-btn,
  html[data-oreumup-tone] body :is(#questionWriteModal, #postDetailBody) :is(.question-reply-open-btn, .question-answer-reply-open) { background: linear-gradient(var(--oreumup-tone-bg-223c53), var(--oreumup-tone-bg-172938)) !important; color: var(--oreumup-tone-fg-b6d6f6) !important; border-color: var(--oreumup-tone-edge-536e8a) !important; }
html[data-oreumup-tone] body #ownerRoomModal :is(
    .room-card, .room-header, .room-body, .room-compose,
    .room-tabs, .room-subbar, .room-admin-bar, .dm-context-bar, .dm-meta-bar
  ) { background-color: var(--oreumup-tone-bg-000000) !important; color: var(--oreumup-tone-fg-ffffff) !important; border-color: var(--oreumup-tone-edge-626262) !important; }
html[data-oreumup-tone] body #ownerRoomModal :is(
    .dm-peer-entry, .dm-member-profile, .dm-trade-item, .dm-contact-phone-reveal, .dm-presence-strip, .dm-link-summary
  ) { background-color: var(--oreumup-tone-bg-141414) !important; color: var(--oreumup-tone-fg-ffffff) !important; border-color: var(--oreumup-tone-edge-626262) !important; }
html[data-oreumup-tone] body #ownerRoomModal :is(
    .dm-context-top strong, .dm-peer-name, .dm-member-profile b, .dm-contact-phone, .dm-link-summary span,
    .dm-context-bar .trade-link-product
  ) { color: var(--oreumup-tone-fg-ffffff) !important; }
html[data-oreumup-tone] body #ownerRoomModal :is(
    .dm-peer-hint, .dm-member-profile span, .dm-trade-count, .dm-contact-note, .dm-contact-device-label,
    .dm-context-bar .trade-link-more
  ) { color: var(--oreumup-theme-muted) !important; }
html[data-oreumup-tone] body #ownerRoomModal :is(.dm-peer-avatar, .dm-context-state) { background-color: var(--oreumup-tone-bg-1c392a) !important; color: var(--oreumup-tone-fg-91e9ba) !important; }
html[data-oreumup-tone] body #ownerRoomModal .dm-presence-strip strong { color: var(--oreumup-tone-fg-91e9ba) !important; }
html[data-oreumup-tone] body #ownerRoomModal .dm-link-summary b { color: var(--oreumup-tone-fg-91e9ba) !important; }
html[data-oreumup-tone] body #ownerRoomModal :is(.dm-contact-btn, .dm-contact-link) { background-color: var(--oreumup-tone-bg-213447) !important; color: var(--oreumup-tone-fg-b6d6f6) !important; }
html[data-oreumup-tone] body #ownerRoomModal :is(.dm-context-close, .dm-contact-copy, .dm-contact-reject, .dm-context-actions button) { background-color: var(--oreumup-tone-bg-303030) !important; color: var(--oreumup-tone-fg-ffffff) !important; border-color: var(--oreumup-tone-edge-626262) !important; }
html[data-oreumup-tone] body #ownerRoomModal .dm-system-note { background-color: var(--oreumup-theme-warning-soft) !important; color: var(--oreumup-theme-warning) !important; border-color: var(--oreumup-tone-edge-8a744e) !important; }
html[data-oreumup-tone] body #ownerRoomModal .dm-peer-entry:hover { background-color: var(--oreumup-tone-bg-1c392a) !important; border-color: var(--oreumup-tone-edge-527761) !important; }
html[data-oreumup-tone] body #ownerRoomModal .room-bubble { background-color: var(--oreumup-tone-bg-141414) !important; color: var(--oreumup-tone-fg-ffffff) !important; border-color: var(--oreumup-tone-edge-626262) !important; }
html[data-oreumup-tone] body #ownerRoomModal .room-msg.mine .room-bubble { background-color: var(--oreumup-tone-bg-10281b) !important; border-color: var(--oreumup-tone-edge-527761) !important; }
html[data-oreumup-tone] body #ownerRoomModal .room-msg.operator .room-bubble { border-color: var(--oreumup-tone-edge-8a744e) !important; }
html[data-oreumup-tone] body #ownerRoomModal .room-msg.band-leader .room-bubble { border-color: var(--oreumup-tone-edge-736184) !important; }
html[data-oreumup-tone] body #ownerRoomModal .room-msg.partner-operator .room-bubble { border-color: var(--oreumup-tone-edge-856346) !important; }
html[data-oreumup-tone] body #ownerRoomModal .room-compose input { background-color: var(--oreumup-tone-bg-000000) !important; color: var(--oreumup-tone-fg-ffffff) !important; caret-color: var(--oreumup-tone-fg-ffffff); border-color: var(--oreumup-tone-edge-626262) !important; }
html[data-oreumup-tone] body #ownerRoomModal .room-compose input::placeholder { color: var(--oreumup-tone-fg-d6d6d6) !important; }
html[data-oreumup-tone] body #ownerRoomModal .room-compose input:focus-visible { outline: 2px solid var(--oreumup-theme-focus) !important; border-color: var(--oreumup-theme-focus) !important; }
html[data-oreumup-tone] body #ownerRoomModal .room-compose input:is(:disabled, [readonly]) { background-color: var(--oreumup-tone-bg-252525) !important; color: var(--oreumup-tone-fg-c6c6c6) !important; border-color: var(--oreumup-tone-edge-666666) !important; }
html[data-oreumup-tone] body [data-inventory-sync-open].active,
  html[data-oreumup-tone] body:has(#oreumupInventorySyncModal.show) [data-inventory-sync-open] { background-color: var(--oreumup-theme-soft) !important; }
html[data-oreumup-tone] .search > svg,
  html[data-oreumup-tone] .hero-search-icon,
  html[data-oreumup-tone] .service > .arr { stroke: var(--oreumup-theme-muted); }
}
/* ORUMUP_DISPLAY_TONE_V1_END */

@media screen {
  .display-tone-controls { display: grid; grid-template-columns: minmax(0,1fr) minmax(65px,.8fr) minmax(0,1fr); gap: 8px; align-items: stretch; margin: 10px 0; }
  .display-tone-step { min-width: 0; min-height: 56px; border: 1px solid var(--oreumup-theme-line); border-radius: 13px; padding: 8px 4px; background: var(--oreumup-theme-surface); color: var(--oreumup-theme-ink); font: inherit; font-size: calc(14px * var(--oreumup-font-scale,1)); font-weight: 800; line-height: 1.4; white-space: normal; cursor: pointer; touch-action: manipulation; }
  .display-tone-step:disabled { opacity: .55; cursor: default; }
  .display-tone-readout { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 3px; color: var(--oreumup-theme-ink); text-align: center; }
  #displayToneValue { font-size: calc(17px * var(--oreumup-font-scale,1)); font-weight: 850; }
  #displayToneLabel { font-size: calc(11px * var(--oreumup-font-scale,1)); line-height: 1.45; word-break: keep-all; color: var(--oreumup-theme-muted); }
  #displayThemeSettings #displayToneRange { display: block; box-sizing: border-box; width: 100%; min-width: 0; min-height: 44px; margin: 0; padding: 0; accent-color: #0a6d41; cursor: pointer; touch-action: pan-y; }
  html[data-oreumup-theme="dark"] #displayThemeSettings #displayToneRange { accent-color: var(--oreumup-theme-accent); }
  .display-tone-step:focus-visible, #displayToneRange:focus-visible { outline: 3px solid var(--oreumup-theme-focus); outline-offset: 2px; }
  .display-tone-endpoints { display: flex; justify-content: space-between; gap: 8px; font-size: calc(11px * var(--oreumup-font-scale,1)); color: var(--oreumup-theme-muted); line-height: 1.5; margin-bottom: 12px; }
  #displayThemeSettings .display-theme-choice { min-height: 44px; font-size: calc(12px * var(--oreumup-font-scale,1)); }
  .display-tone-help { margin: 10px 0 0; color: var(--oreumup-theme-muted); font-size: calc(12px * var(--oreumup-font-scale,1)); line-height: 1.5; }
}