:root{--red:#e10600;--red2:#b30500;--bg:#fff;--fg:#0b0b0b;--card:#f4f4f5;--line:#e4e4e7;--mut:#6b6b73;--hero-bg:#fff;--hero-fg:#0b0b0b;--hero-mut:#52525b;--glow:rgba(225,6,0,.3);--ts:0 1px 10px rgba(255,255,255,.95),0 0 2px rgba(255,255,255,.85);color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0b0b0b;--fg:#fff;--card:#161618;--line:#2a2a2e;--mut:#9a9aa3;--hero-bg:#0b0b0b;--hero-fg:#fff;--hero-mut:#d4d4d8;--glow:rgba(225,6,0,.44);--ts:0 2px 12px rgba(0,0,0,.95),0 1px 3px rgba(0,0,0,.95);color-scheme:dark}}
:root[data-theme="dark"]{--bg:#0b0b0b;--fg:#fff;--card:#161618;--line:#2a2a2e;--mut:#9a9aa3;--hero-bg:#0b0b0b;--hero-fg:#fff;--hero-mut:#d4d4d8;--glow:rgba(225,6,0,.44);--ts:0 2px 12px rgba(0,0,0,.95),0 1px 3px rgba(0,0,0,.95);color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0}
:root{--surface-depth:0 4px 0 var(--line);--surface-lift:0 5px 0 var(--red),0 9px 17px -5px rgba(255,28,17,.65),0 0 15px rgba(225,6,0,.22);--press-transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease,filter .18s ease}
body{background:var(--bg);color:var(--fg);font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
header{background:#0b0b0b;color:#fff;position:sticky;top:env(safe-area-inset-top,0px);z-index:20;border-bottom:2px solid var(--red)}
.hd{display:flex;align-items:center;gap:12px;height:60px}
.logo{font-weight:900;font-size:24px;letter-spacing:1px;cursor:pointer;display:inline-flex;align-items:center;line-height:1;user-select:none}
.logo i{font-style:normal;display:inline-block;color:#fff;transform:scaleY(var(--s,1));transition:transform .5s cubic-bezier(.22,.8,.3,1)}
.logo i.r{color:var(--red)}
.logo:hover i{transform:scaleY(1)}
.logo img{width:38px;height:38px;object-fit:contain;margin-right:4px;image-rendering:pixelated}
.search{flex:1;max-width:460px;position:relative}
.search input{width:100%;background:#1c1c1f;border:1px solid #333;border-radius:10px;padding:9px 12px;color:#fff}
.nav{margin-left:auto;display:flex;gap:8px;align-items:center}
.icon-action{display:grid;justify-items:center;align-content:center;gap:4px;min-width:48px;min-height:42px;padding:4px;background:none;border:0;color:var(--mut);font-size:11px;cursor:pointer;white-space:nowrap}
.icon-action:hover,.icon-action:focus-visible{color:var(--fg)}
.icon-action svg{width:20px;height:20px}
.icon-action .seller-avatar{width:22px;height:22px;min-width:22px;border-radius:50%;font-size:9px}
h2{margin:26px 0 12px;font-size:20px;display:flex;justify-content:space-between;align-items:center}
h2 span{font-size:13px;color:var(--mut);font-weight:500}
footer{background:#0b0b0b;color:#d4d4d8;margin-top:40px;padding:28px 0 90px;border-top:2px solid var(--red)}
footer .cols{display:flex;gap:40px;flex-wrap:wrap}footer h4{color:#fff;margin:0 0 8px}footer a{display:block;color:#a1a1aa;font-size:14px;padding:2px 0}
.tabs{display:none;position:fixed;bottom:0;left:0;right:0;background:#0b0b0b;border-top:2px solid var(--red);padding:6px 4px calc(8px + env(safe-area-inset-bottom,0px));justify-content:space-around;gap:2px;z-index:30}
.tabs :is(a,button){display:grid;place-items:center;color:#fff;font-size:11px;font-weight:600;cursor:pointer;text-align:center;border:1px solid transparent;border-radius:8px;background:none;padding:4px 3px;min-height:40px;transition:var(--press-transition)}
.tabs :is(a,button):focus-visible,.tabs a[aria-current="page"]{background:#221414;border-color:#592321;box-shadow:0 3px 0 #870a07}
@media(hover:hover){.tabs :is(a,button):hover{color:#ff938e}}
.tabs :is(a,button):active{transform:translateY(3px);box-shadow:none}
footer a:hover{color:#fff;transform:translateX(4px)}
.search input:focus{outline:0;border-color:var(--red);box-shadow:0 0 0 3px rgba(225,6,0,.25)}
.in{animation:fin .35s ease}@keyframes fin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.brand{flex:1 1 100%}.copy{font-size:clamp(28px,7vw,44px);font-weight:900;line-height:1.1;color:#fff}.copy b{color:var(--red)}.brand p{margin:6px 0 0;color:#a1a1aa;font-size:15px}
body{transition:background-color .4s ease,color .4s ease}
.brand{flex:1 1 200px}.copy{font-size:22px}
@media(max-width:900px){.hd{height:auto;flex-wrap:wrap;padding-block:8px;gap:8px}.search{order:3;flex:1 1 100%;max-width:none}}

@media(max-width:720px){.tabs{display:flex}footer .cols{gap:24px}.hd .nav .hide{display:none}.hd{padding-inline:16px}.hd #loginBtn{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:370px){.logo{font-size:20px}.logo img{width:30px;height:30px}.hd .nav{gap:5px}.hd .nav .btn{padding-inline:8px}}
@media(prefers-reduced-motion:reduce){:root{--press-transition:none}.in{animation:none}}