@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--bg-main:#fff;--bg-surface:#f9f9f9;--bg-surface-hover:#f2f2f2;--bg-surface-active:#e8e8e8;--border-color:#f0f0f0;--text-primary:#111;--text-secondary:#777;--accent-pink:#fc72ff;--accent-pink-hover:#e366e5;--accent-blue:#4c82fb;--accent-purple:#9945ff;--font-inter:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-inter);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input{color:inherit;background:0 0;border:none;outline:none;font-family:inherit}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.w-full{width:100%}.text-center{text-align:center}.top-disclaimer{text-align:center;color:#666;border-bottom:1px solid var(--border-color);padding:12px 24px;font-size:14px}.top-disclaimer span{color:var(--accent-pink);cursor:pointer}.mobile-menu-btn,.mobile-search-btn{color:var(--text-secondary);padding:8px;display:none}.header{background-color:var(--bg-main);z-index:100;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:32px;display:flex}.logo{color:var(--accent-pink);align-items:center;gap:8px;font-size:20px;font-weight:600;display:flex}.logo svg{width:28px;height:28px;color:var(--accent-pink)}.nav-links{gap:24px;display:flex}.nav-link{color:var(--text-secondary);font-size:16px;font-weight:500;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.header-search{flex:1;max-width:480px;margin:0 20px;position:relative}.search-input{width:100%;color:var(--text-primary);background-color:#f5f6f8;border:1px solid #0000;border-radius:20px;padding:12px 16px 12px 40px;font-size:16px;transition:border-color .2s,background-color .2s}.search-input:focus{background-color:var(--bg-main);border-color:var(--accent-pink)}.search-icon{color:#a0a0a0;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-shortcut{color:#a0a0a0;background-color:#eaeaea;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.header-right{align-items:center;gap:16px;display:flex}.more-btn{color:var(--text-secondary);justify-content:center;align-items:center;padding:8px;display:flex}.connect-btn{background-color:var(--accent-pink);color:#fff;border-radius:20px;padding:10px 20px;font-size:16px;font-weight:600;transition:background .2s,transform .1s}.connect-btn:hover{background-color:var(--accent-pink-hover)}.connect-btn:active{transform:scale(.98)}.hero-section{flex-direction:column;align-items:center;padding:80px 20px 120px;display:flex;position:relative;overflow:hidden}.hero-title{letter-spacing:-.02em;z-index:10;margin-bottom:40px;font-size:72px;font-weight:500}.swap-card{background-color:var(--bg-main);border:1px solid var(--border-color);z-index:10;border-radius:24px;width:100%;max-width:480px;padding:8px;position:relative;box-shadow:0 8px 32px #0000000a}.swap-input-container{background-color:var(--bg-surface);border:1px solid #0000;border-radius:20px;margin-bottom:4px;padding:16px;transition:border-color .2s}.swap-input-container:focus-within{border-color:#d2d9ee}.swap-input-container.active-bottom{background-color:#f5f6f8}.input-label{color:var(--text-secondary);margin-bottom:12px;font-size:14px;font-weight:500}.amount-input{color:var(--text-primary);width:100%;min-width:0;margin-right:12px;font-size:40px;font-weight:400}.amount-input::placeholder{color:#b8b8b8}.token-selector{background-color:var(--bg-main);cursor:pointer;border-radius:20px;align-items:center;gap:8px;padding:8px 12px 8px 8px;font-size:18px;font-weight:600;transition:background .2s;display:flex;box-shadow:0 2px 8px #0000000a}.token-selector:hover{background-color:var(--bg-surface)}.token-selector.unselected{background-color:var(--accent-pink);color:#fff;padding:10px 16px;font-size:16px}.token-selector.unselected:hover{background-color:var(--accent-pink-hover)}.token-icon{border-radius:50%;width:24px;height:24px}.balance-row{color:var(--text-secondary);margin-top:8px;font-size:14px}.swap-arrow-wrapper{z-index:2;position:absolute;top:138px;left:50%;transform:translate(-50%)}.swap-arrow{background-color:var(--bg-surface);border:4px solid var(--bg-main);color:var(--text-primary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:8px;transition:background .2s;display:flex}.swap-arrow:hover{background-color:#eaeaea}.action-btn{width:100%;color:var(--accent-pink);cursor:pointer;background-color:#fff2fc;border-radius:20px;margin-top:4px;padding:16px;font-size:18px;font-weight:600;transition:background .2s}.action-btn:hover{background-color:#ffe6f9}.hero-subtitle{color:var(--text-secondary);z-index:10;margin-top:32px;font-size:16px}.text-pink{color:var(--accent-pink)}.blob{filter:blur(40px);opacity:.6;z-index:1;border-radius:50%;position:absolute}.blob-blue{background-color:var(--accent-blue);width:120px;height:120px;top:30%;left:15%}.blob-red{background-color:#ff4d00;width:150px;height:150px;top:20%;left:35%}.blob-green{filter:blur(50px);background-color:#21c95e;width:100px;height:100px;top:60%;left:20%}.blob-purple{background-color:#9e62ff;width:180px;height:180px;top:70%;right:10%}.blob-pink{background-color:var(--accent-pink);width:120px;height:120px;top:15%;right:15%}.stats-section{grid-template-columns:1fr 1.2fr;align-items:center;gap:64px;max-width:1200px;margin:0 auto;padding:80px 24px;display:grid}.stats-text h2{letter-spacing:-.02em;margin-bottom:40px;font-size:52px;font-weight:500;line-height:1.1}.stats-text p{color:var(--text-secondary);margin-bottom:24px;font-size:24px;line-height:1.4}.trade-link{background-color:var(--bg-surface);border-radius:20px;align-items:center;gap:8px;padding:12px 20px;font-size:16px;font-weight:600;transition:background .2s;display:inline-flex}.trade-link:hover{background-color:var(--bg-surface-active)}.stats-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.stat-card{background-color:var(--bg-surface);border-radius:24px;flex-direction:column;justify-content:space-between;min-height:200px;padding:32px;display:flex}.stat-value{font-size:48px;font-weight:500}.products-section{max-width:1200px;margin:0 auto;padding:80px 24px}.products-title{text-align:center;letter-spacing:-.02em;margin-bottom:64px;font-size:48px;font-weight:500}.products-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.product-card{border-radius:32px;flex-direction:column;min-height:400px;padding:48px;display:flex;position:relative;overflow:hidden}.product-card.blue{background-color:#f0f4ff}.product-card.pink{background-color:#fff2fc}.product-card.purple{background-color:#f5efff}.product-card.green{background-color:#e8f9ee}.product-card.orange{background-color:#fff0e5}.product-tag{align-items:center;gap:8px;margin-bottom:24px;font-size:14px;font-weight:600;display:inline-flex}.product-card.blue .product-tag{color:var(--accent-blue)}.product-card.pink .product-tag{color:var(--accent-pink)}.product-card.purple .product-tag{color:var(--accent-purple)}.product-card h3{margin-bottom:16px;font-size:32px;font-weight:500;line-height:1.2}.product-card.blue h3{color:var(--accent-blue)}.product-card.pink h3{color:var(--accent-pink)}.product-card.purple h3{color:var(--accent-purple)}.product-card.green h3{color:#0c8911}.product-card p{max-width:80%;margin-bottom:24px;font-size:18px;line-height:1.5}.product-card.blue p{color:#3a68d8}.product-card.pink p{color:#d13ebe}.product-card.purple p{color:#7a3dc6}.product-card.green p{color:#09680d}.product-link{align-items:center;gap:6px;font-weight:600;display:inline-flex}.product-card.blue .product-link{color:var(--accent-blue)}.product-card.pink .product-link{color:var(--accent-pink)}.product-card.purple .product-link{color:var(--accent-purple)}.universe-section{max-width:1200px;margin:0 auto;padding:120px 24px}.universe-title{margin-bottom:40px;font-size:40px;font-weight:500}.universe-list{flex-direction:column;display:flex}.universe-item{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:32px 0;font-size:24px;font-weight:500;transition:padding-left .2s;display:flex}.universe-item:first-child{border-top:1px solid var(--border-color)}.universe-item:hover{padding-left:8px}.item-left{align-items:center;gap:16px;display:flex}.item-left span{font-weight:500}.item-desc{color:var(--text-secondary);font-size:18px;font-weight:400}.footer{justify-content:space-between;max-width:1200px;margin:0 auto;padding:64px 24px;display:flex}.footer-left{gap:16px;font-size:20px;display:flex}.footer-links{grid-template-columns:repeat(4,1fr);gap:40px;display:grid}.footer-column{flex-direction:column;gap:12px;display:flex}.footer-column-title{margin-bottom:8px;font-weight:600}.footer-column a{color:var(--text-secondary);font-size:14px}.footer-column a:hover{color:var(--text-primary)}.footer-bottom{max-width:1200px;color:var(--text-secondary);border-top:1px solid var(--border-color);justify-content:space-between;margin:0 auto;padding:24px;font-size:12px;display:flex}@media (max-width:768px){.top-disclaimer{padding:16px;line-height:1.5}.top-disclaimer span{margin-top:8px;display:block}.header{padding:12px 16px}.logo span{display:none}.header-left{gap:16px}.nav-links,.header-search{display:none}.mobile-menu-btn,.mobile-search-btn{display:flex}.connect-btn{padding:8px 16px;font-size:14px}.hero-section{padding:40px 16px 80px}.hero-title{text-align:center;margin-bottom:32px;font-size:40px;line-height:1.1}.hero-subtitle{text-align:center;margin-top:40px;padding:0 16px;line-height:1.4}.stats-section{grid-template-columns:1fr;gap:40px;padding:60px 16px}.stats-text h2{font-size:36px}.stats-text p{font-size:18px}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{min-height:140px;padding:24px}.stat-value{font-size:32px}.products-section{padding:60px 16px}.products-title{margin-bottom:40px;font-size:32px}.products-grid{grid-template-columns:1fr}.product-card{min-height:320px;padding:32px}.universe-section{padding:60px 16px}.universe-title{font-size:32px}.universe-item{font-size:18px}.item-desc{margin-top:4px;font-size:14px;display:block}.item-left{flex-direction:column;align-items:flex-start;gap:0}.item-left-top{align-items:center;gap:12px;display:flex}.footer{flex-direction:column;gap:48px;padding:48px 16px}.footer-links{grid-template-columns:1fr 1fr;gap:32px}.footer-bottom{flex-direction:column;align-items:center;gap:16px}}.preferences-overlay{z-index:200;background:0 0;position:fixed;inset:0}.preferences-modal{background:var(--bg-main);border:1px solid var(--border-color);border-radius:20px;width:320px;padding:16px;position:absolute;top:70px;right:24px;box-shadow:0 12px 32px #00000014}.sheet-handle{display:none}.preferences-header{margin-bottom:16px;padding:8px 0;font-size:16px;font-weight:500}.preferences-row{justify-content:space-between;align-items:center;padding:12px 0;display:flex}.pref-label{color:var(--text-secondary);font-size:16px}.preferences-value{cursor:pointer;align-items:center;gap:4px;font-size:16px;font-weight:600;display:flex}.theme-toggle{background:var(--bg-surface);border-radius:20px;gap:4px;padding:4px;display:flex}.theme-toggle button{color:var(--text-secondary);border-radius:16px;padding:6px 12px;font-size:14px;font-weight:600}.theme-toggle button.active{background:var(--bg-main);color:var(--text-primary);box-shadow:0 2px 8px #0000000a}@media (max-width:768px){.preferences-overlay{background:#0009;align-items:flex-end;display:flex}.preferences-modal{width:100%;box-shadow:none;border:none;border-radius:24px 24px 0 0;padding:16px 20px 40px;position:relative;top:auto;right:auto}.sheet-handle{background:#e0e0e0;border-radius:4px;width:40px;height:4px;margin:0 auto 20px;display:block}.mobile-menu-sheet{background:var(--bg-main);width:100%;height:85vh;box-shadow:none;border:none;border-radius:24px 24px 0 0;flex-direction:column;padding:16px 20px 40px;display:flex;position:relative;top:auto;right:auto}.mobile-menu-scrollable{flex:1;padding-top:16px;padding-bottom:24px;overflow-y:auto}.mobile-menu-section-title{color:var(--text-secondary);margin-bottom:16px;font-size:14px;font-weight:500}.mobile-menu-item{color:var(--text-primary);align-items:center;gap:12px;padding:12px 0;font-size:18px;font-weight:500;text-decoration:none;display:flex}.mobile-menu-item svg{width:20px;height:20px}.mobile-menu-divider{background:var(--border-color);height:1px;margin:24px 0}.mobile-menu-accordion{color:var(--text-secondary);justify-content:space-between;align-items:center;padding:16px 0;font-size:16px;font-weight:500;display:flex}.mobile-menu-footer{justify-content:space-between;align-items:center;margin-top:40px;display:flex}.mobile-menu-socials{color:var(--text-primary);gap:24px;display:flex}.mobile-menu-accordion{cursor:pointer}.mobile-menu-accordion svg{transition:transform .2s}.accordion-content{flex-direction:column;padding-bottom:8px;display:flex}.accordion-link{color:var(--text-primary);align-items:center;gap:8px;padding:12px 0;font-size:16px;font-weight:500;text-decoration:none;display:flex}.accordion-link.secondary{color:var(--text-secondary)}}.trade-page{background:var(--bg-main);justify-content:center;min-height:calc(100vh - 72px);padding:40px 16px;display:flex}.trade-card-container{width:100%;max-width:480px}.trade-nav{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.trade-tabs{gap:8px;display:flex}.trade-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:20px;padding:8px 16px;font-size:16px;font-weight:500;transition:all .2s}.trade-tab:hover{background:var(--bg-surface-hover)}.trade-tab.active{background:var(--bg-surface-active);color:var(--text-primary)}.trade-settings{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:12px;padding:8px}.trade-settings:hover{background:var(--bg-surface-hover)}.tab-content{background:0 0}.input-group{background:var(--bg-surface);border:1px solid #0000;border-radius:20px;padding:16px}.input-group:focus-within{border-color:var(--border-color)}.input-group label{color:var(--text-secondary);margin-bottom:8px;font-size:14px;display:block}.input-row{justify-content:space-between;align-items:center;display:flex}.input-row input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-size:36px}.input-row input::placeholder{color:#b0b0b0}.token-selector{background:var(--bg-main);cursor:pointer;white-space:nowrap;border:none;border-radius:20px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:18px;font-weight:600;display:flex;box-shadow:0 2px 8px #0000000a}.token-selector.pink-btn{background:var(--accent-pink);color:#fff;padding:8px 12px}.token-selector.outline{background:var(--bg-main);border:1px solid var(--border-color)}.input-fiat{color:var(--text-secondary);margin-top:8px;font-size:14px}.swap-arrow{background:var(--bg-surface);border:4px solid var(--bg-main);z-index:2;cursor:pointer;width:40px;height:40px;color:var(--text-secondary);border-radius:12px;justify-content:center;align-items:center;margin:-10px auto;display:flex;position:relative}.trade-action-btn{width:100%;color:var(--accent-pink);cursor:pointer;background:#ffe5f4;border:none;border-radius:20px;margin-top:8px;padding:16px;font-size:20px;font-weight:600}.trade-action-btn:hover{background:#fad1e8}.limit-tab{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:24px;flex-direction:column;display:flex}.limit-header{color:var(--text-secondary);justify-content:space-between;align-items:center;padding:16px 16px 0;font-size:14px;display:flex}.limit-price-info{align-items:center;gap:6px;display:flex}.limit-price-info .bold{color:var(--text-primary);font-weight:600}.reverse-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none}.limit-price-input-row{justify-content:space-between;align-items:baseline;padding:0 16px;display:flex}.large-price-input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:44px;font-weight:500}.limit-token-badge{background:var(--bg-surface);border-radius:16px;align-items:center;gap:6px;padding:6px 12px;font-size:16px;font-weight:600;display:flex}.limit-percentages{gap:8px;padding:16px;display:flex}.percent-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:16px;padding:6px 12px;font-size:14px}.percent-btn.active{background:var(--bg-surface-active);color:var(--text-primary);border-color:#0000}.mt-16{margin-top:4px}.expiry-row{justify-content:space-between;align-items:center;padding:16px;display:flex}.expiry-label{color:var(--text-secondary);font-size:14px}.expiry-options{gap:8px;display:flex}.expiry-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:16px;padding:6px 12px;font-size:14px}.expiry-btn.active{background:var(--bg-surface-active);color:var(--text-primary)}.limit-warning{background:var(--bg-surface);color:var(--text-primary);border-radius:16px;gap:12px;margin-top:16px;padding:16px;font-size:14px;line-height:1.4;display:flex}.limit-warning a{color:var(--accent-pink);text-decoration:none}.fiat-tab{border:1px solid var(--border-color);background:0 0;border-radius:24px;padding:16px}.fiat-header{justify-content:space-between;align-items:center;padding:0 0 32px;display:flex}.fiat-title{color:var(--text-secondary);font-size:14px}.region-selector{background:var(--bg-surface);cursor:pointer;color:var(--text-secondary);border:none;border-radius:16px;align-items:center;gap:4px;padding:4px 8px;display:flex}.fiat-input-container{justify-content:center;align-items:baseline;margin-bottom:32px;display:flex}.fiat-symbol{color:#b0b0b0;font-size:80px;font-weight:500}.fiat-huge-input{color:var(--text-primary);text-align:left;background:0 0;border:none;outline:none;width:60px;font-size:80px}.fiat-huge-input::placeholder{color:#b0b0b0}.fiat-quick-amounts{justify-content:center;gap:8px;margin-bottom:32px;display:flex}.fiat-quick-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:20px;padding:8px 16px;font-size:16px;font-weight:500}.fiat-quick-btn:hover{background:var(--bg-surface-hover)}.fiat-token-row{background:var(--bg-main);border:1px solid var(--border-color);cursor:pointer;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 16px;display:flex}.fiat-token-info{align-items:center;gap:12px;display:flex}.fiat-token-info img{border-radius:50%}.fiat-token-name{font-size:16px;font-weight:600}.pool-page{background:var(--bg-main);justify-content:center;min-height:calc(100vh - 72px);padding:40px 16px;display:flex}.pool-container{width:100%;max-width:480px}.pool-title{margin-bottom:24px;font-size:24px;font-weight:500}.pool-main-card{background:var(--bg-main);border:1px solid var(--border-color);text-align:center;border-radius:24px;flex-direction:column;align-items:center;margin-bottom:16px;padding:32px 24px;display:flex}.pool-icon-box{background:var(--bg-surface);width:56px;height:56px;color:var(--text-primary);border-radius:16px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.pool-card-title{margin-bottom:8px;font-size:20px;font-weight:500}.pool-card-desc{color:var(--text-secondary);margin-bottom:24px;font-size:16px;line-height:1.4}.pool-btn-secondary{background:var(--bg-surface);width:100%;color:var(--text-primary);cursor:pointer;border:none;border-radius:16px;margin-bottom:12px;padding:16px;font-size:16px;font-weight:600}.pool-btn-primary{background:var(--text-primary);width:100%;color:var(--bg-main);cursor:pointer;border:none;border-radius:16px;padding:16px;font-size:16px;font-weight:600}.pool-list-item{background:var(--bg-main);border:1px solid var(--border-color);cursor:pointer;border-radius:24px;align-items:center;gap:16px;margin-bottom:12px;padding:16px;display:flex}.pool-list-image{border-radius:16px;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative;overflow:hidden}.pink-gradient{background:linear-gradient(135deg,#ff7de3 0%,#ff1c9e 100%)}.pool-arrow-circle{z-index:2;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pool-chart-overlay{width:100%;height:100%;position:absolute;top:0;left:0}.sketch-bg{border:1px solid var(--border-color);background:#f8f8f8 radial-gradient(#e0e0e0 1px,#0000 1px) 0 0/8px 8px}.pool-v4-badge{border:1px solid var(--text-primary);background:#ffc9fa;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:700;display:flex;position:absolute;top:8px;left:8px}.pool-list-text{color:var(--text-primary);flex:1;font-size:16px;font-weight:500}.portfolio-page{background:var(--bg-main);justify-content:center;min-height:calc(100vh - 72px);padding:40px 16px;display:flex}.portfolio-container{width:100%;max-width:800px}.portfolio-banner{background-color:#fff5fa;background-image:linear-gradient(#fde5f4 1px,#0000 1px),linear-gradient(90deg,#fde5f4 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:20px 20px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:24px;justify-content:center;align-items:center;margin-bottom:40px;padding:40px 24px;display:flex}.portfolio-banner-content{background:0 0;flex-direction:column;align-items:center;gap:20px;display:flex}.banner-text{color:var(--text-primary);font-size:18px}.banner-btn{background:var(--accent-pink);color:#fff;cursor:pointer;border:none;border-radius:20px;padding:12px 32px;font-size:16px;font-weight:600}.portfolio-demo-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.demo-left{align-items:center;gap:16px;display:flex}.demo-logo{background:#ffe5f4;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.demo-title{align-items:center;gap:8px;font-size:20px;font-weight:500;display:flex}.demo-network-btn{border:1px solid var(--border-color);background:var(--bg-main);cursor:pointer;border-radius:20px;align-items:center;gap:8px;padding:8px 12px;display:flex}.network-grid{grid-template-columns:1fr 1fr;gap:2px;width:14px;height:14px;display:grid}.network-grid span{border-radius:2px;display:block}.portfolio-tabs{border-bottom:1px solid var(--border-color);gap:32px;margin-bottom:32px;display:flex}.port-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:12px 0;font-size:16px;font-weight:500;position:relative}.port-tab.active{color:var(--text-primary)}.port-tab.active:after{content:"";background:var(--text-primary);width:100%;height:2px;position:absolute;bottom:-1px;left:0}.portfolio-balance-section{flex-direction:column;display:flex}.port-balance-value{margin-bottom:8px;font-size:48px;font-weight:500}.port-balance-change{color:var(--text-secondary);align-items:center;gap:8px;font-size:16px;display:flex}.green-triangle{color:#22c55e;font-size:12px}.port-chart-container{height:300px;margin-top:24px;position:relative}.port-chart{width:calc(100% - 60px);height:100%}.port-chart-labels{height:100%;color:var(--text-secondary);text-align:right;flex-direction:column;justify-content:space-between;padding-bottom:20px;font-size:12px;display:flex;position:absolute;top:0;right:0}@media (max-width:768px){.portfolio-banner{padding:32px 16px}.portfolio-tabs{justify-content:space-between;gap:16px}}.explore-page{background:var(--bg-main);justify-content:center;min-height:calc(100vh - 72px);padding:40px 16px;display:flex}.explore-container{width:100%;max-width:1200px}.explore-stats-row{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:40px;display:grid}.explore-stat-item{flex-direction:column;gap:4px;display:flex}.stat-label{color:var(--text-secondary);font-size:14px}.stat-value{color:var(--text-primary);font-size:20px;font-weight:500}.stat-change{font-size:14px}.explore-section-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.section-title-group{align-items:center;gap:12px;display:flex}.explore-h2{margin:0;font-size:24px;font-weight:500}.explore-badge-new{color:var(--accent-pink);background:#fff5fa;border-radius:8px;padding:4px 8px;font-size:12px;font-weight:600}.view-all-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:16px}.view-all-btn:hover{color:var(--text-primary)}.mt-40{margin-top:40px}.stocks-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stock-card{border:1px solid var(--border-color);background:var(--bg-main);cursor:pointer;border-radius:20px;flex-direction:column;gap:24px;padding:16px;transition:all .2s;display:flex}.stock-card:hover{background:var(--bg-surface)}.stock-card-top{justify-content:space-between;align-items:flex-start;display:flex}.stock-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:600;display:flex}.bg-black{background:#000}.bg-red{background:#ef4444}.bg-blue{background:#3b82f6}.circle-logo{border:1px solid var(--border-color);background:#fff}.stock-card-bottom{flex-direction:column;gap:4px;display:flex}.stock-name-row{align-items:baseline;gap:8px;display:flex}.stock-name{font-size:16px;font-weight:500}.stock-ticker{color:var(--text-secondary);font-size:14px}.stock-price-row{align-items:baseline;gap:8px;display:flex}.stock-price{font-size:18px;font-weight:500}.explore-tabs-row{gap:24px;margin-bottom:24px;display:flex}.exp-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:24px;font-weight:500}.exp-tab.active{color:var(--text-primary)}.explore-filters-row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.filters-left{gap:8px;display:flex}.filter-pill{border:1px solid var(--border-color);background:var(--bg-main);color:var(--text-secondary);cursor:pointer;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;display:flex}.filter-pill.active{background:var(--bg-surface);color:var(--text-primary);border-color:#0000}.filters-right{gap:8px;display:flex}.filter-dropdown{border:1px solid var(--border-color);background:var(--bg-main);color:var(--text-primary);cursor:pointer;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;display:flex}.filter-dropdown.icon-only{padding:8px 12px}.network-grid-small{grid-template-columns:1fr 1fr;gap:2px;width:14px;height:14px;display:grid}.network-grid-small span{border-radius:2px;display:block}.filter-icon-btn{border:1px solid var(--border-color);background:var(--bg-main);width:40px;height:40px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex}.explore-table-container{overflow-x:auto}.explore-table{border-collapse:collapse;width:100%}.explore-table th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:16px;font-size:14px;font-weight:500}.explore-table td{color:var(--text-primary);border-bottom:1px solid var(--bg-surface);padding:16px;font-size:16px;font-weight:500}.align-right{text-align:right!important}.text-secondary{color:var(--text-secondary)!important}.table-token-cell{align-items:center;gap:12px;display:flex}.rounded-full{border-radius:50%}.table-token-names{align-items:baseline;gap:8px;display:flex}.t-ticker{color:var(--text-secondary);font-size:14px}@media (max-width:1024px){.explore-stats-row{grid-template-columns:repeat(3,1fr)}.stocks-grid{grid-template-columns:repeat(2,1fr)}.explore-filters-row{flex-direction:column;align-items:flex-start;gap:16px}.filters-left{width:100%;padding-bottom:8px;overflow-x:auto}}@media (max-width:768px){.explore-stats-row{grid-template-columns:repeat(2,1fr)}.stocks-grid{grid-template-columns:1fr}.explore-table th:nth-child(4),.explore-table td:nth-child(4),.explore-table th:nth-child(6),.explore-table td:nth-child(6),.explore-table th:nth-child(8),.explore-table td:nth-child(8){display:none}}.airdrop-banner{color:#fff;text-align:center;background:linear-gradient(90deg,#ff007a 0%,#a855f7 100%);justify-content:center;align-items:center;gap:16px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.airdrop-banner .airdrop-btn{color:#ff007a;cursor:pointer;background:#fff;border:none;border-radius:12px;padding:6px 16px;font-weight:600}@media (max-width:768px){.airdrop-banner{flex-direction:column;gap:8px;padding:16px}}.token-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.token-modal-content{background:var(--bg-main);border-radius:24px;flex-direction:column;width:100%;max-width:420px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000001a}.token-modal-header{justify-content:space-between;align-items:center;padding:20px;display:flex}.token-modal-header h3{margin:0;font-size:16px;font-weight:500}.header-actions{align-items:center;gap:12px;display:flex}.network-pill-btn{background:var(--bg-main);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:12px;padding:6px 12px;font-size:14px;font-weight:500}.close-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.token-search-container{align-items:center;margin-bottom:16px;padding:0 20px;display:flex;position:relative}.search-icon{color:var(--text-secondary);position:absolute;left:32px}.token-search-input{background:var(--bg-surface);width:100%;color:var(--text-primary);border:1px solid #0000;border-radius:16px;outline:none;padding:14px 44px;font-size:16px}.token-search-input:focus{border-color:var(--accent-pink);background:var(--bg-main)}.network-selector-btn{background:var(--bg-main);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;align-items:center;gap:4px;padding:6px 8px;display:flex;position:absolute;right:28px}.network-grid-icon{border-radius:3px;grid-template-columns:1fr 1fr;gap:1px;width:14px;height:14px;display:grid;overflow:hidden}.network-grid-icon span{display:block}.network-dropdown-menu{background:var(--bg-main);border:1px solid var(--border-color);z-index:10;border-radius:20px;width:280px;position:absolute;top:52px;right:20px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.network-search-box{border-bottom:1px solid var(--border-color);background:var(--bg-surface);align-items:center;padding:12px 16px;display:flex}.network-search-input{background:0 0;border:none;outline:none;width:100%;margin-left:12px;font-size:14px}.network-list{max-height:300px;overflow-y:auto}.network-item{cursor:pointer;align-items:center;gap:12px;padding:12px 16px;font-size:16px;font-weight:500;transition:background .2s;display:flex}.network-item:hover,.network-item.active{background:var(--bg-surface)}.network-item.active .check-icon{color:var(--text-primary);margin-left:auto}.network-logo{color:#fff;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex}.bg-dark-blue{background:#1e3a8a}.bg-purple{background:#8b5cf6}.new-badge{color:var(--accent-pink);background:#fff5fa;border-radius:6px;margin-left:6px;padding:2px 6px;font-size:10px}.crosschain-banner{background:#fff5fa;border-radius:16px;justify-content:space-between;align-items:flex-start;margin:0 20px 16px;padding:12px 16px;display:flex}.crosschain-left{gap:12px;display:flex}.crosschain-text{flex-direction:column;display:flex}.crosschain-title{color:var(--text-primary);font-size:14px;font-weight:600}.crosschain-desc{color:var(--text-secondary);font-size:12px}.close-banner-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none}.quick-token-pills{scrollbar-width:none;gap:8px;margin-bottom:16px;padding:0 20px;display:flex;overflow-x:auto}.quick-pill{border:1px solid var(--border-color);white-space:nowrap;cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:6px;padding:6px 12px 6px 6px;font-size:14px;font-weight:600;display:flex}.quick-pill img{border-radius:50%}.quick-pill:hover{background:var(--bg-surface)}.token-list-header{color:var(--text-secondary);border-top:1px solid var(--border-color);align-items:center;gap:8px;padding:12px 20px;font-size:14px;display:flex}.token-list-scrollable{flex:1;padding-bottom:20px;overflow-y:auto}.token-list-item{cursor:pointer;align-items:center;gap:16px;padding:12px 20px;transition:background .2s;display:flex}.token-list-item:hover{background:var(--bg-surface)}.token-logo-container{width:36px;height:36px;position:relative}.token-main-logo{border-radius:50%}.token-network-badge{border:2px solid var(--bg-main);border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;bottom:-2px;right:-2px}.token-network-badge.small-text{color:#fff;font-size:8px;font-weight:700}.token-item-details{flex-direction:column;display:flex}.t-list-name{font-size:16px;font-weight:500}.t-list-sub{color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;display:flex}.t-list-ticker{font-weight:400}[data-theme=dark]{--bg-main:#191b1f;--bg-surface:#212429;--bg-surface-hover:#2c2f36;--bg-surface-active:#32363e;--border-color:#2c2f36;--text-primary:#fff;--text-secondary:#99a1bd}body{background-color:var(--bg-main);color:var(--text-primary);transition:background-color .2s,color .2s}@media (max-width:768px){.logo span,.nav-links,.header-search{display:none}.header-left{gap:16px}.hero-section{padding:40px 16px}.hero-title{text-align:center;margin-bottom:24px;font-size:38px;line-height:1.1}}.search-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.search-modal-sheet{background:var(--bg-main);width:100%;max-width:600px;height:90vh;padding-bottom:env(safe-area-inset-bottom);border-radius:24px 24px 0 0;flex-direction:column;display:flex;box-shadow:0 -8px 32px #0000001a}@media (min-width:768px){.search-modal-overlay{align-items:center}.search-modal-sheet{border-radius:24px;height:80vh;box-shadow:0 8px 32px #0000001a}}.search-modal-input-container{align-items:center;margin-bottom:16px;padding:0 16px;display:flex;position:relative}.s-modal-search-icon{color:var(--text-secondary);position:absolute;left:32px}.s-modal-input{background:var(--bg-surface);width:100%;color:var(--text-primary);border:1px solid #0000;border-radius:20px;outline:none;padding:14px 44px;font-size:16px}.s-modal-input:focus{border-color:var(--accent-pink);background:var(--bg-main)}.s-modal-network-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;align-items:center;gap:4px;display:flex;position:absolute;right:24px}.s-modal-tabs{border-bottom:1px solid var(--border-color);gap:16px;padding:0 20px 12px;display:flex}.s-modal-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:16px;font-weight:500}.s-modal-tab.active{color:var(--text-primary);font-weight:600}.s-modal-scrollable{flex:1;padding:16px 0;overflow-y:auto}.s-modal-section-header{color:var(--text-secondary);align-items:center;gap:8px;padding:8px 20px;font-size:14px;font-weight:500;display:flex}.s-modal-new-badge{color:var(--accent-pink);background:#fff5fa;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:600}.s-modal-list{flex-direction:column;display:flex}.s-modal-item{cursor:pointer;align-items:center;gap:16px;padding:12px 20px;transition:background .2s;display:flex}.s-modal-item:hover{background:var(--bg-surface)}.s-modal-icon{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.s-modal-token-img{border-radius:50%}.s-modal-item-info{flex-direction:column;flex:1;display:flex}.s-modal-item-title{color:var(--text-primary);font-size:16px;font-weight:500}.s-modal-item-sub{color:var(--text-secondary);align-items:center;gap:6px;font-size:14px;display:flex}.s-modal-networks-text{font-size:12px}.s-modal-sort-icon{color:var(--text-secondary)}@media (max-width:768px){.swap-card{box-shadow:none;border:none;padding:0}}