:root{--page:#faf9f5;--ink:#20372f;--primary:#173f32;--feature-bg:#eee9db;--soft:#edf0e6;--surface:#fffefc;--accent:#b68b37;--glow:#53b19a;--night:#0c2723}
:root[data-theme=blue]{--page:#f3f6fb;--ink:#233650;--primary:#203f70;--feature-bg:#e4ebf5;--soft:#eaf0f8;--surface:#fcfdff;--accent:#b48a47;--glow:#719ee9;--night:#101e39}
.theme-choice{font:12px/1.4 Arial,Khmer,sans-serif!important;border:1px solid var(--accent)!important;border-radius:16px!important;color:var(--primary)!important;background:var(--surface)!important;min-height:34px;max-width:115px;padding:5px 8px!important;cursor:pointer}
[data-theme=blue] .topbar,[data-theme=blue] .bottom-nav{background:#fcfdfff2}[data-theme=blue] .top-note{background:var(--primary)}[data-theme=blue] .product-card,[data-theme=blue] .description,[data-theme=blue] .purchase-dock,[data-theme=blue] .sku-sheet{background:var(--surface);color:var(--ink)}[data-theme=blue] .contact .support-avatar{background:#e5edf8}[data-theme=blue] .cta,[data-theme=blue] .add-round{background:var(--primary)}[data-theme=blue] .category.active .disc,[data-theme=blue] .variant.selected{border-color:var(--primary);background:var(--soft)}[data-theme=blue] .web-product,[data-theme=blue] #web-dialog{background:var(--surface);color:var(--ink)}[data-theme=blue] body:has(#web):not(:has(.web-login)){background:var(--page);color:var(--ink)}[data-theme=blue] #web .btn:not(.outline):not(.danger){background:var(--primary)}
body:has(.web-login){min-height:100vh;background:radial-gradient(ellipse at 18% 20%,color-mix(in srgb,var(--glow) 24%,transparent),transparent 45%),radial-gradient(ellipse at 85% 85%,#b68b3722,transparent 40%),linear-gradient(145deg,var(--night),#080f1b);display:grid;place-items:center;padding:28px 18px;box-sizing:border-box}
body:has(.web-login)::before{content:'';position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:48px 48px}
.web-login{position:relative;width:min(460px,calc(100vw - 36px));max-width:460px;margin:0;padding:36px;border:1px solid #ffffff2b;border-top:2px solid var(--accent);border-radius:26px;background:linear-gradient(145deg,#ffffff15,#ffffff08);box-shadow:0 24px 80px #0005;backdrop-filter:blur(20px);color:#f5f7fb}
.login-brand{display:flex;gap:16px;align-items:center;margin-bottom:24px}.login-brand img{border-radius:50%;box-shadow:0 0 30px #dfbd6630}.login-brand strong{display:block;font:32px Georgia,serif;letter-spacing:4px}.login-brand span{display:block;font-size:11px;letter-spacing:1px;color:#d2dcd9}.login-theme{margin:0 0 24px}.web-login h1{font-size:20px;font-weight:500;margin:0 0 28px}.web-login label{color:#dae2e9;font-size:14px}.web-login input{background:#ffffff0d;border:1px solid #ffffff35;color:#fff;border-radius:12px;padding:14px;box-sizing:border-box}.web-login input:focus{outline:2px solid var(--glow);outline-offset:2px}.web-login .btn{width:100%;padding:14px;border-radius:12px;background:linear-gradient(110deg,var(--primary),color-mix(in srgb,var(--primary),var(--glow) 35%));border:1px solid #ffffff30;color:white;font-weight:600;box-shadow:0 5px 20px #0002}.web-login .web-error{color:#ffbaae}.web-login a{color:#e4c987}
@media(max-width:650px){.tools{flex-wrap:wrap;justify-content:flex-end;max-width:170px}.tools .theme-choice{max-width:90px;font-size:10px!important;min-height:28px;padding:3px 5px!important}.web-login{padding:26px}.login-brand strong{font-size:28px}}

.web-login h1,.web-login .login-brand strong{color:#f5f7fb!important}.web-login #webLogin .btn{background:linear-gradient(110deg,var(--primary),color-mix(in srgb,var(--primary),var(--glow) 35%))}