@import url("https://fonts.googleapis.com/css2?family=Poly:ital@0;1&display=swap");:root{--cdp-example-page-bg-color:#fef4de;--cdp-example-bg-overlay-color:rgba(0,0,0,0.25);--cdp-example-bg-skeleton-color:rgba(0,0,0,0.1);--cdp-example-text-color:#000000;--cdp-example-text-secondary-color:#8d6e63;--cdp-example-accent-color:#8fbc8f;--cdp-example-accent-hover-color:#6b8e6b;--cdp-example-accent-foreground-color:#ffffff;--cdp-example-bg-low-contrast-color:#f5f5dc;--cdp-example-card-bg-color:#fef4de;--cdp-example-card-border-color:transparent;--cdp-example-card-max-width:30rem;--cdp-example-base-font-size:16px;--cdp-example-font-family:"Poly",serif;background-color:var(--cdp-example-page-bg-color);color:var(--cdp-example-card-border-color);color-scheme:light dark;font-family:var(--cdp-example-font-family);font-size:var(--cdp-example-base-font-size);font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background-color:color(from var(--cdp-example-accent-color) srgb r g b/.3)}html,html *{box-sizing:border-box}body{margin:0;min-height:100vh;min-width:320px}.flex-col-container,.root,.root>div,body{display:flex;flex-direction:column;justify-content:center;place-items:center}.flex-row-container{align-items:center;display:flex;flex-direction:row}.flex-grow{flex-grow:1}.sr-only{border-width:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.root{margin:0;padding:0;width:100%}.root,.root>div{flex-grow:1}p{margin:0}a{color:var(--cdp-example-accent-color)}a:hover{color:var(--cdp-example-accent-hover-color)}hr{border:solid var(--cdp-example-card-border-color);border-width:0 0 1px;margin:1rem 0}.app{height:100%;color:var(--cdp-example-text-color);margin:0 auto;width:100%}header{background-color:var(--cdp-example-card-bg-color);border-bottom:1px solid var(--cdp-example-card-border-color);padding:.5rem 1rem;width:100%}header .wallet-address{margin-right:1rem}.header-inner{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:75rem;text-align:center}.user-info{justify-content:space-between;width:100%}.user-icon{flex-grow:0;flex-shrink:0;height:1.25rem;margin-right:.25rem;width:auto}.wallet-address{font-family:monospace}.main{padding:.5rem;width:100%}.main-inner{gap:1rem;width:100%}.main-inner>.card{width:100%}.site-title{font-size:1.2rem;font-weight:400;line-height:1.2;margin:0 0 .5rem}.site-title br{display:none}.card{background-color:var(--cdp-example-card-bg-color);border:1px solid var(--cdp-example-card-border-color);box-shadow:0 2px 8px rgba(0,0,0,.08);padding:2rem;border-radius:1rem;display:flex;flex-direction:column;gap:1rem;justify-content:space-between;max-width:var(--cdp-example-card-max-width);text-align:center;overflow:hidden}.card-title{font-size:1.25rem;font-weight:500;line-height:1.2;margin:0}.loading--balance{border-radius:9999em;display:inline-block;height:2.25rem;width:7rem}.loading--text{height:1rem;border-radius:9999em;margin:.25rem 0;width:20rem}.loading--btn{border-radius:9999em;height:3.5rem;width:9.375rem}.user-balance{font-size:1.5rem;font-weight:400}.user-balance .flex-row-container{justify-content:center}.balance-icon{flex-grow:0;flex-shrink:0;height:1.5rem;margin-right:.5rem;width:auto}.copy-address-button{background-color:transparent;border:0;color:var(--cdp-example-text-color);cursor:pointer;padding:0}.copy-address-button .user-icon--copy,.copy-address-button:hover .user-icon--{display:none}.copy-address-button .user-icon--,.copy-address-button:hover .user-icon--copy{display:inline}.tx-button{padding-left:2rem;padding-right:2rem;min-width:11.75rem}@media (min-width:540px){.header-inner{flex-direction:row;text-align:left}.user-info{width:auto}.site-title{margin-bottom:0}.site-title br{display:inline}.main{padding:1rem}}@media (min-width:860px){:root{--cdp-example-card-max-width:35rem}.main-inner{align-items:stretch;flex-direction:row}}@media (min-width:1920px){:root{--cdp-base-font-size:20px}}.error-message{font-size:.875rem;margin-top:.5rem;margin-bottom:.5rem}.info-message{background-color:#dbeafe;border:1px solid #93c5fd;border-radius:.375rem;padding:.75rem;margin-bottom:1rem}.info-message p{margin:0;color:#1e40af;font-size:.875rem}.warning-message{background-color:#fef3c7;border:1px solid #f59e0b;border-radius:.375rem;padding:.75rem;margin-bottom:1rem}.warning-message p{margin:0;color:#92400e;font-size:.875rem}.form-group{margin-bottom:1rem;width:100%}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group label,.form-input{color:var(--cdp-example-text-color)}.form-input{width:100%;padding:.75rem;border:1px solid var(--cdp-example-card-border-color);border-radius:.375rem;background-color:var(--cdp-example-card-bg-color);font-size:.875rem;transition:border-color .15s ease-in-out}.form-input:focus{outline:none;border-color:var(--cdp-example-accent-color);box-shadow:0 0 0 3px color(from var(--cdp-example-accent-color) srgb r g b/.1)}.form-input::placeholder{color:var(--cdp-example-text-secondary-color)}.tabs{display:flex;width:100%;border-bottom:1px solid var(--cdp-example-card-border-color);margin-bottom:1rem}.tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--cdp-example-text-secondary-color);cursor:pointer;flex:1 1;font-family:Poly,serif;font-size:1rem;font-weight:500;padding:1rem .5rem;transition:all .2s ease}.tab:hover{color:var(--cdp-example-text-color);background-color:var(--cdp-example-bg-low-contrast-color)}.tab--active{border-bottom-color:var(--cdp-example-accent-color);color:var(--cdp-example-accent-color)}.tab-content{flex:1 1;min-height:350px;align-content:center}.tab-panel{display:flex;flex-direction:column;gap:1rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:white;border-radius:12px;padding:0;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.modal-close-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;color:#6b7280;transition:all .2s}.modal-close-button:hover{background-color:#f3f4f6;color:#374151}.modal-body{padding:24px}.account-info{display:flex;flex-direction:column;gap:12px}.account-label{font-weight:500;color:#374151;font-size:.875rem}.account-value{display:flex;align-items:center;gap:12px;background-color:#f9fafb;padding:12px 16px;border-radius:8px;border:1px solid #e5e7eb}.wallet-address{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;color:#111827;word-break:break-all}.copy-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;color:#6b7280;transition:all .2s;flex-shrink:0}.copy-button:hover{background-color:#e5e7eb;color:#374151}.copy-icon{width:16px;height:16px}.view-account-button{background:#3b82f6;border:none;cursor:pointer;padding:10px 20px;border-radius:8px;color:white;font-size:.875rem;font-weight:500;transition:all .2s}.view-account-button:hover{background:#2563eb;transform:translateY(-1px)}.view-account-button:active{transform:translateY(0)}.yield-vault{width:100%;max-width:var(--cdp-example-card-max-width)}.apy-display{text-align:center;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:white}.apy-display h3{margin:0 0 1rem;font-size:1.125rem;font-weight:500;opacity:.9}.apy-value{display:flex;flex-direction:column;align-items:center;gap:.5rem}.apy-number{font-size:3rem;font-weight:700;line-height:1}.apy-label{font-size:.875rem;opacity:.8}.total-assets{text-align:center;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:12px;color:white}.total-assets h3{margin:0 0 1rem;font-size:1.125rem;font-weight:500;opacity:.9}.assets-value{display:flex;flex-direction:column;align-items:center;gap:.5rem}.assets-number{font-size:2.5rem;font-weight:700;line-height:1}.assets-label{font-size:.875rem;opacity:.8}.balance-section{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;margin-bottom:2rem}.balance-item{text-align:center;padding:1rem;background-color:var(--cdp-example-bg-low-contrast-color);border-radius:8px;border:1px solid var(--cdp-example-card-border-color)}.balance-item h4{margin:0 0 .5rem;font-size:.875rem;font-weight:500;color:var(--cdp-example-text-secondary-color)}.balance-value{font-size:1.5rem;font-weight:600;color:var(--cdp-example-text-color)}.deposit-section{text-align:center;margin-bottom:2rem}.deposit-section h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600}.deposit-description{margin:0 0 1.5rem;color:var(--cdp-example-text-secondary-color);line-height:1.6}.deposit-button{background:linear-gradient(135deg,#4ade80,#22c55e);color:white;padding:1rem 2rem;border-radius:8px;transition:all .2s ease;min-width:200px}.deposit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px rgba(34,197,94,.3)}.deposit-button:disabled{transform:none}.no-balance{text-align:center;padding:2rem;background-color:var(--cdp-example-bg-low-contrast-color);border-radius:8px;border:1px solid var(--cdp-example-card-border-color)}.no-balance p{margin:0 0 1rem;color:var(--cdp-example-text-secondary-color)}.error-section,.success-section{text-align:center;padding:1.5rem;border-radius:8px;margin-bottom:1rem}.error-section{background-color:#fef2f2;border:1px solid #fecaca}.error-message{color:#dc2626;margin:0 0 1rem}.success-section{background-color:#f0fdf4;border:1px solid #bbf7d0}.success-section h3,.success-section p{margin:0 0 1rem;color:#166534}.transaction-link{color:#059669;text-decoration:none;font-weight:500}.transaction-link:hover{text-decoration:underline}.reset-button{background:var(--cdp-example-accent-color);border:none;color:white;padding:.75rem 1.5rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.reset-button:hover{background:var(--cdp-example-accent-hover-color);transform:translateY(-1px)}.tab-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--cdp-example-card-border-color)}.back-button{background:none;border:none;color:var(--cdp-example-accent-color);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem;border-radius:4px;transition:all .2s ease}.back-button:hover{background-color:var(--cdp-example-bg-low-contrast-color);color:var(--cdp-example-accent-hover-color)}.tab-header h2{margin:0;font-size:1.5rem;font-weight:600}.action-buttons{display:flex;gap:1rem;margin-top:1.5rem;justify-content:center}.withdraw-button,.yield-button{background:var(--cdp-example-accent-color);border:none;color:white;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px}.withdraw-button:hover,.yield-button:hover{background:var(--cdp-example-accent-hover-color);transform:translateY(-1px)}.yield-button{background:linear-gradient(135deg,#667eea,#764ba2)}.yield-button:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}.loading--apy{height:4rem;width:8rem;border-radius:8px}.loading--assets{height:3.5rem;width:7rem;border-radius:8px}@media (max-width:640px){.balance-section{grid-template-columns:1fr}.action-buttons{flex-direction:column;align-items:center}.withdraw-button,.yield-button{width:100%;max-width:200px}.apy-number{font-size:2.5rem}.assets-number{font-size:2rem}}.earn-button{background-color:var(--cdp-example-accent-color);border:none;border-radius:.5rem;color:var(--cdp-example-accent-foreground-color);cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;margin-right:1rem;transition:background-color .2s ease}.earn-button:hover{background-color:var(--cdp-example-accent-hover-color)}.earn-tab{width:100%;max-width:600px;margin:0 auto}.earn-tab-header{text-align:center;margin-bottom:2rem}.earn-tab-header h2{margin:0 0 .5rem;color:var(--cdp-example-text-color)}.earn-tab-header p{color:var(--cdp-example-text-secondary-color);margin:0}.earn-tab-navigation{display:flex;justify-content:center;margin-bottom:2rem;gap:.5rem}.tab-button{background-color:transparent;border:2px solid var(--cdp-example-accent-color);border-radius:.5rem;color:var(--cdp-example-accent-color);cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.tab-button.active,.tab-button:hover:not(.active){background-color:var(--cdp-example-accent-color);color:var(--cdp-example-accent-foreground-color)}.earn-container,.withdraw-container{background-color:var(--cdp-example-card-bg-color);border-radius:1rem;padding:2rem;box-shadow:0 4px 6px rgba(0,0,0,.1)}.earn-header h3,.withdraw-header h3{margin:0 0 .5rem;color:var(--cdp-example-text-color)}.apy-display{display:flex;justify-content:space-between;align-items:center;background-color:var(--cdp-example-bg-low-contrast-color);padding:1rem;border-radius:.5rem;margin-bottom:1.5rem}.apy-label{font-weight:600;color:var(--cdp-example-text-color)}.apy-value{font-size:1.25rem;font-weight:700;color:var(--cdp-example-accent-color)}.earn-stats,.withdraw-stats{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem;margin-bottom:2rem}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:var(--cdp-example-bg-low-contrast-color);border-radius:.5rem}.stat-label{font-weight:600;color:var(--cdp-example-text-color)}.stat-value{font-weight:700;color:var(--cdp-example-accent-color)}.deposit-section,.withdraw-section{margin-top:2rem}.deposit-section h4,.withdraw-section h4{margin:0 0 1rem;color:var(--cdp-example-text-color);text-align:center}.input-group{position:relative;margin-bottom:1rem}.deposit-input,.withdraw-input{width:100%;padding:1rem 4rem 1rem 1rem;border:2px solid var(--cdp-example-accent-color);border-radius:.5rem;font-size:1rem;font-family:inherit;background-color:white;color:var(--cdp-example-text-color)}.input-suffix{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-weight:600}.input-suffix,.max-amount{color:var(--cdp-example-text-secondary-color)}.max-amount{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.9rem}.max-button{background-color:transparent;border:1px solid var(--cdp-example-accent-color);border-radius:.25rem;color:var(--cdp-example-accent-color);cursor:pointer;font-size:.8rem;padding:.25rem .5rem;transition:all .2s ease}.max-button:hover{background-color:var(--cdp-example-accent-color);color:var(--cdp-example-accent-foreground-color)}.withdraw-type-selector{display:flex;gap:.5rem;margin-bottom:1.5rem;justify-content:center}.type-button{background-color:transparent;border:2px solid var(--cdp-example-accent-color);border-radius:.5rem;color:var(--cdp-example-accent-color);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.deposit-button,.type-button.active,.type-button:hover:not(.active){background-color:var(--cdp-example-accent-color);color:var(--cdp-example-accent-foreground-color)}.deposit-button{width:100%;border:none;border-radius:.5rem;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;padding:1rem;transition:background-color .2s ease;margin-top:1rem}.deposit-button:hover:not(:disabled){background-color:var(--cdp-example-accent-hover-color)}.deposit-button:disabled{background-color:var(--cdp-example-bg-skeleton-color);cursor:not-allowed;opacity:.6}.error-message{color:#dc3545;font-size:.9rem;margin:.5rem 0;text-align:center}