.header-actions{gap:7px}.appearance{max-width:77px;border:1px solid var(--line);border-radius:8px;background:transparent;padding:7px 4px;font-size:10px;color:var(--ink);cursor:pointer}.brand img{width:100px}.header-actions .pill{font-size:10px;padding:7px}.header-actions .icon-button{width:28px;height:28px}
html[data-theme=dark]{--ink:#f0f2f8;--pink:#f16ac5;--muted:#a5adbf;--line:#2c3547;--bg:#20293a;background:#0d111c}
html[data-theme=dark] body{background:#0d111c}
html[data-theme=dark] .device,html[data-theme=dark] header,html[data-theme=dark] nav{background:#141b29}
html[data-theme=dark] .device{border-color:#354158;box-shadow:0 28px 70px #0005}
html[data-theme=dark] .screen-links button{background:#192232;border-color:#293247}
html[data-theme=dark] .search{border-color:#2c3547}
html[data-theme=dark] .icon-button{background:#20293a;color:#e4e9f4}
html[data-theme=dark] .hero{background:radial-gradient(ellipse at 90% 80%,#4a2044 0,transparent 65%),#1e283b;border:1px solid #31394d}
html[data-theme=dark] .hero .cta,html[data-theme=dark] .total-card .cta{background:#c60086;color:#fff}
html[data-theme=dark] .category .symbol,html[data-theme=dark] .builder-row>.symbol{background:#20293a;color:#ccd4e5}
html[data-theme=dark] .build-banner{background:#281d30;border-color:#4b2d49}
html[data-theme=dark] .product,html[data-theme=dark] .builder-row{background:#1b2434}
html[data-theme=dark] .product img,html[data-theme=dark] .product-photo,html[data-theme=dark] .builder-row img{background:white}
html[data-theme=dark] .builder-row img{border-radius:7px}
html[data-theme=dark] .chip{background:#1b2434}
html[data-theme=dark] .chip.selected{background:#e7eaf2;color:#172033;border-color:#e7eaf2}
html[data-theme=dark] .stock{color:#77d9aa}
html[data-theme=dark] .tag{color:#217545;background:#eff8f1}
html[data-theme=dark] .cta.dark{background:#e7ebf4;color:#172033}
html[data-theme=dark] .cta.light{background:#34213a;color:#f6a2de}
html[data-theme=dark] .builder-hero{background:#202b40;border:1px solid #344056}
html[data-theme=dark] .choose{border-color:#613551}
html[data-theme=dark] .total-card{background:#20293a}
html[data-theme=dark] .home-indicator:after{background:#dce2ee}
html[data-theme=dark] select option{background:#20293a;color:#f0f2f8}
@media(max-width:740px){html[data-theme=dark] body{background:#141b29}}