@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap");.wallet-adapter-button{background-color:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;height:48px;line-height:48px;padding:0 24px;border-radius:4px}.wallet-adapter-button-trigger{background-color:#512da8}.wallet-adapter-button:not([disabled]):focus-visible{outline-color:#fff}.wallet-adapter-button:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-button[disabled]{background:#404144;color:#999;cursor:not-allowed}.wallet-adapter-button-end-icon,.wallet-adapter-button-end-icon img,.wallet-adapter-button-start-icon,.wallet-adapter-button-start-icon img{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.wallet-adapter-button-end-icon{margin-left:12px}.wallet-adapter-button-start-icon{margin-right:12px}.wallet-adapter-collapse{width:100%}.wallet-adapter-dropdown{position:relative;display:inline-block}.wallet-adapter-dropdown-list{position:absolute;z-index:99;display:grid;grid-template-rows:1fr;grid-row-gap:10px;padding:10px;top:100%;right:0;margin:0;list-style:none;background:#2c2d30;border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,.6);opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}.wallet-adapter-dropdown-list-active{opacity:1;visibility:visible;transform:translateY(10px)}.wallet-adapter-dropdown-list-item{display:flex;flex-direction:row;justify-content:center;align-items:center;border:none;outline:none;cursor:pointer;white-space:nowrap;box-sizing:border-box;padding:0 20px;width:100%;border-radius:6px;font-size:14px;font-weight:600;height:37px;color:#fff}.wallet-adapter-dropdown-list-item:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-modal-collapse-button svg{align-self:center;fill:#999}.wallet-adapter-modal-collapse-button.wallet-adapter-modal-collapse-button-active svg{transform:rotate(180deg);transition:transform .15s ease-in}.wallet-adapter-modal{position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity .15s linear;background:rgba(0,0,0,.5);z-index:1040;overflow-y:auto}.wallet-adapter-modal.wallet-adapter-modal-fade-in{opacity:1}.wallet-adapter-modal-button-close{display:flex;align-items:center;justify-content:center;position:absolute;top:18px;right:18px;padding:12px;cursor:pointer;background:#1a1f2e;border:none;border-radius:50%}.wallet-adapter-modal-button-close:focus-visible{outline-color:#fff}.wallet-adapter-modal-button-close svg{fill:#777;transition:fill .2s ease 0s}.wallet-adapter-modal-button-close:hover svg{fill:#fff}.wallet-adapter-modal-overlay{background:rgba(0,0,0,.5);position:fixed;top:0;left:0;bottom:0;right:0}.wallet-adapter-modal-container{display:flex;margin:3rem;min-height:calc(100vh - 6rem);align-items:center;justify-content:center}@media (max-width:480px){.wallet-adapter-modal-container{margin:1rem;min-height:calc(100vh - 2rem)}}.wallet-adapter-modal-wrapper{box-sizing:border-box;position:relative;display:flex;align-items:center;flex-direction:column;z-index:1050;max-width:400px;border-radius:10px;background:#10141f;box-shadow:0 8px 20px rgba(0,0,0,.6);font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;flex:1 1}.wallet-adapter-modal-wrapper .wallet-adapter-button{width:100%}.wallet-adapter-modal-title{font-weight:500;font-size:24px;line-height:36px;margin:0;padding:64px 48px 48px;text-align:center;color:#fff}@media (max-width:374px){.wallet-adapter-modal-title{font-size:18px}}.wallet-adapter-modal-list{margin:0 0 12px;padding:0;width:100%;list-style:none}.wallet-adapter-modal-list .wallet-adapter-button{font-weight:400;border-radius:0;font-size:18px}.wallet-adapter-modal-list .wallet-adapter-button-end-icon,.wallet-adapter-modal-list .wallet-adapter-button-end-icon img,.wallet-adapter-modal-list .wallet-adapter-button-start-icon,.wallet-adapter-modal-list .wallet-adapter-button-start-icon img{width:28px;height:28px}.wallet-adapter-modal-list .wallet-adapter-button span{margin-left:auto;font-size:14px;opacity:.6}.wallet-adapter-modal-list-more{cursor:pointer;border:none;padding:12px 24px 24px 12px;align-self:flex-end;display:flex;align-items:center;background-color:transparent;color:#fff}.wallet-adapter-modal-list-more svg{transition:all .1s ease;fill:#fff;margin-left:.5rem}.wallet-adapter-modal-list-more-icon-rotate{transform:rotate(180deg)}.wallet-adapter-modal-middle{width:100%;display:flex;flex-direction:column;align-items:center;padding:0 24px 24px;box-sizing:border-box}.wallet-adapter-modal-middle-button{display:block;cursor:pointer;margin-top:48px;width:100%;background-color:#512da8;padding:12px;font-size:18px;border:none;border-radius:8px;color:#fff}*{margin:0;padding:0;box-sizing:border-box}*,:after,:before{transition:background-color .3s ease,color .3s ease,border-color .3s ease}:root{--bg:#0a0a0a;--bg2:#0a0a0a;--bg3:#111;--border:#222;--border2:#111;--text:#fff;--text2:#888;--text3:#666;--text4:#444;--text5:#333;--accent:#9945ff}.light{--bg:#fff;--bg2:#f5f5f5;--bg3:#eee;--border:#ddd;--border2:#eee;--text:#000;--text2:#444;--text3:#666;--text4:#888;--text5:#aaa}body{font-family:JetBrains Mono,monospace;background:var(--bg);color:var(--text);min-height:100vh;padding:1.5rem;transition:background .3s,color .3s}.container{max-width:800px;margin:0 auto}header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start}.header-actions{display:flex;gap:.25rem}h1{font-size:1.25rem;font-weight:600;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.logo{width:28px;height:28px}.tagline{color:var(--text3);font-size:.75rem}.total{margin-bottom:1.5rem}.total-label{color:var(--text3);font-size:.625rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem}.total-value{font-size:2rem;font-weight:600;color:var(--accent)}.tvl-change{font-size:.75rem;margin-top:.25rem}.tvl-change.up{color:#22c55e}.tvl-change.down{color:#ef4444}.protocol{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border2)}.protocol:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.protocol-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}.protocol-name{font-size:.875rem;font-weight:500}.protocol-tvl{color:var(--text3);font-size:.75rem;font-weight:400;margin-left:.5rem}.protocol-status{font-size:.5rem;text-transform:uppercase;letter-spacing:.05em;padding:.125rem .375rem;border-radius:2px}.status-live{color:#22c55e;background:#22c55e10}.status-upcoming{color:#eab308;background:#eab30810}.status-sunset{color:var(--text3);background:var(--bg2)}.pools{display:flex;flex-direction:row;gap:.5rem;flex-wrap:wrap}.pool{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--bg2);border-radius:4px;flex:1 1 auto;min-width:140px}.pool-asset{color:var(--text2);font-size:.75rem}.pool-balance{text-align:right}.pool-amount{color:var(--text3);font-size:.625rem}.pool-usd{font-weight:500;font-size:.875rem}.loading{color:var(--text5);position:relative;display:inline-block}.loading:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(153,69,255,.4) 50%,transparent);animation:reveal-sweep 1.5s ease-in-out infinite;filter:blur(8px)}.loading:after{content:"???";position:relative;animation:reveal-pulse 2s ease-in-out infinite;filter:blur(0)}@keyframes reveal-sweep{0%{transform:translateX(-100%);opacity:0}50%{opacity:1}to{transform:translateX(100%);opacity:0}}@keyframes reveal-pulse{0%,to{opacity:.3;filter:blur(3px);letter-spacing:.1em}50%{opacity:.7;filter:blur(1px);letter-spacing:.05em}}.total-value.loading-tvl{position:relative;overflow:hidden}.total-value.loading-tvl:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(153,69,255,.15),transparent);animation:tvl-shimmer 2s ease-in-out infinite}@keyframes tvl-shimmer{0%{left:-100%}to{left:100%}}.chart-bar.loading-bar{animation:bar-reveal 1s ease-in-out infinite alternate;background:linear-gradient(180deg,rgba(153,69,255,.2),rgba(153,69,255,.05))}@keyframes bar-reveal{0%{opacity:.3;transform:scaleY(.5)}to{opacity:.6;transform:scaleY(1)}}.revealed{opacity:0;animation:data-reveal .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes data-reveal{0%{opacity:0;filter:blur(8px);transform:scale(.95)}50%{opacity:.7;filter:blur(2px)}to{opacity:1;filter:blur(0);transform:scale(1)}}.pool-amount.revealed{display:inline-block}.total-value.revealed{opacity:0;animation:tvl-reveal .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes tvl-reveal{0%{opacity:0;filter:blur(12px);transform:scale(.9) translateY(5px)}40%{opacity:.5;filter:blur(4px)}to{opacity:1;filter:blur(0);transform:scale(1) translateY(0)}}.chart-bar.revealed{opacity:0;animation:chart-reveal .5s cubic-bezier(.34,1.56,.64,1) forwards;transform-origin:bottom}@keyframes chart-reveal{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.protocol-link{color:var(--text4);font-size:.625rem;text-decoration:none;margin-top:.5rem;display:inline-block}.protocol-link:hover{color:var(--text2)}.no-pools{color:var(--text5);font-size:.75rem;padding:.5rem}.action-btn{background:var(--bg3);border:1px solid var(--border);color:var(--text3);width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.action-btn:hover{border-color:var(--text4);color:var(--text)}.action-btn.active{border-color:#22c55e;color:#22c55e}.chart{margin-bottom:1.5rem}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.chart-title{color:var(--text3);font-size:.625rem;text-transform:uppercase;letter-spacing:.1em}.chart-tabs{display:flex;gap:.25rem}.chart-tab{background:none;border:1px solid var(--border);color:var(--text4);font-size:.5rem;padding:.25rem .5rem;border-radius:3px;cursor:pointer;font-family:inherit}.chart-tab:hover{border-color:var(--text4);color:var(--text3)}.chart-tab.active{border-color:var(--accent);color:var(--accent)}.chart-container{display:flex;align-items:flex-end;gap:2px;height:60px}.chart-bar{flex:1 1;background:#9945ff40;min-width:3px;border-radius:1px 1px 0 0;transition:background .2s}.chart-bar:hover{background:var(--accent)}.chart-labels{display:flex;justify-content:space-between;margin-top:.25rem}.chart-label{color:var(--text4);font-size:.5rem}.protocol-chart-toggle{background:none;border:none;color:var(--text4);font-size:.625rem;cursor:pointer;font-family:inherit;padding:.25rem 0;margin-top:.25rem;display:inline-flex;align-items:center;gap:.25rem}.protocol-chart-toggle:hover{color:var(--text2)}.protocol-chart-toggle svg{width:10px;height:10px;transition:transform .2s}.protocol-chart-toggle.open svg{transform:rotate(180deg)}.protocol-chart{margin-top:.5rem;display:none;overflow:hidden}.protocol-chart.open{display:block;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:100px}}.protocol-chart-container{display:flex;align-items:flex-end;gap:2px;height:40px}.protocol-chart-bar{flex:1 1;background:#9945ff40;min-width:2px;border-radius:1px 1px 0 0;transition:background .2s}.protocol-chart-bar:hover{background:var(--accent)}footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border);color:var(--text5);font-size:.625rem}footer a{color:var(--text4)}footer a:hover{color:var(--text2)}.refresh{color:var(--text5);font-size:.625rem;cursor:pointer;background:none;border:none;font-family:inherit}.refresh:hover{color:var(--text3)}.ios-install-banner{display:none;background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem;font-size:.75rem}.ios-install-banner.show{display:block}.ios-install-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.ios-install-title{font-weight:600;color:var(--text)}.ios-install-close{background:none;border:none;color:var(--text4);cursor:pointer;font-size:1rem;line-height:1;padding:0}.ios-install-close:hover{color:var(--text2)}.ios-install-steps{color:var(--text2);line-height:1.5}.ios-install-steps svg{width:14px;height:14px;vertical-align:middle;margin:0 2px}.history-container{max-width:1200px;margin:0 auto}.history-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border);justify-content:space-between}.back-link,.history-header{display:flex;align-items:center}.back-link{color:var(--text3);text-decoration:none;font-size:.875rem;gap:.5rem}.back-link:hover{color:var(--text)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2rem}.stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:1rem}.stat-label{color:var(--text3);font-size:.625rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.stat-value{font-size:1.5rem;font-weight:600;color:var(--accent)}.stat-change{font-size:.75rem;margin-top:.25rem}.stat-change.up{color:#22c55e}.stat-change.down{color:#ef4444}.section{margin-bottom:2rem}.section-title{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text2)}.chart-card{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:1.5rem;margin-bottom:1rem}.history-chart-container{display:flex;align-items:flex-end;gap:3px;height:150px;margin-bottom:1rem}.history-chart-bar{flex:1 1;background:linear-gradient(180deg,var(--accent) 0,rgba(153,69,255,.3) 100%);min-width:4px;border-radius:2px 2px 0 0;transition:all .2s;position:relative}.history-chart-bar:hover{background:var(--accent);transform:scaleY(1.05)}.protocol-list{display:grid;grid-gap:1rem;gap:1rem}.protocol-item{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:1rem}.protocol-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.protocol-item-name{font-weight:500}.protocol-item-tvl{color:var(--text3);font-size:.875rem}.protocol-mini-chart{display:flex;align-items:flex-end;gap:2px;height:30px;margin-top:.5rem}.mini-bar{flex:1 1;background:#9945ff40;min-width:2px;border-radius:1px 1px 0 0}.history-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border);color:var(--text4);font-size:.625rem;text-align:center}.history-footer a{color:var(--text3)}.tipping-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.tipping-title{font-size:.875rem;font-weight:600;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.tipping-card{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:1rem}.tipping-input{width:100%;background:var(--bg3);border:1px solid var(--border);color:var(--text);font-family:inherit;font-size:.75rem;padding:.5rem .75rem;border-radius:4px;margin-bottom:.5rem;outline:none}.tipping-input:focus{border-color:var(--accent)}.tipping-input::placeholder{color:var(--text4)}.tipping-row{display:flex;gap:.5rem;margin-bottom:.5rem}.tipping-btn{background:var(--accent);border:none;color:#fff;font-family:inherit;font-size:.75rem;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:500;width:100%}.tipping-btn:hover{opacity:.9}.tipping-btn:disabled{opacity:.5;cursor:not-allowed}.tipping-status{font-size:.625rem;margin-top:.5rem;padding:.5rem;border-radius:4px}.tipping-status.success{color:#22c55e;background:#22c55e10}.tipping-status.error{color:#ef4444;background:#ef444410}.tipping-status.pending{color:var(--accent);background:rgba(153,69,255,.1)}.tipping-label{font-size:.625rem;color:var(--text3);margin-bottom:.25rem}.tipping-note{font-size:.5rem;color:var(--text4);margin-top:.5rem}.wallet-adapter-button{font-family:JetBrains Mono,monospace!important;font-size:.75rem!important;height:auto!important;padding:.5rem 1rem!important;border-radius:4px!important}@media (max-width:600px){body{padding:1rem}h1{font-size:1rem}.logo{width:24px;height:24px}.tagline{font-size:.625rem}.total-value{font-size:1.5rem}.pool{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 0.25rem);min-width:calc(50% - .25rem);max-width:calc(50% - .25rem)}.header-actions{gap:.125rem}.action-btn{width:28px;height:28px}.action-btn svg{width:12px;height:12px}#facebook-btn,#linkedin-btn,#slack-btn{display:none}.stats-grid{grid-template-columns:1fr 1fr}.stat-value{font-size:1.25rem}.history-chart-container{height:100px}}