header .headsearch{flex:0 1 560px;max-width:38vw;margin-right:auto}header>.icon,header>.account-menu,header>.primary,#theme-control{flex-shrink:0}#theme-control{position:relative}.theme-trigger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:9px}#theme-options{position:absolute;right:0;top:calc(100% + 10px);width:210px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px;z-index:1000;box-shadow:0 12px 35px #0005}#theme-options[hidden]{display:none}#theme-options button{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:12px;border-radius:7px}#theme-options button span:nth-child(2){flex:1}#theme-options button[aria-pressed=true],#theme-options button:hover{background:#7851ff24;color:#a88aff}.account-menu{display:flex;align-items:center;gap:8px}.country-flag{width:24px;height:16px;display:inline-flex;align-items:center;border-radius:2px;flex-shrink:0}.country-flag small{font-size:9px}
html[data-theme=dark]{--bg:#101010;--panel:#1c1c1e;--line:#38383b;--muted:#b2b2bb;color-scheme:dark}
html[data-theme=light]{--bg:#f4f6fa;--panel:#fff;--line:#d6dce7;--muted:#566176;color-scheme:light}
html[data-theme=two-tone]{--bg:#f3efe5;--panel:#fffcf5;--line:#dad3c4;--muted:#625e55;color-scheme:light}
html[data-theme=dark] :is(header,nav,footer,.hero){background:#121214}html[data-theme=dark] :is(.card,.sidebox,.panel,.store,.outline,.headsearch,dialog,input,select,textarea,.admin-nav,.admin-main,.metric){background:var(--panel);border-color:var(--line)}html[data-theme=dark] .hero{background-image:none}
html:is([data-theme=light],[data-theme=two-tone]) body{color:#20283a}html:is([data-theme=light],[data-theme=two-tone]) :is(.card,.sidebox,.panel,.store,.outline,.headsearch,dialog,input,select,textarea,.admin-nav,.admin-main,.metric,.review-card,.seller-reply,.admin-help,.row,.summary){background:var(--panel);color:#20283a;border-color:var(--line)}
html:is([data-theme=light],[data-theme=two-tone]) :is(.detailtext,.sub,.compact-info p,.compact-bottom small,.sellerline,.sectionhead p,.store p,.cell-sub,.muted,.formgrid small){color:var(--muted)!important}
html:is([data-theme=light],[data-theme=two-tone]) :is(.shop-stars,.price,.compact-bottom strong,.eyebrow){color:#6940bb}html:is([data-theme=light],[data-theme=two-tone]) .primary{color:#fff}html:is([data-theme=light],[data-theme=two-tone]) .tag{background:#e7e4f1;color:#443866}html:is([data-theme=light],[data-theme=two-tone]) .tag.mc{background:#d6eee3;color:#176445}html:is([data-theme=light],[data-theme=two-tone]) .hero{background:var(--panel);color:#20283a}html:is([data-theme=light],[data-theme=two-tone]) .hero p{color:var(--muted)}html:is([data-theme=light],[data-theme=two-tone]) .product-page-cover{background:var(--panel)}
html[data-theme=light] :is(header,nav,footer){background:#fff;color:#20283a}html[data-theme=light] nav button{color:#48556a}html[data-theme=light] .headsearch input{color:#20283a}
html[data-theme=two-tone] :is(header,nav,footer){background:#252a31;color:#eef0f5}html[data-theme=two-tone] header :is(.outline,.headsearch){background:#323842;border-color:#4a515d;color:#fff}html[data-theme=two-tone] header input{background:transparent;color:#fff}html[data-theme=two-tone] #theme-options{color:#20283a}
html:is([data-theme=light],[data-theme=two-tone]) :is(.promo,#seller-promo){color:#fff}html:is([data-theme=light],[data-theme=two-tone]) #seller-promo .detailtext{color:#ddd!important}
@media(max-width:1000px){header{gap:10px}header .headsearch{margin-left:8px;max-width:32vw}header .brand{font-size:17px}}
@media(max-width:700px){header{height:auto;min-height:88px;flex-wrap:wrap;padding:12px 4%}header .brand{margin-right:auto}header .headsearch{order:10;flex:1 0 100%;max-width:100%;margin:0}header>.primary{display:none}.theme-trigger{width:38px;height:38px}header>.account-menu{display:flex!important;padding:9px}.account-menu span{max-width:100px;overflow:hidden;text-overflow:ellipsis}#theme-options{position:fixed;top:75px;right:4vw}}
/* Contrast pairs for all management, identity, hiring and wallet surfaces. */
html:is([data-theme=light],[data-theme=two-tone]) :is(.metric b,.task-row,.admin-nav>button,.admin-nav>p,.admin-help small,label,th,td,.identity-prep p,.hire-job p,.hire-order small){color:#303b4d}
html:is([data-theme=light],[data-theme=two-tone]) :is(.admin-nav button.selected,#theme-options button[aria-pressed=true]){color:#51279b;background:#e6def3;box-shadow:inset 3px 0 #7141b8}
html:is([data-theme=light],[data-theme=two-tone]) :is(.admin-nav button span,.task-row b,.text-link){color:#6940a3}
html:is([data-theme=light],[data-theme=two-tone]) :is(.identity-prep,.identity-kind,.identity-progress,.identity-document,.identity-guidance,.hire-job,.hire-order,.hire-message,.wallet-package,.wallet-summary,.wallet-history-row){background:var(--panel);color:#303b4d;border-color:var(--line)}
html:is([data-theme=light],[data-theme=two-tone]) :is(.identity-layout input,.identity-layout textarea){background:var(--panel);color:#263247;border-color:#8a94a5}
html:is([data-theme=light],[data-theme=two-tone]) .notice{color:#493461;background:#eee5f6;border-color:#b5a0cf}
html:is([data-theme=light],[data-theme=two-tone]) .admin-actions button:not(.primary){background:#e7def5;color:#512a88}
html:is([data-theme=light],[data-theme=two-tone]) .admin-actions button.danger{background:#f7dfe3;color:#982b42}
html:is([data-theme=light],[data-theme=two-tone]) :is(.wallet-balance b,.wallet-package>strong,.wallet-history-row>strong,.wallet-payment .wallet-countdown){color:#775617}
html:is([data-theme=light],[data-theme=two-tone]) :is(.wallet-package>small,.wallet-package>span,.hire-message small,.hire-timeline small){color:#566176}
html:is([data-theme=light],[data-theme=two-tone]) :is(.wallet-package.selected,.wallet-tabs button.selected){color:#654913;background:#f3e7c8;border-color:#9b792b}
html:is([data-theme=light],[data-theme=two-tone]) .hire-message.mine{background:#ede4fa;color:#303b4d}
html:is([data-theme=light],[data-theme=two-tone]) :is(.form-error,.required){color:#a52440}
html:is([data-theme=light],[data-theme=two-tone]) input::placeholder,html:is([data-theme=light],[data-theme=two-tone]) textarea::placeholder{color:#667083;opacity:1}
html[data-theme=two-tone] header .headsearch input{background:transparent!important;color:#f3f5ff!important}
html[data-theme=two-tone] header .headsearch input::placeholder{color:#bec8d8}
html[data-theme=two-tone] .brand small{color:#b8c4d6}
html[data-theme=light] .brand small{color:#536079}
html[data-theme=dark] :is(.identity-prep,.identity-kind,.identity-progress,.identity-document,.identity-guidance,.hire-job,.hire-order,.hire-message,.wallet-package,.wallet-summary,.wallet-history-row){background:var(--panel);border-color:var(--line);color:#eef0f5}
html[data-theme=dark] .headsearch input{background:transparent;color:#eef0f5}
:where(button,a,input,select,textarea):focus-visible{outline:2px solid #8e67dc;outline-offset:3px}
html:is([data-theme=light],[data-theme=two-tone]) :is(.categories button,.gamebtn,.trust,.rating,.toolbar button,.admin-main small){color:var(--muted)}
html:is([data-theme=light],[data-theme=two-tone]) :is(.categories button.on,.hero h1 em,.cartadd){color:#59329d}
html:is([data-theme=light],[data-theme=two-tone]) .gamebtn.on{color:#176445;background:#d6eee3}
html[data-theme=light] nav button.active{color:#51279b;background:#e6def3}
html:is([data-theme=light],[data-theme=two-tone]) .trust span:first-child{color:#176445}
html:is([data-theme=light],[data-theme=two-tone]) :is(.rating strong,.shop-stars){color:#805811}
html:is([data-theme=light],[data-theme=two-tone]) .heart{color:#6c438d;text-shadow:none}
html:is([data-theme=light],[data-theme=two-tone]) .heart.liked{color:#b32459}
html:is([data-theme=light],[data-theme=two-tone]) .private-panel{background:var(--panel);color:#303b4d}