@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap";:root{color:#dce6e4;font-synthesis:none;text-rendering:optimizelegibility;--canvas:#0d141a;--panel:#121d24;--panel-raised:#17242c;--line:#25343c;--line-soft:#1d2b32;--text:#dce6e4;--muted:#73858b;--teal:#79aaa7;--teal-strong:#96c0bb;--amber:#d0aa6e;--negative:#d17b72;background:#0d141a;font-family:Manrope,sans-serif}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth}body{background:var(--canvas);min-width:0;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit;touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:2px;outline:2px solid #79aaa78c}.app-shell{min-height:100vh}.compact-bar{z-index:30;border-bottom:1px solid var(--line-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d141ae6;align-items:center;height:82px;padding:0 max(36px,50vw - 800px);display:flex;position:sticky;top:0}.brand{color:#e6eeec;letter-spacing:-.6px;flex:none;align-items:center;gap:13px;font-size:22px;font-weight:700;display:flex}.brand-mark{flex:0 0 26px;justify-content:center;align-items:flex-end;gap:3px;width:26px;height:26px;display:inline-flex;transform:skew(-6deg)}.brand-mark i{background:var(--teal);border-radius:1px;width:5px;display:block}.brand-mark i:first-child{opacity:.5;height:11px}.brand-mark i:nth-child(2){opacity:.75;height:17px}.brand-mark i:nth-child(3){height:25px}.compact-status{border-left:1px solid var(--line);color:#84969a;align-items:center;gap:10px;margin-left:26px;padding-left:26px;font:14px DM Mono;display:flex}.compact-status small{border-left:1px solid var(--line);color:#607379;border-left:1px solid var(--line);padding-left:9px;font:12px Manrope}.compact-status i{background:var(--teal);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #79aaa71a}.compact-status.offline i{background:var(--negative);box-shadow:0 0 0 3px #d17b721a}.compact-actions{align-items:center;gap:9px;margin-left:auto;display:flex}.address-button,.icon-button{border:1px solid var(--line);color:#8fa0a4;cursor:pointer;background:#111c22;border-radius:10px;height:48px}.address-button{align-items:center;gap:10px;padding:0 16px;font:14px DM Mono;display:flex}.address-compact{display:none}.icon-button{place-items:center;width:48px;display:grid}.icon-button svg{width:21px;height:21px}.address-button:hover,.icon-button:hover{color:var(--text);background:#16242b;border-color:#39505a}.icon-button:disabled{cursor:default;opacity:.58;border-color:var(--line);color:#708287;background:#111c22}.compact-main{width:min(1600px,100% - 72px);margin:0 auto;padding:42px 0 64px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;display:grid}.metric-card{border:1px solid var(--line-soft);background:var(--panel);border-radius:13px;min-width:0;padding:28px 29px 25px}.metric-top{color:#84969a;justify-content:space-between;align-items:center;font-size:15px;display:flex}.metric-icon{width:38px;height:38px;color:var(--teal);background:#79aaa714;border-radius:9px;place-items:center;display:grid}.metric-icon svg{width:20px;height:20px}.metric-card>strong{color:#e3ebe9;letter-spacing:-1.6px;margin:18px 0 14px;font:500 clamp(28px,2.4vw,40px) DM Mono;display:block}.metric-sub{color:#8a9b9d;align-items:center;gap:9px;min-height:21px;font-size:14px;display:flex}.metric-sub .muted{color:#8a9b9d}.hero-panel{border:1px solid var(--line-soft);background:var(--panel);border-radius:13px;grid-template-columns:390px minmax(0,1fr);min-height:400px;display:grid;overflow:hidden}.hero-summary{border-right:1px solid var(--line-soft);flex-direction:column;padding:36px 34px 29px;display:flex}.hero-label{color:#84969a;align-items:center;gap:5px;font-size:15px;display:flex}.hero-label .help-button{color:#8b9da0;cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:44px;margin-block:-12px;padding:0;display:grid}.hero-explainer{border-left:2px solid var(--teal);color:#9cacaf;background:#79aaa712;border-radius:0 6px 6px 0;max-width:310px;margin-top:16px;padding:11px 12px;font-size:12px;line-height:1.55}.hero-number{color:#e4ecea;letter-spacing:-2.2px;margin:21px 0 11px;font:500 48px/1 DM Mono}.hero-change{color:#84969a;font-size:14px}.range-tabs{gap:5px;margin-top:auto;display:flex}.range-tabs button,.filter-tabs button{color:#87999d;cursor:pointer;background:0 0;border:0;border-radius:7px;font:14px DM Mono}.range-tabs button{min-height:44px;padding:11px 13px}.range-tabs button.active,.filter-tabs button.active{color:var(--teal-strong);background:#79aaa71c}.mobile-chart-toggle{display:none}.chart-wrap{min-width:0;padding:33px 31px 30px 57px;position:relative}.yield-chart{width:100%;height:300px;overflow:visible}.chart-grid{stroke:#223038;stroke-width:1px;stroke-dasharray:4 5}.chart-line{stroke:var(--teal);stroke-width:2px}.chart-dot{fill:var(--teal);stroke:var(--panel);stroke-width:2px}.chart-ylabels{color:#7b8e93;flex-direction:column;justify-content:space-between;font:13px DM Mono;display:flex;position:absolute;top:34px;bottom:32px;left:18px}.chart-xlabels{color:#7b8e93;justify-content:space-between;font:13px DM Mono;display:flex}.chart-empty{color:#66797e;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:398px;display:flex}.chart-empty>span{width:50px;height:50px;color:var(--teal);background:#79aaa712;border-radius:50%;place-items:center;margin-bottom:14px;display:grid}.chart-empty strong{color:#92a2a4;font-size:17px}.chart-empty small{max-width:390px;margin-top:8px;font-size:14px;line-height:1.5}.positions-section{margin-top:26px}.filter-tabs{gap:5px;margin-bottom:12px;display:flex;overflow-x:auto}.filter-tabs button{flex:none;min-height:44px;padding:10px 14px}.filter-tabs span{color:#71868a;margin-left:7px}.position-toolbar{justify-content:flex-end;align-items:center;gap:10px;min-height:44px;margin:-4px 0 12px;display:flex}.position-count{color:#829499;font:12px DM Mono}.dust-toggle{color:#9aabad;cursor:pointer;background:#111c22;border:1px solid #30434b;border-radius:8px;min-height:40px;padding:0 13px;font-size:12px;font-weight:700}.dust-toggle:hover{color:var(--text);border-color:#496069}.mobile-filter-select,.mobile-position-list{display:none}.table-wrap{border:1px solid var(--line-soft);background:var(--panel);border-radius:12px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:1060px}th{border-bottom:1px solid var(--line);color:#7a8d92;letter-spacing:.5px;text-transform:uppercase;text-align:right;padding:16px 19px;font:500 13px DM Mono}th:first-child,th:nth-child(2){text-align:left}th:first-child{padding-left:20px}td{border-bottom:1px solid var(--line-soft);color:#84959a;text-align:right;padding:19px;font:14px DM Mono;transition:background .12s}tbody tr{cursor:pointer}tbody tr:hover td{background:#79aaa709}tbody tr:focus-visible{outline-offset:-2px;outline:2px solid #79aaa7a6}tr:last-child td{border-bottom:0}td:first-child,td:nth-child(2){text-align:left}.position-main{align-items:center;gap:12px;min-width:270px;display:flex}.position-main>div{gap:3px;display:grid}.position-main span{color:#809297;font-size:13px}.position-main strong{color:#b8c5c4;font:600 15px Manrope}.position-main small{color:#809297;font:13px Manrope}.protocol-icon{border:1px solid color-mix(in srgb, var(--protocol) 28%, var(--line));background:color-mix(in srgb, var(--protocol) 12%, var(--panel));width:43px;height:43px;color:var(--protocol);border-radius:10px;flex:none;place-items:center;font:700 15px DM Mono;display:grid}.protocol-icon.small{border-radius:8px;width:34px;height:34px;font-size:12px}.protocol-icon img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.network{color:#84969a;white-space:nowrap;align-items:center;gap:9px;font:14px Manrope;display:flex}.network-logo,.network-fallback{border-radius:50%;flex:0 0 19px;width:19px;height:19px}.network-logo{object-fit:cover;box-shadow:0 0 0 1px #7daba829}.network-fallback{color:#83aaa8;background:#18272c;border:1px solid #284047;place-items:center;font:700 10px IBM Plex Mono;display:grid}.strong-cell{color:#bac7c5;font-weight:500}.apy-cell{color:var(--teal-strong);background:#79aaa717;border-radius:5px;padding:5px 8px;font-weight:500}.apy-cell.collecting{color:#5d7075;background:0 0}.earned-cell{color:var(--teal-strong);font-weight:500}.blurred{filter:blur(7px);-webkit-user-select:none;user-select:none}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{z-index:100;color:#d9e4e2;background:#19262d;border:1px solid #31444c;border-radius:9px;align-items:center;gap:9px;padding:12px 16px;font-size:13px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #00000059}.toast span{color:var(--teal)}.connection-panel{border:1px solid var(--line-soft);background:var(--panel);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:440px;padding:54px;display:flex}.connection-icon{width:58px;height:58px;color:var(--teal);background:#79aaa714;border-radius:14px;place-items:center;margin-bottom:19px;display:grid}.connection-panel .panel-kicker{color:#5d7075;text-transform:uppercase;letter-spacing:.8px;margin:0 0 8px;font:12px DM Mono}.connection-panel h2{color:#c8d3d1;margin:0;font-size:23px}.connection-panel>p:not(.panel-kicker){color:#6e8085;max-width:560px;margin:11px auto 0;font-size:14px;line-height:1.6}.setup-code{border:1px solid var(--line);text-align:left;background:#0f191f;border-radius:7px;gap:12px;width:min(400px,100%);margin:18px auto 14px;padding:10px 12px;display:flex}.setup-code span{color:#b9c7c5;background:#26363d;border-radius:4px;padding:3px 7px;font:12px DM Mono}.setup-code code{color:#91a4a5;font:13px DM Mono}.connection-actions{gap:7px;display:flex}.primary,.secondary{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:0 17px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.primary{color:#0b161a;background:#648f8c;border:1px solid #648f8c}.secondary{border:1px solid var(--line);color:#899a9d;background:#121e24}.modal-layer,.drawer-layer{z-index:70;overscroll-behavior:contain;position:fixed;inset:0}.modal-layer{place-items:center;display:grid}.modal-scrim,.drawer-scrim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04080bb3;border:0;width:100%;position:absolute;inset:0}.settings-modal{z-index:1;border:1px solid var(--line);background:var(--panel-raised);border-radius:11px;width:min(500px,100% - 30px);max-height:calc(100dvh - 30px);padding:27px;overflow-y:auto;box-shadow:0 24px 70px #00000073}.modal-head{justify-content:space-between;align-items:center;margin-bottom:23px;display:flex}.modal-head h2{color:#d2dcda;margin:0;font-size:21px}.settings-modal label{color:#72858a;gap:9px;font-size:13px;font-weight:600;display:grid}.settings-modal input{color:#c6d2d0;background:#0e181e;border:1px solid #31434b;border-radius:8px;width:100%;height:48px;padding:0 13px;font:13px DM Mono}.form-error{color:var(--negative);margin-top:8px;font-size:12px}.modal-actions{justify-content:flex-end;gap:9px;margin-top:23px;display:flex}.drawer{z-index:2;overscroll-behavior:contain;border-left:1px solid var(--line);background:#111c22;width:min(480px,100%);padding:27px;position:absolute;inset:0 0 0 auto;overflow-y:auto;box-shadow:-18px 0 55px #00000059}.drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:21px;display:flex}.drawer-head .position-main strong{font-size:15px}.drawer-value{gap:8px;padding:27px 0;display:grid}.drawer-value>span{color:#718388;font-size:13px}.drawer-value>strong{color:#d8e2e0;font:500 34px DM Mono}.drawer-value small{color:var(--teal);font-size:12px}.drawer-section{border:1px solid var(--line-soft);background:var(--panel);border-radius:9px;margin-bottom:13px;padding:18px}.section-heading{color:#687a80;justify-content:space-between;margin-bottom:15px;font-size:12px;display:flex}.section-heading>span:first-child{color:#9aabaa;font-weight:700}.risk{border-radius:3px;padding:2px 5px}.risk.low{color:var(--teal);background:#79aaa714}.risk.medium{color:var(--amber);background:#d0aa6e14}.risk.high{color:var(--negative);background:#d17b7214}.structure-row{border-bottom:1px solid var(--line-soft);color:#718388;justify-content:space-between;padding:12px 0;font-size:12px;display:flex}.structure-row:last-child{border-bottom:0}.structure-row strong{color:#aab9b8;font:500 13px DM Mono}.drawer-chart{background:#0f191f;border-radius:8px;align-items:flex-start;min-height:72px;margin-bottom:9px;padding:14px;display:flex}.drawer-chart>strong{color:var(--teal-strong);gap:7px;font:500 21px DM Mono;display:grid}.drawer-chart small{color:#65777c;font:12px Manrope}.rate-components{border-top:1px solid var(--line-soft);margin-top:10px}.rate-component{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:14px;padding:12px 0;display:flex}.rate-component>span{text-align:left;gap:3px;min-width:0;display:grid}.rate-component b{color:#aab9b8;font-size:12px}.rate-component small{color:#64777d;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.rate-component strong{color:var(--teal-strong);flex:none;font:500 12px DM Mono}.asset-pills{flex-wrap:wrap;gap:8px;display:flex}.asset-pills span{border:1px solid var(--line);color:#6e8185;border-radius:16px;padding:7px 10px;font:12px DM Mono}.asset-pills b{color:#9aabaa;margin-left:6px;font-weight:500}.wide{width:100%}.mobile-freshness{display:none}@media (width<=900px){.metric-grid{grid-template-columns:1fr 1fr}.hero-panel{grid-template-columns:300px minmax(0,1fr)}}@media (width<=650px){.compact-bar{height:72px;padding-inline:14px}.compact-status,.brand>span:last-child{display:none}.compact-actions{gap:4px}.address-button{gap:7px;min-width:0;padding-inline:8px}.address-full{display:none}.address-compact{display:inline}.address-button,.icon-button{height:44px}.icon-button{flex:0 0 44px;width:44px}.compact-main{width:calc(100% - 24px);padding-top:16px}.mobile-freshness{color:#8fa1a4;align-items:center;gap:8px;min-height:32px;margin-bottom:10px;font:12px DM Mono;display:flex}.mobile-freshness i{background:var(--teal);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #79aaa717}.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-card{padding:17px}.metric-card>strong{font-size:22px}.hero-panel{grid-template-columns:1fr;min-height:0}.hero-summary{border-right:0;border-bottom:1px solid var(--line-soft);min-height:244px;padding:28px 26px 24px}.mobile-chart-toggle{color:#9fb0b1;cursor:pointer;background:#111c22;border:1px solid #30434b;border-radius:8px;justify-content:center;align-items:center;min-height:44px;margin-top:10px;font-size:12px;font-weight:700;display:inline-flex}.chart-collapsed .chart-wrap{display:none}.chart-collapsed .hero-summary{border-bottom:0}.yield-chart{height:190px}.chart-empty{min-height:240px}.connection-panel{padding:28px 16px}.connection-actions{flex-direction:column}.setup-code{overflow-x:auto}.filter-tabs,.desktop-position-table{display:none}.position-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;margin:0 0 12px;display:grid}.mobile-filter-select{gap:7px;display:grid}.mobile-filter-select>span{color:#95a6a8;align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.mobile-filter-select select{color:#c8d3d1;background:#111c22;border:1px solid #30434b;border-radius:9px;width:100%;min-height:48px;padding:0 38px 0 13px}.position-count{white-space:nowrap;align-self:end;padding-bottom:15px}.dust-toggle{grid-column:1/-1;min-height:44px}.mobile-position-list{gap:10px;display:grid}.position-card{border:1px solid var(--line-soft);background:var(--panel);width:100%;min-height:190px;color:inherit;text-align:left;cursor:pointer;box-shadow:inset 3px 0 color-mix(in srgb, var(--protocol) 72%, var(--teal));border-radius:12px;gap:15px;padding:17px 17px 15px;display:grid;position:relative;overflow:hidden}.position-card:active{background:#152129;transform:translateY(1px)}.position-card-head{align-items:center;gap:11px;min-width:0;display:flex}.position-card-head .protocol-icon{border-radius:9px;flex-basis:38px;width:38px;height:38px}.position-card-head .network{gap:6px;margin-left:auto;font-size:12px}.position-card-head .network-logo,.position-card-head .network-fallback{flex-basis:17px;width:17px;height:17px}.position-card-title{gap:2px;min-width:0;display:grid}.position-card-title small{color:#8a9c9f;font-size:12px}.position-card-title strong{color:#c9d4d2;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.position-card-ledger{grid-template-columns:1.35fr .8fr 1fr;gap:9px;display:grid}.position-card-ledger>span{gap:7px;min-width:0;display:grid}.position-card-ledger small{color:#829499;text-transform:uppercase;letter-spacing:.25px;font-size:10px}.position-card-ledger strong{color:#dce6e4;text-overflow:ellipsis;white-space:nowrap;font:500 13px DM Mono;overflow:hidden}.position-card-ledger>span:nth-child(2) strong,.position-card-ledger>span:nth-child(3) strong{color:var(--teal-strong)}.position-card-ledger .muted-value{color:#839599}.position-card-ledger .negative-value{color:var(--negative)}.position-card-foot{border-top:1px solid var(--line-soft);color:#829499;justify-content:space-between;align-items:center;gap:10px;padding-top:12px;font-size:11px;display:flex}.position-card-foot b{color:#acbab9;font:500 11px DM Mono}.position-card-foot>svg{color:var(--teal);flex:none}.drawer{padding:max(20px, env(safe-area-inset-top)) 20px max(20px, env(safe-area-inset-bottom))}}@media (width<=420px){.metric-grid{grid-template-columns:1fr 1fr}.metric-card{padding:15px}.metric-card:first-child,.metric-card:last-child{grid-column:1/-1}.metric-card>strong{margin:14px 0 11px;font-size:21px}.metric-card:nth-child(2) .metric-sub,.metric-card:nth-child(3) .metric-sub{align-items:flex-start;min-height:42px;font-size:12px;line-height:1.45}.metric-top{font-size:13px}.metric-icon{width:34px;height:34px}.hero-number{font-size:38px}.chart-wrap{padding-left:51px;padding-right:22px}.position-card{min-height:190px}}@media (width<=360px){.address-button svg{display:none}.address-button{font-size:12px}.compact-bar{padding-inline:10px}.position-count{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
