*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f7f5f0;--bg2: #ffffff;--bg3: #f0ede6;--border: #e2ddd4;--border2: #ccc8be;--text: #1a1814;--text2: #5a5650;--text3: #9a968e;--accent: #ff6b00;--accent2: #ff8c33;--green: #00875a;--green-bg: #e6f5f0;--blue: #0057b8;--blue-bg: #e8f0fa;--gold: #b8860b;--gold-bg: #fdf8e8;--red: #c0392b;--red-bg: #fdf0ee;--font-serif: "DM Serif Display", Georgia, serif;--font-mono: "DM Mono", "Courier New", monospace;--font-sans: "DM Sans", system-ui, sans-serif;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 3px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.04);--shadow-lg: 0 8px 32px rgba(0,0,0,.08), 0 2px 8px rgba(0,0,0,.04)}html{font-size:16px}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}.ticker-wrap{background:var(--text);color:#fff;overflow:hidden;height:36px;display:flex;align-items:center}.ticker-track{display:flex;gap:0;animation:ticker 40s linear infinite;white-space:nowrap}.ticker-item{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;padding:0 32px;opacity:.85;display:flex;align-items:center;gap:8px}.ticker-item span{color:#4ade80}.ticker-item span.neg{color:#f87171}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.header{background:var(--bg2);border-bottom:1px solid var(--border);padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.header-logo{display:flex;align-items:baseline;gap:4px}.header-logo-text{font-family:var(--font-serif);font-size:22px;color:var(--text);letter-spacing:-.02em}.header-logo-sup{font-family:var(--font-mono);font-size:9px;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-weight:500}.header-nav{display:flex;align-items:center;gap:8px}.nav-tab{font-size:13px;font-weight:500;color:var(--text2);padding:6px 14px;border-radius:var(--radius-sm);border:none;background:none;cursor:pointer;transition:all .15s}.nav-tab:hover{background:var(--bg3);color:var(--text)}.nav-tab.active{background:var(--text);color:#fff}.header-right{display:flex;align-items:center;gap:12px}.btc-price-badge{font-family:var(--font-mono);font-size:12px;color:var(--text2);background:var(--bg3);border:1px solid var(--border);padding:5px 12px;border-radius:20px;display:flex;align-items:center;gap:6px}.btc-price-badge .dot{width:6px;height:6px;background:#f7931a;border-radius:50%}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .15s;font-family:var(--font-sans);white-space:nowrap}.btn-primary{background:var(--text);color:#fff}.btn-primary:hover{background:#333;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--text);border:1.5px solid var(--border2)}.btn-outline:hover{border-color:var(--text);background:var(--bg3)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent2);transform:translateY(-1px)}.btn-green{background:var(--green);color:#fff}.btn-green:hover{opacity:.9;transform:translateY(-1px)}.btn-sm{padding:6px 14px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-connected{background:var(--bg3);color:var(--text);border:1.5px solid var(--border);font-family:var(--font-mono);font-size:12px}.main-layout{max-width:1200px;margin:0 auto;padding:40px 24px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:56px;padding:48px 0 40px}.hero-title{font-family:var(--font-serif);font-size:52px;line-height:1.05;letter-spacing:-.03em;color:var(--text);margin-bottom:16px}.hero-title em{font-style:italic;color:var(--accent)}.hero-subtitle{font-size:16px;color:var(--text2);line-height:1.6;margin-bottom:28px;max-width:420px}.hero-stats{display:flex;gap:32px}.hero-stat-label{font-size:11px;font-family:var(--font-mono);letter-spacing:.08em;color:var(--text3);text-transform:uppercase;margin-bottom:4px}.hero-stat-value{font-family:var(--font-serif);font-size:28px;color:var(--text)}.hero-stat-value small{font-family:var(--font-sans);font-size:13px;color:var(--green);font-weight:600;margin-left:6px}.hero-right{background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:var(--shadow-lg)}.hero-right-title{font-family:var(--font-serif);font-size:20px;margin-bottom:20px;color:var(--text)}.portfolio-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.portfolio-row:last-of-type{border-bottom:none}.portfolio-row-left{display:flex;align-items:center;gap:12px}.vault-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.vault-icon.alpha{background:var(--green-bg)}.vault-icon.beta{background:var(--blue-bg)}.vault-icon.omega{background:var(--gold-bg)}.vault-name{font-weight:600;font-size:14px}.vault-tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;padding:2px 7px;border-radius:4px;font-weight:500}.vault-tag.low{background:var(--green-bg);color:var(--green)}.vault-tag.medium{background:var(--blue-bg);color:var(--blue)}.vault-tag.high{background:var(--gold-bg);color:var(--gold)}.vault-apy{font-family:var(--font-mono);font-size:16px;font-weight:500;color:var(--green)}.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.section-title{font-family:var(--font-serif);font-size:28px;letter-spacing:-.02em}.section-sub{font-size:13px;color:var(--text3);font-family:var(--font-mono)}.vaults-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px}.vault-card{background:var(--bg2);border:1.5px solid var(--border);border-radius:16px;padding:24px;transition:all .2s;position:relative;overflow:hidden;cursor:pointer}.vault-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.vault-card.alpha:before{background:var(--green)}.vault-card.beta:before{background:var(--blue)}.vault-card.omega:before{background:var(--gold)}.vault-card:hover{border-color:var(--border2);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.vault-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px #ff6b0026}.vault-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.vault-card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.vault-card-icon.alpha{background:var(--green-bg)}.vault-card-icon.beta{background:var(--blue-bg)}.vault-card-icon.omega{background:var(--gold-bg)}.vault-card-risk{font-size:11px;font-family:var(--font-mono);letter-spacing:.06em;padding:4px 10px;border-radius:20px;font-weight:500}.vault-card-name{font-family:var(--font-serif);font-size:20px;margin-bottom:4px}.vault-card-desc{font-size:12px;color:var(--text2);margin-bottom:20px;line-height:1.5}.vault-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.metric{background:var(--bg3);border-radius:var(--radius-sm);padding:10px 12px}.metric-label{font-size:10px;font-family:var(--font-mono);color:var(--text3);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}.metric-value{font-family:var(--font-mono);font-size:15px;font-weight:500;color:var(--text)}.metric-value.green{color:var(--green)}.metric-value.blue{color:var(--blue)}.metric-value.gold{color:var(--gold)}.vault-tvl-bar{height:4px;background:var(--bg3);border-radius:2px;margin-bottom:6px;overflow:hidden}.vault-tvl-fill{height:100%;border-radius:2px;transition:width 1s ease}.vault-tvl-fill.alpha{background:var(--green)}.vault-tvl-fill.beta{background:var(--blue)}.vault-tvl-fill.omega{background:var(--gold)}.vault-tvl-label{font-size:11px;color:var(--text3);font-family:var(--font-mono)}.deposit-panel{background:var(--bg2);border:1.5px solid var(--border);border-radius:16px;padding:28px;margin-bottom:48px;box-shadow:var(--shadow)}.deposit-panel-title{font-family:var(--font-serif);font-size:22px;margin-bottom:6px}.deposit-panel-sub{font-size:13px;color:var(--text2);margin-bottom:24px}.deposit-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.input-group{margin-bottom:16px}.input-label{font-size:12px;font-weight:600;color:var(--text2);margin-bottom:6px;display:block;letter-spacing:.04em;text-transform:uppercase;font-family:var(--font-mono)}.input-wrap{position:relative}.input-field{width:100%;padding:12px 16px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:15px;font-family:var(--font-mono);background:var(--bg3);color:var(--text);outline:none;transition:border-color .15s}.input-field:focus{border-color:var(--accent);background:#fff}.input-suffix{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:12px;font-family:var(--font-mono);color:var(--text3);font-weight:600}.input-max{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:11px;font-family:var(--font-mono);color:var(--accent);cursor:pointer;font-weight:600;background:none;border:none}.input-hint{font-size:11px;color:var(--text3);margin-top:5px;font-family:var(--font-mono)}.vault-select-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.vault-select-btn{padding:10px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg3);cursor:pointer;text-align:center;transition:all .15s}.vault-select-btn:hover{border-color:var(--border2)}.vault-select-btn.active.alpha{border-color:var(--green);background:var(--green-bg)}.vault-select-btn.active.beta{border-color:var(--blue);background:var(--blue-bg)}.vault-select-btn.active.omega{border-color:var(--gold);background:var(--gold-bg)}.vault-select-name{font-size:12px;font-weight:600;margin-bottom:2px}.vault-select-apy{font-family:var(--font-mono);font-size:14px}.vault-select-apy.alpha{color:var(--green)}.vault-select-apy.beta{color:var(--blue)}.vault-select-apy.omega{color:var(--gold)}.deposit-summary{background:var(--bg3);border-radius:var(--radius-sm);padding:16px;margin-bottom:16px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:13px}.summary-row .label{color:var(--text2)}.summary-row .value{font-family:var(--font-mono);font-weight:500}.summary-row .value.green{color:var(--green)}.summary-divider{border:none;border-top:1px solid var(--border);margin:8px 0}.positions-section{margin-bottom:48px}.positions-table{background:var(--bg2);border:1.5px solid var(--border);border-radius:16px;overflow:hidden}.positions-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 100px;padding:12px 20px;background:var(--bg3);border-bottom:1px solid var(--border);font-size:11px;font-family:var(--font-mono);color:var(--text3);letter-spacing:.06em;text-transform:uppercase}.position-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 100px;padding:16px 20px;border-bottom:1px solid var(--border);align-items:center;transition:background .1s}.position-row:last-child{border-bottom:none}.position-row:hover{background:var(--bg3)}.position-vault{display:flex;align-items:center;gap:10px}.pos-vault-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px}.pos-vault-icon.alpha{background:var(--green-bg)}.pos-vault-icon.beta{background:var(--blue-bg)}.pos-vault-icon.omega{background:var(--gold-bg)}.pos-vault-name{font-weight:600;font-size:14px}.pos-vault-type{font-size:11px;color:var(--text3)}.pos-value{font-family:var(--font-mono);font-size:13px}.pos-value.green{color:var(--green)}.pos-empty{padding:48px 20px;text-align:center;color:var(--text3);font-size:14px}.pos-empty-icon{font-size:32px;margin-bottom:8px}.analytics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:48px}.analytics-card{background:var(--bg2);border:1.5px solid var(--border);border-radius:var(--radius);padding:20px}.analytics-card-label{font-size:11px;font-family:var(--font-mono);color:var(--text3);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.analytics-card-value{font-family:var(--font-serif);font-size:26px;margin-bottom:4px}.analytics-card-change{font-size:12px;font-family:var(--font-mono);color:var(--green)}.analytics-card-change.neg{color:var(--red)}.strategies-section{margin-bottom:48px}.strategies-list{background:var(--bg2);border:1.5px solid var(--border);border-radius:16px;overflow:hidden}.strategy-row{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--border);transition:background .1s}.strategy-row:last-child{border-bottom:none}.strategy-row:hover{background:var(--bg3)}.strategy-num{font-family:var(--font-mono);font-size:11px;color:var(--text3);width:20px}.strategy-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;background:var(--bg3)}.strategy-info{flex:1}.strategy-name{font-weight:600;font-size:14px;margin-bottom:2px}.strategy-desc{font-size:12px;color:var(--text2)}.strategy-allocation{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;color:var(--text2)}.alloc-bar{width:80px;height:4px;background:var(--bg3);border-radius:2px;overflow:hidden}.alloc-fill{height:100%;background:var(--accent);border-radius:2px}.strategy-apy{font-family:var(--font-mono);font-size:14px;font-weight:500;color:var(--green);min-width:60px;text-align:right}.tx-link{font-family:var(--font-mono);font-size:11px;color:var(--blue);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s}.tx-link:hover{border-color:var(--blue)}.alert{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:16px}.alert.error{background:var(--red-bg);color:var(--red);border:1px solid #f5c6c2}.alert.success{background:var(--green-bg);color:var(--green);border:1px solid #b8e0d4}.alert.info{background:var(--blue-bg);color:var(--blue);border:1px solid #c0d8f5}.spinner{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.footer{border-top:1px solid var(--border);padding:32px 24px;margin-top:40px;display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin-left:auto;margin-right:auto}.footer-logo{font-family:var(--font-serif);font-size:18px;color:var(--text)}.footer-links{display:flex;gap:20px}.footer-link{font-size:12px;color:var(--text3);text-decoration:none}.footer-link:hover{color:var(--text)}.footer-copy{font-size:12px;color:var(--text3);font-family:var(--font-mono)}.toast{position:fixed;bottom:24px;right:24px;background:var(--text);color:#fff;padding:14px 20px;border-radius:var(--radius);font-size:13px;z-index:1000;animation:slideUp .3s ease;max-width:320px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-lg)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.tab-content{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.contract-setup{background:var(--blue-bg);border:1.5px solid #c0d8f5;border-radius:var(--radius);padding:16px 20px;margin-bottom:24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.contract-setup-label{font-size:12px;font-family:var(--font-mono);color:var(--blue);font-weight:600;white-space:nowrap}.contract-setup-input{flex:1;min-width:200px;padding:8px 12px;border:1.5px solid #c0d8f5;border-radius:var(--radius-sm);font-size:12px;font-family:var(--font-mono);background:#fff;color:var(--text);outline:none}.contract-setup-input:focus{border-color:var(--blue)}.contract-addr-display{font-family:var(--font-mono);font-size:11px;color:var(--blue);background:#fff;padding:6px 12px;border-radius:var(--radius-sm);border:1px solid #c0d8f5}@media (max-width: 900px){.hero,.vaults-grid{grid-template-columns:1fr}.analytics-grid{grid-template-columns:1fr 1fr}.deposit-layout{grid-template-columns:1fr}.positions-header,.position-row{grid-template-columns:2fr 1fr 1fr 80px}.positions-header>*:nth-child(3),.positions-header>*:nth-child(4),.position-row>*:nth-child(3),.position-row>*:nth-child(4){display:none}}