.appearance-toggle{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:16px}
.appearance-toggle input{appearance:none;width:42px!important;height:24px;padding:0!important;border:0!important;border-radius:20px;background:#b8c4cf;position:relative;cursor:pointer;flex-shrink:0}
.appearance-toggle input::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s}
.appearance-toggle input:checked{background:#4795d7}.appearance-toggle input:checked::after{transform:translateX(18px)}
.appearance-toggle input:focus-visible{outline:2px solid #4795d7;outline-offset:3px}
.appearance-sound-row{display:flex;gap:10px;align-items:center}.appearance-sound-row select{flex:1;min-width:0}.appearance-sound-row button{white-space:nowrap;border:0;border-radius:9px;padding:10px 14px;background:#e2efff;color:#196bb9;cursor:pointer}
#appearanceSection .section-body{display:flex;flex-direction:column;gap:16px}#appearanceSection label{margin:0}#appearanceSection input[type=range]{padding:0;accent-color:#4795d7}#appearanceSoundStatus:empty{display:none}
html[data-theme=dark]{color-scheme:dark;--tg-text:#dbe4ed;--tg-muted:#94a7b9;--tg-border:#40505f;--tg-panel:#263440;--tg-hover:#324352;--tg-in:#2d3d4b;--tg-out:#34534f;--tg-chat-fallback:#202c37;--tg-blue:#69abe5;--tg-blue-active:#3b6589}
html[data-theme=dark] body,html[data-theme=dark] .layout,html[data-theme=dark] .chat{background:#202c37;color:var(--tg-text)}
html[data-theme=dark] :is(.sidebar,.sidebar-toolbar,.chat-header,.composer,.topic-tabs,.notes-panel,.notes-header,.dropdown,.emoji-picker,dialog,.login-card,.message-action-menu>div){background:var(--tg-panel);color:var(--tg-text);border-color:var(--tg-border)}
html[data-theme=dark] .messages{background-color:var(--tg-chat-fallback);background-image:linear-gradient(rgba(32,44,55,.97),rgba(32,44,55,.97)),url('./bg.png?v=talkhub-2')}
html[data-theme=dark] :is(input:not([type=checkbox]):not([type=range]),textarea,select,.search-box,.search-input,.note-card,.settings-help,.help-panel,.reply-preview,.selected-file-chip,.attachment-file,.voice-player,.message-reply-quote,.message-text blockquote,.message-text code,.message-text pre){background:#2e3e4c;color:var(--tg-text);border-color:var(--tg-border)}
html[data-theme=dark] :is(.chat-title,.contact-name,.settings-section summary,.section-heading,.emoji-picker-title,.dialog-form h3,.dialog-form label,.note-text,.attachment-file-name,.message-text,.message){color:var(--tg-text)}
html[data-theme=dark] :is(.settings-section,.personal-max-selection,.contact-folder-contents,.attachment-cache-removed,.note-card,.sidebar,.chat-header,.composer){border-color:var(--tg-border)}
html[data-theme=dark] :is(.last-message,.contact-meta,.chat-subtitle,.field-hint,.settings-intro,.settings-help,.section-heading small,.message-time,.dialog-form small,.folder-empty,.unfiled-label){color:var(--tg-muted)}
html[data-theme=dark] :is(.dropdown-item,.message-action-menu button,.round-btn,.icon-btn,.folder-inline-menu,.emoji-tabs button){background:transparent;color:var(--tg-text)}
html[data-theme=dark] :is(.dropdown-item:hover,.message-action-menu button:hover,.round-btn:hover,.emoji-tabs button:hover,.emoji-grid button:hover,.contact:hover,.contact-folder-heading:hover){background:var(--tg-hover)}
html[data-theme=dark] .contact.active,html[data-theme=dark] .contact.active:hover{background:#3b6589;color:#edf3f8}
html[data-theme=dark] .contact.active :is(.last-message,.contact-name){color:#e0eaf2}
html[data-theme=dark] :is(.contact-folder-icon,.help-circle,.emoji-tabs button[aria-pressed=true],.attachment-cache-removed button){background:#314c63;color:#91c7f2;border-color:#4b6a84}
html[data-theme=dark] .dialog-actions button:not(.primary):not(#saveSettingsBtn):not([id$=Disconnect]):not([id$=Import]),html[data-theme=dark] #previewNotificationSound{background:#35495b;color:#dbe4ed;border-color:#4c6275}
html[data-theme=dark] button:disabled{background:#2c3b48!important;color:#8395a7!important}
html[data-theme=dark] .settings-section{background:var(--tg-panel);color:var(--tg-text)}
html[data-theme=dark] :is(a,.message-text a){color:#8ac4f3}html[data-theme=dark] .message.out .message-sender{color:#a3d9bf}html[data-theme=dark] .message.in .message-sender{color:#97c9f2}
html[data-theme=dark] .message-date-separator span{background:#42576b;color:#dbe4ed}
html[data-theme=dark] .message.is-deleted{background:#2a3641;color:#8a98a6}
html[data-theme=dark] .message.is-deleted :is(.message-text,.message-text a,.message-sender,.message-reply-quote){color:#8a98a6!important}
html[data-theme=dark] :is(.dropdown-separator,.voice-wave){background:#405568}
html[data-theme=dark] :is(.topic-tab.active,.attachment-cache-removed){background:#304454;color:#b5ccdf}
html[data-theme=dark] .gallery-tile{background:#2e3e4c}
html[data-theme=dark] :is(.contact-folder-heading,.contact-folder-name,.contact-folder-heading:hover){color:var(--tg-text)}
html[data-theme=dark] :is(.composer-icon,#channelFilterButton,#mailSettingsShortcut,.channel-filter-options,.channel-filter-options button){background:#304454;color:var(--tg-text);border-color:var(--tg-border)}
html[data-theme=dark] #channelFilterIcon{color:var(--tg-text)}
html[data-theme=dark] .channel-filter-options button:hover{background:var(--tg-hover)}
html[data-theme=dark] #saveSettingsBtn{background:#468bd0;color:#fff}
html[data-theme=dark] .notes-hint{background:#44452f;color:#d8cd9f}
html[data-theme=dark] ::placeholder{color:#8fa4b7;opacity:1}
html[data-theme=dark] .unread-toggle{background:#304454;color:var(--tg-text);border-color:var(--tg-border)}
