:root,html[data-theme="light"]{--bg:#e5e8ea;--bg-card:#f0f2f3;--bg-card-hover:#e8edef;--bg-elevated:#dbe1e5;--border:#cbd2d7;--border-light:#a8b7c1;--text:#19232b;--text-secondary:#374650;--muted:#556670;--muted-dark:#617580;--glass:#e5e8eaed;--accent:#536b7b;--accent-hover:#3f5666;--accent-soft:#dce5eb;--hero-bg:#71818c;--action-text:#fff}
html[data-theme="dark"]{--bg:#1a1e22;--bg-card:#252b30;--bg-card-hover:#2b343c;--bg-elevated:#303a42;--border:#3c4851;--border-light:#667b8a;--text:#edf1f4;--text-secondary:#d0d9df;--muted:#b0bec8;--muted-dark:#94a6b3;--glass:#1a1e22ed;--accent:#becfdb;--accent-hover:#d9e5ed;--accent-soft:#344653;--hero-bg:#364751;--action-text:#18222b}
html[data-palette="sage"][data-theme="light"]{--bg:#e0e5df;--bg-card:#edf1eb;--bg-card-hover:#e4ebe1;--bg-elevated:#d8e1d4;--border:#c6d1c1;--glass:#e0e5dfed;--accent:#5e725b;--accent-hover:#42573f;--accent-soft:#dce6dc;--hero-bg:#758872}
html[data-palette="blue"][data-theme="light"]{--bg:#dde4e9;--bg-card:#ecf1f5;--bg-card-hover:#e0eaf2;--bg-elevated:#d2dfe9;--border:#becedb;--glass:#dde4e9ed;--accent:#416c93;--accent-hover:#2b5276;--accent-soft:#d8e6f1;--hero-bg:#627f9c}
html[data-palette="plum"][data-theme="light"]{--bg:#e5dfe8;--bg-card:#f2edf4;--bg-card-hover:#eae0ee;--bg-elevated:#dfd1e5;--border:#cfbfd7;--glass:#e5dfe8ed;--accent:#795d84;--accent-hover:#5e4268;--accent-soft:#e8dfee;--hero-bg:#8a7194}
html[data-palette="sage"][data-theme="dark"]{--bg:#19211c;--bg-card:#26312a;--bg-card-hover:#303d33;--bg-elevated:#354338;--border:#425547;--glass:#19211ced;--accent:#b8d1b1;--accent-hover:#d1e4cc;--accent-soft:#344533;--hero-bg:#3d4f3b}
html[data-palette="blue"][data-theme="dark"]{--bg:#18212a;--bg-card:#24323e;--bg-card-hover:#2d3f4d;--bg-elevated:#344b5d;--border:#425d72;--glass:#18212aed;--accent:#a9cfee;--accent-hover:#c8e3f8;--accent-soft:#304555;--hero-bg:#354d61}
html[data-palette="plum"][data-theme="dark"]{--bg:#211b25;--bg-card:#302736;--bg-card-hover:#3d3045;--bg-elevated:#4a3854;--border:#5a4565;--glass:#211b25ed;--accent:#d4bce3;--accent-hover:#ead8f4;--accent-soft:#493a52;--hero-bg:#51415b}
html[data-theme]{--blue:var(--accent);--blue-soft:var(--accent-soft);--purple:var(--accent);--purple-soft:var(--accent-soft)}
html[data-theme] .tab,html[data-theme] .filter-chip,html[data-theme] .lot-action-btn,html[data-theme] .toolbar-button,html[data-theme] .modal-close{background:var(--bg-elevated);color:var(--text-secondary);border-color:var(--border)}
html[data-theme] .filter-chip.active,html[data-theme] .tab.active,html[data-theme] .tab.active:hover{background:var(--accent);color:var(--action-text);border-color:var(--accent)}
html[data-theme] .tab .tab-count{background:var(--bg-card);color:inherit}
html[data-theme] .tab.active .tab-count{background:var(--accent-soft);color:var(--text)}
html[data-theme] .tag-hot,html[data-theme] .tag-new,html[data-theme] .tag-cat,html[data-theme] .tag-time,html[data-theme] .profile-avatar,html[data-theme] .how-num,html[data-theme] .alert-banner,html[data-theme] .alert-icon{background:var(--accent-soft);color:var(--accent)}
html[data-theme] .lot-action-btn.favorited{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}
html[data-theme] .lot-action-btn.favorited svg{fill:currentColor}
html[data-theme] .stream-toggle{background:var(--border)}
html[data-theme] .stream-toggle.active{background:var(--accent)}
html[data-theme] .settings-icon{background:var(--accent-soft)!important;color:var(--accent)!important}
html[data-theme] .brand-icon svg,html[data-theme] .section-link,html[data-theme] .settings-arrow,html[data-theme] .detail-price,html[data-theme] .detail-profit,html[data-theme] .profile-stat-num{color:var(--accent)}
html[data-theme] .alert-title,html[data-theme] .settings-title,html[data-theme] .profile-name,html[data-theme] .modal-title{color:var(--text)}
html[data-theme] .alert-text,html[data-theme] .filter-label,html[data-theme] .stream-meta,html[data-theme] .profile-stat-label{color:var(--text-secondary)}
html[data-theme] .profile-stat,html[data-theme] .detail-specs,html[data-theme] .admin-user-card{background:var(--bg-elevated);border-color:var(--border)}
html[data-theme] .filter-input{background:var(--bg-elevated);color:var(--text);border-color:var(--border)}
html[data-theme] .filter-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
html[data-theme] .lot-action-btn.buy:hover,html[data-theme] .add-stream-btn:hover,html[data-theme] .retry-btn:hover,html[data-theme] .filter-apply-btn:hover{background:var(--accent-hover);color:var(--action-text)}
body[data-auth="member"] #authBtn{display:none}
html[data-motion="scroll"] .scroll-card{animation:none!important;transform:translate3d(0,var(--scroll-offset,0px),0)!important;opacity:var(--scroll-opacity,1)!important;transition:background-color 180ms,border-color 180ms,color 180ms}
.stream-edit{flex-shrink:0}
.collector-strip .site-collection-button{flex:none;min-height:40px;padding:8px 16px;border-radius:24px;background:var(--accent);color:var(--action-text);font-weight:700}
.site-collection-button[hidden],html[data-device="mobile"] .site-collection-button{display:none!important}
@media(max-width:739px){.collector-strip .site-collection-button{grid-column:2;justify-self:start}}
@media(prefers-reduced-motion:reduce){html[data-motion] .scroll-card{transform:none!important;opacity:1!important}}
html[data-device="mobile"] a[href="/downloads/screenpars-browser.zip"],html[data-extension="installed"] a[href="/downloads/screenpars-browser.zip"]{display:none}
html[data-device="mobile"] .collection-actions,html[data-extension="installed"] .collection-actions{display:none}
html[data-extension="outdated"] .collection-actions{display:flex}
html[data-device="mobile"][data-extension] .collection-actions{display:none}
html[data-device="mobile"] .settings-item[onclick="openAvitoConnection()"]{display:none}
html[data-theme] .icon-btn,html[data-theme] .lot-card,html[data-theme] .bento-grid,html[data-theme] .stream-item,html[data-theme] .profile-header,html[data-theme] .settings-group,html[data-theme] .modal,html[data-theme] .empty-state,html[data-theme] .error-container,html[data-theme] .welcome-entry,html[data-theme] .collector-strip,html[data-theme] .loading-container{background:var(--bg-card);border-color:var(--border);color:var(--text)}
html[data-theme] .lot-card:hover,html[data-theme] .settings-item:hover,html[data-theme] .icon-btn:hover{background:var(--bg-card-hover)}
html[data-theme] .welcome-primary,html[data-theme] .account-button,html[data-theme] .modal-btn,html[data-theme] .retry-btn,html[data-theme] .add-stream-btn,html[data-theme] .filter-apply-btn,html[data-theme] .lot-action-btn.buy{background:var(--accent);color:var(--action-text)}
html[data-theme] .welcome-primary:hover,html[data-theme] .modal-btn:hover{background:var(--accent-hover)}
html[data-theme] .modal-btn.secondary{background:var(--accent-soft);color:var(--text)}
html[data-theme] .entry-symbol,html[data-theme] .brand-icon,html[data-theme] .tag,html[data-theme] .badge-profit,html[data-theme] .lot-source-avatar{background:var(--accent-soft);color:var(--text)}
html[data-theme] .nav-item.active,html[data-theme] .tab.active{background:var(--accent-soft);color:var(--text)}
html[data-theme] .nav-item:hover,html[data-theme] .tab:hover{background:var(--bg-elevated)}
html[data-theme] .sneaker-hero{background:var(--hero-bg)}
html[data-theme] .hero-sub,html[data-theme] .hero-eyebrow{color:#f3f6f8}
html[data-theme] .hero-search.search-bar{background:var(--bg-card)}
html[data-theme] .hero-search.search-bar input{color:var(--text)}
html[data-theme] .hero-pills button{background:var(--bg-card);color:var(--text)}
html[data-theme] .hero-title{color:#fff}
html[data-theme] .lot-source,html[data-theme] .lot-geo,html[data-theme] .price-market,html[data-theme] .settings-desc,html[data-theme] .profile-username,html[data-theme] .modal-subtitle{color:var(--muted)}
/* Structural rules and secondary text must follow the same palette as controls. */
html[data-theme]{--border-light:color-mix(in srgb,var(--accent) 55%,var(--bg-card));--sage-deep:var(--accent);--hero-ink:var(--action-text);--overlay:color-mix(in srgb,var(--bg) 55%,transparent);--shadow:0 6px 24px color-mix(in srgb,var(--text) 5%,transparent);--shadow-lg:0 20px 60px color-mix(in srgb,var(--text) 14%,transparent)}
html[data-theme] .footer-wordmark{color:var(--accent)}
html[data-theme] .site-footer,html[data-theme] .how-section,html[data-theme] .bento-card,html[data-theme] .lot-footer,html[data-theme] .settings-item,html[data-theme] .modal-header{border-color:var(--border)}
html[data-theme] .footer-links,html[data-theme] .bento-label,html[data-theme] .featured-title,html[data-theme] .featured-note,html[data-theme] .nav-item{color:var(--muted)}
html[data-theme] .footer-links button,html[data-theme] .footer-links a{color:var(--accent)}
html[data-theme] .modal-overlay{background:var(--overlay)}
html[data-theme] .modal{box-shadow:var(--shadow-lg)}
html[data-theme] .toast,html[data-theme] .skip-link{background:var(--text);color:var(--bg)}
html[data-theme] .hero-search button{background:var(--accent);color:var(--action-text)}
html[data-theme] .hero-search input::placeholder{color:var(--muted)}
html[data-theme] .hero-search:focus-within{outline-color:var(--accent)}
html[data-theme] .hero-pills button:hover{background:var(--bg-elevated)}
html[data-theme] .sneaker-proof{background:var(--bg-card);color:var(--text)}
html[data-theme] .sneaker-proof svg,html[data-theme] .alert-icon svg{color:var(--accent)}
html[data-theme] .alert-close:hover{background:var(--accent-soft);color:var(--accent)}
html[data-theme] .hero-title,html[data-theme] .hero-sub,html[data-theme] .hero-eyebrow{color:var(--hero-ink)}
html[data-theme="dark"] .sneaker-hero{--hero-ink:var(--text)}
html[data-theme] .stream-toggle::after{background:var(--bg-card)}
html[data-theme] input[type="checkbox"],html[data-theme] input[type="range"]{accent-color:var(--accent)}
html[data-theme] ::selection{background:var(--accent);color:var(--action-text)}
html[data-theme] :focus-visible{outline-color:var(--accent)}
/* Flat controls: no luminous rings or shadows around navigation. */
html[data-theme] :is(.tab,.nav-item,.icon-btn,.filter-chip,.lot-action-btn,.bottom-nav,.stream-toggle,.brand-icon,.lot-card:hover){box-shadow:none}
html[data-theme] .filter-input:focus{box-shadow:none;outline:1px solid var(--accent);outline-offset:1px}
html[data-theme] .hero-search:focus-within{outline:1px solid var(--accent);outline-offset:1px}
html[data-theme] :focus-visible{outline-width:1px;outline-offset:2px}
html[data-theme] .hero-search.search-bar input,html[data-theme] .hero-search.search-bar input:focus,html[data-theme] .hero-search.search-bar input:focus-visible{outline:none;box-shadow:none;border:0;background:transparent}
.extension-download{display:block;text-align:center;margin-top:20px;color:var(--text-secondary);font-size:12px;text-underline-offset:4px;line-height:1.6}
.collection-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}
.collection-actions>a{font-size:12px;font-weight:650;color:var(--text);text-underline-offset:4px;line-height:1.6}
#authForm .filter-row{display:block;margin-bottom:20px}
#authForm .filter-label{display:block;position:static;font-size:13px;text-transform:none;letter-spacing:0;line-height:1.5;margin-bottom:8px}
#authForm .filter-input{display:block;line-height:1.4;padding:13px 15px;background:var(--bg-elevated);color:var(--text);border-color:var(--border);border-radius:13px}
#authForm .modal-error{white-space:normal;overflow-wrap:anywhere;line-height:1.5;margin-bottom:12px}
#authForm .modal-btn{white-space:normal;line-height:1.45;min-height:48px}
.signal-option{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.55;margin:16px 0;color:var(--text)}
.signal-option input{flex:none;width:18px;height:18px;margin-top:2px;accent-color:var(--accent)}
.palette-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.palette-choice{display:flex;align-items:center;gap:12px;text-align:left;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--bg-card);color:var(--text);min-height:64px;font-size:13px}
.palette-choice[aria-pressed="true"]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.palette-choice i{display:block;flex:none;width:22px;height:22px;border-radius:50%;background:var(--swatch)}
@media(max-width:739px){body:not([data-auth="member"]) #authBtn{display:none}.top-actions{gap:6px}.collector-strip{display:grid;grid-template-columns:7px minmax(0,1fr)}.collector-strip p{grid-column:2}.collection-actions{grid-column:2;flex-wrap:wrap;gap:8px 18px}html[data-theme] .bottom-nav{background:var(--glass);border-color:var(--border)}.palette-choice{padding:14px 12px}}
