:root{--bg: #0b0e11;--bg-2: #12161b;--bg-3: #1a2027;--border: #242c35;--text: #eef2f5;--text-2: #9aa7b4;--green: #00c805;--green-dim: #00c80522;--red: #ff5252;--gold: #ffd166;--radius: 12px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}input,textarea,select{font-family:inherit;background:var(--bg-3);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 12px;font-size:14px;outline:none;width:100%}input:focus,textarea:focus,select:focus{border-color:var(--green)}label{font-size:12px;color:var(--text-2);display:block;margin:14px 0 6px;text-transform:uppercase;letter-spacing:.06em}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{position:sticky;top:0;z-index:20;background:#0b0e11e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;gap:18px;height:64px}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;letter-spacing:-.02em}.logo .arrow{color:var(--green);font-size:22px}.nav{display:flex;gap:4px;margin-left:8px}.nav a{padding:8px 12px;border-radius:8px;color:var(--text-2);font-size:14px;font-weight:600}.nav a:hover,.nav a.active{color:var(--text);background:var(--bg-3)}.header-spacer{flex:1}.chain-select{width:auto;padding:8px 30px 8px 12px;font-size:13px;font-weight:600;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%239aa7b4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.btn{border:1px solid var(--border);background:var(--bg-3);color:var(--text);border-radius:999px;padding:9px 18px;font-size:14px;font-weight:700;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.btn:hover{border-color:var(--green)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--green);border-color:var(--green);color:#04220a}.btn-primary:hover{filter:brightness(1.1)}.btn-danger{background:var(--red);border-color:var(--red);color:#2a0505}.btn-ghost{background:transparent}.btn-sm{padding:6px 12px;font-size:13px}.hero{padding:56px 0 32px;text-align:center}.hero h1{font-size:clamp(30px,5vw,52px);margin:0 0 12px;letter-spacing:-.03em;line-height:1.05}.hero h1 .green{color:var(--green)}.hero p{color:var(--text-2);font-size:17px;margin:0 auto 24px;max-width:560px}.hero-stats{display:flex;gap:32px;justify-content:center;margin-top:28px;flex-wrap:wrap}.hero-stat{text-align:center}.hero-stat .v{font-size:22px;font-weight:800;color:var(--green);font-variant-numeric:tabular-nums}.hero-stat .l{font-size:12px;color:var(--text-2);text-transform:uppercase;letter-spacing:.08em}.king-banner{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#1c1a0d,var(--bg-2));border:1px solid #3d3416;border-radius:var(--radius);padding:14px 18px;margin:18px 0}.king-banner img,.king-banner .ph{width:52px;height:52px;border-radius:10px;object-fit:cover}.king-banner .crown{font-size:24px}.king-banner .kb-title{font-size:12px;color:var(--gold);text-transform:uppercase;letter-spacing:.1em;font-weight:700}.king-banner .kb-name{font-weight:800;font-size:17px}.toolbar{display:flex;gap:12px;align-items:center;margin:20px 0;flex-wrap:wrap}.toolbar input[type=search]{max-width:320px}.toolbar select{width:auto}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));padding-bottom:60px}.card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:16px;transition:border-color .15s,transform .15s;display:flex;gap:14px}.card:hover{border-color:var(--green);transform:translateY(-2px)}.card img,.card .ph{width:84px;height:84px;border-radius:10px;object-fit:cover;flex-shrink:0;background:var(--bg-3)}.ph{display:flex;align-items:center;justify-content:center;font-size:30px}.card-body{min-width:0;flex:1}.card-title{font-weight:800;font-size:15px;display:flex;gap:6px;align-items:baseline}.card-title .sym{color:var(--green);font-size:13px}.card-desc{color:var(--text-2);font-size:13px;margin:4px 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{font-size:12px;color:var(--text-2);display:flex;gap:10px;flex-wrap:wrap}.card-meta b{color:var(--text);font-variant-numeric:tabular-nums}.badge{font-size:11px;padding:2px 8px;border-radius:999px;background:var(--green-dim);color:var(--green);font-weight:700}.badge.gray{background:var(--bg-3);color:var(--text-2)}.token-layout{display:grid;grid-template-columns:1fr 360px;gap:24px;padding:24px 0 80px;align-items:start}@media(max-width:900px){.token-layout{grid-template-columns:1fr}}.panel{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.panel+.panel{margin-top:20px}.panel h3{margin:0 0 14px;font-size:15px}.token-head{display:flex;gap:18px;align-items:center;margin-bottom:8px}.token-head img,.token-head .ph{width:72px;height:72px;border-radius:12px;object-fit:cover}.token-head h2{margin:0;font-size:24px}.token-head .sym{color:var(--green);font-weight:700}.token-sub{color:var(--text-2);font-size:13px;display:flex;gap:12px;flex-wrap:wrap;margin-top:4px}.token-sub a{color:var(--green)}.mono{font-family:var(--mono);font-size:12px}.progress-wrap{margin:16px 0}.progress-bar{height:10px;background:var(--bg-3);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#00c805,#7cf29e);border-radius:999px;transition:width .4s}.progress-label{display:flex;justify-content:space-between;font-size:12px;color:var(--text-2);margin-top:6px}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;margin:16px 0}.stat{background:var(--bg-3);border-radius:10px;padding:10px 12px}.stat .v{font-weight:800;font-size:15px;font-variant-numeric:tabular-nums}.stat .l{font-size:11px;color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.chart{width:100%;height:220px;background:var(--bg-3);border-radius:10px}.trade-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.trade-tabs button{padding:10px;border-radius:8px;border:1px solid var(--border);background:var(--bg-3);color:var(--text-2);font-weight:800;cursor:pointer;font-size:14px}.trade-tabs button.buy.active{background:var(--green-dim);border-color:var(--green);color:var(--green)}.trade-tabs button.sell.active{background:#ff525222;border-color:var(--red);color:var(--red)}.quote{font-size:13px;color:var(--text-2);margin:10px 0;min-height:18px}.quote b{color:var(--text)}.quick-amounts{display:flex;gap:6px;margin-top:8px}.quick-amounts button{flex:1;padding:5px;font-size:12px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-2);cursor:pointer}.quick-amounts button:hover{border-color:var(--green);color:var(--green)}.list{display:flex;flex-direction:column;gap:0}.row{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px}.row:last-child{border-bottom:none}.row .side-buy{color:var(--green);font-weight:700}.row .side-sell{color:var(--red);font-weight:700}.row .grow{flex:1}.row .muted{color:var(--text-2);font-size:12px}.comment{padding:12px 0;border-bottom:1px solid var(--border)}.comment:last-child{border-bottom:none}.comment .who{font-size:12px;color:var(--green);font-weight:700}.comment .when{font-size:11px;color:var(--text-2);margin-left:8px}.comment p{margin:6px 0 0;font-size:14px;white-space:pre-wrap}.create-wrap{max-width:560px;margin:32px auto 80px}.create-wrap h1{font-size:28px}.image-drop{border:2px dashed var(--border);border-radius:var(--radius);padding:24px;text-align:center;color:var(--text-2);cursor:pointer;font-size:14px}.image-drop:hover{border-color:var(--green)}.image-drop img{max-width:120px;max-height:120px;border-radius:10px;display:block;margin:0 auto 8px}.notice{background:var(--bg-3);border:1px solid var(--border);border-left:3px solid var(--gold);padding:12px 14px;border-radius:8px;font-size:13px;color:var(--text-2);margin:16px 0}.notice.error{border-left-color:var(--red);color:#ffb4b4}.notice.success{border-left-color:var(--green)}.empty{text-align:center;color:var(--text-2);padding:60px 20px;font-size:15px}.spin{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.footer{border-top:1px solid var(--border);padding:28px 0;color:var(--text-2);font-size:13px;text-align:center}.footer .green{color:var(--green)}
