:root {color-scheme: light dark;}
:root[data-color-mode="dark"] .avatar {background-color: var(--card); color: var(--ink); border-color: var(--line);}
:root[data-color-mode="dark"] {color-scheme: dark; --bg: #171b22; --card: #222832; --ink: #f0ece8; --text: #f0ece8; --muted: #b8b1ac; --line: #414954; --success: #253e31; --shadow: 0 12px 34px rgba(0,0,0,.22);}
:root[data-color-mode="dark"] body {background: linear-gradient(180deg,var(--theme-meta,var(--bg)),var(--bg)); color: var(--ink);}
:root[data-color-mode="dark"] .app-shell {background: rgba(23,27,34,.9);}
:root[data-color-mode="dark"] .primary {color: var(--bg);}
:root[data-color-mode="dark"] dialog,:root[data-color-mode="dark"] .dialog-head,:root[data-color-mode="dark"] input,:root[data-color-mode="dark"] textarea,:root[data-color-mode="dark"] select,:root[data-color-mode="dark"] .wish-card,:root[data-color-mode="dark"] .public-wish,:root[data-color-mode="dark"] .gift-dash-card,:root[data-color-mode="dark"] .group-chip,:root[data-color-mode="dark"] .avatar-presets button,:root[data-color-mode="dark"] .wish-group-choice,:root[data-color-mode="dark"] .theme-btn,:root[data-color-mode="dark"] .theme-choice,:root[data-color-mode="dark"] .pool-invite-list label,:root[data-color-mode="dark"] .important-notice-list article,:root[data-color-mode="dark"] .received-undo-panel article,:root[data-color-mode="dark"] .account-btn,:root[data-color-mode="dark"] .context-help,:root[data-color-mode="dark"] .mini-tool,:root[data-color-mode="dark"] .finder-grid a,:root[data-color-mode="dark"] .share-btn,:root[data-color-mode="dark"] .join-members,:root[data-color-mode="dark"] .join-members-list>span,:root[data-color-mode="dark"] .search-query,:root[data-color-mode="dark"] .guide-card-link,:root[data-color-mode="dark"] .guide-step,:root[data-color-mode="dark"] .guide-note {background: var(--card); color: var(--ink); border-color: var(--line);}
:root[data-color-mode="dark"] .bottom-nav {background: rgba(34,40,50,.96);}
:root[data-color-mode="dark"] .secondary,:root[data-color-mode="dark"] .tiny-edit,:root[data-color-mode="dark"] .me,:root[data-color-mode="dark"] .edit-avatar,:root[data-color-mode="dark"] .group-chip.add,:root[data-color-mode="dark"] .wish-link,:root[data-color-mode="dark"] .share-list-btn,:root[data-color-mode="dark"] .received-btn,:root[data-color-mode="dark"] .wish-groups-btn,:root[data-color-mode="dark"] .profile-calendar-btn,:root[data-color-mode="dark"] .pool-share-btn,:root[data-color-mode="dark"] .public-buy-link {background: var(--accent2); color: var(--ink); border-color: var(--line);}
:root[data-color-mode="dark"] .group-chip.active,:root[data-color-mode="dark"] .reserve-btn,:root[data-color-mode="dark"] .public-actions .reserve {background: var(--ink); color: var(--bg);}
:root[data-color-mode="dark"] .pill,:root[data-color-mode="dark"] .icon-btn,:root[data-color-mode="dark"] .share-card,:root[data-color-mode="dark"] .identity-link-code,:root[data-color-mode="dark"] .identity-link-profile,:root[data-color-mode="dark"] .gift-tabs,:root[data-color-mode="dark"] .pool-total,:root[data-color-mode="dark"] .archive-controls,:root[data-color-mode="dark"] .archive-old,:root[data-color-mode="dark"] .profile-v2-summary,:root[data-color-mode="dark"] .close-person-event,:root[data-color-mode="dark"] .close-person-hints,:root[data-color-mode="dark"] .product-preview,:root[data-color-mode="dark"] .public-helper,:root[data-color-mode="dark"] .public-status,:root[data-color-mode="dark"] .public-actions .bought,:root[data-color-mode="dark"] .public-actions .release,:root[data-color-mode="dark"] .share-url,:root[data-color-mode="dark"] .guest-code,:root[data-color-mode="dark"] .age-confirm,:root[data-color-mode="dark"] .age-gate-mark,:root[data-color-mode="dark"] .pool-view-tabs,:root[data-color-mode="dark"] .pool-organizer-controls,:root[data-color-mode="dark"] .pool-adjustment,:root[data-color-mode="dark"] .pool-select-all,:root[data-color-mode="dark"] .important-gift-notice,:root[data-color-mode="dark"] .received-undo-panel,:root[data-color-mode="dark"] .personal-event-notice,:root[data-color-mode="dark"] .social-links a {background: var(--card); color: var(--ink); border-color: var(--line);}
:root[data-color-mode="dark"] .gift-tabs button.active,:root[data-color-mode="dark"] .pool-view-tabs button.active {background: var(--accent2); color: var(--ink);}
:root[data-color-mode="dark"] .gift-actions .reserve-btn,:root[data-color-mode="dark"] .gift-actions .reserved,:root[data-color-mode="dark"] .reserved,:root[data-color-mode="dark"] .pool-btn,:root[data-color-mode="dark"] .pool-foot,:root[data-color-mode="dark"] .ga-member button,:root[data-color-mode="dark"] .ga-member small,:root[data-color-mode="dark"] .ga-leave,:root[data-color-mode="dark"] .ga-delete,:root[data-color-mode="dark"] .status-pill,:root[data-color-mode="dark"] .pool-stage,:root[data-color-mode="dark"] .pool-balance,:root[data-color-mode="dark"] .pool-undo-note,:root[data-color-mode="dark"] .important-notice-actions button,:root[data-color-mode="dark"] .received-undo-panel button,:root[data-color-mode="dark"] .personal-event-notice button {background: var(--accent2); color: var(--ink); border-color: var(--line);}
:root[data-color-mode="dark"] .wish-meta,:root[data-color-mode="dark"] .wish-private-note,:root[data-color-mode="dark"] .wish-detail-row,:root[data-color-mode="dark"] .wish-details summary,:root[data-color-mode="dark"] .wish-price,:root[data-color-mode="dark"] .public-price,:root[data-color-mode="dark"] .privacy-lead,:root[data-color-mode="dark"] .profile-v2-note,:root[data-color-mode="dark"] .product-preview span,:root[data-color-mode="dark"] .share-card code,:root[data-color-mode="dark"] .legal-nav a,:root[data-color-mode="dark"] .age-legal a,:root[data-color-mode="dark"] .important-notice-list article span,:root[data-color-mode="dark"] .pool-stage-line,:root[data-color-mode="dark"] .pool-stage-line b,:root[data-color-mode="dark"] .pool-balance-help,:root[data-color-mode="dark"] .pool-adjustment small {color: var(--muted);}
:root[data-color-mode="dark"] .profile-restore-status {background: rgba(23,27,34,.9); color: var(--ink);}
:root[data-color-mode="dark"] .back-btn,:root[data-color-mode="dark"] button[data-back],:root[data-color-mode="dark"] .back,:root[data-color-mode="dark"] .backlink {background: var(--card); color: var(--ink); border-color: var(--line);}
:root[data-color-mode="dark"] .identity-link-error,:root[data-color-mode="dark"] .feedback-error {background: #452b30; color: #ffb8ae;}
:root[data-color-mode="dark"] .pool-success,:root[data-color-mode="dark"] .feedback-success-icon {background: var(--success); color: #b9e6c8;}