:root{--bg-dark: #070709;--bg-card: rgba(18, 18, 22, .7);--gold-primary: #c5a059;--gold-light: #e8d099;--gold-glow: rgba(197, 160, 89, .15);--text-main: #f4f4f7;--text-muted: #a1a1ae;--border-muted: rgba(255, 255, 255, .08);--border-gold: rgba(197, 160, 89, .25);--emerald-primary: #10b981}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}body{background-color:var(--bg-dark);color:var(--text-main);background-image:radial-gradient(circle at 10% 20%,rgba(197,160,89,.08),transparent 30%),radial-gradient(circle at 90% 80%,rgba(98,126,234,.05),transparent 30%);min-height:100vh;overflow-x:hidden;line-height:1.5}.dex-container{max-width:1240px;margin:0 auto;padding:1.5rem 2rem}.dex-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-muted);padding-bottom:1.2rem;margin-bottom:2.5rem}.dex-left-group{display:flex;align-items:center;gap:3rem}.dex-logo{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.4rem;letter-spacing:1.5px;background:linear-gradient(135deg,var(--gold-light),var(--gold-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.logo-symbol{font-size:1.6rem}.dex-nav{display:flex;gap:1.5rem}.nav-link{background:none;border:none;color:var(--text-muted);font-size:.95rem;font-weight:500;cursor:pointer;padding:.5rem .8rem;border-radius:6px;transition:all .3s ease}.nav-link:hover{color:var(--text-main);background:#ffffff0a}.nav-link.active{color:var(--gold-light);background:#c5a05914;border:1px solid var(--border-gold)}.wallet-btn{background:none;border:1px solid var(--gold-primary);color:var(--gold-primary);border-radius:8px;padding:.6rem 1.4rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.wallet-btn:hover{background:var(--gold-primary);color:var(--bg-dark);box-shadow:0 0 16px var(--gold-glow)}.wallet-btn.connected{border-color:var(--border-muted);color:var(--text-main);background:#ffffff0d}.connection-indicator{width:8px;height:8px;background:var(--emerald-primary);border-radius:50%;box-shadow:0 0 8px var(--emerald-primary)}.dex-content-layout{display:flex;flex-direction:column;gap:2.5rem}.swap-view-grid{display:grid;grid-template-columns:460px 1fr;gap:2rem;align-items:start}.swap-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-muted);border-radius:16px;padding:1.8rem;position:relative;overflow:hidden}.swap-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--gold-primary),transparent)}.swap-header-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.8rem}.swap-header-title h2{font-size:1.25rem;font-weight:700}.badge-fastnet{background:#c5a0591f;color:var(--gold-light);border:1px solid var(--border-gold);border-radius:20px;padding:.2rem .7rem;font-size:.75rem;font-weight:600}.token-panel{background:#0006;border:1px solid var(--border-muted);border-radius:12px;padding:1.2rem;transition:border-color .3s}.token-panel:focus-within{border-color:var(--border-gold)}.panel-label{display:flex;justify-content:space-between;color:var(--text-muted);font-size:.8rem;margin-bottom:.6rem}.panel-inputs{display:flex;justify-content:space-between;align-items:center;gap:1rem}.amount-field{background:none;border:none;outline:none;color:var(--text-main);font-size:2rem;font-weight:600;width:100%}.amount-field::placeholder{color:#ffffff26}.amount-field.readonly{opacity:.85}.selector-trigger{background:#ffffff0f;border:1px solid transparent;color:var(--text-main);border-radius:24px;padding:.5rem 1rem;font-size:.95rem;font-weight:700;display:flex;align-items:center;gap:.5rem;cursor:pointer;white-space:nowrap;transition:all .2s ease}.selector-trigger:hover{background:#ffffff1f;border-color:var(--border-gold)}.asset-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.trigger-arrow{font-size:.6rem;color:var(--text-muted)}.switch-separator{display:flex;justify-content:center;margin:-12px 0;position:relative;z-index:2}.btn-switch{background:var(--bg-dark);border:1px solid var(--border-muted);color:var(--text-main);width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all .3s ease}.btn-switch:hover{border-color:var(--gold-primary);color:var(--gold-primary);transform:rotate(180deg)}.swap-details-box{background:#00000040;border-radius:12px;padding:1.2rem;margin-top:1.5rem;display:flex;flex-direction:column;gap:.6rem;font-size:.85rem}.detail-line{display:flex;justify-content:space-between;align-items:center}.detail-lbl{color:var(--text-muted)}.detail-val{color:var(--text-main);font-weight:500}.highlight-gold{color:var(--gold-light)}.btn-primary-action{width:100%;background:var(--gold-primary);color:var(--bg-dark);border:none;border-radius:12px;padding:1.2rem;font-size:1.05rem;font-weight:700;cursor:pointer;margin-top:1.5rem;transition:all .3s ease}.btn-primary-action:hover:not(:disabled){background:var(--gold-light);box-shadow:0 0 20px var(--gold-glow);transform:translateY(-2px)}.btn-primary-action:disabled{opacity:.5;cursor:not-allowed}.btn-primary-action.connect{background:none;border:1px solid var(--border-gold);color:var(--gold-light)}.btn-primary-action.connect:hover{background:#c5a05914}.details-panel-area{display:flex;flex-direction:column;gap:1.5rem;height:100%}.chart-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-muted);border-radius:16px;padding:1.5rem}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.chart-pair{color:var(--text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.chart-price{font-size:1.8rem;font-weight:700;margin-top:.2rem}.chart-price.green{color:#10b981}.chart-price.red{color:#ef4444}.price-badge{font-size:.75rem;font-weight:600;padding:.25rem .6rem;border-radius:12px}.price-badge.green{background:#10b9811f;color:#10b981}.price-badge.red{background:#ef44441f;color:#ef4444}.chart-canvas-container{height:160px;position:relative;display:flex;align-items:flex-end}.svg-chart{overflow:visible}.telemetry-card{background:#000;border:1px solid var(--border-muted);border-radius:16px;padding:1.5rem;flex-grow:1;display:flex;flex-direction:column;min-height:200px}.telemetry-title{font-family:monospace;font-size:.85rem;color:var(--text-muted);display:flex;align-items:center;margin-bottom:1rem}.telemetry-live-dot{width:8px;height:8px;background:var(--gold-primary);border-radius:50%;display:inline-block;margin-right:.6rem;animation:pulse 1.8s infinite}.telemetry-console{font-family:Courier New,Courier,monospace;font-size:.8rem;color:#10b981;overflow-y:auto;flex-grow:1;display:flex;flex-direction:column;gap:.4rem}.telemetry-row{opacity:.85}.pool-view-grid{display:grid;grid-template-columns:460px 1fr;gap:2rem;align-items:start}.pool-action-card{background:var(--bg-card);border:1px solid var(--border-muted);border-radius:16px;padding:1.8rem}.pool-card-header h2{font-size:1.25rem;font-weight:700;margin-bottom:.4rem}.pool-card-header p{color:var(--text-muted);font-size:.85rem;margin-bottom:1.5rem}.pool-select-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.pool-select-block{display:flex;flex-direction:column;gap:.5rem;width:100%}.pool-select-block label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.selector-trigger.pool-sel{justify-content:space-between;width:100%}.pool-plus{font-size:1.5rem;color:var(--text-muted);margin-top:1.2rem}.pool-input-group{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:1.5rem}.pool-input-field{display:flex;flex-direction:column;gap:.5rem}.pool-input-field label{font-size:.8rem;color:var(--text-muted)}.pool-input-field input{background:#0006;border:1px solid var(--border-muted);border-radius:10px;color:var(--text-main);padding:.9rem;font-size:1.2rem;outline:none}.pool-quote-box{background:#00000040;border-radius:10px;padding:1rem;margin-bottom:1.5rem;font-size:.85rem;display:flex;flex-direction:column;gap:.5rem}.pool-quote-line{display:flex;justify-content:space-between;color:var(--text-muted)}.pool-quote-line span:last-child{color:var(--text-main);font-weight:500}.pool-list-card{background:var(--bg-card);border:1px solid var(--border-muted);border-radius:16px;padding:1.8rem}.pool-list-title{font-size:1.1rem;font-weight:700;margin-bottom:1.5rem}.pool-table{display:flex;flex-direction:column}.pool-table-header{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;padding:.8rem 1rem;color:var(--text-muted);font-size:.8rem;text-transform:uppercase;border-bottom:1px solid var(--border-muted)}.pool-table-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;padding:1.2rem 1rem;align-items:center;border-bottom:1px solid rgba(255,255,255,.04)}.pool-pair-name{font-weight:600}.apr-value{color:#10b981;font-weight:700}.sdk-view-grid{display:grid;grid-template-columns:1fr 480px;gap:2.5rem;align-items:start}.sdk-customizer-card{background:var(--bg-card);border:1px solid var(--border-muted);border-radius:16px;padding:1.8rem}.sdk-customizer-card h2{font-size:1.3rem;font-weight:700;margin-bottom:.4rem}.sdk-customizer-card p{color:var(--text-muted);font-size:.85rem;margin-bottom:2rem}.customizer-options{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.option-group{display:flex;flex-direction:column;gap:.6rem}.option-group label{font-size:.85rem;color:var(--text-muted);font-weight:600}.theme-toggle-row{display:flex;gap:.8rem;flex-wrap:wrap}.btn-theme{background:#ffffff0d;border:1px solid var(--border-muted);color:var(--text-muted);border-radius:6px;padding:.5rem 1rem;font-size:.8rem;cursor:pointer;transition:all .3s ease}.btn-theme:hover{color:var(--text-main);background:#ffffff1a}.btn-theme.active{border-color:var(--gold-primary);color:var(--gold-light);background:#c5a0591a}.sdk-select,.sdk-input{background:#0006;border:1px solid var(--border-muted);border-radius:8px;color:var(--text-main);padding:.8rem;font-size:.9rem;outline:none}.input-helper{font-size:.75rem;color:var(--text-muted)}.sdk-code-box{background:#000;border:1px solid var(--border-muted);border-radius:12px;overflow:hidden}.code-box-header{background:#ffffff08;padding:.6rem 1.2rem;display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-muted);border-bottom:1px solid var(--border-muted)}.btn-copy-code{background:#c5a0591f;border:1px solid var(--border-gold);color:var(--gold-light);padding:.25rem .6rem;border-radius:4px;cursor:pointer;transition:all .2s}.btn-copy-code:hover{background:var(--gold-primary);color:var(--bg-dark)}.code-content{padding:1.2rem;font-family:Courier New,Courier,monospace;font-size:.8rem;color:#c5a059;overflow-x:auto;white-space:pre}.sdk-preview-container{display:flex;flex-direction:column;gap:1rem}.preview-label{font-size:.9rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.embedded-widget-wrapper{background:#0000004d;border:1px dashed rgba(255,255,255,.15);border-radius:16px;padding:3rem 2rem;display:flex;justify-content:center;align-items:center;transition:all .3s}.embedded-swap-widget{background:#111115;border-radius:12px;border:1px solid rgba(255,255,255,.08);padding:1.2rem;width:320px;display:flex;flex-direction:column;gap:.8rem}.widget-header{display:flex;justify-content:space-between;align-items:center}.widget-header h4{font-size:.95rem;font-weight:700}.widget-partner-badge{font-size:.65rem;background:#ffffff0d;padding:.15rem .4rem;border-radius:10px}.widget-input-box{background:#00000080;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:.6rem .8rem}.w-lbl{font-size:.7rem;color:var(--text-muted)}.w-row{display:flex;justify-content:space-between;margin-top:.2rem}.w-field{background:none;border:none;outline:none;color:var(--text-main);font-size:1.2rem;font-weight:600;width:60%}.w-asset{font-size:.9rem;font-weight:700;color:var(--text-main)}.widget-arrow{text-align:center;font-size:.9rem;color:var(--text-muted)}.widget-footer-info{font-size:.7rem;color:var(--text-muted);text-align:center}.widget-submit-btn{background:var(--gold-primary);color:var(--bg-dark);border:none;border-radius:8px;padding:.8rem;font-weight:700;cursor:pointer;font-size:.9rem}.theme-gold .embedded-swap-widget{border-color:#c5a05980;box-shadow:0 0 15px #c5a05926}.theme-emerald .widget-submit-btn{background:#10b981;color:#fff}.theme-emerald .embedded-swap-widget{border-color:#10b9814d}.theme-midnight .embedded-swap-widget{background:#090e24;border-color:#627eea4d}.theme-midnight .widget-submit-btn{background:#627eea;color:#fff}.latency-comparator-section{background:var(--bg-card);border:1px solid var(--border-muted);border-radius:16px;padding:2rem;margin-top:1rem}.comparator-header{margin-bottom:2rem}.comparator-header h2{font-size:1.25rem;font-weight:700;margin-bottom:.3rem}.comparator-header p{color:var(--text-muted);font-size:.85rem}.benchmark-chart{display:flex;flex-direction:column;gap:1.2rem}.benchmark-bar-row{display:grid;grid-template-columns:240px 1fr;align-items:center;gap:1.5rem}.chain-name{font-size:.9rem;font-weight:600}.bar-wrapper{display:flex;align-items:center;gap:1rem;width:100%}.bar{height:24px;border-radius:6px;position:relative}.eth-bar{background:linear-gradient(90deg,#627eea,#627eea66)}.sol-bar{background:linear-gradient(90deg,#14f195,#14f19566)}.aether-bar{background:linear-gradient(90deg,var(--gold-primary),var(--gold-light));box-shadow:0 0 10px var(--gold-primary);min-width:4px}.bar-val{font-size:.85rem;font-weight:600}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center}.modal-content{background:#121216;border:1px solid var(--border-muted);border-radius:16px;width:400px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.modal-hdr{display:flex;justify-content:space-between;align-items:center;padding:1.2rem;border-bottom:1px solid var(--border-muted)}.modal-hdr h3{font-size:1.05rem;font-weight:700}.modal-close{background:none;border:none;color:var(--text-muted);font-size:1rem;cursor:pointer}.asset-list{overflow-y:auto;display:flex;flex-direction:column}.asset-item-row{display:flex;align-items:center;padding:1rem 1.2rem;cursor:pointer;transition:background .2s;border-bottom:1px solid rgba(255,255,255,.02)}.asset-item-row:hover{background:#ffffff0a}.asset-modal-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;font-weight:800;font-size:.95rem;margin-right:1rem}.asset-modal-details{display:flex;flex-direction:column;flex-grow:1}.asset-modal-symbol{font-weight:700;font-size:.95rem}.asset-modal-name{font-size:.75rem;color:var(--text-muted)}.asset-modal-bal{font-weight:600;font-size:.9rem}@keyframes pulse{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}@media (max-width: 960px){.swap-view-grid,.pool-view-grid,.sdk-view-grid{grid-template-columns:1fr}}