:root{--background: #0c0c0d;--panel: #161617;--panel-2: #1b1b1c;--header: #232321;--row: #161617;--row-alt: #19191a;--row-hover: #211f1b;--input: #0d0d0e;--foreground: #c8c3b6;--muted-foreground: #7c7768;--subtle-foreground: #59554a;--border: #2c2c2d;--border-soft: #232324;--border-strong: #3a3a36;--accent: #c8aa6e;--accent-bright: #e3c88e;--accent-dim: #9a895f;--ring: #4a4636;--gold: #e0b34d;--green: #6aa15f;--red: #b85c5c;--rare: #4a90ff;--epic: #c061ff;--legendary: #ffaa00;--set: #00cc66;--common: #c8c3b6;--t1: #9a9a9a;--t2: #c0a850;--t3: #e0c060;--radius: 3px}*{box-sizing:border-box}*::-webkit-scrollbar{width:12px;height:12px}*::-webkit-scrollbar-track{background:var(--background)}*::-webkit-scrollbar-thumb{background:#2f2f30;border:3px solid var(--background);border-radius:0}*::-webkit-scrollbar-thumb:hover{background:#3d3d3e}html,body{margin:0;min-height:100%;background:var(--background);color:var(--foreground);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:13px;line-height:1.4;-webkit-font-smoothing:antialiased}a{color:var(--accent-bright);text-decoration:none}a:hover{color:var(--gold)}.ico{display:inline-block;flex:none;background-repeat:no-repeat;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;vertical-align:middle}.ico-empty{opacity:0}#topbar{display:flex;align-items:stretch;gap:0;padding:0;height:46px;background:var(--panel);border-bottom:1px solid var(--border-strong);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:6px;padding:0 18px;font-size:15px;font-weight:700;letter-spacing:.02em;color:var(--foreground);border-right:1px solid var(--border)}.brand b{color:var(--accent-bright);font-weight:800}.brand span{color:var(--muted-foreground);font-weight:500;font-size:12px}.tabs{display:flex}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:var(--muted-foreground);border:none;border-right:1px solid var(--border);border-bottom:2px solid transparent;padding:0 20px;font-size:13px;font-weight:600;cursor:pointer;transition:color .1s,background .1s}.tab:hover{color:var(--foreground);background:var(--panel-2)}.tab.active{color:var(--accent-bright);background:var(--background);border-bottom-color:var(--accent)}.meta{margin-left:auto;display:flex;align-items:center;gap:14px;padding:0 18px;font-size:12px}.tag{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-foreground)}.tag.live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green)}#app{max-width:1300px;margin:0 auto;padding:14px 16px 60px}.split{display:grid;grid-template-columns:300px 1fr;gap:14px;align-items:start}@media (max-width: 880px){.split{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--border)}.section-title{display:flex;align-items:center;gap:7px;background:var(--header);border-bottom:1px solid var(--border-strong);font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:.09em;font-weight:700;margin:0;padding:8px 12px}.fung-list{display:flex;flex-direction:column}.fung-card{display:flex;align-items:center;gap:10px;background:var(--row);border-bottom:1px solid var(--border-soft);border-left:2px solid transparent;padding:8px 11px;cursor:pointer;transition:background .1s}.fung-card:hover{background:var(--row-hover)}.fung-card.sel{background:var(--row-hover);border-left-color:var(--accent)}.fung-thumb{display:grid;place-items:center;width:34px;height:34px;background:var(--input);border:1px solid var(--border);flex:none}.fung-body{min-width:0;flex:1}.fung-card .name{font-weight:600;color:var(--foreground);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fung-card .sub{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted-foreground);margin-top:2px}.fung-card .sub .sep{color:var(--subtle-foreground)}.coin{display:inline-flex;align-items:center;gap:4px}.price-gold{color:var(--gold);font-weight:700;font-variant-numeric:tabular-nums}.detail{background:var(--panel);border:1px solid var(--border)}.detail-head{display:flex;align-items:center;gap:12px;background:var(--header);border-bottom:1px solid var(--border-strong);padding:11px 14px;flex-wrap:wrap}.detail-head .h-thumb{display:grid;place-items:center;width:40px;height:40px;background:var(--input);border:1px solid var(--border-strong);flex:none}.detail-head .h-name{font-size:18px;font-weight:700;color:var(--accent-bright);letter-spacing:.01em}.detail-head .h-meta{display:flex;flex-direction:column;gap:1px}.detail-head .h-spread{color:var(--muted-foreground);font-size:11.5px}.detail-body{padding:12px 14px 14px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-bottom:12px}.stat-box{background:var(--panel-2);padding:8px 11px}.stat-box .k{font-size:10px;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.07em}.stat-box .v{font-size:16px;font-weight:700;margin-top:2px;font-variant-numeric:tabular-nums}.stat-box .v.bid{color:#84c47a}.stat-box .v.ask{color:#d08a8a}.chart-wrap{position:relative;margin:0 0 2px}.chart-wrap canvas{width:100%;height:210px;border:1px solid var(--border);display:block;background:var(--input)}.chart-toggle{position:absolute;top:7px;right:7px;display:inline-flex;border:1px solid var(--border-strong)}.chart-toggle button{background:var(--panel);color:var(--muted-foreground);border:none;border-left:1px solid var(--border-strong);padding:3px 11px;font-size:11px;font-weight:600;cursor:pointer}.chart-toggle button:first-child{border-left:none}.chart-toggle button:hover{color:var(--foreground)}.chart-toggle button.active{color:var(--accent-bright);background:var(--panel-2)}.book{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.book-col h4{margin:0 0 5px;font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;display:flex;align-items:center;gap:6px}.book-col h4:before{content:"";width:7px;height:7px}.book-col.asks h4{color:#c98585}.book-col.asks h4:before{background:var(--red)}.book-col.bids h4{color:#82bd78}.book-col.bids h4:before{background:var(--green)}.lvl{position:relative;display:flex;justify-content:space-between;padding:3px 8px;font-size:12px;overflow:hidden;font-variant-numeric:tabular-nums;border-bottom:1px solid var(--border-soft)}.lvl .bar{position:absolute;inset:0 auto 0 0;z-index:0;opacity:.5}.lvl span{position:relative;z-index:1}.lvl.ask .bar{background:#b85c5c47}.lvl.ask .p{color:#d49595;font-weight:600}.lvl.bid .bar{background:#6aa15f47}.lvl.bid .p{color:#91c587;font-weight:600}.lvl .q{color:var(--muted-foreground)}.filters{background:var(--panel);border:1px solid var(--border);position:sticky;top:60px}.filters-body{padding:10px 12px 12px}.filters .field{margin-top:12px}.filters .field:first-child{margin-top:0}.filters label{display:block;font-size:10.5px;color:var(--muted-foreground);margin:0 0 5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.filters select,.filters input{width:100%;background:var(--input);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius);padding:6px 8px;font-size:12.5px;font-family:inherit}.filters select:focus,.filters input:focus{outline:none;border-color:var(--ring)}.filters input::placeholder{color:var(--subtle-foreground)}.chips{display:flex;flex-wrap:wrap;gap:4px}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:var(--radius);padding:4px 9px;font-size:11.5px;font-weight:600;cursor:pointer;background:var(--input);color:var(--muted-foreground);-webkit-user-select:none;user-select:none;transition:background .1s,color .1s}.chip:hover{background:var(--panel-2);color:var(--foreground)}.chip.on{background:var(--panel-2);border-color:currentColor}.chip .dot{width:8px;height:8px;flex:none}.row2{display:grid;grid-template-columns:1fr 1fr;gap:6px}.affix-row{display:flex;gap:5px;align-items:center;margin-top:6px}.affix-row select{flex:1;min-width:0}.affix-row .num{width:58px;flex:none}.affix-row .pct{color:var(--muted-foreground);font-size:12px}.icon-btn{background:var(--input);border:1px solid var(--border);color:var(--muted-foreground);cursor:pointer;font-size:12px;border-radius:var(--radius);width:28px;height:30px;flex:none;display:grid;place-items:center;transition:color .1s,border-color .1s}.icon-btn:hover{border-color:var(--red);color:var(--red)}.add-affix{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--accent);background:var(--input);border:1px dashed var(--border-strong);cursor:pointer;font-size:11.5px;font-weight:600;margin-top:8px;padding:6px 10px;border-radius:var(--radius);width:100%;transition:border-color .1s,color .1s}.add-affix:hover{border-color:var(--accent);color:var(--accent-bright)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:14px;background:var(--accent);color:#1a1407;border:1px solid var(--accent-dim);border-radius:var(--radius);padding:8px;font-size:13px;font-weight:700;cursor:pointer;letter-spacing:.02em;transition:background .1s}.btn:hover{background:var(--accent-bright)}.results-head{display:flex;align-items:center;gap:7px;background:var(--header);border:1px solid var(--border);border-bottom:none;padding:8px 12px;font-size:11.5px;color:var(--muted-foreground)}.results-head b{color:var(--accent-bright);font-size:13px}.results-list{border:1px solid var(--border)}.listing{display:flex;align-items:stretch;gap:0;background:var(--row);border-bottom:1px solid var(--border-soft);border-left:2px solid var(--rarity, transparent);transition:background .1s}.listing:nth-child(2n){background:var(--row-alt)}.listing:hover{background:var(--row-hover)}.listing:last-child{border-bottom:none}.l-thumb{display:grid;place-items:center;width:52px;flex:none;background:var(--input);border-right:1px solid var(--border-soft)}.l-main{flex:1;min-width:0;padding:9px 12px}.l-name{display:flex;align-items:center;gap:6px;font-weight:700;font-size:13.5px}.l-name .txt{color:var(--rarity, var(--foreground));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.l-tags{display:flex;align-items:center;gap:5px;margin-top:3px;flex-wrap:wrap}.l-tag{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;color:var(--muted-foreground);border:1px solid var(--border);border-radius:2px;padding:1px 6px;text-transform:uppercase;letter-spacing:.03em}.l-affixes{margin-top:6px;display:flex;flex-direction:column;gap:2px;font-size:12.5px}.l-affix{display:inline-flex;align-items:center;gap:6px}.l-price-col{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:4px;flex:none;padding:9px 14px;min-width:130px;border-left:1px solid var(--border-soft);background:#0000001f}.l-price{font-size:16px;white-space:nowrap}.deal-badge{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--green);color:#91c587;border-radius:2px;padding:1px 6px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.empty{color:var(--subtle-foreground);font-size:12px;padding:8px 11px}.empty-big{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--muted-foreground);text-align:center;padding:50px 20px;background:var(--panel);border:1px solid var(--border);border-top:none;font-size:12.5px}.empty-big .ico{opacity:.4}.error{color:var(--red);text-align:center;padding:40px;background:var(--panel);border:1px solid var(--border)}@keyframes pulse{0%,to{opacity:.55}50%{opacity:.85}}.skel{background:var(--panel-2);border:1px solid var(--border);animation:pulse 1.4s ease-in-out infinite}.skel-card{height:51px;border-bottom:none}.skel-card+.skel-card{border-top:1px solid var(--border-soft)}.skel-detail{height:430px}#hint{text-align:center;color:var(--muted-foreground);font-size:11.5px;padding:16px;border-top:1px solid var(--border);margin-top:18px}#hint .coin{color:var(--gold)}