*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep: #080810;--bg-base: #0d0d19;--surface-1: #131325;--surface-2: #191932;--surface-3: rgba(255, 255, 255, .03);--accent: #FC72FF;--accent-soft: rgba(252, 114, 255, .12);--accent-dim: rgba(252, 114, 255, .06);--accent-hover: #FF85FF;--accent-glow: rgba(252, 114, 255, .25);--text-1: #F5F6FC;--text-2: #9B9BB7;--text-3: #5D5D7A;--border: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .12);--border-accent: rgba(252, 114, 255, .3);--green: #40B66B;--green-soft: rgba(64, 182, 107, .12);--red: #FD3B4E;--red-soft: rgba(253, 59, 78, .12);--warning: #EEB317;--r-xl: 24px;--r-lg: 16px;--r-md: 12px;--r-sm: 8px;--font-display: "Sora", sans-serif;--font-body: "Figtree", sans-serif;--font-mono: "JetBrains Mono", monospace;--shadow-card: 0 4px 24px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-elevated: 0 8px 40px rgba(0, 0, 0, .4)}body{font-family:var(--font-body);background:var(--bg-deep);color:var(--text-1);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:-200px;left:50%;transform:translate(-50%);width:800px;height:600px;background:radial-gradient(ellipse,rgba(252,114,255,.06) 0%,transparent 70%);pointer-events:none;z-index:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}html{scroll-behavior:smooth}.screen{position:relative;min-height:100vh}.screen-1{display:flex;flex-direction:column}.screen-2{display:flex;align-items:center;justify-content:center;background:var(--bg-base);border-top:1px solid var(--border)}.app{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 24px 48px;width:100%}.screen-1>.app{flex:1}.main-grid{display:flex;flex-direction:column;gap:24px}.scroll-indicator{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 0 28px;background:none;border:none;cursor:pointer;transition:opacity .3s ease;align-self:center;width:100%}.scroll-text{font-family:var(--font-body);font-size:13px;font-weight:400;color:var(--text-3);letter-spacing:.04em}.scroll-arrow{display:flex;align-items:center;justify-content:center;color:var(--text-3);animation:scroll-bounce 2s ease-in-out infinite}@keyframes scroll-bounce{0%,to{transform:translateY(-4px);opacity:.5}50%{transform:translateY(4px);opacity:1}}.scroll-indicator:hover .scroll-text,.scroll-indicator:hover .scroll-arrow{color:var(--text-2)}.arch-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:12px}.arch-title{font-family:var(--font-display);font-size:32px;font-weight:700;color:var(--text-1);letter-spacing:-.03em}.arch-subtitle{font-family:var(--font-body);font-size:16px;color:var(--text-3)}.top-row{display:grid;grid-template-columns:420px 1fr;gap:24px;align-items:start}@media(max-width:860px){.top-row{grid-template-columns:1fr}}.header{display:flex;align-items:center;justify-content:space-between;padding:20px 0;margin-bottom:32px;animation:header-enter .4s ease both}@keyframes header-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.header-left{display:flex;align-items:center;gap:14px}.logo-icon{position:relative;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#E04DB0,var(--accent),#9945FF);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 1px 2px #00000026,0 4px 12px var(--accent-glow),inset 0 1px 1px #ffffff40,inset 0 -1px 1px #0000001a;animation:logo-breathe 4s ease-in-out infinite}.logo-icon:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:10px;background:linear-gradient(165deg,rgba(255,255,255,.3) 0%,rgba(255,255,255,.05) 40%,transparent 60%);pointer-events:none}.logo-icon:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:13px;border:1px solid rgba(255,255,255,.12);pointer-events:none}@keyframes logo-breathe{0%,to{box-shadow:0 1px 2px #00000026,0 4px 12px var(--accent-glow),inset 0 1px 1px #ffffff40,inset 0 -1px 1px #0000001a}50%{box-shadow:0 1px 2px #00000026,0 6px 20px var(--accent-glow),inset 0 1px 1px #ffffff40,inset 0 -1px 1px #0000001a}}.logo-wordmark{display:flex;align-items:center;gap:0;-webkit-user-select:none;user-select:none}.logo-primary{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--text-1);letter-spacing:.06em;text-transform:uppercase}.logo-divider{width:1px;height:14px;background:var(--text-3);opacity:.4;margin:0 10px;flex-shrink:0}.logo-secondary{font-family:var(--font-display);font-size:18px;font-weight:300;color:var(--text-2);letter-spacing:.14em;text-transform:uppercase}.header-right{display:flex;align-items:center;gap:12px}.lang-toggle{display:flex;align-items:center;background:var(--surface-1);border:1px solid var(--border);border-radius:20px;overflow:hidden;padding:2px}.lang-btn{font-family:var(--font-body);font-size:12px;font-weight:500;padding:4px 10px;border:none;border-radius:18px;background:transparent;color:var(--text-3);cursor:pointer;transition:all .2s ease;letter-spacing:.02em}.lang-btn.active{background:var(--accent-soft);color:var(--accent)}.lang-btn:hover:not(.active){color:var(--text-2)}.network-badge{display:flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--text-2);background:var(--surface-1);border:1px solid var(--border);border-radius:20px;padding:6px 14px}.network-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px #40b66b80;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 8px #40b66b80}50%{box-shadow:0 0 14px #40b66bb3}}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-xl);padding:24px;box-shadow:var(--shadow-card);transition:border-color .3s ease,box-shadow .3s ease;animation:card-enter .5s cubic-bezier(.22,1,.36,1) both}.top-row>.card:nth-child(1){animation-delay:.05s}.top-row>.card:nth-child(2){animation-delay:.12s}.main-grid>.card{animation-delay:.2s}@keyframes card-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.card:hover{border-color:var(--border-hover)}.card-title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text-1);letter-spacing:-.02em;margin-bottom:20px}.swap-panel{display:flex;flex-direction:column}.swap-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.swap-header-row .card-title{margin-bottom:0}.wallet-badge{display:flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--text-3);text-decoration:none;padding:3px 8px;border-radius:20px;background:var(--surface-2);border:1px solid var(--border);transition:all .2s ease}.wallet-badge:hover{color:var(--accent);border-color:var(--border-accent)}.wallet-badge svg{opacity:.6}.swap-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.swap-label-row .swap-label{margin-bottom:0}.swap-balance{font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--text-3)}.swap-body{display:flex;flex-direction:column;position:relative}.swap-section{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px;transition:border-color .2s ease}.swap-section:focus-within{border-color:var(--border-accent);box-shadow:0 0 0 3px var(--accent-dim)}.swap-section-top{border-radius:var(--r-lg) var(--r-lg) 4px 4px}.swap-section-bottom{border-radius:4px 4px var(--r-lg) var(--r-lg)}.swap-label{font-size:13px;font-weight:500;color:var(--text-3);margin-bottom:8px}.swap-input-row{display:flex;align-items:center;gap:12px}.swap-input{flex:1;background:transparent;border:none;color:var(--text-1);font-family:var(--font-display);font-size:28px;font-weight:600;letter-spacing:-.02em;outline:none;min-width:0}.swap-input::placeholder{color:var(--text-3)}.swap-output{flex:1;font-family:var(--font-display);font-size:28px;font-weight:600;letter-spacing:-.02em;color:var(--text-3)}.token-badge{font-family:var(--font-display);font-size:15px;font-weight:600;background:var(--surface-2);color:var(--text-1);padding:6px 14px;border-radius:20px;white-space:nowrap;border:1px solid var(--border);display:flex;align-items:center;gap:6px;letter-spacing:-.01em;transition:border-color .2s ease,transform .15s ease,box-shadow .2s ease;cursor:default}.token-badge:hover{border-color:var(--border-hover);transform:scale(1.03);box-shadow:0 2px 8px #00000014}.token-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff}.token-icon-usdt{background:linear-gradient(135deg,#26a17b,#1a8f6c)}.token-icon-wbnb{background:linear-gradient(135deg,#f3ba2f,#d4a017)}.preset-buttons{display:flex;gap:6px;margin-top:10px}.preset-btn{font-family:var(--font-mono);font-size:11px;font-weight:500;padding:3px 10px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-3);cursor:pointer;transition:all .15s ease;letter-spacing:0}.preset-btn:hover,.preset-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.swap-arrow-wrapper{display:flex;justify-content:center;height:0;position:relative;z-index:2}.swap-arrow-btn{position:relative;top:-20px;width:40px;height:40px;border-radius:var(--r-md);border:4px solid var(--surface-1);background:var(--bg-base);color:var(--text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.swap-arrow-btn:hover{color:var(--accent);background:var(--accent-dim)}.swap-arrow-btn svg{transition:transform .2s ease}.swap-arrow-btn:hover svg{transform:rotate(180deg)}.swap-info{display:flex;justify-content:space-between;padding:12px 4px 0;font-size:13px;color:var(--text-3)}.swap-info-value{color:var(--text-2);font-family:var(--font-mono);font-size:12px}.swap-btn{position:relative;width:100%;padding:18px;border:none;border-radius:var(--r-lg);background:linear-gradient(135deg,#E04DB0,var(--accent),#9945FF,var(--accent));background-size:300% 100%;background-position:0% 50%;color:#fff;font-family:var(--font-display);font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;letter-spacing:-.01em;box-shadow:0 4px 16px #fc72ff33;overflow:hidden;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,background-color .4s ease,background-position .6s ease,border-radius .35s ease}.swap-btn:hover:not(:disabled){background-position:100% 50%;box-shadow:0 6px 28px #fc72ff59;transform:translateY(-2px)}.swap-btn:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 2px 8px #fc72ff33;transition:transform .1s ease,box-shadow .1s ease}.swap-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--ripple-x, 50%) var(--ripple-y, 50%),rgba(255,255,255,.3) 0%,transparent 60%);opacity:0;transform:scale(0);transition:none;pointer-events:none;border-radius:inherit}.swap-btn:active:not(:disabled):after{opacity:1;transform:scale(2.5);transition:transform .5s ease-out,opacity .4s ease}.swap-btn:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.12) 45%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.12) 55%,transparent 80%);pointer-events:none}.swap-btn:hover:not(:disabled):before{animation:btn-shimmer 1.2s ease forwards}@keyframes btn-shimmer{to{left:130%}}.swap-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;background-position:0% 50%}.swap-action{display:flex;flex-direction:column;gap:0;margin-top:16px}.swap-action .swap-btn{margin-top:0}.swap-btn.success{background:linear-gradient(135deg,#1A9E4A,var(--green),#2DD36F);background-size:300% 100%;animation:btn-success-flow 1s ease forwards;box-shadow:0 4px 16px #40b66b40;border-radius:var(--r-lg) var(--r-lg) 4px 4px}@keyframes btn-success-flow{0%{background-position:0% 50%}to{background-position:100% 50%}}.tx-receipt{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .45s cubic-bezier(.22,1,.36,1),opacity .35s ease}.tx-receipt>*{overflow:hidden}.tx-receipt.visible{grid-template-rows:1fr;opacity:1}.tx-link{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:var(--green-soft);border:1px solid var(--green);border-top:none;border-radius:0 0 var(--r-lg) var(--r-lg);text-decoration:none;transition:background .2s ease;animation:tx-reveal .5s cubic-bezier(.22,1,.36,1) both;animation-delay:.2s}.tx-link:hover{background:#40b66b2e}.tx-hash{font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--green);letter-spacing:.02em}.tx-link svg{color:var(--green);opacity:.7;transition:opacity .15s ease,transform .15s ease}.tx-link:hover svg{opacity:1;transform:translate(1px) translateY(-1px)}@keyframes tx-reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.swap-btn.error{background:linear-gradient(135deg,#C92A2A,var(--red),#FF6B6B);background-size:300% 100%;background-position:50% 50%;box-shadow:0 4px 16px #fd3b4e40;font-size:13px;animation:btn-shake .4s ease}@keyframes btn-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.swap-btn.loading{background-size:300% 100%;animation:btn-loading-flow 2s ease-in-out infinite}@keyframes btn-loading-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.loading-dots{display:flex;align-items:center;gap:4px}.loading-dots span{width:6px;height:6px;border-radius:50%;background:#fffc;animation:dot-pulse 1s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}@keyframes dot-pulse{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.vault-dashboard{display:flex;flex-direction:column;gap:16px}.vault-header{display:flex;align-items:center;justify-content:space-between}.vault-header .card-title{margin-bottom:0}.status-badge{font-family:var(--font-body);font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px;letter-spacing:.02em}.status-badge.active{background:var(--green-soft);color:var(--green);animation:badge-pulse 3s ease-in-out infinite}@keyframes badge-pulse{0%,to{box-shadow:none}50%{box-shadow:0 0 0 3px var(--green-soft)}}.status-badge.inactive{background:var(--red-soft);color:var(--red)}.vault-pair{display:flex;align-items:center;gap:10px}.pair-tokens{font-family:var(--font-display);font-size:18px;font-weight:600;letter-spacing:-.02em}.pair-fee{font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--text-3);background:var(--surface-2);padding:3px 8px;border-radius:6px}.vault-section{display:flex;flex-direction:column;gap:6px}.section-label{font-size:12px;font-weight:500;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em}.price-display{font-family:var(--font-mono);font-size:14px;font-weight:500;color:var(--text-1)}.tick-range-container{background:var(--bg-base);border-radius:var(--r-md);padding:16px;border:1px solid var(--border)}.tick-range-bar{position:relative;height:10px;background:var(--surface-2);border-radius:5px;overflow:visible;margin:8px 0}.tick-range-fill{height:100%;border-radius:5px;transition:width .5s ease}.tick-range-fill.in-range{background:linear-gradient(90deg,#40b66b40,#40b66b73)}.tick-range-fill.out-range{background:linear-gradient(90deg,#fd3b4e40,#fd3b4e73)}.tick-marker{position:absolute;top:-4px;width:6px;height:18px;border-radius:3px;transform:translate(-50%);transition:left .5s ease}.tick-marker.in-range{background:var(--green);box-shadow:0 0 10px #40b66b99;animation:marker-glow-green 2s ease-in-out infinite}.tick-marker.out-range{background:var(--red);box-shadow:0 0 10px #fd3b4e99;animation:marker-glow-red 1.5s ease-in-out infinite}@keyframes marker-glow-green{0%,to{box-shadow:0 0 8px #40b66b80}50%{box-shadow:0 0 14px #40b66bcc}}@keyframes marker-glow-red{0%,to{box-shadow:0 0 8px #fd3b4e80}50%{box-shadow:0 0 14px #fd3b4ecc}}.tick-labels{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:11px;color:var(--text-3)}.tick-current{color:var(--text-2);font-weight:500}.vault-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--border);border-radius:var(--r-md);overflow:hidden}.vault-stat{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--bg-base)}.vault-stat:first-child{border-radius:var(--r-md) 0 0 0}.vault-stat:nth-child(2){border-radius:0 var(--r-md) 0 0}.vault-stat:nth-last-child(2){border-radius:0 0 0 var(--r-md)}.vault-stat:last-child{border-radius:0 0 var(--r-md) 0}.vault-stat.full-width{grid-column:1 / -1;border-radius:0 0 var(--r-md) var(--r-md)}.stat-label{font-size:12px;font-weight:500;color:var(--text-3)}.stat-value{font-size:13px;font-weight:500;color:var(--text-1)}.stat-value.mono{font-family:var(--font-mono);font-size:12px}.text-green{color:var(--green)}.text-warning{color:var(--warning)}.text-red{color:var(--red)}.value-changed{color:var(--accent);animation:value-flash 1.5s ease}.value-prev{font-size:11px;color:var(--text-3);font-weight:400}@keyframes value-flash{0%,to{background:transparent}30%{background:var(--accent-dim)}}.strategy-grid{display:flex;flex-direction:column;gap:0;background:var(--bg-base);border-radius:var(--r-md);border:1px solid var(--border);overflow:hidden}.strategy-item{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-3);padding:10px 14px}.strategy-item+.strategy-item{border-top:1px solid var(--border)}.strategy-item span:last-child{color:var(--text-1);font-family:var(--font-mono);font-size:12px;font-weight:500}.skeleton-block{height:20px;background:linear-gradient(90deg,var(--surface-2) 25%,rgba(255,255,255,.04) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:6px;margin-bottom:14px}.skeleton-block.short{width:60%}.skeleton-block.tall{height:80px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.error-text{color:var(--red);font-size:14px;margin-bottom:12px}.retry-btn{font-family:var(--font-body);font-size:13px;font-weight:500;padding:10px 24px;border:1px solid var(--border);border-radius:var(--r-lg);background:transparent;color:var(--text-2);cursor:pointer;transition:all .2s ease;width:100%}.retry-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim);transform:translateY(-1px);box-shadow:0 2px 8px var(--accent-dim)}.retry-btn:active{transform:translateY(0)}.agent-log{display:flex;flex-direction:column;min-height:300px;max-height:520px}.agent-log-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.agent-title-group{display:flex;flex-direction:column;gap:2px}.agent-title-group .card-title{margin-bottom:0}.agent-powered-by{font-family:var(--font-body);font-size:11px;font-weight:500;color:var(--text-3);letter-spacing:.03em}.connection-status{font-family:var(--font-body);font-size:12px;font-weight:500;display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;background:var(--surface-2)}.connection-status:before{content:"";width:6px;height:6px;border-radius:50%}.connection-status.connected{color:var(--green)}.connection-status.connected:before{background:var(--green);box-shadow:0 0 6px #40b66b80}.connection-status.disconnected{color:var(--red)}.connection-status.disconnected:before{background:var(--red);animation:blink 1s ease-in-out infinite}@keyframes blink{50%{opacity:.3}}.agent-log-content{flex:1;overflow-y:auto;padding:16px;background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--r-md);font-size:13px;line-height:1.7}.agent-log-content::-webkit-scrollbar{width:4px}.agent-log-content::-webkit-scrollbar-track{background:transparent}.agent-log-content::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:2px}.agent-log-content::-webkit-scrollbar-thumb:hover{background:var(--text-3)}.log-entry{margin-bottom:4px;animation:fade-in .3s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.log-entry p{margin-bottom:8px}.log-entry code{background:var(--surface-1);padding:2px 6px;border-radius:4px;font-family:var(--font-mono);font-size:12px;color:var(--accent)}.log-entry pre{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-sm);padding:14px;overflow-x:auto;margin:8px 0;font-family:var(--font-mono);font-size:12px;line-height:1.5}.log-entry pre code{background:transparent;padding:0;color:var(--text-1)}.log-entry strong{color:var(--accent);font-weight:600}.log-entry table{width:100%;border-collapse:collapse;margin:10px 0;font-size:12px;font-family:var(--font-mono)}.log-entry thead th{text-align:left;padding:8px 12px;border-bottom:2px solid var(--border-hover);color:var(--text-2);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.log-entry tbody td{padding:6px 12px;border-bottom:1px solid var(--border);color:var(--text-1)}.log-entry tbody tr:last-child td{border-bottom:none}.log-entry tbody tr:hover td{background:var(--surface-3)}.log-entry ul,.log-entry ol{padding-left:20px;margin:6px 0}.log-entry li{margin-bottom:4px}.log-entry h1,.log-entry h2,.log-entry h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;margin:14px 0 8px}.log-entry h1{font-size:16px}.log-entry h2{font-size:15px}.log-entry h3{font-size:14px;color:var(--text-2)}.log-entry hr{border:none;border-top:1px solid var(--border);margin:12px 0}.log-entry.error{color:var(--red)}.log-entry.system{color:var(--text-3);font-style:italic}.agent-waiting{color:var(--text-3);font-style:italic;border-top:1px solid var(--border);padding-top:10px;margin-top:10px}.agent-error{color:var(--red);background:var(--red-soft);padding:10px 14px;border-radius:var(--r-sm);border-left:3px solid var(--red);font-family:var(--font-mono);font-size:12px}html[data-theme=light]{--bg-deep: #F8F7F4;--bg-base: #FFFFFF;--surface-1: #FFFFFF;--surface-2: #F2F0EB;--surface-3: rgba(0, 0, 0, .02);--accent: #D946A8;--accent-soft: rgba(217, 70, 168, .1);--accent-dim: rgba(217, 70, 168, .05);--accent-hover: #E560BB;--accent-glow: rgba(217, 70, 168, .18);--text-1: #1A1A2E;--text-2: #6B6B80;--text-3: #9C9CAE;--border: rgba(0, 0, 0, .06);--border-hover: rgba(0, 0, 0, .12);--border-accent: rgba(217, 70, 168, .25);--green: #1A9E4A;--green-soft: rgba(26, 158, 74, .1);--red: #E5333B;--red-soft: rgba(229, 51, 59, .08);--warning: #C48A08;--shadow-card: 0 1px 3px rgba(0, 0, 0, .04), 0 4px 16px rgba(0, 0, 0, .06);--shadow-elevated: 0 2px 8px rgba(0, 0, 0, .06), 0 8px 32px rgba(0, 0, 0, .08)}html[data-theme=light] body{background:radial-gradient(100% 100% at 50% 0%,#ffb8e23d,#fff0 60%),var(--bg-deep)}html[data-theme=light] body:before{background:url(/images/noise-color.png);opacity:.018;width:100%;height:100%;top:0;transform:none}html[data-theme=light] .logo-icon{box-shadow:0 1px 3px #0000001a,0 4px 14px #d946a838,inset 0 1px 1px #ffffff4d,inset 0 -1px 1px #00000014}html[data-theme=light] .logo-icon:after{border-color:#0000000f}@keyframes logo-breathe-light{0%,to{box-shadow:0 1px 3px #0000001a,0 4px 14px #d946a838,inset 0 1px 1px #ffffff4d,inset 0 -1px 1px #00000014}50%{box-shadow:0 1px 3px #0000001a,0 6px 22px #d946a84d,inset 0 1px 1px #ffffff4d,inset 0 -1px 1px #00000014}}html[data-theme=light] .logo-icon{animation-name:logo-breathe-light}html[data-theme=light] .network-dot{box-shadow:0 0 6px #1a9e4a59;animation:pulse-dot-light 2s ease-in-out infinite}@keyframes pulse-dot-light{0%,to{box-shadow:0 0 6px #1a9e4a59}50%{box-shadow:0 0 12px #1a9e4a80}}html[data-theme=light] .card{border-color:#0000000d}html[data-theme=light] .card:hover{border-color:#00000017;box-shadow:var(--shadow-elevated)}html[data-theme=light] .swap-section{background:var(--surface-2);border-color:#0000000d}html[data-theme=light] .swap-section:focus-within{border-color:var(--border-accent);box-shadow:0 0 0 3px var(--accent-dim)}html[data-theme=light] .swap-arrow-btn{border-color:var(--surface-1);background:var(--surface-2);box-shadow:0 2px 8px #0000000f}html[data-theme=light] .swap-arrow-btn:hover{background:var(--accent-dim)}html[data-theme=light] .swap-btn{box-shadow:0 4px 16px #d946a82e}html[data-theme=light] .swap-btn:hover:not(:disabled){box-shadow:0 6px 24px #d946a847}html[data-theme=light] .swap-btn.success{box-shadow:0 4px 16px #1a9e4a33}html[data-theme=light] .tx-link{background:#1a9e4a0f;border-color:#1a9e4a40}html[data-theme=light] .tx-link:hover{background:#1a9e4a1a}html[data-theme=light] .tx-hash{color:#1a9e4a}html[data-theme=light] .tx-link svg{color:#1a9e4a}html[data-theme=light] .swap-btn.error{box-shadow:0 4px 16px #e5333b2e}html[data-theme=light] .loading-spinner{border-color:#ffffff59;border-top-color:#fff}html[data-theme=light] .tick-range-container{background:var(--surface-2);border-color:#0000000a}html[data-theme=light] .tick-range-bar{background:#0000000f}html[data-theme=light] .tick-range-fill.in-range{background:linear-gradient(90deg,#1a9e4a26,#1a9e4a4d)}html[data-theme=light] .tick-range-fill.out-range{background:linear-gradient(90deg,#e5333b26,#e5333b4d)}html[data-theme=light] .tick-marker.in-range{box-shadow:0 0 8px #1a9e4a66;animation-name:marker-glow-green-light}html[data-theme=light] .tick-marker.out-range{box-shadow:0 0 8px #e5333b66;animation-name:marker-glow-red-light}@keyframes marker-glow-green-light{0%,to{box-shadow:0 0 6px #1a9e4a59}50%{box-shadow:0 0 12px #1a9e4a8c}}@keyframes marker-glow-red-light{0%,to{box-shadow:0 0 6px #e5333b59}50%{box-shadow:0 0 12px #e5333b8c}}html[data-theme=light] .vault-grid{background:#0000000a}html[data-theme=light] .vault-stat{background:var(--surface-1)}html[data-theme=light] .strategy-grid{background:var(--surface-2);border-color:#0000000a}html[data-theme=light] .strategy-item+.strategy-item{border-top-color:#0000000d}html[data-theme=light] .skeleton-block{background:linear-gradient(90deg,var(--surface-2) 25%,rgba(0,0,0,.02) 50%,var(--surface-2) 75%);background-size:200% 100%}html[data-theme=light] .agent-log-content{background:var(--surface-2);border-color:#0000000d}html[data-theme=light] .agent-log-content::-webkit-scrollbar-thumb{background:#0000001a}html[data-theme=light] .agent-log-content::-webkit-scrollbar-thumb:hover{background:#0000002e}html[data-theme=light] .log-entry code{background:#0000000a;color:#b83280}html[data-theme=light] .log-entry pre{background:#fafafc;border-color:#0000000f}html[data-theme=light] .log-entry pre code{color:var(--text-1)}html[data-theme=light] .log-entry strong{color:#b83280}html[data-theme=light] .log-entry thead th{border-bottom-color:#0000001a}html[data-theme=light] .log-entry tbody td{border-bottom-color:#0000000d}html[data-theme=light] .log-entry tbody tr:hover td{background:#00000005}html[data-theme=light] .agent-error{background:#e5333b0f}html[data-theme=light] .screen-2{background:#fff;border-top-color:#0000000d}html[data-theme=light] .connection-status{background:var(--surface-2)}html[data-theme=light] .connection-status.connected:before{box-shadow:0 0 5px #1a9e4a66}.theme-toggle{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--surface-1);color:var(--text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;flex-shrink:0}.theme-toggle:hover{color:var(--accent);border-color:var(--border-accent);background:var(--accent-dim);transform:rotate(15deg)}.icon-cloud{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;overflow:hidden;pointer-events:none;z-index:0;contain:strict}html[data-theme=dark] .icon-cloud{display:none}.cloud-item-pos{transform-origin:center center;animation:cloud-item-enter .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes cloud-item-enter{0%{opacity:0;transform:scale(0) rotate(-15deg) translateY(30px)}to{opacity:1;transform:scale(1) rotate(0) translateY(0)}}.cloud-item-float{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:center center;animation:cloud-float-animation infinite linear}@keyframes cloud-float-animation{0%{transform:translateY(-8px)}50%{transform:translateY(8px)}to{transform:translateY(-8px)}}.cloud-item-rotate{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:center center;animation:token-rotate-animation infinite ease-in-out alternate-reverse;animation-fill-mode:forwards}@keyframes token-rotate-animation{0%{transform:rotate(-22deg)}to{transform:rotate(22deg)}}.cloud-item-icon{background-size:contain;background-repeat:no-repeat;background-position:center center;transform-origin:center center;transition:filter .15s ease-in-out,opacity .15s ease-in-out,transform .15s ease-in-out}html,body,.card,.swap-section,.swap-arrow-btn,.token-badge,.network-badge,.lang-toggle,.lang-btn,.tick-range-container,.vault-stat,.strategy-grid,.agent-log-content,.connection-status,.theme-toggle,.preset-btn,.retry-btn{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}@media(max-width:860px){.app{padding:0 16px 32px}.header{padding:16px 0;margin-bottom:20px}.logo-primary,.logo-secondary{font-size:15px}.logo-divider{height:12px;margin:0 8px}.swap-input,.swap-output{font-size:22px}.vault-grid{grid-template-columns:1fr}.vault-stat:first-child{border-radius:var(--r-md) var(--r-md) 0 0}.vault-stat:nth-child(2){border-radius:0}.vault-stat:last-child{border-radius:0 0 var(--r-md) var(--r-md)}}