.modal-overlay{background-color:var(--modal-overlay);z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;flex-direction:column;width:90%;max-width:420px;max-height:85vh;display:flex;box-shadow:0 4px 12px #0000001a}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px 24px 16px;display:flex}.modal-header h3{color:var(--text-main);margin:0;font-size:1.25rem}.close-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none}.close-btn:hover{color:var(--text-main)}.modal-body{padding:20px 24px;overflow-y:auto}.search-input-box{margin-bottom:20px}.search-input-box input{border:1px solid var(--primary);background:var(--bg-input);width:100%;color:var(--text-main);border-radius:16px;outline:none;padding:16px;font-size:1rem}.search-input-box input:focus{border-color:var(--primary-hover)}.section-subtitle{color:var(--text-muted);margin-bottom:12px;font-size:.9rem;font-weight:600;display:block}.token-list{flex-direction:column;gap:8px;display:flex}.token-list-item{cursor:pointer;border-radius:16px;justify-content:space-between;align-items:center;padding:12px 16px;transition:background-color .2s;display:flex}.token-list-item:hover{background:var(--bg-input-hover)}.token-logo{border-radius:50%;margin-right:12px}.token-info-list{flex-direction:column;flex:1;display:flex}.token-info-list strong{color:var(--text-main);font-size:1.1rem}.token-subinfo{align-items:center;gap:8px;display:flex}.token-subinfo span{color:var(--text-muted);font-size:.85rem}.token-address{background:var(--bg-input);border-radius:8px;padding:2px 6px;font-size:.75rem!important}.token-network{color:var(--text-muted);font-size:.85rem;font-weight:600}.token-not-found{text-align:center;color:var(--text-muted);padding:20px 0;font-weight:600}.unknown-token-icon{background:var(--bg-input);width:32px;height:32px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;margin-right:12px;font-weight:700;display:flex}.import-btn-small{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:6px 12px;font-weight:600}.toast-container{z-index:9999;background:#fff;border-left:6px solid;border-radius:16px;align-items:flex-start;gap:12px;min-width:300px;max-width:400px;padding:16px;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards slideIn;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 4px 12px #00000026}.toast-container.success{border-left-color:#31d0aa}.toast-container.error{border-left-color:#ed4b9e}.toast-content{flex:1}.toast-content h4{color:#280d5f;margin:0 0 4px;font-size:1.1rem}.toast-content p{color:#7a6eaa;margin:0;font-size:.9rem;line-height:1.4}.toast-close{color:#bdc2c4;cursor:pointer;background:0 0;border:none;margin-left:auto}.toast-close:hover{color:#7a6eaa}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.swap-container{width:100%;max-width:480px;margin:0 auto}.swap-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;padding:24px;transition:background-color .3s,border-color .3s;box-shadow:0 4px 12px #0000000d}.swap-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.swap-header h3{color:var(--text-main);margin:0;font-size:1.5rem}.settings-btn{cursor:pointer;background:0 0;border:none}.token-input-box{background:var(--bg-input);border:1px solid #0000;border-radius:16px;margin-bottom:4px;padding:16px;transition:border .2s,background-color .3s}.token-input-box:focus-within{border-color:var(--primary)}.token-input-header{color:var(--text-muted);justify-content:space-between;margin-bottom:8px;font-size:.85rem;font-weight:600;display:flex}.input-row{justify-content:space-between;align-items:center;display:flex}.input-row input{color:var(--text-main);background:0 0;border:none;outline:none;width:60%;font-size:1.5rem;font-weight:600}.token-select-pill{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;color:var(--text-main);border-radius:16px;align-items:center;gap:8px;padding:6px 12px;font-weight:700;transition:all .2s;display:flex}.token-select-pill:hover{background:var(--bg-input-hover)}.token-select-pill img{border-radius:50%}.swap-divider{justify-content:center;display:flex}.swap-reverse-btn{background:var(--bg-input);border:4px solid var(--bg-card);z-index:2;cursor:pointer;width:40px;height:40px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin:-16px auto;transition:all .2s;display:flex;position:relative}.swap-reverse-btn:hover{background:var(--bg-input-hover)}.swap-details{background:var(--bg-input);border-radius:16px;margin-top:24px;padding:16px;font-size:.9rem}.detail-row{color:var(--text-muted);justify-content:space-between;margin-bottom:8px;font-weight:600;display:flex}.detail-row:last-child{margin-bottom:0}.text-danger{color:var(--danger)!important}.no-pool-alert{color:var(--danger);text-align:center;background:#ed4b9e1a;border-radius:12px;margin-top:16px;padding:12px;font-size:.9rem;font-weight:600}@keyframes pulseHeartbeat{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.pulse-anim{animation:1.5s ease-in-out infinite pulseHeartbeat}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.live-badge-premium{color:#fff;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(270deg,#1fc7d4,#ed4b9e,#1fc7d4) 0 0/200% 200%;border:1px solid #ffffff4d;border-radius:24px;align-items:center;gap:8px;padding:6px 16px;font-size:.85rem;font-weight:900;animation:3s infinite gradientMove;display:inline-flex;box-shadow:0 4px 15px #ed4b9e80,0 0 15px #1fc7d480}.live-badge-premium .pulse-dot{background-color:#fff;border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite pulseHeartbeat;box-shadow:0 0 8px #fff,0 0 16px #fff}.confirm-modal-overlay{background-color:var(--modal-overlay);z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-modal-content{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;border-radius:24px;flex-direction:column;align-items:center;width:90%;max-width:360px;padding:32px 24px;display:flex;box-shadow:0 8px 32px #00000026}.confirm-icon-wrapper{background:#ed4b9e1a;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;display:flex}.confirm-title{color:var(--text-main);margin:0 0 12px;font-size:1.25rem}.confirm-message{color:var(--text-muted);margin:0 0 32px;font-size:.95rem;line-height:1.5}.confirm-actions{gap:12px;width:100%;display:flex}.btn-cancel{background:var(--bg-input);color:var(--text-muted);cursor:pointer;border:none;border-radius:16px;flex:1;padding:12px;font-weight:700;transition:all .2s}.btn-cancel:hover{background:var(--bg-input-hover);color:var(--text-main)}.btn-confirm{background:var(--danger);color:#fff;cursor:pointer;border:none;border-radius:16px;flex:1;padding:12px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #ed4b9e4d}.btn-confirm:hover{background:var(--danger-hover);transform:translateY(-1px)}.earn-container{width:100%;max-width:520px;margin:0 auto}.earn-header{gap:8px;margin-bottom:24px;display:flex}.tab-btn{background:var(--tab-inactive-bg);color:var(--text-muted);cursor:pointer;border:none;border-radius:16px;flex:1;padding:14px;font-size:1rem;font-weight:700;transition:all .2s}.tab-btn.active{background:var(--tab-active-bg);color:var(--tab-active-text)}.earn-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;padding:24px;transition:background-color .3s,border-color .3s;box-shadow:0 4px 12px #0000000d}.header-actions{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.search-box{background:var(--bg-input);border-radius:16px;flex:1;align-items:center;gap:8px;margin-right:16px;padding:8px 16px;display:flex}.search-box input{width:100%;color:var(--text-main);background:0 0;border:none;outline:none;font-weight:500}.create-pool-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:16px;align-items:center;gap:8px;padding:10px 20px;font-weight:700;transition:opacity .2s;display:flex}.create-pool-btn:hover{opacity:.9}.empty-state-pool{text-align:center;color:var(--text-main);padding:40px 20px;font-weight:600}.text-gray{color:var(--text-muted);font-weight:400}.text-sm{font-size:.875rem}.pool-list{flex-direction:column;gap:12px;display:flex}.pool-item{background:var(--bg-input);border-radius:16px;justify-content:space-between;align-items:center;padding:16px;transition:transform .2s;display:flex}.pool-item:hover{transform:translateY(-2px)}.pool-info{align-items:center;gap:12px;display:flex}.token-icons{align-items:center;display:flex}.token-icons img{border:2px solid var(--bg-card);border-radius:50%}.overlap-icon{margin-left:-8px}.pool-text{flex-direction:column;display:flex}.pool-text strong{color:var(--text-main);font-size:1.1rem}.pool-text span{color:var(--text-muted);font-size:.85rem}.btn-small{background:var(--bg-input-hover);color:var(--text-main);cursor:pointer;border:none;border-radius:12px;padding:8px 16px;font-weight:700;transition:opacity .2s}.btn-small:hover{opacity:.9}.btn-danger{background:var(--danger);color:#fff}.badge-active{color:var(--primary);border:1px solid var(--primary);background:#1fc7d41a;border-radius:16px;padding:6px 16px;font-size:.85rem;font-weight:700}.create-pool-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.create-pool-header h3{color:var(--text-main);margin:0;font-size:1.4rem}.cancel-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-weight:600}.cancel-btn:hover{color:var(--danger)}.form-section{background:var(--bg-input);border:1px solid #0000;border-radius:20px;margin-bottom:20px;padding:20px;transition:border .2s}.form-section:focus-within{border-color:var(--primary)}.section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:.85rem;font-weight:700}.token-pair-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.token-select-large{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:16px;flex:1;justify-content:space-between;align-items:center;padding:12px 16px;font-size:1.1rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 6px #00000005}.token-select-large:hover{background:var(--bg-input-hover);border-color:var(--primary)}.token-select-large img{border-radius:50%;margin-right:8px}.token-left{align-items:center;display:flex}.plus-icon{color:var(--text-muted);opacity:.5;font-weight:700}.rate-input-row{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex}.rate-input-row input{background:var(--bg-input);color:var(--text-main);text-align:center;border:none;border-radius:12px;outline:none;flex:1;min-width:120px;max-width:250px;padding:8px;font-size:1.5rem;font-weight:700}.rate-input-row input:focus{background:var(--bg-input-hover)}.rate-static{color:var(--text-main);font-size:1.1rem;font-weight:700}.deposit-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;margin-bottom:12px;padding:16px}.deposit-box:last-child{margin-bottom:0}.deposit-header{color:var(--text-muted);justify-content:space-between;margin-bottom:8px;font-size:.85rem;font-weight:600;display:flex}.deposit-input-area{justify-content:space-between;align-items:center;display:flex}.deposit-input-area input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-size:1.5rem;font-weight:700}.deposit-token-symbol{color:var(--text-main);font-size:1.1rem;font-weight:700}.deposit-plus{text-align:center;color:var(--text-muted);opacity:.5;margin-bottom:12px;font-weight:700}.main-action-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:16px;width:100%;margin-top:24px;padding:16px;font-size:1.125rem;font-weight:700;transition:opacity .2s}.main-action-btn:hover{opacity:.9}.main-action-btn:disabled{background:var(--bg-input-hover);color:var(--text-muted);cursor:not-allowed}.form-section.locked{opacity:.6;pointer-events:none;filter:grayscale()}.app-container{background-color:var(--bg-app);flex-direction:column;max-width:520px;height:100vh;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 30px #0000000d}.header{background-color:var(--header-bg);border-bottom:1px solid var(--border-color);z-index:10;justify-content:space-between;align-items:center;padding:16px 24px;transition:background-color .3s,border-color .3s;display:flex}.logo-container{align-items:center;display:flex}.header-actions-right{align-items:center;gap:16px;display:flex}.theme-toggle-btn{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.theme-toggle-btn:hover{background:var(--bg-input-hover)}.main-content{flex:1;justify-content:center;align-items:flex-start;padding:40px 20px;display:flex;overflow-y:auto}.footer{background-color:var(--footer-bg);border-top:1px solid var(--border-color);z-index:10;padding:12px 0;transition:background-color .3s,border-color .3s}.bottom-nav{justify-content:center;gap:40px;display:flex}.nav-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;transition:color .2s;display:flex}.nav-item:hover{color:var(--text-main)}.nav-item.active{color:var(--primary)}.nav-item span{margin-top:4px;font-size:.75rem;font-weight:600}:root{--bg-app:#f4f5fa;--bg-card:#fff;--bg-input:#f4f5fa;--bg-input-hover:#e9ebee;--text-main:#280d5f;--text-muted:#7a6eaa;--border-color:#eef2f2;--primary:#1fc7d4;--primary-hover:#31d0dd;--danger:#ed4b9e;--danger-hover:#ff66b2;--tab-active-bg:#280d5f;--tab-active-text:#fff;--tab-inactive-bg:#f4f5fa;--header-bg:#fff;--footer-bg:#fff;--modal-overlay:#00000080;--success:#31d0aa}[data-theme=dark]{--bg-app:#08060b;--bg-card:#27262c;--bg-input:#372f47;--bg-input-hover:#473d5d;--text-main:#f4eeff;--text-muted:#b8add2;--border-color:#383241;--primary:#1fc7d4;--primary-hover:#31d0dd;--danger:#ed4b9e;--danger-hover:#ff66b2;--tab-active-bg:#7a6eaa;--tab-active-text:#fff;--tab-inactive-bg:#372f47;--header-bg:#27262c;--footer-bg:#27262c;--modal-overlay:#000c;--success:#31d0aa}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-app);color:var(--text-main);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background-color .3s,color .3s}*{box-sizing:border-box}