:root{--cream:#f7fbf8;--cream-deep:#e9f5ef;--surface:#fff;--table:#f7fbfa;--navy:#082f29;--ink:#03251f;--muted:#60746f;--hyper-dark:#052f28;--hyper-deep:#02241f;--mint:#97fce4;--mint-strong:#50d2c1;--blue:#078d7b;--blue-soft:#47c8ba;--yellow:#ffc838;--green:#00a676;--red:#ff1f2f;--line:#d9eae5;--line-strong:#b8d7cf;--sans:Inter, Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Segoe UI", system-ui, sans-serif;--display:"Arial Black", Montserrat, Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", system-ui, sans-serif;color:var(--navy);background:var(--cream);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}::selection{color:var(--hyper-deep);background:#97fce4d1}html{min-width:320px;min-height:100%}body{background:var(--cream);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #50d2c14d}.app-shell{min-height:100vh;color:var(--navy);isolation:isolate;padding:16px 24px 20px;position:relative}.app-shell:before{content:"";z-index:-2;background:linear-gradient(180deg, #02241ffa 0%, #02241ff0 50%, #02241fb3 67%, #f7fbf8eb 93%, var(--cream) 100%), linear-gradient(90deg, #02241fe6 0%, #02241fad 52%, #02241f47 100%), url(/brand/hyperliquid-banner.jpg) center top / cover no-repeat;height:320px;position:absolute;inset:0 0 auto}.app-shell:after{content:none}.topbar{border-bottom:1px solid #97fce43d;grid-template-columns:minmax(280px,1fr) minmax(150px,220px) 48px auto;align-items:center;gap:18px;min-height:64px;display:grid}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-logo{object-fit:cover;border-radius:6px;width:52px;height:52px;box-shadow:0 12px 28px #0000002e}.wordmark{font-family:var(--sans);letter-spacing:0;color:#fff;text-transform:none;align-items:baseline;margin:0;font-size:clamp(31px,3vw,43px);font-weight:560;line-height:1;display:flex}.wordmark span:first-child{font-weight:620}.wordmark-accent{color:var(--mint);transform-origin:0 100%;margin-left:2px;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400;transform:skew(-6deg)}.source-badge{background:#011a1666;border:1px solid #97fce43d;border-radius:7px;justify-content:center;align-items:center;min-height:38px;padding:0 14px;display:flex;overflow:hidden}.source-badge img{object-fit:contain;width:min(100%,186px);height:20px;display:block}.updated{color:#ffffffeb;white-space:nowrap;justify-content:center;align-items:center;gap:7px;min-height:36px;font-size:14px;font-weight:800;display:inline-flex}.status-line.status-error{color:var(--red)}.icon-button{width:44px;height:44px;color:var(--mint);cursor:pointer;background:#011a1661;border:1px solid #97fce447;border-radius:7px;justify-content:center;align-items:center;transition:border-color .16s,color .16s,transform .16s;display:inline-flex}.icon-button:hover{border-color:var(--mint);color:#fff;transform:translateY(-1px)}.search-row{grid-template-columns:minmax(240px,1fr) 172px;align-items:start;gap:14px;margin-top:24px;display:grid}.search-field{min-width:0;position:relative}.search-box{border:1.5px solid var(--mint-strong);background:var(--surface);min-height:58px;color:var(--muted);border-radius:8px;align-items:center;padding:0 22px;transition:border-color .16s,box-shadow .16s;display:flex;box-shadow:0 18px 36px #052f2814}.search-field:focus-within .search-box{border-color:var(--mint);box-shadow:0 18px 36px #052f281f}.search-box input{width:100%;color:var(--navy);font:800 17px/1.2 var(--sans);background:0 0;border:0;outline:0;padding:0 0 0 14px}.search-box input::placeholder{color:#5b6d9a}.token-menu{z-index:8;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffffa;border-radius:8px;max-height:360px;padding:8px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 24px 48px #052f2829}.token-menu-state{color:var(--muted);text-align:center;padding:15px 12px;font-size:13px;font-weight:850}.token-option{width:100%;min-height:52px;color:var(--navy);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;padding:8px 10px;display:grid}.token-option:hover,.token-option[aria-selected=true]{background:#ebfbf6}.token-logo,.token-logo-fallback{border-radius:50%;width:32px;height:32px}.token-logo{object-fit:contain;background:#fff}.token-logo-fallback{background:var(--mint);color:var(--hyper-dark);justify-content:center;align-items:center;font-size:10px;font-weight:950;display:inline-flex}.token-option-main{flex-direction:column;gap:4px;min-width:0;display:flex}.token-symbol{text-overflow:ellipsis;font-size:15px;font-weight:950;line-height:1;overflow:hidden}.token-leverage{color:var(--muted);font-size:11px;font-weight:900;line-height:1}.token-price{color:var(--hyper-dark);font-size:14px;font-weight:950;line-height:1}.scan-button{background:linear-gradient(180deg, var(--mint) 0%, var(--mint-strong) 100%);min-height:58px;color:var(--ink);font:900 18px/1 var(--sans);cursor:pointer;border:0;border-radius:8px;transition:transform .16s,box-shadow .16s,opacity .16s;box-shadow:0 18px 34px #052f282e}.scan-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 20px 38px #052f283d}.scan-button:disabled{cursor:wait;opacity:.75}.filter-row{align-items:center;gap:18px;min-height:48px;margin-top:20px;display:flex}.segmented{border:1px solid var(--line-strong);background:var(--surface);border-radius:7px;grid-template-columns:repeat(3,minmax(72px,1fr));display:grid;overflow:hidden}.segmented button{border:0;border-right:1px solid var(--line-strong);min-height:42px;color:var(--navy);font:900 15px/1 var(--sans);cursor:pointer;background:0 0}.segmented button:last-child{border-right:0}.segmented .active{background:var(--hyper-dark);color:var(--mint)}.filter-divider{background:#f7fffc8a;width:1px;height:36px}.select-label,.min-value{color:#f7fffcf0;text-shadow:0 1px 12px #00000047;align-items:center;gap:10px;font-size:15px;font-weight:900;display:flex}.select-label select,.min-value input{border:1px solid var(--line-strong);background:var(--surface);height:42px;color:var(--navy);font:800 15px/1 var(--sans);border-radius:7px}.select-label select{min-width:146px;padding:0 36px 0 14px}.min-value input{width:132px;padding:0 12px}.status-line{color:#f7fffceb;text-shadow:0 1px 12px #0000004d;min-height:22px;margin:10px 0 8px;font-size:13px;font-weight:850}.market-context{border:1px solid var(--line-strong);min-height:30px;color:var(--muted);background:#ffffffd6;border-radius:7px;align-items:center;gap:8px;margin-top:10px;padding:0 11px;font-size:13px;font-weight:850;display:inline-flex}.market-context strong{color:var(--hyper-dark);font-weight:950}.table-wrap{border:1px solid var(--line-strong);background:var(--table);border-radius:8px;height:calc(100vh - 256px);min-height:420px;overflow:auto;box-shadow:0 22px 50px #052f281a}table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1620px;color:var(--navy);text-align:left}col.col-rank{width:64px}col.col-market{width:118px}col.col-wallet{width:210px}col.col-side{width:72px}col.col-leverage{width:96px}col.col-size,col.col-value,col.col-entry-price,col.col-current-price,col.col-pnl,col.col-liq-price{width:132px}col.col-liq-distance{width:118px}col.col-entry-time{width:136px}thead{z-index:1;background:#f8fffc;position:sticky;top:0}th,td{border-bottom:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;padding:12px 14px;font-size:14px;line-height:1;overflow:hidden}td{font-variant-numeric:tabular-nums}th{color:var(--hyper-dark);font-weight:950}tbody tr{background:#ffffffc7;transition:background .14s}tbody tr:hover{background:#ebfbf6}.rank{text-align:center;width:52px;font-weight:950}.market-cell{color:var(--hyper-dark);font-weight:950}.market-chip{vertical-align:middle;align-items:center;gap:8px;max-width:100%;display:inline-flex;overflow:hidden}.market-cell .token-logo,.market-cell .token-logo-fallback{border:1px solid #6cebd76b;flex:0 0 22px;width:22px;height:22px}.market-cell .token-logo-fallback{font-size:8px}.market-symbol{text-overflow:ellipsis;vertical-align:middle;min-width:0;max-width:100%;display:inline-block;overflow:hidden}.wallet{align-items:center;gap:9px;font-weight:850;display:flex}.wallet-link{color:var(--hyper-dark);align-items:center;gap:4px;text-decoration:none;display:inline-flex}.wallet-link:hover{color:var(--blue);text-decoration:underline}.copy-button{color:#6679aa;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.side{justify-content:center;align-items:center;min-width:28px;font-weight:950;display:inline-flex}.side-long,.positive{color:var(--green)}.side-short,.negative{color:var(--red)}.leverage{color:var(--hyper-dark);font-weight:950}.live-price{color:var(--blue);font-weight:950}.empty-row td{text-align:center;height:260px;color:var(--muted);font-weight:800}.load-more-row td{height:52px;color:var(--muted);text-align:center;background:#f8fffc;font-size:13px;font-weight:850}@media (width<=920px){.app-shell:before{background:linear-gradient(180deg, #02241ffa 0%, #02241ff5 54%, #02241fb8 72%, #f7fbf8f0 94%, var(--cream) 100%), linear-gradient(90deg, #02241fe6 0%, #02241f9e 100%), url(/brand/hyperliquid-banner.jpg) center top / cover no-repeat;height:300px}.app-shell{padding:12px}.topbar{grid-template-columns:1fr auto;gap:10px}.source-badge,.updated{display:none}.brand-logo{width:44px;height:44px}.wordmark{font-size:28px}.search-row{grid-template-columns:1fr;gap:10px;margin-top:18px}.search-box,.scan-button{min-height:48px}.search-box{padding:0 16px}.token-menu{max-height:292px;margin-top:8px;position:static}.filter-row{flex-wrap:wrap;align-items:stretch;gap:10px}.filter-divider{display:none}.select-label,.min-value{flex:180px}.select-label select,.min-value input{flex:1}.table-wrap{height:calc(100vh - 330px)}}