:root{--bg: #0b1113;--bg-raised: #10181a;--bg-card: rgba(22, 32, 35, .72);--bg-inner: rgba(30, 42, 46, .55);--border: rgba(148, 180, 175, .13);--border-strong: rgba(148, 180, 175, .28);--ink: #e8edec;--ink-2: #9aa7a5;--ink-3: #5f6e6c;--teal: #70c7ba;--teal-bright: #8ee0d3;--teal-dim: rgba(112, 199, 186, .14);--grad: linear-gradient(135deg, #70c7ba 0%, #49a09a 100%);--on-accent: #08211d;--pos: #4ade80;--neg: #f87171;--chart: #70c7ba;--grid-line: rgba(148, 180, 175, .1);--crosshair: rgba(148, 180, 175, .35);--bg-tint-a: rgba(112, 199, 186, .08);--bg-tint-b: rgba(73, 160, 154, .06);--header-bg: rgba(11, 17, 19, .75);--chip-bg: rgba(11, 17, 19, .55);--radius: 14px;--radius-sm: 10px;--shadow: 0 18px 40px rgba(0, 0, 0, .35);color-scheme:dark}:root[data-theme=graphite]{--bg: #0d0e10;--bg-raised: #131518;--bg-card: rgba(24, 26, 30, .75);--bg-inner: rgba(38, 41, 46, .55);--border: rgba(170, 178, 186, .13);--border-strong: rgba(170, 178, 186, .28);--ink: #e9ebee;--ink-2: #9aa3ad;--ink-3: #646c75;--teal: #70c7ba;--teal-bright: #8ee0d3;--teal-dim: rgba(112, 199, 186, .12);--grad: linear-gradient(135deg, #70c7ba 0%, #49a09a 100%);--on-accent: #0d0e10;--pos: #4ade80;--neg: #f87171;--chart: #70c7ba;--grid-line: rgba(170, 178, 186, .1);--crosshair: rgba(170, 178, 186, .35);--bg-tint-a: rgba(150, 158, 168, .05);--bg-tint-b: rgba(120, 128, 138, .04);--header-bg: rgba(13, 14, 16, .78);--chip-bg: rgba(13, 14, 16, .55);--shadow: 0 18px 40px rgba(0, 0, 0, .4);color-scheme:dark}:root[data-theme=light]{--bg: #f2f5f4;--bg-raised: #ffffff;--bg-card: rgba(255, 255, 255, .88);--bg-inner: rgba(18, 34, 31, .05);--border: rgba(20, 45, 41, .12);--border-strong: rgba(20, 45, 41, .26);--ink: #17211f;--ink-2: #4a5856;--ink-3: #78847f;--teal: #1f7a6d;--teal-bright: #14685c;--teal-dim: rgba(31, 122, 109, .1);--grad: linear-gradient(135deg, #2fa393 0%, #1f7a6d 100%);--on-accent: #ffffff;--pos: #15803d;--neg: #b91c1c;--chart: #23796c;--grid-line: rgba(20, 45, 41, .1);--crosshair: rgba(20, 45, 41, .35);--bg-tint-a: rgba(47, 163, 147, .09);--bg-tint-b: rgba(31, 122, 109, .05);--header-bg: rgba(255, 255, 255, .78);--chip-bg: rgba(18, 34, 31, .06);--shadow: 0 18px 40px rgba(23, 48, 44, .12);color-scheme:light}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:radial-gradient(1200px 500px at 70% -10%,var(--bg-tint-a),transparent 60%),radial-gradient(900px 500px at 0% 100%,var(--bg-tint-b),transparent 55%),var(--bg);color:var(--ink);min-height:100vh;-webkit-font-smoothing:antialiased;transition:background .25s,color .25s}button{font-family:inherit}.app{min-height:100vh;display:flex;flex-direction:column}.num{font-variant-numeric:tabular-nums}.header{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--header-bg);border-bottom:1px solid var(--border)}.header-inner{max-width:1200px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.brand-name{font-size:19px;font-weight:700;letter-spacing:-.02em}.brand-name b{color:var(--teal);font-weight:700}.brand-tag{font-size:11px;color:var(--ink-3);border-left:1px solid var(--border);padding-left:10px;margin-left:2px}.nav{display:flex;gap:4px}.nav-btn{background:none;border:none;color:var(--ink-2);font-size:14px;font-weight:600;padding:8px 14px;border-radius:999px;cursor:pointer;transition:color .15s,background .15s}.nav-btn:hover{color:var(--ink)}.nav-btn.active{color:var(--teal-bright);background:var(--teal-dim)}.theme-btn{background:none;border:1px solid var(--border);border-radius:999px;width:34px;height:34px;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,transform .15s}.theme-btn:hover{border-color:var(--border-strong);transform:translateY(-1px)}.connect-btn{background:var(--grad);color:var(--on-accent);border:none;font-weight:700;font-size:13px;padding:9px 18px;border-radius:999px;cursor:pointer;transition:transform .15s,box-shadow .15s}.connect-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #70c7ba40}.wallet-info{display:flex;align-items:center;gap:8px}.wallet-chip{display:flex;align-items:center;gap:7px;background:var(--teal-dim);border:1px solid var(--border);color:var(--teal-bright);font-size:12px;font-weight:600;padding:7px 12px;border-radius:999px}.wallet-dot{width:7px;height:7px;border-radius:50%;background:var(--pos)}.wallet-info button{background:none;border:1px solid var(--border);color:var(--ink-2);font-size:12px;padding:7px 12px;border-radius:999px;cursor:pointer}.wallet-info button:hover{color:var(--ink);border-color:var(--border-strong)}.wallet-error{color:var(--neg);font-size:11px;margin-top:6px;max-width:220px}.content{flex:1;width:100%;max-width:1200px;margin:36px auto 48px;padding:0 24px}.view-head{display:flex;align-items:baseline;gap:12px;margin-bottom:20px}.view-head h2{font-size:24px;font-weight:700;letter-spacing:-.02em}.view-head .sub{font-size:13px;color:var(--ink-3)}.footer{text-align:center;padding:18px;font-size:12px;color:var(--ink-3);border-top:1px solid var(--border)}.loading,.error-box{text-align:center;padding:48px;color:var(--ink-2)}.error-box{color:var(--neg)}.swap-wrap{display:flex;justify-content:center;padding-top:12px}.swap-card{width:100%;max-width:460px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.swap-card h2{font-size:17px;font-weight:700;margin-bottom:16px}.token-box{background:var(--bg-inner);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;transition:border-color .15s}.token-box:focus-within{border-color:var(--border-strong)}.token-box label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin-bottom:8px}.token-row{display:flex;align-items:center;gap:12px}.token-row input{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--ink);font-size:26px;font-weight:600;font-variant-numeric:tabular-nums}.token-row input::placeholder{color:var(--ink-3)}.token-select{display:flex;align-items:center;gap:8px;background:var(--chip-bg);border:1px solid var(--border);border-radius:999px;padding:6px 10px 6px 6px}.token-select select{background:none;border:none;outline:none;color:var(--ink);font-size:15px;font-weight:700;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:14px;background-image:url("data:image/svg+xml,%3Csvg width='8' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l3 3 3-3' stroke='%239aa7a5' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center}.token-select select option{background:var(--bg-raised)}.reverse-row{display:flex;justify-content:center;margin:-8px 0;position:relative;z-index:2}.reverse-btn{width:36px;height:36px;border-radius:50%;background:var(--bg-raised);border:1px solid var(--border-strong);color:var(--teal);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,border-color .15s}.reverse-btn:hover{transform:rotate(180deg);border-color:var(--teal)}.rate-line{display:flex;justify-content:space-between;font-size:12.5px;color:var(--ink-2);padding:12px 4px 2px}.quote-details{margin-top:12px;background:var(--bg-inner);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;font-size:13px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0;color:var(--ink-2)}.detail-row .val{color:var(--ink);font-variant-numeric:tabular-nums}.impact-low{color:var(--pos)}.impact-high{color:var(--neg)}.slippage-input{width:52px;background:var(--chip-bg);border:1px solid var(--border);color:var(--ink);padding:3px 7px;border-radius:6px;font-size:12px;text-align:right}.quote-error{margin-top:12px;background:#f8717114;border:1px solid rgba(248,113,113,.25);color:var(--neg);border-radius:var(--radius-sm);padding:11px 13px;font-size:12.5px}.swap-btn{width:100%;margin-top:16px;background:var(--grad);color:var(--on-accent);border:none;padding:15px;border-radius:var(--radius-sm);font-weight:700;font-size:15.5px;cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .15s}.swap-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 26px #70c7ba47}.swap-btn:disabled{opacity:.45;cursor:not-allowed}.swap-status{margin-top:14px;padding:12px 14px;border-radius:var(--radius-sm);font-size:12.5px;word-break:break-all;line-height:1.5}.swap-status.ok{background:#4ade8014;border:1px solid rgba(74,222,128,.25);color:var(--pos)}.swap-status.err{background:#f8717114;border:1px solid rgba(248,113,113,.25);color:var(--neg)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;transition:transform .18s,border-color .18s}.card:hover{transform:translateY(-3px);border-color:var(--border-strong)}.card-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.card-head h3{font-size:15.5px;font-weight:700;margin-right:auto}.badge{font-size:11px;font-weight:600;color:var(--teal-bright);background:var(--teal-dim);border:1px solid var(--border);padding:3px 10px;border-radius:999px;white-space:nowrap}.badge.muted{color:var(--ink-3);background:none}.pair-icons{display:flex}.pair-icons>*:last-child{margin-left:-8px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.stat-grid.three{grid-template-columns:1fr 1fr 1fr}.mini-stat{background:var(--bg-inner);border-radius:8px;padding:9px 11px}.mini-stat label{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin-bottom:3px}.mini-stat .v{font-size:14px;font-weight:650;font-variant-numeric:tabular-nums}.v.pos{color:var(--pos)}.v.neg{color:var(--neg)}.spark-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding:0 2px}.spark-label{font-size:10.5px;color:var(--ink-3)}.ghost-btn,.primary-btn{width:100%;padding:10px;border-radius:var(--radius-sm);font-weight:650;font-size:13.5px;cursor:pointer;transition:all .15s}.ghost-btn{background:none;border:1px solid var(--border-strong);color:var(--teal-bright)}.ghost-btn:hover{background:var(--teal-dim)}.primary-btn{background:var(--grad);border:none;color:var(--on-accent)}.primary-btn:hover{box-shadow:0 6px 18px #70c7ba38}.creator-line{font-size:12px;color:var(--ink-3);margin:-6px 0 12px}.rank{font-size:13px;font-weight:700;color:var(--ink-3);min-width:24px}.winrate-track{height:4px;background:#94b4af1f;border-radius:2px;overflow:hidden;margin-top:6px}.winrate-fill{height:100%;background:var(--teal);border-radius:2px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin-bottom:24px}.tile{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px}.tile label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3);margin-bottom:8px}.tile .big{font-size:28px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.tile .unit{font-size:13px;color:var(--ink-2);margin-left:4px}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:24px}.panel h3{font-size:14px;font-weight:700;margin-bottom:4px}.panel .sub{font-size:12px;color:var(--ink-3);margin-bottom:14px}.chain-row{display:flex;flex-wrap:wrap;gap:12px}.chain-chip{display:flex;align-items:center;gap:9px;background:var(--bg-inner);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;font-size:12.5px}.chain-chip .dot{width:8px;height:8px;border-radius:50%}.dot.up{background:var(--pos)}.dot.down{background:var(--neg)}.chain-chip .name{font-weight:650}.chain-chip .meta{color:var(--ink-3);font-variant-numeric:tabular-nums}.chart-tooltip{position:absolute;pointer-events:none;background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:8px;padding:7px 10px;font-size:12px;color:var(--ink);white-space:nowrap;transform:translate(-50%,-120%);box-shadow:var(--shadow)}.chart-tooltip .t{color:var(--ink-3);font-size:11px}.table{width:100%;border-collapse:collapse;font-size:12.5px}.table th{text-align:left;color:var(--ink-3);font-weight:600;text-transform:uppercase;font-size:10.5px;letter-spacing:.06em;padding:8px 10px;border-bottom:1px solid var(--border)}.table td{padding:9px 10px;border-bottom:1px solid var(--border);color:var(--ink-2);white-space:nowrap}.mini-btn{background:none;border:1px solid var(--border-strong);color:var(--teal-bright);font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px;cursor:pointer;transition:background .15s}.mini-btn:hover{background:var(--teal-dim)}.bal-line{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;color:var(--ink-3);margin-top:9px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px}.about-text{font-size:13.5px;line-height:1.65;color:var(--ink-2)}.about-text b{color:var(--ink);font-weight:650}.about-text a{color:var(--teal-bright)}.about-disclaimer{margin-top:12px;font-size:12px;color:var(--ink-3);border-top:1px solid var(--border);padding-top:10px}@media (max-width: 860px){.about-grid{grid-template-columns:1fr}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#060a0bb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.modal{width:100%;max-width:420px;background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}@media (max-width: 720px){.header-inner{flex-wrap:wrap;gap:12px;padding:12px 16px}.brand-tag{display:none}.nav{order:3;width:100%;overflow-x:auto}.content{padding:0 16px;margin-top:24px}.grid,.tiles{grid-template-columns:1fr}.token-row input{font-size:22px}}