:root{--bg: #1b1d28;--panel: #2e303a;--panel2: #262834;--line: #4b5563;--muted: #9ca3af;--green: #86efac;--green2: #4ade80;--red: #f87171;--yellow: #fde047;--blue: #93c5fd}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:disabled{opacity:.5;cursor:default}input,textarea,select{font:inherit;color:#fff;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:8px 10px;width:100%;outline:none}input:focus,textarea:focus,select:focus{border-color:#9ca3af}textarea{min-height:96px;resize:vertical}select{width:auto;padding:6px 28px 6px 10px;background:var(--panel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239ca3af' fill='none' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none}img{display:block}.wrap{max-width:1200px;margin:0 auto;padding:0 16px}.muted{color:var(--muted)}.green{color:var(--green)}.red{color:var(--red)}.yellow{color:var(--yellow)}.blue{color:var(--blue)}.b{font-weight:600}.sm{font-size:12px}.xs{font-size:11px}.bracket{color:#fff;white-space:nowrap}.bracket.green{color:var(--green)}.bracket.blue{color:var(--blue)}.bracket:hover{text-decoration:underline}.row{display:flex;align-items:center;gap:12px}.wrapgap{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap}.grow{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:6px;font-weight:600;background:var(--green);color:#000}.btn:hover{filter:brightness(1.08);text-decoration:none}.btn.ghost{background:var(--panel);color:#fff}.btn.red{background:var(--red)}.btn.wide{width:100%}.btn.small{padding:4px 8px;font-size:12px;font-weight:500}.pill{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;border-radius:4px;font-size:11px;color:#000}.avatar{width:16px;height:16px;border-radius:3px;display:inline-block;vertical-align:-3px}.header{padding:12px 0}.header .wrap{display:flex;align-items:center;gap:12px 18px;flex-wrap:wrap}.logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:16px}.logo svg{width:24px;height:24px}.header .nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.header .right{margin-left:auto;display:flex;align-items:center;gap:14px}.icon{width:18px;height:18px;fill:currentColor;opacity:.85}.icon:hover{opacity:1}.ticker{display:flex;gap:10px;overflow:hidden;padding:6px 0 2px;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}.ticker .box{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:4px;color:#000;font-size:12px;white-space:nowrap;font-weight:500}.ticker .box img{width:18px;height:18px;border-radius:3px}.ticker .box.shake{animation:shake .35s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px) rotate(-1deg)}75%{transform:translate(3px) rotate(1deg)}}.hero{text-align:center;padding:28px 0 16px}.hero a{font-size:24px;font-weight:700;color:#fff}.koth-title{text-align:center;color:var(--yellow);font-weight:600;font-size:16px;margin:18px 0 10px;display:flex;justify-content:center;align-items:center;gap:8px}.koth-title svg{width:18px;height:18px;fill:var(--yellow)}.koth{display:flex;justify-content:center;margin-bottom:20px}.koth .card{max-width:420px;border-color:var(--yellow)}.filters{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin:8px 0 18px}.filters .search{display:flex;gap:8px;width:100%;max-width:520px}.filters .search input{max-width:420px}.filters label{color:var(--muted);font-size:12px;display:inline-flex;align-items:center;gap:6px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-bottom:40px}@media(max-width:980px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.grid{grid-template-columns:1fr}.header .right{margin-left:0}}.card{display:flex;gap:10px;padding:8px;border:1px solid transparent;border-radius:4px;max-height:300px;overflow:hidden;color:inherit}.card:hover{border-color:#fff;text-decoration:none}.card.flash{animation:flash 1.2s ease-out}@keyframes flash{0%{background:#86efac59}to{background:transparent}}.card img{width:128px;height:128px;object-fit:cover;border-radius:4px;flex:none}.card .body{font-size:12px;min-width:0;display:grid;gap:2px;align-content:start}.card .desc{color:var(--muted);font-size:12px;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.empty{text-align:center;color:var(--muted);padding:60px 0}.narrow{max-width:440px;margin:0 auto;padding:16px 0 60px;display:grid;gap:14px}.field{display:grid;gap:6px}.field label{color:var(--blue);font-size:13px}.drop{border:1px dashed var(--line);border-radius:8px;padding:20px;text-align:center;color:var(--muted);display:grid;gap:8px;justify-items:center;cursor:pointer}.drop img{width:128px;height:128px;object-fit:cover;border-radius:6px}.drop:hover{border-color:#9ca3af}.err{background:#f871711f;border:1px solid rgba(248,113,113,.5);color:#fecaca;border-radius:6px;padding:8px 10px;font-size:13px}.ok{background:#86efac1f;border:1px solid rgba(134,239,172,.5);color:#d1fae5;border-radius:6px;padding:8px 10px;font-size:13px}.backdrop{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:22px;width:100%;max-width:460px;display:grid;gap:14px;max-height:92vh;overflow:auto}.modal h2{margin:0;font-size:18px}.modal p{margin:0}.walletrow{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;background:var(--panel);width:100%;text-align:left}.walletrow img{width:24px;height:24px;border-radius:6px}.coinhead{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin:8px 0 14px;font-size:13px}.cols{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;padding-bottom:50px}@media(max-width:900px){.cols{grid-template-columns:1fr}}.chart{background:var(--panel2);border-radius:8px;padding:10px}.chart svg{width:100%;height:320px;display:block}.tabs{display:flex;gap:14px;margin:16px 0 10px}.thread{display:grid;gap:8px}.reply{background:var(--panel);border-radius:6px;padding:8px 10px;font-size:13px}.reply .meta{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12px;margin-bottom:4px}.trades{width:100%;border-collapse:collapse;font-size:12px}.trades th,.trades td{text-align:left;padding:6px;border-bottom:1px solid #2e303a}.trades th{color:var(--muted);font-weight:500}.panel{background:var(--panel);border-radius:8px;padding:14px;display:grid;gap:12px}.side{display:grid;gap:14px}.tabbtns{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--bg);border-radius:8px;padding:4px}.tabbtns button{padding:8px;border-radius:6px;font-weight:600;color:var(--muted)}.tabbtns button.buy.on{background:var(--green);color:#000}.tabbtns button.sell.on{background:var(--red);color:#000}.amount{position:relative}.amount input{padding-right:70px;background:var(--bg)}.amount .unit{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:6px;color:#fff;font-size:13px}.quick{display:flex;gap:6px;flex-wrap:wrap}.quick button{background:var(--bg);border-radius:4px;padding:3px 8px;font-size:11px}.quick button:hover{background:#3a3c48}.bar{height:10px;background:#4b5563;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;background:var(--green);border-radius:999px}.bar.koth i{background:var(--yellow)}.holders{display:grid;gap:4px;font-size:12px}.holders div{display:flex;justify-content:space-between;gap:8px}.info{display:flex;gap:10px}.info img{width:96px;height:96px;border-radius:6px;object-fit:cover;flex:none}.footer{text-align:center;color:var(--muted);font-size:11px;padding:24px 16px 40px;display:grid;gap:4px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:#111;border:1px solid var(--line);color:#fff;padding:10px 14px;border-radius:8px;font-size:13px;z-index:60;max-width:90vw}.spin{display:inline-block;width:12px;height:12px;border:2px solid rgba(0,0,0,.3);border-top-color:#000;border-radius:50%;animation:spin .8s linear infinite}.ghost .spin,.light .spin{border-color:#ffffff4d;border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}