@font-face{font-family:DM Sans;src:url('assets/dm-sans.ttf') format('truetype');font-weight:400 800;font-display:swap}
/* The complete design scale. Components only use these type, space and radius tokens. */
:root{
  --paper:#faf7f0;--surface:#fff;--ink:#0c1131;--charcoal:#29262d;--muted:#58657c;--line:#e6e6eb;--border:#bfc7d6;
  --lime:#e2ff92;--lilac:#f1dcff;--blue:#cbeeff;--blue-accent:#a1e1fa;--peach:#ffe0d7;--mint:#e0faed;--purple:#7830d0;
  --green:#087850;--amber:#865108;--warning:#fff4e2;--red:#bc204d;--pink:#ffe2eb;
  --font:'DM Sans',sans-serif;--xs:12px;--sm:13px;--base:14px;--md:16px;--lg:20px;--xl:24px;--h3:32px;--h2:40px;--h1:52px;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--s16:64px;
  --r1:8px;--r2:12px;--r3:20px;--r4:28px;--pill:999px;--stroke:1px;
  --sidebar:208px;--rail:272px;--control:44px;--control-lg:54px;--topbar:72px;--row:64px;
  --shadow:0 6px 20px rgb(41 38 45 / .05);--overlay:rgb(12 17 49 / .25);--speed:160ms;
}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:400 var(--base)/1.4 var(--font);-webkit-font-smoothing:antialiased}
button,input,select{font:inherit;color:inherit;min-width:0}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:none;border:0;padding:0}a{color:inherit;text-decoration:none}button:disabled{cursor:default;opacity:.45}
:is(button,a,input,select,summary):focus-visible{outline:2px solid var(--purple);outline-offset:var(--s1)}input[type=checkbox]{width:var(--s5);height:var(--s5);accent-color:var(--purple);cursor:pointer;margin:0;vertical-align:middle}
h1,h2,h3,p,ol,dl{margin:0}h1,h2,h3{line-height:1.15;letter-spacing:-.04em}h1{font-size:var(--h2);font-weight:800}h2{font-size:var(--lg)}h3{font-size:var(--xl)}small{font-size:var(--xs)}strong,b{font-weight:700}[hidden]{display:none!important}
.icon{width:var(--s6);height:var(--s6);flex-shrink:0;vertical-align:middle}.info-icon{display:inline-flex;vertical-align:middle;color:var(--muted);margin-left:var(--s1);border-radius:var(--pill)}.info-icon .icon{width:var(--s4);height:var(--s4)}
.muted,.subtle,small{color:var(--muted)}.positive{color:var(--green)}.dot{display:inline-block;width:var(--s2);height:var(--s2);border-radius:var(--pill);background:var(--green);flex-shrink:0}.dot.is-offline{background:var(--muted)}
.lime{background:var(--lime)}.lilac{background:var(--lilac)}.blue{background:var(--blue)}.peach{background:var(--peach)}.mint{background:var(--mint)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:var(--control);padding:var(--s2) var(--s4);border:var(--stroke) solid var(--line);border-radius:var(--r2);background:var(--surface);font-weight:600;white-space:nowrap;transition:background var(--speed),border-color var(--speed)}.button:hover{border-color:var(--border)}.button .icon{width:var(--s5);height:var(--s5)}
.button-dark{background:var(--charcoal);border-color:var(--charcoal);color:var(--surface)}.button-dark:hover{background:var(--ink);border-color:var(--ink)}.button-small{min-height:var(--s10);padding:var(--s1) var(--s3);font-size:var(--sm)}.button-detail{color:var(--purple);border-color:var(--purple);background:transparent;min-height:var(--s10);padding:var(--s1) var(--s3);font-weight:500}.button-outline{border-color:var(--border)}
.icon-button{display:inline-grid;place-items:center;width:var(--s10);height:var(--s10);border-radius:var(--r1);flex-shrink:0}.icon-button:hover{background:var(--paper)}.icon-button .icon{width:var(--s5);height:var(--s5)}.text-link{display:inline-flex;align-items:center;gap:var(--s2);font-size:var(--sm);font-weight:500}.text-link:hover{text-decoration:underline}.text-link .icon{width:var(--s4);height:var(--s4)}.full-width{width:100%}.action-stack{display:flex;flex-wrap:wrap;gap:var(--s2)}
.app-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);height:100dvh;overflow:hidden}.sidebar{display:flex;flex-direction:column;padding:var(--s6) var(--s3);background:color-mix(in srgb,var(--surface) 70%,var(--paper));border:0}.brand{display:flex;align-items:center;gap:var(--s2);color:var(--charcoal);font-size:var(--xl);font-weight:800;letter-spacing:-.07em;white-space:nowrap}.brand img{width:var(--s10);height:var(--s10)}.sidebar .brand{padding:0 var(--s2)}.brand-lockup{gap:var(--s3);letter-spacing:-.05em}.brand-lockup img{width:56px;height:56px}.brand-lockup>span{display:grid;gap:2px}.brand-lockup b{font-size:25px;line-height:1}.brand-lockup small{font-size:11px;letter-spacing:-.03em;color:var(--muted);font-weight:500}
.primary-nav{display:grid;gap:var(--s2);margin-top:var(--s10)}.nav-item{display:flex;align-items:center;gap:var(--s3);border-radius:var(--r3);padding:var(--s3) var(--s4);min-height:var(--control-lg);font-size:var(--md);white-space:nowrap}.nav-item.active{background:var(--lime);font-weight:600}.nav-item:hover:not(.active){background:color-mix(in srgb,var(--surface) 70%,transparent)}.sidebar-find-yield{display:grid;gap:var(--s3);padding:var(--s5);margin:var(--s6) var(--s1) 0;border-radius:var(--r3);background:linear-gradient(145deg,var(--lilac),color-mix(in srgb,var(--lilac) 60%,var(--surface)));overflow:hidden;position:relative}.sidebar-find-yield strong{font-size:var(--xl);line-height:1.05;letter-spacing:-.05em}.sidebar-find-yield p{font-size:var(--sm);color:var(--muted)}.sidebar-find-yield .button{width:100%;border-radius:var(--pill);margin-top:var(--s1)}.sidebar-find-yield .button .icon{width:var(--s5);height:var(--s5)}.sidebar-find-art{width:var(--s16);height:var(--s16);display:grid;place-items:center;border-radius:var(--pill);background:color-mix(in srgb,var(--purple) 18%,transparent);position:relative}.sidebar-find-art .icon{width:var(--s10);height:var(--s10);position:relative;z-index:1}.sidebar-find-art i{position:absolute;display:block;width:20px;border-top:3px solid var(--ink);border-radius:var(--pill);transform:rotate(-62deg);right:-10px;top:4px}.sidebar-find-art i:last-child{right:-17px;top:20px}.sidebar-bottom{margin-top:auto;padding:var(--s3);display:grid;gap:var(--s3)}.help-link{display:flex;align-items:center;gap:var(--s2);font-size:var(--sm);text-align:left}.credit{font-size:var(--xs);color:var(--muted);margin-left:var(--s8)}
.app-body{display:flex;flex-direction:column;min-width:0;min-height:0;padding:0 var(--s5)}.topbar{height:var(--topbar);flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;gap:var(--s3);padding:0;position:relative;z-index:5}.network-current{background:var(--surface);border:var(--stroke) solid var(--line);border-radius:var(--r2);padding:var(--s2) var(--s3);min-height:var(--control)}.wallet-actions{display:flex;align-items:center}.wallet-button{min-width:176px;justify-content:space-between}.wallet-button>.icon{width:var(--s5);height:var(--s5)}
.workspace{flex:1;min-height:0;padding-top:var(--s1);outline:none}.view{height:100%;display:flex;flex-direction:column;gap:var(--s4)}.view-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s4);width:calc(100% - var(--rail) - var(--s4));flex-shrink:0}.view-heading p{color:var(--muted);font-size:var(--lg);margin-top:var(--s1)}.example-badge{display:inline-flex;align-items:center;gap:var(--s1);font-size:var(--xs);white-space:nowrap;border-radius:var(--pill);background:var(--line);padding:var(--s1) var(--s3)}.example-badge .icon{width:var(--s4);height:var(--s4)}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) var(--rail);gap:var(--s4);flex:1;min-height:0}.main-stack,.context-rail{display:flex;flex-direction:column;gap:var(--s3);min-width:0;min-height:0}.positions-view .main-stack,.rewards-view .main-stack,.context-rail{overflow-y:auto;scrollbar-width:thin}.find-view .context-rail{margin-top:calc(-1 * var(--s12))}.app-credit{height:var(--s6);display:flex;align-items:center;justify-content:flex-end;gap:var(--s2);font-size:var(--xs);flex-shrink:0}.oracle-mark{color:var(--red);font-size:var(--lg)}
.field{display:grid;gap:var(--s2);font-weight:500;min-width:0}.field>span:first-child{display:flex;align-items:center;justify-content:space-between}.input-shell{display:flex;align-items:center;gap:var(--s2);min-height:var(--control-lg);border:var(--stroke) solid var(--line);border-radius:var(--r2);background:var(--surface);padding:0 var(--s4)}.input-shell input{width:100%;height:var(--control-lg);background:none;border:0;font-size:var(--lg);font-weight:500;outline-offset:0}
.ui-select{height:var(--control);min-width:0;padding:var(--s2) var(--s3);border:var(--stroke) solid var(--line);border-radius:var(--r2);background:var(--surface);font-weight:500;cursor:pointer;gap:var(--s2);align-items:center}.ui-select:hover,.ui-select:open{border-color:var(--border)}
@supports(appearance:base-select){.ui-select,.ui-select::picker(select){appearance:base-select}.ui-select>button,.ui-select selectedcontent{display:flex;align-items:center;gap:var(--s2);min-width:0;flex:1;text-align:left}.ui-select .select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-select::picker-icon{content:'';width:var(--s2);height:var(--s2);border-right:2px solid currentColor;border-bottom:2px solid currentColor;rotate:45deg;margin:0 var(--s1) var(--s1) auto;flex-shrink:0}.ui-select::picker(select){box-sizing:border-box;min-width:0;width:anchor-size(width);inset:auto;top:anchor(bottom);left:anchor(left);margin:var(--s2) 0 0;padding:var(--s1);background:var(--surface);border:var(--stroke) solid var(--line);border-radius:var(--r2);box-shadow:var(--shadow);max-height:calc(var(--s16) * 5);overflow:auto}.ui-select option{display:flex;align-items:center;gap:var(--s2);min-height:var(--control);padding:var(--s2);border-radius:var(--r1);cursor:pointer}.ui-select option:hover,.ui-select option:focus{background:var(--paper)}.ui-select option:checked{background:var(--lilac)}.ui-select option::checkmark{order:1;margin-left:auto;color:var(--purple)}}
@supports not(appearance:base-select){.ui-select{appearance:auto}.ui-select>button{display:none}}
.ui-select .token,.ui-select .icon{width:var(--s6);height:var(--s6)}.select-large{width:100%;height:var(--control-lg);font-size:var(--md);font-weight:600}.token-stack{display:flex;flex-shrink:0}.token-stack .token+.token{margin-left:calc(-1 * var(--s2));outline:2px solid var(--surface)}
.filter-row{display:flex;align-items:center;gap:var(--s3);flex-shrink:0;min-width:0;color:var(--charcoal)}.pill-group{display:flex;align-items:center;gap:var(--s1);padding:var(--s1);background:var(--surface);border-radius:var(--pill);flex-shrink:0}.pill{display:flex;align-items:center;justify-content:center;white-space:nowrap;min-height:var(--control);padding:var(--s2) var(--s4);background:var(--paper);border-radius:var(--pill);font-size:var(--base)}.pill:hover:not(.active){background:var(--line)}.pill.active{background:var(--charcoal);color:var(--surface);font-weight:500}.more-filters{border:0;border-radius:var(--pill);padding-inline:var(--s5);min-height:var(--control-lg);font-weight:500;flex-shrink:0}.filter-count{display:grid;place-items:center;min-width:var(--s5);height:var(--s5);padding-inline:var(--s1);border-radius:var(--pill);background:var(--lilac);font-size:var(--xs)}.sort-control{display:flex;align-items:center;gap:var(--s3);margin-left:auto;white-space:nowrap;min-width:0}.sort-picker{font-size:var(--base);width:200px;height:var(--control-lg);border:0;border-radius:var(--pill);padding-inline:var(--s5)}
.quick-filters{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1.25fr) minmax(0,1fr);gap:var(--s4);padding:var(--s3) var(--s4);border-radius:var(--r3);background:var(--lime);flex-shrink:0}.quick-filters .ui-select{width:100%;border-color:transparent}.quick-filters .field>span{white-space:nowrap}
.filter-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5)}.filter-fields .ui-select{font-size:var(--base);height:var(--control-lg)}.filter-form-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);border-top:var(--stroke) solid var(--line);padding-top:var(--s5);margin-top:var(--s1)}.filter-form-actions .button{border-radius:var(--pill)}.active-filters{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2);flex-shrink:0}.filter-chip{display:inline-flex;align-items:center;gap:var(--s2);max-width:100%;padding:var(--s1) var(--s3);border-radius:var(--pill);background:var(--lilac);font-size:var(--xs);overflow-wrap:anywhere}.filter-chip .icon{width:var(--s4);height:var(--s4)}
.panel-card{border:var(--stroke) solid var(--line);border-radius:var(--r3);background:var(--surface);overflow:hidden;flex-shrink:0}.table-scroll{overflow:auto;scrollbar-width:thin;min-height:0}table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--sm)}th{text-align:left;color:var(--muted);font-weight:500;white-space:nowrap;font-size:var(--xs);height:var(--s10);padding:var(--s2);border-bottom:var(--stroke) solid var(--line);position:sticky;top:0;z-index:1;background:var(--surface)}td{padding:var(--s2);height:var(--row);border-bottom:var(--stroke) solid var(--line);vertical-align:middle}tbody tr:last-child td{border-bottom:0}td small{display:block;font-size:var(--xs);margin-top:var(--s1)}td>strong{white-space:nowrap;font-size:var(--md);letter-spacing:-.02em}td:last-child,th:last-child{padding-right:var(--s4)}td:first-child,th:first-child{padding-left:var(--s4)}
.identity{display:flex;align-items:center;gap:var(--s2);min-width:0}.identity>div{min-width:0;flex:1}.identity strong{display:block;font-size:var(--base);letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.identity span:not(.token){display:block;color:var(--muted);font-size:var(--xs)}.identity .category{background:var(--line);border-radius:var(--pill);padding:0 var(--s2);width:max-content;max-width:100%;margin-top:var(--s1)}.identity>div>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.position-network,.positions-more{display:none!important}
.token{display:inline-flex;width:var(--s10);height:var(--s10);border-radius:var(--pill);align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.token img{display:block;width:100%;height:100%;object-fit:contain}.token svg{width:78%;height:78%}.token-small{width:var(--s8);height:var(--s8)}.token-unframed{border-radius:0;overflow:visible}.network-badge{display:inline-flex;align-items:center;gap:var(--s1);font-size:var(--xs);white-space:nowrap}.network-badge .token{width:var(--s6);height:var(--s6)}
.opportunity-card{flex:1;min-height:0;display:flex;flex-direction:column}.opportunity-card>.table-scroll{flex:1}.opportunity-table{table-layout:fixed;min-width:748px}.opportunity-table th:nth-child(1){width:var(--s10)}.opportunity-table th:nth-child(2){width:26%}.opportunity-table th:nth-child(3){width:12%}.opportunity-table th:nth-child(4){width:12%}.opportunity-table th:nth-child(5){width:var(--s16)}.opportunity-table th:nth-child(6){width:80px}.opportunity-table th:nth-child(7){width:12%}.opportunity-table th:last-child{width:88px}.opportunity-table td{border-right:var(--stroke) solid var(--line)}.opportunity-table td:last-child{border-right:0}.opportunity-table tr.selected{background:color-mix(in srgb,var(--lilac) 45%,var(--surface))}.check-cell input{width:var(--s5);height:var(--s5)}.table-pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s2) var(--s4);border-top:var(--stroke) solid var(--line);font-size:var(--xs);color:var(--muted);flex-shrink:0}.table-pagination>div{display:flex;gap:var(--s2)}.table-pagination .button{min-height:var(--s8);font-size:var(--xs)}
.rate{font-size:var(--lg);font-weight:700;letter-spacing:-.03em;white-space:nowrap}.rate-qualified{color:var(--amber)}.opportunity-table td:nth-child(4)>small{white-space:nowrap}.sparkline{width:var(--s16);height:var(--s8);color:var(--green);display:block}.sparkline.flat{color:var(--muted)}.sparkline.down{color:var(--red)}.sparkline .history-gap{opacity:.35;stroke-dasharray:2 3}.trend-chart{display:block}.trend-chart small{margin-top:0}.trend-collecting{display:grid;justify-items:center;gap:var(--s1);width:var(--s16)}.trend-collecting .icon{width:var(--s4);height:var(--s4)}.trend-collecting small{margin-top:0;font-size:var(--xs)}.trend-empty{display:inline-block;width:var(--s12);text-align:center}
.badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);padding:var(--s1) var(--s2);border-radius:var(--r1);font-size:var(--xs);white-space:nowrap}.badge-low,.badge-active{background:var(--mint);color:var(--green)}.badge-active:before{content:'';width:var(--s2);height:var(--s2);border-radius:var(--pill);background:currentColor}.badge-moderate{background:var(--warning);color:var(--amber)}.badge-high{background:var(--pink);color:var(--red)}.access{font-size:var(--xs);color:var(--muted)}.table-note{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s3);color:var(--muted);font-size:var(--xs);flex-shrink:0}.table-note .text-link{color:var(--ink);text-decoration:underline;font-size:var(--xs)}
.round-icon{width:var(--s12);height:var(--s12);border-radius:var(--pill);display:flex;align-items:center;justify-content:center;flex-shrink:0}.round-icon .icon{width:var(--s8);height:var(--s8)}.round-icon.small{width:var(--s10);height:var(--s10)}.round-icon.small .icon{width:var(--s6);height:var(--s6)}.rail-intro{display:flex;align-items:center;gap:var(--s3)}.rail-intro h2{font-size:var(--lg)}.rail-intro p{margin-top:var(--s2);color:var(--muted)}.wallet-fit,.explain-card{border-radius:var(--r4);padding:var(--s6);color:var(--charcoal);flex-shrink:0}.wallet-invite{display:grid;gap:var(--s5)}.wallet-art{display:block;width:128px;height:104px;margin:0 auto}.rail-copy h2,.explain-card h2{font-size:var(--xl);font-weight:700}.rail-copy p{font-size:var(--md);line-height:1.5;margin-top:var(--s3)}.rail-actions{display:grid;gap:var(--s3)}.rail-actions .button,.wallet-ready>.button{width:100%;min-height:var(--control-lg);border-radius:var(--r3);font-size:var(--base);gap:var(--s3)}.rail-actions .button-outline{background:color-mix(in srgb,var(--surface) 40%,transparent);border-color:color-mix(in srgb,var(--charcoal) 10%,var(--peach))}.rail-actions .icon{width:var(--s6);height:var(--s6)}.fit-list{margin:var(--s4) 0}.fit-list>div{display:flex;align-items:center;gap:var(--s3);padding:var(--s4) 0;border-bottom:var(--stroke) solid var(--line)}.fit-list>div:last-child{border:0}.fit-list p{display:grid;gap:var(--s1)}.fit-list p span{color:var(--muted);font-size:var(--sm)}
.explain-card{position:relative;isolation:isolate;overflow:hidden;display:grid;justify-items:start;gap:var(--s4)}.explain-card:after{content:'';position:absolute;right:calc(-1 * var(--s10));bottom:calc(-1 * var(--s12));width:75%;height:var(--s16);border-radius:80% 0 0 0;background:var(--blue-accent);transform:rotate(-24deg);z-index:-1}.explain-art{position:relative}.explain-art .round-icon{width:var(--s16);height:var(--s16);background:var(--blue-accent)}.explain-art .icon{width:var(--s10);height:var(--s10);stroke-width:1.7}.explain-art .burst{display:block;position:absolute;left:var(--s12);top:calc(-1 * var(--s3));width:var(--s10);height:var(--s8)}.explain-card p{font-size:var(--md);line-height:1.5}.explain-card .text-link{font-size:var(--md);gap:var(--s3)}.explain-card .text-link .icon{width:var(--s6);height:var(--s6)}
.compare-tray{display:flex;align-items:center;gap:var(--s3);background:var(--surface);border:var(--stroke) solid var(--line);border-radius:var(--r3);padding:var(--s3) var(--s4);box-shadow:var(--shadow);flex-shrink:0;min-height:var(--s16)}.compare-tray>strong{white-space:nowrap}.selection-list{display:flex;align-items:center;gap:var(--s3);flex:1;min-width:0;overflow:auto}.selection-chip{display:flex;align-items:center;gap:var(--s2);border:var(--stroke) solid var(--line);border-radius:var(--r2);padding:var(--s1) var(--s2);min-width:0}.selection-chip>div{min-width:0}.selection-chip strong{font-size:var(--xs)}.selection-chip span:not(.token){display:none}.selection-chip small{display:block;white-space:nowrap;font-size:var(--xs)}.selection-chip .token{width:var(--s8);height:var(--s8)}.compare-tray>.button{margin-left:auto}
.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);flex-shrink:0}.metric{display:flex;gap:var(--s3);align-items:center;border-radius:var(--r2);padding:var(--s4);min-height:104px;position:relative;overflow:hidden}.metric>.round-icon{background:var(--surface)}.metric p{color:var(--muted);font-size:var(--sm)}.metric strong{font-size:var(--h3);font-weight:700;letter-spacing:-.04em;display:block;white-space:nowrap}.metric small{display:block;margin-top:var(--s1)}.metric .text-link{margin-top:var(--s1)}.burst{display:none}.rewards-view .metric:last-of-type strong{font-size:var(--lg)}
.notice{display:flex;align-items:center;gap:var(--s3);min-height:var(--s12);padding:var(--s2) var(--s3);border-radius:var(--r2);flex-shrink:0;text-align:left}.notice>strong{display:flex;align-items:center;gap:var(--s2);margin-left:auto;white-space:nowrap}.feed-notice{background:var(--warning);border:var(--stroke) solid var(--peach);font-size:var(--sm)}.live-notice>span{flex:1}.live-notice .button{flex-shrink:0;margin-left:auto}.section-heading{padding:var(--s4) var(--s4) var(--s2);display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.section-heading p{font-size:var(--xs);color:var(--muted);margin-top:var(--s1)}.manage-button{justify-content:space-between;border-color:var(--border)}.positions-table{min-width:680px}.balances-card table{min-width:580px}.wallet-address{overflow-wrap:anywhere}.positions-table .identity>div{max-width:200px}
.withdrawal-card{padding:var(--s5);display:grid;gap:var(--s4)}.withdrawal-card .timeline{list-style:none;padding:0}.timeline li{display:flex;gap:var(--s3);position:relative;padding-bottom:var(--s5)}.timeline li:not(:last-child):before{content:'';position:absolute;top:var(--s6);bottom:0;left:var(--s3);border-left:var(--stroke) dashed var(--border)}.timeline li.complete:not(:last-child):before{border-color:var(--green)}.timeline li:last-child{padding-bottom:0}.timeline-point{display:flex;align-items:center;justify-content:center;width:var(--s6);height:var(--s6);border:2px solid var(--border);border-radius:var(--pill);flex-shrink:0;background:var(--surface)}.timeline-point .icon{width:var(--s4);height:var(--s4)}.complete .timeline-point{background:var(--green);border-color:var(--green);color:var(--surface)}.processing .timeline-point{background:var(--peach);border-color:var(--peach)}.timeline p,.timeline time{display:block;color:var(--muted);font-size:var(--sm);margin-top:var(--s1)}.withdrawal-card>.button{width:100%}.pending-amount{display:grid;gap:var(--s1);border-top:var(--stroke) solid var(--line);padding-top:var(--s4);overflow-wrap:anywhere}.pending-amount span{color:var(--muted);font-size:var(--sm)}.pending-amount strong{font-size:var(--xl)}
.activity-card .section-heading{align-items:baseline;flex-wrap:wrap;gap:var(--s2)}.activity-card .section-heading h2{font-size:var(--lg)}.activity-card .section-heading .text-link{color:var(--purple);font-size:var(--xs)}.activity-list{list-style:none;margin:0;padding:0 var(--s4)}.activity-list>li{display:flex;align-items:flex-start;gap:var(--s3);padding:var(--s4) 0;border-bottom:var(--stroke) solid var(--line)}.activity-list>li:last-child{border:0}.activity-list>li>div{flex:1;min-width:0}.activity-title{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s2)}.activity-title strong{font-size:var(--sm)}.activity-explorer{display:flex;flex-shrink:0;color:var(--muted)}.activity-explorer .icon{width:var(--s4);height:var(--s4)}.activity-list p,.activity-list time,.activity-list small{display:block;color:var(--muted);font-size:var(--xs);margin-top:var(--s1);overflow-wrap:anywhere}.activity-scope{padding:var(--s2) var(--s4) var(--s4);color:var(--muted);font-size:var(--xs)}.rail-empty{display:grid;justify-items:start;gap:var(--s2);padding:var(--s4);font-size:var(--sm)}.rail-empty p{color:var(--muted);line-height:1.5}.withdrawal-card .rail-empty{padding:0}.panel-body>.activity-list{padding:0}
.knowledge-list{padding:0 var(--s4)}.knowledge-list>div{display:flex;gap:var(--s3);padding:var(--s5) 0;border-bottom:var(--stroke) solid var(--line)}.knowledge-list>div:last-child{border:0}.knowledge-list p{display:grid;gap:var(--s2);font-size:var(--sm)}.knowledge-list p>span{color:var(--muted);font-size:var(--xs)}.rewards-view .panel-card table{min-width:620px}.rewards-view .panel-card td{height:var(--s12)}.pending-note{display:flex;align-items:center;gap:var(--s2);background:var(--warning);border-radius:var(--r1);font-size:var(--xs);color:var(--muted);padding:var(--s2);margin:0 var(--s3) var(--s2)}.pending-note .icon{color:var(--amber);width:var(--s5);height:var(--s5)}
.empty-state{padding:var(--s8);text-align:center;display:grid;justify-items:center;gap:var(--s3)}.empty-state>.icon{color:var(--muted)}.empty-state h3{font-size:var(--lg)}.empty-state p{color:var(--muted)}.portfolio-empty{padding:var(--s5);gap:var(--s2)}.portfolio-empty>.icon{display:none}.portfolio-empty h3{font-size:var(--md)}.portfolio-empty p{font-size:var(--sm)}
.panel{width:min(540px,calc(100vw - var(--s8)));max-height:calc(100dvh - var(--s12));margin:auto;padding:0;background:var(--surface);color:var(--ink);border:var(--stroke) solid var(--line);border-radius:var(--r4);box-shadow:var(--shadow);overflow:auto}.panel::backdrop{background:var(--overlay);backdrop-filter:blur(4px)}.panel-heading{position:sticky;top:0;z-index:2;background:var(--surface);border-bottom:var(--stroke) solid var(--line);padding:var(--s4) var(--s6);display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.panel-heading h2{font-size:var(--xl)}.panel-body{padding:var(--s6);display:grid;gap:var(--s4)}.panel-body form{display:grid;gap:var(--s4)}.panel-body ul{padding-left:var(--s5)}.detail-identity{display:flex;align-items:center;gap:var(--s3)}.detail-identity h3{font-size:var(--lg)}.detail-identity p{font-size:var(--sm);color:var(--muted)}.rate-hero{border-radius:var(--r3);padding:var(--s4)}.rate-hero>strong{font-size:var(--h1);font-weight:700;letter-spacing:-.04em;display:block}.rate-hero>span{font-size:var(--sm)}
.detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}.detail-facts>div{display:flex;gap:var(--s3);align-items:center;padding:var(--s3);background:var(--paper);border-radius:var(--r2);font-size:var(--sm)}.detail-facts p>span{display:block;font-size:var(--xs);color:var(--muted)}.disclosure{flex-shrink:0;border:var(--stroke) solid var(--line);border-radius:var(--r2);overflow:hidden}.disclosure summary{display:flex;justify-content:space-between;padding:var(--s3) var(--s4);list-style:none;cursor:pointer}.disclosure>div{padding:var(--s3) var(--s4);border-top:var(--stroke) solid var(--line);font-size:var(--sm);overflow-wrap:anywhere}.disclosure .text-link{overflow-wrap:anywhere;word-break:break-word}
.disclosure-copy{display:grid;gap:var(--s3)}.review-amount{display:flex;align-items:center;gap:var(--s3);padding:var(--s5);border-radius:var(--r3)}.review-amount p{flex:1}.review-amount strong{display:block;font-size:var(--xl);letter-spacing:-.04em}.connect-card,.learn-card{padding:var(--s5);border-radius:var(--r3);display:grid;gap:var(--s4)}.field-error{color:var(--red);font-size:var(--sm);overflow-wrap:anywhere}.key-values>div{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s3) 0;border-bottom:var(--stroke) solid var(--line)}.key-values dd{margin:0;font-weight:600;text-align:right}.key-values .wallet-address{font-size:var(--xs);max-width:65%}
.comparison-panel,.coverage-panel{width:min(1000px,calc(100vw - var(--s8)))}.comparison-scroll{overflow:auto}.comparison-table{min-width:650px}.comparison-table th,.comparison-table td{padding:var(--s4);border:var(--stroke) solid var(--line);height:auto}.comparison-table thead th{background:var(--lilac);color:var(--ink)}.comparison-table th>strong,.comparison-table th>small{display:block;margin-top:var(--s2)}.execution-steps{list-style:none;padding:0;display:grid;gap:var(--s3)}.execution-steps li{display:flex;gap:var(--s3);padding:var(--s3);border:var(--stroke) solid var(--line);border-radius:var(--r2)}.execution-steps p{color:var(--muted);font-size:var(--sm);margin-top:var(--s1)}.step-success .round-icon{color:var(--green);background:var(--mint)}.step-error .round-icon{color:var(--red);background:var(--pink)}.step-waiting-wallet .round-icon,.step-pending .round-icon{color:var(--amber);background:var(--warning)}
.queue-preview .withdrawal-card>a{display:none}
.mobile-help{display:none}
.toast{position:fixed;bottom:var(--s8);left:50%;transform:translateX(-50%);z-index:50;background:var(--charcoal);color:var(--surface);padding:var(--s3) var(--s5);border-radius:var(--r2);box-shadow:var(--shadow);font-size:var(--sm);max-width:calc(100% - var(--s8))}.skip-link{position:fixed;top:var(--s2);left:var(--s2);transform:translateY(-200%);z-index:100;background:var(--surface);padding:var(--s3);border-radius:var(--r2)}.skip-link:focus{transform:none}.mobile-nav,.mobile-brand,.mobile-rewards,.mobile-pending,.mobile-only{display:none}
@media(min-width:1600px){:root{--sidebar:236px;--rail:304px}.app-body{padding-inline:var(--s6)}.view-heading h1{font-size:var(--h1)}}
@media(max-width:1450px){:root{--sidebar:188px;--rail:252px}.brand{font-size:var(--lg)}.brand img{width:var(--s8)}.sidebar .nav-item{font-size:var(--base)}.metric>.round-icon{display:none}.metric strong{font-size:var(--xl)}.selection-chip small{display:none}.selection-label{display:none}}
@media(min-width:1101px) and (max-height:940px){:root{--topbar:64px;--row:60px}.view,.main-stack{gap:var(--s2)}.view-heading p{font-size:var(--md)}.topbar{padding-top:var(--s2)}.select-large{height:var(--s10);font-size:var(--base)}.watch-button{min-height:var(--s8);height:var(--s8)}.metric{min-height:88px}.context-rail{gap:var(--s3)}.wallet-fit,.explain-card{padding:var(--s5)}.wallet-invite{gap:var(--s4)}.wallet-art{height:80px;width:104px}.rail-copy p,.explain-card p{font-size:var(--base)}.explain-card{gap:var(--s3)}.explain-art .round-icon{width:var(--s12);height:var(--s12)}.explain-art .icon{width:var(--s8);height:var(--s8)}.explain-art .burst{left:var(--s8)}.feed-notice{font-size:var(--xs)}.opportunity-table th:nth-child(5){width:80px}.opportunity-table th:nth-child(6){width:72px}}
@media(min-width:1101px) and (max-width:1280px){.filter-row{gap:var(--s2)}.pill{padding-inline:var(--s3);font-size:var(--sm)}.more-filters{padding-inline:var(--s3);font-size:var(--sm)}.sort-control{gap:var(--s2);font-size:var(--sm)}.sort-picker{width:176px;font-size:var(--sm);padding-inline:var(--s4)}}
@media(max-width:1100px){:root{--sidebar:80px;--rail:0px}.sidebar .brand span,.sidebar .nav-item span,.sidebar-bottom .credit,.sidebar-find-yield{display:none}.sidebar .brand{padding:0;justify-content:center}.sidebar .nav-item{justify-content:center;padding:var(--s3)}.sidebar-bottom{padding:0}.help-link{font-size:0;justify-content:center}.help-link .icon{width:var(--s6)}.dashboard-grid{display:block}.context-rail{display:none}.view-heading{width:100%}.find-view .view-heading p{font-size:var(--md)}.main-stack{height:100%}.metric>.round-icon{display:flex}.selection-list{display:none}.opportunity-table{min-width:720px}.positions-view .dashboard-grid,.rewards-view .dashboard-grid{display:flex;flex-direction:column;overflow-y:auto}.positions-view .main-stack,.rewards-view .main-stack{height:auto;overflow:visible;flex-shrink:0}.positions-view .context-rail,.rewards-view .context-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;height:auto;flex-shrink:0}}
@media(max-width:900px){
  .app-shell{height:auto;min-height:100dvh;overflow:visible}.sidebar{position:sticky;top:0;height:100dvh}.app-body{min-height:100dvh}.workspace{padding-top:var(--s3)}.view{height:auto}.main-stack{height:auto;overflow:visible!important}.topbar{height:var(--s16)}.watch-button{display:none}.view-heading h1{font-size:var(--h3)}.view-heading p{font-size:var(--base)}.select-large{height:var(--control);font-size:var(--base)}.filter-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s3)}.pill-group{grid-column:1/-1;width:max-content}.sort-control{justify-self:end}.sort-picker{width:176px}
  .opportunity-card{min-height:0;border:0;background:none;overflow:visible}.opportunity-card .table-scroll{overflow:visible}.opportunity-table,.opportunity-table tbody{display:block;min-width:0}.opportunity-table thead{display:none}.opportunity-table tr{display:grid;grid-template-columns:var(--s6) minmax(0,1fr) minmax(0,1fr) 88px;gap:var(--s2);padding:var(--s3);margin-bottom:var(--s3);border:var(--stroke) solid var(--line);border-radius:var(--r3);background:var(--surface)}.opportunity-table td{display:block;height:auto;border:0;padding:0!important}.opportunity-table .check-cell{grid-column:1;grid-row:1;align-self:center}.opportunity-table td:nth-child(2){grid-column:2/4;grid-row:1}.opportunity-table td:nth-child(3){grid-column:2/4;grid-row:2}.opportunity-table td:nth-child(4){grid-column:4;grid-row:1;text-align:right;align-self:center}.opportunity-table td:nth-child(5){grid-column:4;grid-row:2;justify-self:end}.opportunity-table td:nth-child(6){grid-column:2;grid-row:3}.opportunity-table td:nth-child(7){grid-column:3;grid-row:3;align-self:center}.opportunity-table td:last-child{grid-column:4;grid-row:3;justify-self:end}.opportunity-table .identity .token{width:var(--s8);height:var(--s8)}.opportunity-table .identity .category{display:none}.opportunity-table .tvl-label{display:inline-block;margin:0 0 0 var(--s2)}.opportunity-table .network-badge .token{width:var(--s4);height:var(--s4)}.opportunity-table .sparkline{height:var(--s6)}.opportunity-table .trend-chart small{font-size:var(--xs)}.button-detail{min-height:var(--s8);font-size:var(--xs)}.table-pagination{padding-inline:0}.compare-tray{position:sticky;bottom:var(--s3);z-index:4}.positions-table{min-width:600px}.positions-table th:nth-child(2),.positions-table td:nth-child(2){display:none}.balances-card table{min-width:500px}.positions-view .context-rail,.rewards-view .context-rail{margin-top:var(--s3)}.positions-view .dashboard-grid,.rewards-view .dashboard-grid{overflow:visible}
}
@media(max-width:640px){
  .quick-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3);padding:var(--s3)}.quick-filters .field:first-child{grid-column:1/-1}
  .mobile-help{display:inline-grid}.token-stack .token:not(:first-child){display:none}
  .positions-view .context-rail,.rewards-view .context-rail{grid-template-columns:1fr}.rewards-view .knowledge-card{display:none}
  .balances-card .table-scroll{overflow:visible}.balances-card table,.balances-card tbody{display:block}.balances-card thead{display:none}.balances-card tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s2);padding:var(--s3);border-top:var(--stroke) solid var(--line)}.balances-card td{display:block!important;height:auto;border:0;padding:0!important}.balances-card td:first-child{grid-column:1;grid-row:1}.balances-card td:nth-child(2){display:none!important}.balances-card td:nth-child(3){grid-column:1;grid-row:2;align-self:center}.balances-card td:nth-child(4){grid-column:2;grid-row:1;text-align:right}.balances-card td:last-child{grid-column:2;grid-row:2;text-align:right}
  body{background:var(--surface)}.app-shell{display:block}.sidebar{display:none}.app-body{padding-inline:var(--s4)}.topbar{height:var(--s16);padding-top:var(--s2);align-items:center;gap:var(--s2)}.mobile-brand{display:flex;font-size:var(--xl);margin-right:auto}.mobile-brand img{width:var(--s8);height:var(--s8)}.wallet-actions{margin-left:auto}.wallet-button{border:0;background:var(--paper);border-radius:var(--pill);min-width:var(--s12);width:var(--s12);height:var(--s12);padding:var(--s3)}.wallet-button:before{content:'';width:var(--s6);height:var(--s6);display:block;background:currentColor;mask:url('assets/wallet.svg') center/contain no-repeat}.wallet-button>*{display:none}.network-control{display:none}#transaction-status{position:fixed;top:var(--s2);left:var(--s4);z-index:20;background:var(--lime)}
  .workspace{padding-bottom:calc(var(--s16) + var(--s6))}.view{gap:var(--s4)}.view-heading{align-items:center}.view-heading p{font-size:var(--sm)}.view-heading>.example-badge{font-size:0;width:var(--s8);height:var(--s8);padding:var(--s2)}.field{font-size:var(--sm)}.pill-group{width:100%}.pill{font-size:var(--sm);padding-inline:var(--s3);flex:1}.more-filters{padding-inline:var(--s3);min-height:var(--control);font-size:var(--sm);background:var(--paper)}.sort-control{gap:var(--s2);font-size:var(--xs);width:100%;justify-self:stretch}.sort-picker{width:100%;flex:1;font-size:var(--sm);height:var(--control);padding-inline:var(--s3);background:var(--paper)}.filter-fields{grid-template-columns:1fr;gap:var(--s4)}.filter-form-actions{flex-wrap:wrap}.filter-form-actions .button{flex:1}.opportunity-table .identity>div>strong{font-size:var(--sm)}.opportunity-table .identity>div>span{font-size:var(--xs)}.opportunity-table .rate{font-size:var(--lg)}.table-note{gap:var(--s2)}
  .compare-tray{position:fixed;left:var(--s3);right:var(--s3);bottom:calc(var(--s16) + var(--s2));min-height:var(--s16);padding:var(--s2) var(--s3);font-size:var(--xs)}.compare-tray>.button{font-size:var(--xs);min-height:var(--s10)}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:10;bottom:0;left:0;right:0;min-height:var(--s16);padding:var(--s1) var(--s4) max(var(--s1),env(safe-area-inset-bottom));background:var(--surface);border-top:var(--stroke) solid var(--line)}.mobile-nav .nav-item{flex-direction:column;gap:var(--s1);padding:var(--s1) var(--s2);min-height:var(--control-lg);font-size:var(--xs)}body[data-view=positions] .mobile-nav .active{background:var(--blue)}.app-credit{display:none}
  .metrics{grid-template-columns:1fr 1fr;gap:var(--s2)}.primary-metric{grid-column:1/-1}.metric{padding:var(--s3);min-height:88px}.metric>.round-icon{display:none}.metric p{font-size:var(--xs)}.metric strong{font-size:var(--xl)}.primary-metric strong{font-size:var(--h2)}.rewards-view .metric:last-of-type strong{font-size:var(--md)}.metric small{font-size:var(--xs)}.notice{gap:var(--s2);font-size:var(--xs)}.notice>strong{font-size:var(--xs);white-space:normal}.notice .button{padding:var(--s1) var(--s2);font-size:var(--xs)}
  .positions-table,.positions-table tbody{display:block;min-width:0}.positions-table thead{display:none}.positions-table tr{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:var(--s2);padding:var(--s3);margin:var(--s2);border:var(--stroke) solid var(--line);border-radius:var(--r2)}.positions-table td{display:block;height:auto;border:0;padding:0!important}.positions-table td:first-child{grid-column:1;grid-row:1}.positions-table td:nth-child(3){grid-column:2;grid-row:1;text-align:right}.positions-table td:nth-child(4){grid-column:1;grid-row:2}.positions-table td:nth-child(5){grid-column:1;grid-row:3}.positions-table td:nth-child(6){grid-column:2;grid-row:2/4;align-self:end}.positions-table .identity .token{width:var(--s8);height:var(--s8)}.positions-table .manage-button{font-size:var(--xs);padding:var(--s2)}.positions-table .identity>div{max-width:100%}.balances-card table{min-width:0}.balances-card th:nth-child(2),.balances-card td:nth-child(2){display:none}.balances-card .identity{gap:var(--s1)}.balances-card .token{width:var(--s6);height:var(--s6)}.balances-card td,.balances-card th{font-size:var(--xs);padding:var(--s2)}.balances-card td>strong{font-size:var(--xs)}.balances-card .button{font-size:var(--xs);padding:var(--s2)}.section-heading{padding:var(--s3)}.section-heading h2{font-size:var(--md)}.positions-card .section-heading>.network-badge{display:none}.positions-view .context-rail{margin-top:var(--s3)}.withdrawal-card{padding:var(--s4)}
  .rewards-view .main-stack>.claimable-card,.rewards-view .main-stack>.external-card,.rewards-view .main-stack>.pending-card{display:none}.mobile-rewards{display:grid;gap:var(--s3)}.reward-tile{padding:var(--s4);border:var(--stroke) solid var(--line);border-radius:var(--r3);display:grid;gap:var(--s3)}.reward-tile .identity b{display:block;font-size:var(--xl)}.reward-tile .button{width:100%}.panel{width:calc(100% - var(--s4));max-height:calc(100dvh - var(--s4));border-radius:var(--r3)}.panel-heading{padding:var(--s3) var(--s4);gap:var(--s2)}.panel-heading h2{font-size:var(--lg)}.panel-body{padding:var(--s4);gap:var(--s3)}.detail-facts>div{padding:var(--s2);gap:var(--s2)}.detail-facts p{font-size:var(--xs)}.review-amount{padding:var(--s4)}.toast{bottom:calc(var(--s16) + var(--s3));width:calc(100% - var(--s6))}.coverage-panel td,.coverage-panel th{white-space:normal}
}
@media(max-width:360px){.filter-row{grid-template-columns:1fr}.more-filters{justify-self:start}.pill{padding-inline:var(--s2)}.sort-control{grid-column:1}}
.claim-form,.claim-reward-list{display:grid;gap:var(--s4);min-width:0}.claim-reward{display:flex;align-items:center;gap:var(--s3);padding:var(--s5);border-radius:var(--r3);min-width:0}.claim-reward>div{min-width:0;flex:1}.claim-reward .round-icon{flex-shrink:0}.claim-reward h3{font-size:var(--sm);font-weight:500;margin:0 0 var(--s2)}.claim-reward strong{display:block;font-size:clamp(1.25rem,3vw,1.75rem);line-height:1.25;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.claim-reward strong span{font-size:var(--md);font-weight:500}.claim-reward p{margin:0;font-size:var(--sm)}.claim-unavailable{border:var(--stroke) solid var(--line)}.claim-form>.field-error:empty{display:none}.claim-body .opportunity-wallet-note{margin:0}.claim-body .native-node{overflow-wrap:anywhere}
@media(max-width:640px){.claim-form,.claim-reward-list{gap:var(--s3)}.claim-reward{padding:var(--s4)}}
.opportunity-pair-status{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);flex-wrap:wrap;font-size:var(--sm);color:var(--muted)}.opportunity-pair-status .opportunity-form-note{margin:0}.opportunity-pair-status .text-link{font-size:var(--sm);white-space:nowrap}
.opportunity-funding{display:flex;gap:6px;padding:4px;border:1px solid var(--border);border-radius:14px;justify-self:start}.opportunity-funding button{border:0;background:transparent;color:var(--muted);border-radius:10px;padding:9px 15px;font:inherit;font-size:var(--sm);font-weight:650;cursor:pointer}.opportunity-funding button[aria-pressed=true]{background:var(--lilac);color:var(--ink)}.single-liquidity-preview{display:grid;gap:12px;padding:16px;border:1px solid var(--border);border-radius:18px;font-size:var(--sm)}.single-liquidity-swap{display:flex;align-items:center;gap:12px}.single-liquidity-swap>div{min-width:0}.single-liquidity-swap strong{font-size:var(--sm);overflow-wrap:anywhere}.single-liquidity-swap p{margin:5px 0 0;color:var(--muted);font-size:var(--xs);overflow-wrap:anywhere}.single-liquidity-preview [aria-busy=true]{opacity:.6}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
