:root:not([data-theme=dark]) {
 --page:#f1f7f7;--page-soft:#f6fafb;--surface-soft:#edf5f5;--ink:#14282d;--ink-soft:#304b51;--muted:#526b71;
 --line:#cadbde;--line-strong:#a8c4c9;--brand:#087764;--brand-deep:#07594e;--brand-bright:#087b70;--brand-soft:#dcf4ee;
}
:root[data-theme=dark] { --line:#395355;--line-strong:#587477;--brand-bright:#65d9bb;--brand-soft:#183a36; }
body.home-page { background:radial-gradient(ellipse at 50% 4%,var(--brand-soft),transparent 420px),var(--page); }
.home-page .card,.home-page .search-panel { border-color:var(--line-strong); }
.home-page .card:hover { border-color:var(--brand-bright); }
.home-page .header-add#add { display:inline-flex; align-items:center; gap:6px; min-height:42px; }
#add svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; }
.account-panel #favorites { display:flex; align-items:center; gap:11px; width:100%; min-height:44px; padding:7px 11px; border:0; border-radius:9px; color:var(--ink); background:none; font:inherit; font-size:12px; font-weight:650; }
.account-panel #favorites:hover,.account-panel #favorites:focus-visible { background:var(--brand-soft); }
#favcount { margin-inline-start:auto; }
.gh-keyword-suggestions { position:absolute; z-index:15; top:calc(100% + 5px); inset-inline:0; margin:0; padding:6px; border:1px solid var(--line-strong); border-radius:12px; background:var(--surface); box-shadow:var(--shadow-md); }
.gh-keyword-suggestions button { display:block; width:100%; min-height:42px; padding:8px; text-align:start; border:0; border-radius:8px; background:none; color:var(--ink); }
.gh-keyword-suggestions button:is(:hover,:focus-visible) { background:var(--brand-soft); }
.market-shortcuts,.market-shortcuts span,.market-actions,.market-rent { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.market-shortcuts { margin:12px 0 20px; }
.market-shortcuts a,.market-rent span,.market-drop { padding:8px 11px; border:1px solid var(--line); border-radius:10px; background:var(--surface); color:var(--ink); font-size:12px; }
.market-drop { display:block; margin-top:5px; background:var(--brand-soft); }
.market-rent-card { display:block; color:var(--muted); font-size:11px; line-height:1.45; }
.market-detail,.market-inbox { margin-block:12px; }
.market-actions { margin-block:8px; }
.market-actions button,.market-actions a { width:auto; }
.market-dialog { position:fixed; inset:0; margin:auto; width:min(620px,calc(100% - 24px)); max-height:calc(100dvh - 28px); padding:0; overflow:auto; border:1px solid var(--line-strong); border-radius:18px; background:var(--surface); color:var(--ink); }
.market-dialog::backdrop { background:#102a32a3; }
.market-dialog header { position:sticky; top:0; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 18px; background:var(--surface); border-bottom:1px solid var(--line); z-index:1; }
.market-dialog h2 { margin:0; font-size:18px; }
.market-dialog-content { padding:18px; }
.market-form,.market-stack { display:grid; gap:12px; }
.market-form label { display:grid; gap:5px; }
.market-form input,.market-form select { min-height:44px; min-width:0; border:1px solid var(--line-strong); border-radius:9px; padding:7px 9px; background:var(--surface); color:var(--ink); font-size:16px; }
.market-form .market-option { display:flex; align-items:center; gap:8px; }
.market-form [hidden],.market-dialog [hidden] { display:none!important; }
.market-stack article { display:grid; gap:8px; padding:12px; border:1px solid var(--line); border-radius:12px; overflow-wrap:anywhere; }
.market-status { color:var(--muted); }
.market-video { display:block; width:100%; border:0; aspect-ratio:16/9; }
.market-confirmed { color:var(--brand-bright); font-size:13px; }
@media(max-width:820px){
 .home-page .site-header .header-actions>#add { display:inline-flex!important; min-width:38px; width:38px; padding:0; justify-content:center; }
 .home-page .site-header #add span { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
 .home-page .site-header .header-actions:has(.account-signed-in) #language { flex-basis:71px; min-width:71px; width:71px; }
}
@media(max-width:395px){
 .home-page .header-shell:has(.account-signed-in) .brand-name { font-size:12px; }
 .home-page .header-shell:has(.account-signed-in) .account-toggle { max-width:76px; }
}
@media(max-width:345px){.home-page .header-shell:has(.account-signed-in) .theme-toggle { display:none; }}