/* ===== Dark appearance (generated; follows html[data-theme]) ===== */
:root[data-theme="dark"] { color: #f5f5f7; background: #000000; --blue: #0a84ff; --muted: #8e8e93; --line: #2e2e32; --blue-soft: rgba(10, 132, 255, 0.14); --ink: #f5f5f7; }
html[data-theme="dark"] button:focus-visible, html[data-theme="dark"] a:focus-visible, html[data-theme="dark"] input:focus-visible, html[data-theme="dark"] select:focus-visible { outline: 3px solid #214283; }
html[data-theme="dark"] .skip-link { background: #161618; }
html[data-theme="dark"] .brand-slash { color: #808899; }
html[data-theme="dark"] .count { color: #9ba1ab; }
html[data-theme="dark"] .hero>p { color: #9ca1ab; }
html[data-theme="dark"] .search-form { border: 1px solid #374a6c; background: #161618; }
html[data-theme="dark"] .search-form:focus-within { border-color: #214583; box-shadow: 0 0 0 3px #142643; }
html[data-theme="dark"] .search-form>svg { color: #9ca3b2; }
html[data-theme="dark"] .search-form input::placeholder { color: #8e96a4; }
html[data-theme="dark"] kbd { color: #a1a7b3; }
html[data-theme="dark"] .search-error { background: #432114; color: #dd927d; }
html[data-theme="dark"] .search-results { background: #161618; }
html[data-theme="dark"] .search-results-head { color: #808899; }
html[data-theme="dark"] .popular { color: #99a1b0; }
html[data-theme="dark"] .popular button { color: #818a9b; }
html[data-theme="dark"] .app-text a { color: #818b9e; }
html[data-theme="dark"] .icon-button { color: #808899; }
html[data-theme="dark"] .icon-button:hover { background: #142343; }
html[data-theme="dark"] .segmented { border: 1px solid #364a6e; }
html[data-theme="dark"] .segmented button:not(.selected):hover { background: #142243; }
html[data-theme="dark"] .product-picker>span { color: #9ba1ab; }
html[data-theme="dark"] .select-wrap>svg { color: #9ba1ab; }
html[data-theme="dark"] .select-wrap select { border: 1px solid #364a6e; background: #161618; }
html[data-theme="dark"] .select-wrap select:disabled { background: #142343; color: #7f8899; }
html[data-theme="dark"] .best-price { border: 1px solid #2c3752; background: #142343; }
html[data-theme="dark"] .eyebrow { color: #9fa6b2; }
html[data-theme="dark"] .saving { border-left: 1px solid #343b49; }
html[data-theme="dark"] .saving label { color: #a0a6b2; }
html[data-theme="dark"] .saving .no-baseline { color: #9ba1ac; }
html[data-theme="dark"] .data-source { color: #8f96a4; }
html[data-theme="dark"] .table-actions>button:not(.icon-button) { color: #9ba1ab; }
html[data-theme="dark"] th { color: #bdc3ce; }
html[data-theme="dark"] th>span { color: #80899a; }
html[data-theme="dark"] .sort-button>svg { color: #8e9aad; }
html[data-theme="dark"] .lowest td { background: #142143; }
html[data-theme="dark"] .country-cell small { color: #a4abb8; }
html[data-theme="dark"] .lowest-tag { background: #142343; }
html[data-theme="dark"] .price-status { color: #969dab; }
html[data-theme="dark"] .difference { color: #a08479; }
html[data-theme="dark"] .muted { color: #a1a7b3; }
html[data-theme="dark"] .data-notes { color: #8f96a4; }
html[data-theme="dark"] footer { color: #929aa8; }
html[data-theme="dark"] footer button { color: #929aa8; }
html[data-theme="dark"] .loading-state p, html[data-theme="dark"] .empty p { color: #848ea0; }
html[data-theme="dark"] .no-prices { background: #162441; color: #808999; }
html[data-theme="dark"] .no-prices h3 { color: #bec4cf; }
html[data-theme="dark"] dialog { border: 1px solid #393e47; }
html[data-theme="dark"] .region-grid label { border: 1px solid #383c42; }
html[data-theme="dark"] .region-grid label.checked { border-color: #214383; background: #142243; }
html[data-theme="dark"] .region-grid small { color: #919aaa; }
html[data-theme="dark"] .about-content { color: #9ba1ab; }
html[data-theme="dark"] .about-content h3 { color: #c8cfda; }
html[data-theme="dark"] .region-search { border: 1px solid #374a6c; }
html[data-theme="dark"] .region-search>svg { color: #8e96a4; }
html[data-theme="dark"] .region-search:focus-within { border-color: #214583; box-shadow: 0 0 0 3px #142643; }
html[data-theme="dark"] .region-search input::placeholder { color: #8e96a4; }
html[data-theme="dark"] .region-filters button { color: #7f8999; }
html[data-theme="dark"] .region-filters button.active { background: #142343; }
html[data-theme="dark"] .region-filters>span { color: #818b9c; }
html[data-theme="dark"] .region-empty { color: #818b9c; }
html[data-theme="dark"] .region-empty p { color: #b0b7c3; }
html[data-theme="dark"] .region-limit { color: #beb2a4; }
html[data-theme="dark"] .payment-modes { background: #202023; }
html[data-theme="dark"] .payment-modes button { color: #7f899a; }
html[data-theme="dark"] .payment-modes button.active { background: #161618; }
html[data-theme="dark"] .gift-query { border: 1px solid #213e83; }
html[data-theme="dark"] .gift-status { color: #808999; }
html[data-theme="dark"] .gift-quotes-header p { color: #8891a1; }
html[data-theme="dark"] .gift-quotes-header select { border: 1px solid #374a6c; background: #161618; }
html[data-theme="dark"] .gift-empty { background: #162441; color: #808999; }
html[data-theme="dark"] .quote-card { border: 1px solid #353c48; }
html[data-theme="dark"] .quote-card:has(input:checked) { border-color: #214183; background: #142243; }
html[data-theme="dark"] .quote-card small { color: #838c9d; }
html[data-theme="dark"] .gift-source-note { color: #8e96a5; }
html[data-theme="dark"] .gift-hint-text { color: #808999; }
html[data-theme="dark"] .gift-rate-btn { border: 1px solid #27477d; background: #142143; color: #7994e2; }
html[data-theme="dark"] .gift-rate-btn:hover { background: #142643; border-color: #214183; }
html[data-theme="dark"] .gift-rate-btn .tier-tag { background: #142843; color: #6f90ec; }
html[data-theme="dark"] .gift-rate-btn .edit-icon { color: #9ca2ab; }
html[data-theme="dark"] .diff-cheaper { color: #6fec9d; }
html[data-theme="dark"] .diff-costlier { color: #9ca2ab; }
html[data-theme="dark"] .custom-gift-modal { background: #161618; }
html[data-theme="dark"] .custom-gift-header { background: #142743; }
html[data-theme="dark"] .currency-pill { background: #2c2c2e; color: #c2c7cf; }
html[data-theme="dark"] .modal-close-btn { color: #9ca2ab; }
html[data-theme="dark"] .modal-close-btn:hover { background: #202023; }
html[data-theme="dark"] .product-amount-banner { background: #142a43; border: 1px solid #214c83; color: #748fe7; }
html[data-theme="dark"] .active-match-tag { background: #142843; color: #6f90ec; }
html[data-theme="dark"] .calc-card { background: #202023; border: 1px solid #383d44; }
html[data-theme="dark"] .calc-card-header { color: #c2c7cf; }
html[data-theme="dark"] .calc-desc { color: #9ca2ab; }
html[data-theme="dark"] .calc-input-group label { color: #b2b7bf; }
html[data-theme="dark"] .input-with-addon { border: 1px solid #3c5067; background: #161618; }
html[data-theme="dark"] .input-with-addon .addon { color: #9ca2ab; }
html[data-theme="dark"] .calc-equal { color: #9ca2ab; }
html[data-theme="dark"] .calc-result-box { background: #161618; border: 1px solid #214f83; }
html[data-theme="dark"] .calc-result-label { color: #9ca2ab; }
html[data-theme="dark"] .calc-result-val { color: #6f90ec; }
html[data-theme="dark"] .tiers-section-header p { color: #9ca2ab; }
html[data-theme="dark"] .add-tier-btn { background: #142843; }
html[data-theme="dark"] .add-tier-btn:hover { background: #142843; }
html[data-theme="dark"] .tier-row { border: 1px solid #383d44; background: #161618; }
html[data-theme="dark"] .tier-row.hit-tier { background: #142143; }
html[data-theme="dark"] .tier-label-small { color: #9ca2ab; }
html[data-theme="dark"] .tier-input-wrap { border: 1px solid #3c5067; background: #161618; }
html[data-theme="dark"] .tier-input-wrap .unit-addon { color: #9ca2ab; }
html[data-theme="dark"] .tier-input-wrap .prefix-addon { color: #9ca2ab; }
html[data-theme="dark"] .infinite-text { color: #b2b7bf; }
html[data-theme="dark"] .tier-col-name input { border: 1px solid #3c5067; }
html[data-theme="dark"] .hit-badge { background: #144324; color: #73e89f; }
html[data-theme="dark"] .delete-tier-btn { color: #99a4b3; }
html[data-theme="dark"] .delete-tier-btn:hover { background: #431414; }
html[data-theme="dark"] .custom-modal-links { border-top: 1px solid #31383f; }
html[data-theme="dark"] .reset-tiers-btn { color: #9ca2ab; }
html[data-theme="dark"] .reset-tiers-btn:hover { color: #c2c7cf; background: #202023; }
html[data-theme="dark"] .custom-gift-footer { background: #142743; }
html[data-theme="dark"] .btn-cancel { color: #b2b7bf; background: #202023; }
html[data-theme="dark"] .btn-cancel:hover { background: #2c2c2e; }
html[data-theme="dark"] .watchlist-modal-card { background: #161618; }
html[data-theme="dark"] .watchlist-modal-sub { color: #9ca2ab; }
html[data-theme="dark"] .watchlist-section-head { color: #d6dae1; }
html[data-theme="dark"] .watchlist-section-desc { color: #9ca2ab; }
html[data-theme="dark"] .watchlist-region-chip { border: 1px solid #3c5067; background: #161618; }
html[data-theme="dark"] .watchlist-region-chip:hover { border-color: #214f83; background: #142143; }
html[data-theme="dark"] .watchlist-region-chip.active { background: #142843; }
html[data-theme="dark"] .watchlist-alert-options { background: #202023; border: 1px solid #383d44; }
html[data-theme="dark"] .watchlist-alert-text strong { color: #d6dae1; }
html[data-theme="dark"] .watchlist-alert-text small { color: #9ca2ab; }
html[data-theme="dark"] .watchlist-alert-fx-row { border-top: 1px solid #31383f; }
html[data-theme="dark"] .watchlist-select { border: 1px solid #3c5067; background: #161618; color: #d6dae1; }
html[data-theme="dark"] .watchlist-overview-banner { background: #202023; border: 1px solid #383d44; }
html[data-theme="dark"] .stat-pill { background: #161618; border: 1px solid #383d44; color: #c2c7cf; }
html[data-theme="dark"] .stat-pill-alert { border-color: #836f21; background: #433a14; color: #f7a364; }
html[data-theme="dark"] .watchlist-btn-secondary { background: #161618; border: 1px solid #3c5067; color: #b2b7bf; }
html[data-theme="dark"] .watchlist-btn-secondary:hover { background: #202023; }
html[data-theme="dark"] .watchlist-card { background: #161618; border: 1px solid #383d44; }
html[data-theme="dark"] .watchlist-card:hover { border-color: #214f83; }
html[data-theme="dark"] .watchlist-card-title { color: #e3e6ee; }
html[data-theme="dark"] .watchlist-card-sub { color: #9ca2ab; }
html[data-theme="dark"] .meta-tag { background: #202023; color: #b2b7bf; }
html[data-theme="dark"] .meta-date { color: #99a4b3; }
html[data-theme="dark"] .watchlist-fx-alert-banner { background: #433a14; border: 1px solid #836f21; }
html[data-theme="dark"] .fx-alert-item { color: #f19d6a; }
html[data-theme="dark"] .price-matrix-label { color: #b2b7bf; }
html[data-theme="dark"] .price-matrix-chip { background: #202023; border: 1px solid #383d44; }
html[data-theme="dark"] .price-matrix-chip.chip-lowest { background: #144322; border-color: #218344; box-shadow: 0 0 0 1px #1f7a40; }
html[data-theme="dark"] .chip-region-name { color: #b2b7bf; }
html[data-theme="dark"] .chip-converted-price { color: #e3e6ee; }
html[data-theme="dark"] .chip-local-price { color: #9ca2ab; }
html[data-theme="dark"] .diff-drop { color: #73e89f; background: #144324; }
html[data-theme="dark"] .diff-rise { color: #ea7171; background: #431414; }
html[data-theme="dark"] .watchlist-card-footer { border-top: 1px solid #31383f; }
html[data-theme="dark"] .watchlist-compare-btn:hover { background: #142843; }
html[data-theme="dark"] .saved-empty-hero { background: #161618; border: 1px solid #383d44; }
html[data-theme="dark"] .empty-icon-circle { background: #433a14; }
html[data-theme="dark"] .saved-empty-hero h2 { color: #e3e6ee; }
html[data-theme="dark"] .saved-empty-hero p { color: #9ca2ab; }
html[data-theme="dark"] .empty-popular-section { color: #9ca2ab; }
html[data-theme="dark"] .watchlist-tab-row { border-bottom: 1px solid #383d44; }
html[data-theme="dark"] .watchlist-tab-btn { color: #9ca2ab; }
html[data-theme="dark"] .watchlist-tab-btn.active { background: #142843; }
html[data-theme="dark"] .watchlist-textarea { border: 1px solid #3c5067; color: #c2c7cf; }
html[data-theme="dark"] .slim-ad-banner { background: #161618; border: 1px solid #383d44; }
html[data-theme="dark"] .slim-ad-label { color: #99a4b3; }