:root{--bg:#050508;--fg:#fff;--dim:#8a8a92;--card:#0f0f15;--line:rgba(255,255,255,.08);--acc:#00ff88;--acc2:#00cc6a;--on-acc:#001a0d;--radius:18px;--font:'Outfit',sans-serif;--font-h:'Outfit',sans-serif;--font-m:'JetBrains Mono',monospace}
[data-theme=light]{--bg:#f1f5f2;--fg:#08130c;--dim:#587063;--card:#fff;--line:rgba(0,0,0,.09);--acc:#00a85a;--on-acc:#fff}
.ticker{background:#000;border-bottom:1px solid var(--line);overflow:hidden;height:34px;font-family:var(--font-m);font-size:.74rem;color:var(--acc);white-space:nowrap}.ticker #tick{display:inline-flex;gap:60px;padding:8px 0;animation:tk 60s linear infinite}@keyframes tk{to{transform:translateX(-50%)}}
.nav{position:sticky;top:0;z-index:700;background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav-in{display:flex;align-items:center;gap:20px;height:68px}.logo{font-size:1.2rem;letter-spacing:.14em;font-weight:300;white-space:nowrap}.logo b{color:var(--acc);font-weight:800}
.search{position:relative;flex:1;max-width:560px}.search input{width:100%;padding:12px 18px;border-radius:99px;background:var(--card);border:1px solid var(--line);outline:none}.search input:focus{border-color:var(--acc)}.sug{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:6px;box-shadow:0 20px 50px -20px #000}.sug button{display:flex;justify-content:space-between;width:100%;padding:10px 12px;border-radius:10px;text-align:left}.sug button:hover{background:color-mix(in srgb,var(--acc) 10%,transparent)}
.nr{display:flex;gap:8px;align-items:center;margin-left:auto}.lang{font-size:.78rem;opacity:.5}.lang[aria-pressed=true]{opacity:1;color:var(--acc)}.icon-btn{position:relative}.icon-btn b{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:9px;background:var(--acc);color:var(--on-acc);font-size:.68rem;display:grid;place-items:center}
.layout{display:grid;grid-template-columns:260px 1fr;gap:24px;padding:26px 0 80px}.side{display:grid;gap:14px;align-content:start;position:sticky;top:90px;height:max-content}.card h3{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:12px;font-weight:500}
.catl{display:grid;gap:4px}.catl button{display:flex;justify-content:space-between;padding:10px 12px;border-radius:12px;text-align:left;color:var(--dim);transition:.2s}.catl button:hover{color:var(--fg)}.catl button.on{background:color-mix(in srgb,var(--acc) 12%,transparent);color:var(--acc)}.catl small{font-family:var(--font-m)}
.rowsw{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.88rem}.field label output{float:right;color:var(--acc);font-family:var(--font-m)}
.net .nk{display:flex;justify-content:space-between;font-family:var(--font-m);font-size:.82rem;padding:5px 0}.net .nk b{color:var(--acc)}.net canvas{width:100%;height:60px;margin-top:8px}
.bar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}.bar h1{font-size:1.7rem;font-weight:700}.ctl{display:flex;gap:16px;align-items:center}.sl{display:flex;gap:8px;align-items:center;color:var(--dim);font-size:.85rem}.sl select{background:var(--card);border:1px solid var(--line);color:var(--fg);padding:8px 12px;border-radius:10px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.pr{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.35s;display:flex;flex-direction:column;position:relative}.pr:hover{transform:translateY(-5px);border-color:var(--acc);box-shadow:0 20px 40px -24px var(--acc)}
.pim{aspect-ratio:1;position:relative;display:block;width:100%;overflow:hidden}.pim svg,.pim img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.pr:hover .pim svg,.pr:hover .pim img{transform:scale(1.08)}.pim .tg{position:absolute;left:10px;top:10px;font-size:.66rem;font-weight:700;letter-spacing:.08em;padding:3px 9px;border-radius:99px;background:rgba(0,0,0,.65);color:var(--acc);font-family:var(--font-m)}
.hrt{position:absolute;right:10px;top:10px;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;z-index:2}.hrt.on{color:#ff4d6d}
.pi{padding:14px 16px 16px;display:grid;gap:6px;flex:1}.pi .t{font-size:.7rem;color:var(--dim);display:flex;justify-content:space-between;font-family:var(--font-m)}.pi h3{font-size:1rem;font-weight:600}.pi .pp{font-size:1.3rem;font-weight:800;color:var(--acc)}.stars{color:#ffcc00;font-size:.8rem}.vr{color:var(--acc);font-size:.75rem}
.empty{text-align:center;padding:60px;color:var(--dim)}.recent{margin-top:34px}.recent h3{margin-bottom:12px}.rrow{display:flex;gap:10px;overflow:auto}.rrow button{width:90px;height:90px;border-radius:14px;overflow:hidden;flex:none;border:1px solid var(--line)}.rrow svg{width:100%;height:100%}
.foot{border-top:1px solid var(--line);padding:24px 0;color:var(--dim);font-size:.85rem}.foot .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.dh{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line)}.dbody{flex:1;overflow:auto;padding:12px 22px}.df{padding:18px 22px;border-top:1px solid var(--line);display:grid;gap:10px}.ln{display:grid;grid-template-columns:64px 1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);align-items:center}.ln .im{width:64px;height:64px;border-radius:12px;overflow:hidden}.ln svg{width:100%;height:100%}.row{display:flex;justify-content:space-between}.row.tot{font-size:1.2rem;font-weight:700}
.pm{display:grid;grid-template-columns:1fr 1fr;gap:26px}.pm .im{aspect-ratio:1;border-radius:20px;overflow:hidden}.pm .im svg,.pm .im img{width:100%;height:100%;object-fit:cover}.seller{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;margin:12px 0}.av{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--acc),#0af);color:#001a0d;display:grid;place-items:center;font-weight:800}
.chat{height:200px;overflow:auto;background:var(--bg);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:6px;font-size:.88rem;margin-bottom:8px}.chat div{max-width:80%;padding:8px 12px;border-radius:12px;background:var(--line)}.chat .me{align-self:flex-end;background:color-mix(in srgb,var(--acc) 20%,transparent)}
.cf{display:flex;gap:8px}.cf .inp{flex:1}.up{border:2px dashed var(--line);border-radius:14px;padding:18px;text-align:center;color:var(--dim);cursor:pointer;display:block}.up img{max-height:140px;margin:auto;border-radius:10px}
@media(max-width:900px){.layout{grid-template-columns:1fr}.side{position:static;grid-template-columns:1fr}.pm{grid-template-columns:1fr}.search{display:none}}