@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&family=Noto+Serif+JP:wght@300;400&display=swap";html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:Inter,system-ui,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11"}body{margin:0;min-height:100vh}button,input{font-family:inherit}html{scroll-behavior:smooth}::selection{background:#0052ff33;color:inherit}:root,[data-theme=light]{--color-primary: #0052ff;--color-primary-hover: #0040cc;--color-primary-light: #e8f0ff;--color-success: #00a67c;--color-warning: #ff9500;--color-error: #ff3b3b;--color-bg-page: linear-gradient(135deg, #f5f7fa 0%, #e8ecf1 100%);--color-bg-primary: #ffffff;--color-bg-secondary: #f7f8fa;--color-bg-tertiary: #eef0f3;--color-text-primary: #0d111c;--color-text-secondary: #5d6785;--color-text-tertiary: #9ca3af;--color-border: #e2e4e9;--color-border-hover: #c4c9d4;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}[data-theme=dark]{--color-primary: #3b82f6;--color-primary-hover: #60a5fa;--color-primary-light: #1e3a5f;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-bg-page: linear-gradient(135deg, #0f0f14 0%, #1a1a24 100%);--color-bg-primary: #16161d;--color-bg-secondary: #1e1e28;--color-bg-tertiary: #262630;--color-text-primary: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-tertiary: #64748b;--color-border: #2d2d3a;--color-border-hover: #404052;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4)}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--color-bg-primary);min-height:100%}body{font-family:var(--font-family);background:var(--color-bg-page);color:var(--color-text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .3s ease,color .3s ease}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.header,.swap-card,.pool-card,.add-liquidity-card,.modal-content,.position-card,.chain-selector,.wallet-button,.theme-toggle{transition:background-color .3s ease,border-color .3s ease,color .3s ease}.header{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-lg);position:sticky;top:0;z-index:100}.header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-primary);cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;transition:opacity .2s ease}.logo:hover{opacity:.7}.logo-kanji{font-family:"Noto Serif JP",serif;font-size:1.5rem;font-weight:300;color:var(--color-text-primary);line-height:1}.logo-text{font-weight:600;font-size:1.1rem;color:var(--color-text-primary)}.nav-links{display:flex;gap:var(--spacing-xs)}.nav-link{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);text-decoration:none;color:var(--color-text-secondary);font-weight:500;font-size:.9375rem;transition:all .2s ease}.nav-link:hover{color:var(--color-text-primary);background:var(--color-bg-secondary)}.nav-link.active{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.theme-toggle{width:40px;height:40px;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.theme-toggle:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-bg-primary)}.theme-toggle svg{transition:transform .3s ease}.theme-toggle:hover svg{transform:rotate(15deg)}.chain-selector{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;height:40px}.chain-selector:hover{border-color:var(--color-primary);background:var(--color-bg-primary)}.chain-icon{flex-shrink:0;border-radius:var(--radius-full)}.chain-name{white-space:nowrap}.chain-chevron{opacity:.5;flex-shrink:0;transition:transform .2s ease}.chain-chevron.rotated{transform:rotate(180deg)}.chain-selector-wrapper{position:relative}.chain-selector.active{border-color:var(--color-primary);background:var(--color-bg-primary)}.chain-dropdown-backdrop{position:fixed;inset:0;z-index:99}.chain-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100;overflow:hidden}.chain-option{width:100%;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border:none;background:transparent;cursor:pointer;transition:background .15s ease}.chain-option:hover{background:var(--color-bg-secondary)}.chain-option.selected{background:var(--color-primary-light)}.chain-option-info{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.chain-option-name{font-weight:600;color:var(--color-text-primary);font-size:.9375rem}.chain-option-type{font-size:.75rem;color:var(--color-text-tertiary)}.chain-check{color:var(--color-primary)}.chain-dropdown-footer{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--color-border);text-align:center;font-size:.75rem;color:var(--color-text-tertiary)}.wallet-section{display:flex;align-items:center;gap:var(--spacing-md)}.wallet-connected{display:flex;align-items:center;gap:var(--spacing-sm)}.balance{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.wallet-button{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:none;background:var(--color-primary);color:#fff;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s ease}.wallet-button:hover{background:var(--color-primary-hover)}.wallet-button.connected{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.wallet-button.connected:hover{background:var(--color-bg-tertiary)}.address{font-family:var(--font-mono);font-size:.875rem}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-2xl) var(--spacing-lg)}.tab-nav{display:flex;gap:var(--spacing-xs);background:var(--color-bg-primary);padding:var(--spacing-xs);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.tab-button{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-text-secondary);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s ease}.tab-button:hover{color:var(--color-text-primary)}.tab-button.active{background:var(--color-primary);color:#fff}.tab-content{width:100%;max-width:480px}.swap-container{width:100%}.swap-card{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.swap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.swap-header h2{font-size:1.125rem;font-weight:600}.settings-button{width:36px;height:36px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.settings-button:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.settings-panel{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.settings-label{display:flex;flex-direction:column;gap:var(--spacing-sm);font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.slippage-options{display:flex;gap:var(--spacing-xs)}.slippage-option{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.slippage-option:hover{border-color:var(--color-primary)}.slippage-option.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.slippage-input{width:60px;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border);font-size:.875rem;text-align:center}.swap-inputs{display:flex;flex-direction:column;gap:var(--spacing-xs);position:relative}.token-input{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-md);border:2px solid transparent;transition:all .2s ease;overflow:hidden}.token-input.focused{border-color:var(--color-primary-light);background:var(--color-bg-primary)}.token-input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);flex-wrap:wrap;gap:var(--spacing-xs)}.token-input-label{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.token-balance{font-size:.875rem;color:var(--color-text-tertiary);display:flex;align-items:center;gap:var(--spacing-xs)}.max-button{padding:2px 6px;border-radius:var(--radius-sm);border:none;background:var(--color-primary-light);color:var(--color-primary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.max-button:hover{background:var(--color-primary);color:#fff}.token-input-row{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0}.amount-input{flex:1;min-width:0;border:none;background:transparent;font-size:1.5rem;font-weight:500;color:var(--color-text-primary);outline:none}.amount-input::placeholder{color:var(--color-text-tertiary)}.amount-input:disabled{color:var(--color-text-secondary)}.token-select-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:6px 12px;border-radius:var(--radius-full);border:none;background:var(--color-bg-primary);color:var(--color-text-primary);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm);flex-shrink:0;white-space:nowrap}.token-select-button:hover{background:var(--color-bg-tertiary)}.token-logo{width:24px;height:24px;border-radius:var(--radius-full);object-fit:cover}.token-logo.fallback{display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:700}.swap-direction-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:var(--radius-md);border:4px solid var(--color-bg-primary);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1}.swap-direction-button:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.swap-details{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.swap-detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;font-size:.875rem}.swap-detail-row span:first-child{color:var(--color-text-secondary)}.swap-detail-row span:last-child{color:var(--color-text-primary);font-weight:500}.swap-error{margin-top:var(--spacing-md);padding:var(--spacing-md);background:#fff5f5;border:1px solid #fecaca;border-radius:var(--radius-md);color:var(--color-error);font-size:.875rem;text-align:center}.swap-button{width:100%;padding:var(--spacing-md);margin-top:var(--spacing-md);border-radius:var(--radius-lg);border:none;background:var(--color-primary);color:#fff;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s ease}.swap-button:hover:not(:disabled){background:var(--color-primary-hover)}.swap-button:disabled{background:var(--color-bg-tertiary);color:var(--color-text-tertiary);cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--color-bg-primary);border-radius:var(--radius-xl);width:100%;max-width:400px;max-height:80vh;overflow:hidden;box-shadow:var(--shadow-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.modal-header h3{font-size:1.125rem;font-weight:600}.modal-close{width:32px;height:32px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.token-list{padding:var(--spacing-sm);max-height:400px;overflow-y:auto}.token-list-item{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);border-radius:var(--radius-md);border:none;background:transparent;cursor:pointer;transition:all .2s ease;text-align:left}.token-list-item:hover{background:var(--color-bg-secondary)}.token-info{display:flex;flex-direction:column}.token-symbol{font-weight:600;font-size:1rem;color:var(--color-text-primary)}.token-name{font-size:.875rem;color:var(--color-text-secondary)}.wallet-modal{max-width:360px}.wallet-list{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.wallet-option{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-primary);cursor:pointer;transition:all .2s ease;text-align:left}.wallet-option:hover{background:var(--color-bg-secondary);border-color:var(--color-primary)}.wallet-option:disabled{opacity:.5;cursor:not-allowed}.wallet-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border-radius:var(--radius-md)}.wallet-name{flex:1;font-weight:600;font-size:.9375rem;color:var(--color-text-primary)}.wallet-tag{font-size:.75rem;padding:2px 8px;background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-full);font-weight:500}.wallet-modal-footer{padding:var(--spacing-md);border-top:1px solid var(--color-border);text-align:center;font-size:.875rem;color:var(--color-text-secondary)}.wallet-modal-footer p{margin-bottom:var(--spacing-xs)}.wallet-modal-footer a{color:var(--color-primary);text-decoration:none;font-weight:500}.wallet-modal-footer a:hover{text-decoration:underline}.bridge-card{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border);overflow:hidden;max-width:480px;margin:0 auto}.bridge-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.bridge-header h2{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0}.bridge-content{padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.bridge-icon{width:80px;height:80px;border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center}.bridge-description{text-align:center;color:var(--color-text-secondary);font-size:1rem;line-height:1.6;margin:0}.bridge-description strong{color:var(--color-text-primary)}.bridge-steps{width:100%;display:flex;flex-direction:column;gap:var(--spacing-sm);background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-md)}.bridge-step{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:.9375rem}.step-number{width:24px;height:24px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bridge-button{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);text-decoration:none;transition:all .2s ease}.bridge-button:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.bridge-note{text-align:center;color:var(--color-text-tertiary);font-size:.8125rem;line-height:1.5;margin:0}.pool-container{width:100%}.pool-card{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.pool-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}.pool-header h2{font-size:1.125rem;font-weight:600;flex:1}.pool-header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.pool-header-action-button{width:auto;max-width:100px;padding:5px 12px;border-radius:var(--radius-sm);border:none;background:var(--color-primary);color:#fff;font-weight:500;font-size:.7rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.pool-header-action-button:hover{background:var(--color-primary-hover)}.pool-add-button-header{padding:8px 16px;border-radius:var(--radius-md);border:none;background:var(--color-primary);color:#fff;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.pool-add-button-header:hover{background:var(--color-primary-hover)}.refresh-button{width:36px;height:36px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.refresh-button:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.small-button{padding:4px 10px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-secondary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.small-button:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary);color:var(--color-text-primary)}.pool-empty{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);color:var(--color-text-secondary)}.empty-icon{margin-bottom:var(--spacing-md);color:var(--color-text-tertiary)}.empty-hint{display:block;margin-top:var(--spacing-sm);font-size:.875rem;color:var(--color-text-tertiary)}.pool-loading{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-secondary)}.spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--spacing-md)}@keyframes spin{to{transform:rotate(360deg)}}.pool-info{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.pool-info h3{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md)}.pool-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.pool-item-card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-md)}.pool-item-header{margin-bottom:var(--spacing-md)}.pool-tokens{display:flex;align-items:center;gap:var(--spacing-sm)}.token-icons{display:flex}.token-icon{width:28px;height:28px;border-radius:50%;border:2px solid var(--color-bg-secondary);object-fit:cover}.token-icon.fallback{display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:700}.pool-pair{font-weight:600;font-size:1rem}.fee-badge{padding:2px 8px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;color:var(--color-text-secondary)}.pool-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.pool-stat{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:.75rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.pool-add-button{width:100%;padding:var(--spacing-sm);border-radius:var(--radius-md);border:1px solid var(--color-primary);background:transparent;color:var(--color-primary);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}.pool-add-button:hover{background:var(--color-primary);color:#fff}.pool-price-display{text-align:center;padding:var(--spacing-md);background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 100%);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.price-main{display:flex;flex-direction:column;gap:2px}.price-value{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);font-family:var(--font-mono)}.price-unit{font-size:.75rem;color:var(--color-text-secondary);font-weight:500}.pool-composition{margin-bottom:var(--spacing-md)}.composition-bar{display:flex;height:12px;border-radius:var(--radius-full);overflow:hidden;background:var(--color-bg-tertiary);margin-bottom:var(--spacing-sm)}.composition-segment{height:100%;transition:width .3s ease}.composition-segment.token0{background:linear-gradient(90deg,#6366f1,#818cf8)}.composition-segment.token1{background:linear-gradient(90deg,#2775ca,#3b82f6)}.composition-labels{display:flex;justify-content:space-between;font-size:.75rem}.comp-label{display:flex;align-items:center;gap:4px;color:var(--color-text-secondary)}.comp-dot{width:8px;height:8px;border-radius:50%}.comp-dot.token0{background:#6366f1}.comp-dot.token1{background:#2775ca}.pool-tvl{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.tvl-label{font-size:.75rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.tvl-value{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.liquidity-depth-chart{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.depth-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.depth-chart-title{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.depth-chart-subtitle{font-size:.75rem;color:var(--color-text-tertiary)}.depth-chart-loading,.depth-chart-empty{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);height:120px;color:var(--color-text-tertiary);font-size:.875rem}.depth-chart-container{display:flex;height:120px;gap:var(--spacing-xs)}.depth-chart-yaxis{display:flex;flex-direction:column;justify-content:space-between;font-size:.625rem;color:var(--color-text-tertiary);width:30px;text-align:right;padding-right:var(--spacing-xs)}.depth-chart-bars{flex:1;display:flex;align-items:flex-end;gap:0;position:relative;background:linear-gradient(to top,var(--color-bg-tertiary) 0%,transparent 100%);border-radius:var(--radius-sm);padding:2px}.depth-bar{flex:1;min-width:2px;max-width:10px;background:var(--color-bg-tertiary);border-radius:0;transition:all .2s ease}.depth-bar:hover{opacity:.8}.depth-bar.current{background:linear-gradient(to top,#10b981,#34d399)}.depth-bar.out-left,.depth-bar.out-right{background:linear-gradient(to top,#f59e0b,#fbbf24)}.depth-current-price-line{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--color-primary);pointer-events:none;z-index:2}.depth-current-price-line:before{content:"";position:absolute;top:0;left:-3px;width:8px;height:8px;background:var(--color-primary);border-radius:50%}.depth-chart-xaxis{display:flex;justify-content:space-between;font-size:.625rem;color:var(--color-text-tertiary);margin-top:var(--spacing-xs);padding:0 34px}.depth-chart-xaxis .current-label{color:var(--color-primary);font-weight:600}.depth-chart-summary{display:flex;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.summary-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.7rem;color:var(--color-text-secondary)}.summary-dot{width:8px;height:8px;border-radius:50%}.summary-dot.in-range{background:#10b981}.summary-dot.out-range{background:#f59e0b}.add-liquidity-container{width:100%;max-width:480px}.add-liquidity-card{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border);overflow:hidden}.add-liquidity-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.back-button{width:36px;height:36px;border-radius:var(--radius-md);border:none;background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.back-button:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.add-liquidity-header h2{font-size:1.125rem;font-weight:600}.manage-position-summary{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.manage-position-summary-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.manage-position-summary-left{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;min-width:0}.manage-position-summary-right{font-size:.875rem;color:var(--color-text-tertiary);white-space:nowrap}.manage-tabs{display:flex;gap:var(--spacing-xs);background:var(--color-bg-primary);padding:var(--spacing-xs);border-radius:var(--radius-lg);border:1px solid var(--color-border);margin-bottom:var(--spacing-lg)}.manage-tab{flex:1;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-text-secondary);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}.manage-tab:hover{color:var(--color-text-primary)}.manage-tab.active{background:var(--color-primary);color:#fff}.fee-tier-section{margin-bottom:var(--spacing-lg)}.section-label{display:block;font-size:.875rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.fee-tier-options{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.fee-tier-option{padding:var(--spacing-sm);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-primary);cursor:pointer;transition:all .2s ease;text-align:center}.fee-tier-option:hover{border-color:var(--color-primary)}.fee-tier-option.selected{border-color:var(--color-primary);background:var(--color-primary-light)}.fee-label{display:block;font-weight:600;font-size:.875rem;color:var(--color-text-primary)}.fee-desc{display:block;font-size:.625rem;color:var(--color-text-tertiary);margin-top:2px}.price-range-section{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-lg);overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.full-range-toggle{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-secondary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.full-range-toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}.full-range-toggle.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.current-price{text-align:center;padding:var(--spacing-sm);background:var(--color-bg-primary);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.current-price strong{color:var(--color-text-primary)}.price-inputs{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.price-input-group{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.price-input-group label{font-size:.75rem;font-weight:600;color:var(--color-text-secondary)}.price-input{width:100%;padding:var(--spacing-sm);border-radius:var(--radius-md);border:1px solid var(--color-border);font-size:.875rem;font-weight:500;text-align:center;box-sizing:border-box}.price-input:focus{outline:none;border-color:var(--color-primary)}.price-unit{font-size:.625rem;color:var(--color-text-tertiary);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.full-range-warning{padding:var(--spacing-sm);background:#fff7ed;border:1px solid #fed7aa;border-radius:var(--radius-md);color:var(--color-warning);font-size:.75rem;text-align:center}.position-type-indicator{margin-top:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius-md);font-size:.75rem;font-weight:500;text-align:center}.position-type-indicator.in-range{background:#ecfdf5;color:var(--color-success)}.position-type-indicator.above-range,.position-type-indicator.below-range{background:#fef3c7;color:#d97706}.position-type-indicator.full-range{background:var(--color-primary-light);color:var(--color-primary)}.position-type-indicator.invalid{background:#fef2f2;color:var(--color-error)}.amounts-section{margin-bottom:var(--spacing-lg)}.amount-separator{text-align:center;color:var(--color-text-tertiary);font-size:1.25rem;font-weight:500;padding:var(--spacing-xs) 0}.pool-create-notice{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-primary-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);color:var(--color-primary);font-size:.875rem}.add-liquidity-button{width:100%;padding:var(--spacing-md);border-radius:var(--radius-lg);border:none;background:var(--color-primary);color:#fff;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s ease}.add-liquidity-button:hover:not(:disabled){background:var(--color-primary-hover)}.add-liquidity-button:disabled{background:var(--color-bg-tertiary);color:var(--color-text-tertiary);cursor:not-allowed}.positions-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.position-card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-md)}.position-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.position-tokens{display:flex;align-items:center;gap:var(--spacing-sm)}.token-pair{font-weight:600;font-size:1rem}.position-status{padding:2px 8px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.position-status.active{background:#ecfdf5;color:var(--color-success)}.position-status.closed{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.position-range{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm);background:var(--color-bg-primary);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.range-item{text-align:center}.range-label{display:block;font-size:.625rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.range-value{display:block;font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.range-arrow{color:var(--color-text-tertiary);font-size:1.25rem}.full-range-badge{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-align:center;margin-bottom:var(--spacing-sm)}.position-liquidity{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.position-fees{display:flex;flex-direction:column;gap:2px;padding:var(--spacing-sm);background:#ecfdf5;border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:.875rem}.fees-label{font-weight:600;color:var(--color-success)}.manage-button{width:100%;padding:var(--spacing-sm);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}.manage-button:hover{background:var(--color-bg-tertiary)}.price-range-visual{margin:var(--spacing-md) 0;padding:var(--spacing-md);background:var(--color-bg-primary);border-radius:var(--radius-md)}.range-bar-container{position:relative;height:24px;margin-bottom:var(--spacing-sm)}.range-bar-track{position:absolute;top:50%;left:0;right:0;height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);transform:translateY(-50%)}.range-bar-active{position:absolute;top:50%;height:8px;border-radius:var(--radius-full);transform:translateY(-50%);transition:background-color .2s ease}.range-bar-active.in-range{background:linear-gradient(90deg,#10b981,#34d399)}.range-bar-active.out-of-range{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.range-boundary{position:absolute;top:50%;width:3px;height:16px;background:var(--color-text-secondary);border-radius:2px;transform:translate(-50%,-50%)}.current-price-marker{position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.price-marker-line{position:absolute;left:50%;width:2px;height:24px;transform:translate(-50%);background:var(--color-text-primary)}.price-marker-dot{position:absolute;left:50%;top:50%;width:12px;height:12px;border-radius:50%;transform:translate(-50%,-50%);border:2px solid var(--color-bg-primary);box-shadow:0 2px 4px #0003}.current-price-marker.in-range .price-marker-dot{background:#10b981}.current-price-marker.out-of-range .price-marker-dot{background:#f59e0b}.range-bar-labels{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.range-label-text{color:var(--color-text-secondary);font-weight:500}.range-label-hint{color:var(--color-text-tertiary)}.position-status.out-of-range{background:#fef3c7;color:#d97706}.current-price-value{text-align:center;font-size:.8rem;color:var(--color-text-secondary);margin-top:calc(-1 * var(--spacing-xs));margin-bottom:var(--spacing-sm)}.current-price-value strong{color:var(--color-text-primary);font-family:var(--font-mono)}.liquidity-price-visual{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-primary);border-radius:var(--radius-md)}.price-scale{position:relative;height:40px;margin-bottom:var(--spacing-sm)}.price-scale-track{position:absolute;top:50%;left:0;right:0;height:4px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);transform:translateY(-50%)}.price-scale-range{position:absolute;top:50%;height:20px;border-radius:var(--radius-sm);transform:translateY(-50%);opacity:.8}.price-scale-range.in-range{background:linear-gradient(90deg,#10b9814d,#10b98180,#10b9814d);border:2px solid #10b981}.price-scale-range.out-of-range{background:linear-gradient(90deg,#f59e0b4d,#f59e0b80,#f59e0b4d);border:2px solid #f59e0b}.price-scale-current{position:absolute;top:0;bottom:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:3}.current-marker-line{width:2px;height:100%;background:var(--color-primary)}.current-marker-label{position:absolute;bottom:-18px;font-size:.65rem;font-weight:600;color:var(--color-primary);white-space:nowrap}.price-scale-bound{position:absolute;top:0;bottom:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:2}.bound-line{width:2px;height:100%;background:var(--color-text-secondary)}.bound-label{position:absolute;top:-16px;font-size:.6rem;font-weight:500;color:var(--color-text-tertiary);white-space:nowrap}.price-scale-labels{display:flex;justify-content:space-between;font-size:.65rem;color:var(--color-text-tertiary);margin-top:var(--spacing-sm)}.footer{background:var(--color-bg-primary);border-top:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-lg)}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--color-text-secondary)}.footer-links{display:flex;gap:var(--spacing-md)}.footer-links a{color:var(--color-text-secondary);text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:var(--color-primary)}@media(max-width:768px){.main-content{padding:var(--spacing-lg) var(--spacing-md)}.tab-content{max-width:100%}.pool-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.pool-header-actions{width:100%;justify-content:flex-end}}@media(max-width:640px){:root{--spacing-lg: 20px;--spacing-xl: 24px;--spacing-2xl: 32px}body{font-size:14px}.header{padding:var(--spacing-sm) var(--spacing-md)}.header-content{flex-wrap:wrap;gap:var(--spacing-sm)}.logo-text{font-size:1.1rem}.header-actions{gap:var(--spacing-xs)}.theme-toggle{width:36px;height:36px}.chain-selector{padding:var(--spacing-sm);width:40px;height:40px;border-radius:var(--radius-full);justify-content:center}.chain-selector .chain-icon{width:24px;height:24px}.chain-name,.chain-chevron{display:none}.wallet-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8125rem}.wallet-connected{flex-direction:column;align-items:flex-end;gap:var(--spacing-xs)}.balance{font-size:.75rem}.nav-links{display:none}.main-content{padding:var(--spacing-md) var(--spacing-sm)}.tab-nav{width:100%}.tab-button{flex:1;padding:var(--spacing-sm);font-size:.875rem}.swap-card,.pool-card,.add-liquidity-card{padding:var(--spacing-md);border-radius:var(--radius-lg)}.swap-header h2,.pool-header h2{font-size:1rem}.pool-header{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.pool-header-actions{justify-content:space-between}.pool-add-button-header{flex:1;padding:var(--spacing-sm) var(--spacing-md);font-size:.8125rem}.refresh-button{width:40px;height:40px}.fee-tier-options{grid-template-columns:repeat(2,1fr)}.price-inputs{grid-template-columns:1fr}.amount-input{font-size:1.25rem}.token-select-button{padding:4px 8px;font-size:.8125rem}.token-logo{width:20px;height:20px}.swap-button,.add-liquidity-button,.pool-add-button{padding:var(--spacing-md);font-size:1rem}.pool-price-display{padding:var(--spacing-sm)}.price-value{font-size:1.5rem}.composition-labels{flex-direction:column;gap:var(--spacing-xs)}.pool-stats{grid-template-columns:1fr}.position-card{padding:var(--spacing-sm)}.position-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.position-range{flex-direction:column;gap:var(--spacing-sm);text-align:center}.range-arrow{transform:rotate(90deg)}.modal-overlay{padding:var(--spacing-sm);align-items:flex-end}.modal-content{max-width:100%;max-height:85vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.wallet-modal{max-width:100%}.wallet-option{padding:var(--spacing-md)}.wallet-icon{width:36px;height:36px;font-size:1.25rem}.depth-chart-container{height:100px}.depth-chart-summary{flex-direction:column;gap:var(--spacing-xs);align-items:flex-start}.liquidity-price-visual{padding:var(--spacing-sm)}.price-scale{height:32px}.price-range-visual{padding:var(--spacing-sm)}.range-bar-container{height:20px}.footer-content{flex-direction:column;gap:var(--spacing-sm);text-align:center}}@media(max-width:380px){.header-content{justify-content:center}.logo{width:100%;justify-content:center}.header-actions{width:100%;justify-content:space-between}.chain-selector{flex:0}.wallet-section{flex:1}.wallet-button{width:100%;justify-content:center}.tab-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8125rem}.fee-tier-options{grid-template-columns:1fr}.pool-header-actions{flex-direction:column;gap:var(--spacing-xs)}.pool-add-button-header{width:100%}.refresh-button{width:100%;justify-content:center}}@media(hover:none)and (pointer:coarse){.wallet-button,.tab-button,.fee-tier-option,.slippage-option,.wallet-option,.manage-button,.pool-add-button,.swap-button{min-height:44px}.token-select-button{min-height:40px}.refresh-button{min-width:44px;min-height:44px}.depth-bar:hover{transform:none}}.home-page-jp{min-height:100vh;width:100%;position:relative;overflow:hidden;background:#f8fafc;transition:background .3s ease}.home-page-jp[data-theme=dark]{background:#0f0f14}.ink-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.home-theme-toggle{position:absolute;top:24px;right:24px;z-index:100;width:40px;height:40px;border-radius:10px;border:1px solid #e2e8f0;background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s ease}.home-theme-toggle:hover{background:#fff;border-color:#cbd5e1;color:#0f172a}.home-page-jp[data-theme=dark] .home-theme-toggle{background:#1e1e28cc;border-color:#334155;color:#94a3b8}.home-page-jp[data-theme=dark] .home-theme-toggle:hover{background:#282837;border-color:#475569;color:#e2e8f0}.home-content-jp{position:relative;z-index:10;min-height:100vh;display:flex;flex-direction:column;padding:60px 24px 24px}.home-hero-jp{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:520px;margin:0 auto}.logo-container-jp{margin-bottom:16px;animation:fadeIn 1s ease-out}.logo-jp{font-family:"Noto Serif JP",serif;font-size:3rem;font-weight:300;color:#0f172a;letter-spacing:.02em}.home-page-jp[data-theme=dark] .logo-jp{color:#e2e8f0}.home-title-jp{font-family:DM Sans,sans-serif;font-size:2.2rem;font-weight:500;color:#0f172a;margin:0 0 12px;letter-spacing:.35em;text-transform:lowercase;animation:fadeIn 1s ease-out .1s both}.home-page-jp[data-theme=dark] .home-title-jp{color:#f1f5f9}.home-meaning-jp{font-family:"Noto Serif JP",DM Sans,sans-serif;font-size:1rem;color:#64748b;margin:0 0 40px;letter-spacing:.15em;animation:fadeIn 1s ease-out .2s both}.home-page-jp[data-theme=dark] .home-meaning-jp{color:#94a3b8}.home-description-jp{margin-bottom:48px;animation:fadeIn 1s ease-out .3s both}.home-description-jp p{font-family:DM Sans,sans-serif;font-size:1.1rem;font-weight:400;color:#475569;line-height:1.8;margin:0}.home-page-jp[data-theme=dark] .home-description-jp p{color:#94a3b8}.enter-link-jp{font-family:DM Sans,sans-serif;font-size:1rem;font-weight:500;color:#64748b;text-decoration:none;letter-spacing:.1em;padding:8px 16px;border-radius:4px;transition:all .2s ease;animation:fadeIn 1s ease-out .4s both}.enter-link-jp:hover{color:#0f172a;background:#0f172a0d}.home-page-jp[data-theme=dark] .enter-link-jp{color:#94a3b8}.home-page-jp[data-theme=dark] .enter-link-jp:hover{color:#f1f5f9;background:#f1f5f90d}.home-footer-jp{text-align:center;padding:20px;animation:fadeIn 1s ease-out .5s both}.home-footer-jp span{font-family:DM Sans,sans-serif;font-size:.8rem;color:#94a3b8;letter-spacing:.05em}.home-page-jp[data-theme=dark] .home-footer-jp span{color:#64748b}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.home-content-jp{padding:40px 20px 20px}.home-theme-toggle{top:16px;right:16px}.logo-jp{font-size:2.4rem}.home-title-jp{font-size:1.8rem;letter-spacing:.3em}.home-meaning-jp{font-size:.9rem;margin-bottom:32px}.home-description-jp{margin-bottom:40px}.home-description-jp p{font-size:1rem}}@media(prefers-reduced-motion:reduce){.logo-container-jp,.home-title-jp,.home-meaning-jp,.home-description-jp,.enter-link-jp,.home-footer-jp{animation:none;opacity:1;transform:none}}