:root{--bg-primary:#0a0e17;--bg-secondary:#111827;--bg-card:#111827b3;--bg-glass:#ffffff08;--bg-glass-hover:#ffffff0f;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#429fe5;--accent-secondary:#7ac3f5;--accent-glow:#429fe54d;--green:#10b981;--green-glow:#10b98133;--red:#ef4444;--yellow:#f59e0b;--marker-color:#ef4444;--marker-glow:#ef444466;--border:#ffffff0f;--border-active:#429fe566;--bg-gradient-1:#429fe514;--bg-gradient-2:#10b9810d;--binance:#f0b90b;--bybit:#f7a600;--okx:#fff;--bitget:#00f0ff;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:999px;--font:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}body.theme-light{--bg-primary:#f8fafc;--bg-secondary:#e2e8f0;--bg-card:#ffffffd9;--bg-glass:#00000008;--bg-glass-hover:#0000000f;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--border:#00000014;--border-active:#429fe566;--bg-gradient-1:#429fe526;--bg-gradient-2:#10b9811a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}body:before{content:"";background:radial-gradient(ellipse 80% 60% at 50% 0%, var(--bg-gradient-1), transparent), radial-gradient(ellipse 60% 40% at 80% 100%, var(--bg-gradient-2), transparent);pointer-events:none;z-index:-1;position:fixed;inset:0}.page-layout{justify-content:center;gap:var(--space-md);max-width:1560px;padding:0 var(--space-sm);margin:0 auto;display:flex}#app{min-width:0;max-width:1200px;padding:0 var(--space-md);flex:1}.ad-sidebar{flex-shrink:0;align-items:flex-start;width:160px;display:flex}.ad-sidebar__sticky{border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--bg-glass);justify-content:center;align-items:center;width:160px;min-height:600px;display:flex;position:sticky;top:24px;overflow:hidden}:is(.ad-sidebar__sticky:has(ins),.ad-sidebar__sticky:has(iframe)){background:0 0;border:none}:is(.ad-sidebar__sticky:has(ins) .ad-slot__placeholder,.ad-sidebar__sticky:has(iframe) .ad-slot__placeholder){display:none}@media (width<=1440px){.ad-sidebar{display:none}}.ad-slot{max-width:728px;min-height:90px;margin:var(--space-md) auto;border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--bg-glass);justify-content:center;align-items:center;display:flex;overflow:hidden}:is(.ad-slot:has(ins),.ad-slot:has(iframe),.ad-slot:has(script+div)){background:0 0;border:none;min-height:0}.ad-slot__placeholder{font-family:var(--font);letter-spacing:.1em;color:var(--text-muted);opacity:.3;-webkit-user-select:none;user-select:none;font-size:.75rem;font-weight:700}:is(.ad-slot:has(ins) .ad-slot__placeholder,.ad-slot:has(iframe) .ad-slot__placeholder){display:none}@media (width<=768px){.ad-slot{max-width:320px;min-height:50px}}.header{padding:var(--space-2xl) 0 var(--space-lg);text-align:center}.header__top{justify-content:center;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);display:flex;position:relative}.header__controls{align-items:center;gap:8px;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.theme-toggle{background:var(--bg-glass);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;transition:border-color .2s,box-shadow .2s;display:flex}.theme-toggle:hover{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-glow)}.lang-select{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font);cursor:pointer;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='%23888'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;outline:none;padding:6px 24px 6px 10px;font-size:.8rem;font-weight:600;transition:border-color .2s}.lang-select:hover,.lang-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-glow)}.lang-select option{background:var(--bg-secondary);color:var(--text-primary)}.logo{align-items:center;gap:var(--space-sm);display:flex}.logo__icon{font-size:2rem;animation:3s ease-in-out infinite pulse-glow}.logo__text{letter-spacing:-.03em;color:var(--text-primary);font-size:2rem;font-weight:800}.logo__accent{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary), var(--green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.header__tagline{color:var(--text-secondary);font-size:.95rem;font-weight:400}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 8px #6366f14d);transform:scale(1)}50%{filter:drop-shadow(0 0 16px #6366f180);transform:scale(1.05)}}.controller{margin-bottom:var(--space-xl)}.controller__inner{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-lg);gap:var(--space-lg);flex-direction:column;display:flex}.controller__row{gap:var(--space-lg);align-items:flex-start;display:flex}.controller__row--toggles,.controller__row--switches{flex-wrap:wrap}.toggle-group{flex:1;min-width:200px}.toggle-group__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-sm);font-size:.75rem;font-weight:600;display:block}.toggle-buttons{background:var(--bg-primary);border-radius:var(--radius-md);gap:3px;padding:3px;display:flex}.toggle-btn{border-radius:calc(var(--radius-md) - 2px);color:var(--text-secondary);font-family:var(--font);cursor:pointer;transition:all .3s var(--ease-out);white-space:nowrap;background:0 0;border:none;flex:1;padding:10px 16px;font-size:.85rem;font-weight:500}.toggle-btn:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.toggle-btn--active{box-shadow:0 2px 12px var(--accent-glow);background:var(--accent-primary)!important;color:#fff!important}.slider-group{width:100%}.slider-group__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-md);font-size:.75rem;font-weight:600;display:block}.slider-container{padding:8px 0 28px;position:relative}.slider{appearance:none;background:var(--bg-primary);cursor:pointer;z-index:2;border-radius:3px;outline:none;width:100%;height:6px;position:relative}.slider::-webkit-slider-thumb{appearance:none;background:var(--accent-primary);border:3px solid var(--bg-secondary);width:22px;height:22px;box-shadow:0 0 0 3px var(--accent-glow), 0 2px 8px #0006;cursor:grab;transition:transform .15s var(--ease-spring), box-shadow .15s ease;border-radius:50%}.slider::-webkit-slider-thumb:active{cursor:grabbing;box-shadow:0 0 0 6px var(--accent-glow), 0 2px 12px #00000080;transform:scale(1.15)}.slider-track-fill{background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));pointer-events:none;z-index:1;border-radius:3px;height:6px;transition:none;position:absolute;top:8px;left:0}.slider-ticks{pointer-events:none;z-index:0;justify-content:space-between;display:flex;position:absolute;bottom:0;left:0;right:0}.slider-tick{flex-direction:column;align-items:center;gap:2px;display:flex}.slider-tick__mark{background:var(--text-muted);opacity:.4;width:1px;height:6px}.slider-tick__label{color:var(--text-muted);white-space:nowrap;font-size:.6rem}.slider-input-wrap{margin-top:var(--space-md);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:4px;max-width:280px;padding:10px 14px;transition:border-color .2s;display:flex}.slider-input-wrap:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.slider-input-prefix{color:var(--text-muted);font-size:1.1rem;font-weight:600}.slider-input{color:var(--text-primary);font-family:var(--font);letter-spacing:.02em;background:0 0;border:none;outline:none;width:100%;font-size:1.1rem;font-weight:600}.switch-label{align-items:center;gap:var(--space-md);min-width:260px;padding:var(--space-md);background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .25s var(--ease-out);-webkit-user-select:none;user-select:none;flex:1;display:flex}.switch-label:hover{background:var(--bg-glass-hover);border-color:#ffffff1a}.switch-label:has(input:checked){border-color:var(--green);background:var(--green-glow)}.switch{flex-shrink:0;position:relative}.switch input{opacity:0;width:0;height:0;position:absolute}.switch__track{background:var(--bg-primary);border-radius:var(--radius-full);border:1px solid var(--border);width:44px;height:24px;transition:background .3s;display:block;position:relative}.switch input:checked+.switch__track{background:var(--green);border-color:var(--green)}.switch__thumb{width:18px;height:18px;transition:transform .3s var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #0000004d}.switch input:checked+.switch__track .switch__thumb{transform:translate(20px)}.switch-text{flex-direction:column;gap:2px;display:flex}.switch-text__title{color:var(--text-primary);font-size:.85rem;font-weight:600}.switch-text__desc{color:var(--text-muted);font-size:.72rem}.chart-section{margin-bottom:var(--space-xl)}.chart-section__inner{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-lg);flex-direction:column;padding-bottom:56px;display:flex;overflow:visible}.chart-header{margin-bottom:var(--space-md);z-index:50;justify-content:flex-end;display:flex;position:relative}.filter-dropdown-container{position:relative}.filter-btn{background:var(--bg-glass);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-md);font-family:var(--font);cursor:pointer;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.filter-btn:hover{background:var(--bg-glass-hover);border-color:#ffffff26}.filter-btn__icon{font-size:1rem}.filter-btn__arrow{color:var(--text-muted);margin-left:4px;font-size:.7rem;transition:transform .2s}.filter-dropdown{border:1px solid var(--border);border-radius:var(--radius-md);opacity:1;visibility:visible;background:#111827;flex-direction:column;width:260px;transition:opacity .2s,transform .2s,visibility .2s;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;transform:translateY(0);box-shadow:0 10px 40px #000c}.filter-dropdown.hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px)}.filter-dropdown__header{border-bottom:1px solid var(--border);background:#ffffff05;padding:12px 16px}.filter-dropdown__list{scrollbar-width:thin;scrollbar-color:var(--border) transparent;max-height:300px;padding:8px 0;overflow-y:auto}.filter-item{cursor:pointer;padding:8px 16px;transition:background .15s}.filter-item:hover{background:var(--bg-glass-hover)}.filter-checkbox-label{cursor:pointer;color:var(--text-primary);-webkit-user-select:none;user-select:none;align-items:center;gap:12px;font-size:.85rem;font-weight:500;display:flex}.filter-checkbox-label input{display:none}.checkbox-custom{border:1px solid var(--border);background:var(--bg-primary);border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:inline-flex;position:relative}.filter-checkbox-label input:checked+.checkbox-custom{background:var(--accent-primary);border-color:var(--accent-primary)}.filter-checkbox-label input:checked+.checkbox-custom:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;margin-bottom:2px;transform:rotate(45deg)}.filter-dropdown__footer{border-top:1px solid var(--border);background:var(--bg-primary);padding:12px 16px}.apply-btn{background:var(--accent-primary);color:#fff;border-radius:var(--radius-sm);width:100%;font-weight:600;font-family:var(--font);cursor:pointer;border:none;padding:10px;transition:background .2s}.apply-btn:hover{background:var(--accent-secondary)}.chart-container{gap:0;height:480px;display:flex;position:relative}.chart__y-axis{z-index:20;background:inherit;border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;justify-content:space-between;width:60px;padding:4px 8px 4px 0;display:flex;position:sticky;left:0}.chart-scroll-wrapper{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;margin-bottom:-46px;padding-bottom:46px;overflow:auto hidden}.chart-scroll-wrapper::-webkit-scrollbar{height:4px}.chart-scroll-wrapper::-webkit-scrollbar-track{background:0 0}.chart-scroll-wrapper::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.y-label{color:var(--text-muted);text-align:right;white-space:nowrap;font-size:.65rem;position:absolute;right:8px;transform:translateY(-50%)}.chart__area{border-bottom:1px solid var(--border);align-items:stretch;gap:2px;height:100%;display:flex;position:relative}.chart__marker{z-index:10;pointer-events:none;transition:none;position:absolute;left:0;right:0}.chart__marker-line{background:repeating-linear-gradient(90deg, var(--marker-color) 0, var(--marker-color) 8px, transparent 8px, transparent 16px);width:100%;height:2px;box-shadow:0 0 12px var(--marker-glow)}.chart__marker-label{z-index:30;background:var(--marker-color);color:#fff;border-radius:var(--radius-sm);white-space:nowrap;box-shadow:0 2px 8px var(--marker-glow);text-align:right;pointer-events:none;width:60px;padding:4px 6px;font-size:.65rem;font-weight:700;position:absolute;top:0;left:0;transform:translateY(-50%)}.exchange-column{flex-direction:column;flex-shrink:0;width:88px;display:flex;position:relative}.exchange-column__label{text-align:center;padding:8px 4px;position:absolute;bottom:-36px;left:0;right:0}.exchange-column__name{font-size:.75rem;font-weight:700;display:block}.exchange-column__tiers{flex:1;position:relative}.tier-block{transition:all .4s var(--ease-out);cursor:default;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;display:flex;position:absolute;left:6%;right:6%;overflow:hidden}.tier-block__label{color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;padding:0 2px;font-size:.55rem;font-weight:600;overflow:hidden}.tier-block--highlighted{z-index:5;border-color:#fff6;transform:scaleX(1.06);box-shadow:0 0 20px #ffffff1a}.tier-block--highlighted .tier-block__label{color:#fff;font-weight:700}.tier-block--dimmed{opacity:.3}body.theme-light .tier-block__label{color:#0009}body.theme-light .tier-block--highlighted .tier-block__label{color:#000000f2}body.theme-light .tier-block--highlighted{border-color:#0003;box-shadow:0 0 15px #00000014}body.theme-light [data-exchange=okx]{color:#000!important}.exchange-column--disabled{opacity:.25;pointer-events:none}.exchange-column--disabled:after{content:"N/A";color:var(--text-muted);font-size:.8rem;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chart__gridline{background:var(--border);pointer-events:none;z-index:0;height:1px;position:absolute;left:0;right:0}.results{margin-bottom:var(--space-2xl);padding-bottom:20px}.sort-bar{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.sort-bar__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-right:4px;font-size:.72rem;font-weight:600}.sort-btn{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-glass);color:var(--text-secondary);font-family:var(--font);cursor:pointer;transition:all .2s var(--ease-out);white-space:nowrap;padding:6px 14px;font-size:.78rem;font-weight:600}.sort-btn:hover{background:var(--bg-glass-hover);color:var(--text-primary);border-color:#ffffff1f}.sort-btn--active{box-shadow:0 2px 10px var(--accent-glow);background:var(--accent-primary)!important;color:#fff!important;border-color:var(--accent-primary)!important}.results__inner{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.result-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all .3s var(--ease-out);position:relative;overflow:hidden}.result-card:before{content:"";background:var(--card-color,var(--text-muted));opacity:.6;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.result-card:hover{border-color:#ffffff1a;transform:translateY(-2px);box-shadow:0 8px 30px #0000004d}.result-card:hover:before{opacity:1}.result-card--lowest{box-shadow:0 0 30px var(--green-glow);border-color:var(--green)!important}.result-card--lowest:before{opacity:1;background:var(--green)!important}.result-card__header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.result-card__exchange{font-size:1.1rem;font-weight:700}.result-card__tier{border-radius:var(--radius-full);background:var(--bg-glass);border:1px solid var(--border);color:var(--text-secondary);padding:3px 10px;font-size:.75rem;font-weight:600}.result-card__badge{background:var(--green);color:#000;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;animation:badge-pop .4s var(--ease-spring);padding:3px 8px;font-size:.65rem;font-weight:800;display:none;position:absolute;top:14px;right:14px}.result-card--lowest .result-card__badge{display:block}@keyframes badge-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.result-card__fees{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.fee-item{flex-direction:column;gap:4px;display:flex}.fee-item__label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.7rem;font-weight:600}.fee-item__value{font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:700;transition:all .3s}.fee-item__original{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.8rem;text-decoration:line-through;display:none}.fee-item__original--visible{display:block}.fee-item__value--rebated{color:var(--accent-secondary)!important}.fee-item__value--lowest{background:var(--green);border-radius:var(--radius-sm);padding:1px 6px;display:inline-block;color:#000!important}.result-card__cta{border-radius:var(--radius-md);background:var(--bg-glass);border:none;border:1px solid var(--border);width:100%;color:var(--text-secondary);font-family:var(--font);cursor:pointer;text-align:center;transition:all .25s var(--ease-out);padding:12px;font-size:.85rem;font-weight:600;text-decoration:none;display:block}.result-card__cta:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 4px 16px var(--accent-glow);transform:translateY(-1px)}.result-card--lowest .result-card__cta{background:var(--green);color:#000;border-color:var(--green);font-weight:700}.result-card--lowest .result-card__cta:hover{box-shadow:0 4px 20px var(--green-glow);transform:translateY(-1px)}.result-card__notice{color:var(--text-muted);margin-bottom:var(--space-sm);background:var(--bg-glass);border-radius:var(--radius-sm);padding:6px 8px;font-size:.7rem;display:none}.result-card__notice--visible{display:block}.fee-badge{background:var(--green);color:#000;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;vertical-align:middle;animation:badge-pop .3s var(--ease-spring);margin-left:4px;padding:1px 5px;font-size:.55rem;font-weight:800;display:inline-block}.disclaimer{padding:var(--space-xl) 0;border-top:1px solid var(--border)}.disclaimer__inner{max-width:700px;margin:0 auto}.disclaimer p{color:var(--text-muted);margin-bottom:var(--space-xs);font-size:.72rem;line-height:1.7}.disclaimer__update{margin-top:var(--space-md);opacity:.6;font-weight:600}@media (width<=768px){#app{padding:0 var(--space-sm)}.header{padding:var(--space-lg) 0 var(--space-md)}.logo__text{font-size:1.5rem}.controller__inner{padding:var(--space-md)}.controller__row{gap:var(--space-md);flex-direction:column}.toggle-group{min-width:unset}.chart-container{height:380px}.chart__y-axis{width:45px}.y-label{font-size:.55rem}.tier-block__label{font-size:.45rem}.results__inner{grid-template-columns:1fr 1fr}.switch-label{min-width:unset}}@media (width<=480px){.results__inner{grid-template-columns:1fr}.chart-container{height:320px}.exchange-column__name{font-size:.6rem}}.tier-tooltip{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);pointer-events:none;z-index:100;opacity:0;max-width:200px;padding:8px 12px;font-size:.75rem;transition:opacity .15s;position:fixed;box-shadow:0 8px 24px #00000080}.tier-tooltip--visible{opacity:1}.tier-tooltip__title{margin-bottom:4px;font-weight:700}.tier-tooltip__row{color:var(--text-secondary);justify-content:space-between;gap:16px;display:flex}