.on-chain{min-width:0;max-width:1440px;margin:0 auto;padding:2rem 1.75rem}.on-chain__heading{justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.on-chain h1{margin:.5rem 0;font-size:clamp(2.5rem,6vw,5rem);line-height:1}.on-chain h2{margin:.6rem 0 1rem;font-size:1.45rem;font-weight:500}.on-chain p{color:var(--muted);line-height:1.65}.on-chain .label{color:var(--gold);margin:0}.on-chain__refresh{border:1px solid var(--gold);min-height:2.6rem;color:var(--gold);background:0 0;flex:none;padding:.65rem 1rem}.dapp-shell .on-chain__refresh{font-family:var(--font-mono-face), monospace;font-size:var(--text-control);letter-spacing:.06em}.on-chain__status{color:var(--muted);font-family:var(--font-mono-face), monospace;font-size:var(--text-small);align-items:center;gap:.5rem;margin:1rem 0 1.5rem;line-height:1.6;display:flex}.on-chain__dot{background:var(--gold);border-radius:50%;flex:0 0 .4rem;width:.4rem;height:.4rem}.on-chain__metrics{border:1px solid var(--line);background:#e8bc4306;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:1.5rem;display:grid}.on-chain__metric{border-right:1px solid var(--line-2);border-bottom:1px solid var(--line-2);min-width:0;padding:1.3rem}.on-chain__metric strong{color:var(--gold);overflow-wrap:anywhere;margin:.6rem 0 .3rem;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;display:block}.on-chain__metric strong.is-unavailable{font-family:var(--font-mono-face), monospace;color:var(--faint);margin-top:1rem;font-size:1rem}.on-chain__metric small{color:var(--muted);font-size:var(--text-small);line-height:1.5;display:block}.on-chain__columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-bottom:1.5rem;display:grid}.on-chain__card{border:1px solid var(--line);background:#0a0a0aa6;min-width:0;padding:1.3rem}.on-chain__card p{font-size:var(--text-small);margin-bottom:0}.on-chain__fees{margin:0}.on-chain__fees>div,.on-chain__assets>li{border-bottom:1px solid var(--line-2);justify-content:space-between;align-items:baseline;gap:1rem;padding:.8rem 0;display:flex}.on-chain__fees dd{color:var(--gold);font-variant-numeric:tabular-nums;margin:0}.on-chain__assets{margin:0;padding:0;list-style:none}.on-chain__assets a{color:var(--muted);font-family:var(--font-mono-face), monospace;font-size:var(--text-control);text-underline-offset:.2rem;overflow-wrap:anywhere}.on-chain__contracts{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.on-chain__footnote{font-size:var(--text-small)}@media (max-width:800px){.on-chain__heading{flex-direction:column;gap:.4rem}.on-chain__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.on-chain__columns,.on-chain__contracts{grid-template-columns:1fr;gap:1rem}}@media (max-width:480px){.on-chain{padding:1.5rem 1rem}.on-chain__metric{padding:1rem .7rem}.on-chain__metric .label{font-size:var(--text-label);letter-spacing:.04em}.on-chain__card{padding:1rem}}
.payments-panel,.payments-panel *{box-sizing:border-box}.payments-panel{min-width:0;color:var(--fg);gap:1rem;padding:1.75rem;display:grid}.payments-head,.payments-grid,.payments-lower,.payment-preview,.panel-titleline,.payments-wallet,.payment-dialog-actions{min-width:0;display:grid}.payments-head{grid-template-columns:minmax(0,1fr) minmax(16rem,22rem);align-items:stretch;gap:1rem}.payments-head h1{margin:.25rem 0 0;font-size:clamp(2.7rem,5vw,5.2rem);line-height:.95}.payments-wallet,.payment-builder,.persona-panel,.contracts-panel,.ledger-panel,.events-panel,.payment-review-dialog{border:1px solid var(--line);background:#0c0c0bc7}.payments-wallet{align-content:center;gap:.45rem;padding:1rem}.payments-wallet span,.payment-fields span,.route-note,.persona-card small{color:var(--faint);font-family:var(--font-mono-face), ui-monospace, monospace;font-size:var(--text-label);letter-spacing:.06em}.payments-wallet strong{font-size:1.7rem}.payments-panel button,.payments-panel input,.payments-panel select{font:inherit}.payments-panel button{border:1px solid var(--line);min-height:2.75rem;color:var(--muted);font-family:var(--font-mono-face), ui-monospace, monospace;font-size:var(--text-control);letter-spacing:.06em;cursor:pointer;background:0 0}.payments-panel button:disabled{cursor:not-allowed;opacity:.42}.payments-wallet button,.payment-preview button,.payment-dialog-actions button:last-child{border-color:var(--gold);color:var(--gold)}.payment-preview button:not(:disabled){background:var(--gold);color:var(--bg);font-weight:700}.payments-disclosure{color:var(--muted);background:#e8bc430e;border:1px solid #e8bc4338;margin:0;padding:.85rem 1rem}.payments-stats{border:1px solid var(--line);background:#0c0c0bad;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.payments-stats article{border-right:1px solid var(--line-2);gap:.4rem;min-width:0;padding:.95rem 1rem;display:grid}.payments-stats article:last-child{border-right:0}.payments-stats span{color:var(--faint);font-family:var(--font-mono-face), ui-monospace, monospace;font-size:var(--text-label);letter-spacing:.06em;text-transform:uppercase}.payments-stats strong{color:var(--fg);overflow-wrap:anywhere;font-size:clamp(1rem,1.4vw,1.35rem)}.payments-grid{grid-template-columns:minmax(0,1fr) minmax(15rem,19rem);gap:1rem}.payment-builder{grid-template-columns:minmax(13rem,.72fr) minmax(0,1fr);gap:1rem;padding:1rem;display:grid}.payment-type-list{border:0;gap:.6rem;min-width:0;margin:0;padding:0;display:grid}.payment-type-list legend{margin-bottom:.25rem}.payment-type-list button{text-align:left;gap:.25rem;min-height:4.3rem;padding:.75rem;display:grid}.payment-type-list button.is-active{border-color:var(--gold);color:var(--gold);background:#e8bc431a}.payment-type-list button span{font-size:var(--text-small);color:var(--fg)}.payment-type-list button small{color:var(--muted);font-family:var(--font-body), system-ui, sans-serif;font-size:var(--text-small);letter-spacing:0}.payment-fields{align-content:start;gap:.75rem;min-width:0;display:grid}.payment-fields label,.split-fields{gap:.35rem;min-width:0;display:grid}.payment-fields input,.payment-fields select{border:1px solid var(--line);background:var(--bg);width:100%;min-width:0;min-height:2.75rem;color:var(--fg);outline:0;padding:0 .75rem}.payment-fields input:focus,.payment-fields select:focus{border-color:var(--gold);box-shadow:0 0 0 2px #e8bc431f}.split-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.split-fields p{font-family:var(--font-mono-face), ui-monospace, monospace;font-size:var(--text-control);grid-column:1/-1;margin:0}.split-fields .is-ok{color:var(--gain)}.split-fields .is-error{color:var(--amber)}.payment-preview{border:1px solid var(--line);background:#05050573;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-content:space-between;align-items:center;gap:1rem;min-width:0;padding:1rem}.payment-preview p{color:var(--muted);margin:0}.payment-preview .label{grid-column:1/-1}.payment-preview button{min-width:12rem}.persona-panel{align-content:start;gap:.75rem;padding:1rem;display:grid}.persona-card{border:1px solid var(--line-2);background:#05050552;gap:.3rem;padding:.85rem;display:grid}.persona-card strong{color:var(--gold);font-family:var(--font-mono-face), ui-monospace, monospace;font-size:var(--text-control);letter-spacing:.06em}.persona-card p{color:var(--muted);margin:0}.payments-lower{grid-template-columns:minmax(0,1.2fr) minmax(14rem,.55fr) minmax(14rem,.65fr);gap:1rem}.contracts-panel,.ledger-panel,.events-panel{min-width:0;padding:1rem}.panel-titleline{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:1rem}.panel-titleline strong{color:var(--gold)}.payments-empty{color:var(--muted);margin:1rem 0 0}.contract-list,.ledger-panel ul,.events-panel ol{gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.contract-list article{border:1px solid var(--line-2);background:#05050547;grid-template-columns:minmax(0,1fr);align-items:start;gap:1rem;padding:1rem;display:grid}.contract-list li.is-terminal article{border-color:var(--line)}.recipient-list{margin:.5rem 0 0;padding:0;list-style:none}.recipient-list li{font-size:var(--text-small);flex-wrap:wrap;justify-content:space-between;gap:.3rem 1rem;display:flex}.recipient-list strong{white-space:nowrap}.payment-progress{background:var(--line);padding:.6rem;position:relative}.payment-progress i{background:#e8bc4329;position:absolute;inset:0 auto 0 0}.payment-progress span{font-size:var(--text-small);position:relative}.contract-main{gap:.4rem;min-width:0;display:grid}.contract-main strong{overflow-wrap:anywhere}.contract-main small{color:var(--muted);font-family:var(--font-mono-face), ui-monospace, monospace;font-size:var(--text-control)}.contract-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;min-width:0;display:grid}.contract-actions button{overflow-wrap:anywhere;min-width:0;padding:0 .55rem}.ledger-panel li,.events-panel li{border-bottom:1px solid var(--line-2);gap:.25rem;padding:.75rem;display:grid}.ledger-panel li{grid-template-columns:minmax(0,1fr) auto;align-items:baseline}.ledger-panel span,.events-panel span{color:var(--gold);font-family:var(--font-mono-face), ui-monospace, monospace;font-size:var(--text-control)}.events-panel p{color:var(--muted);margin:0}.payment-review-dialog{background:var(--surface);width:min(32rem,100vw - 2rem);max-height:calc(100dvh - 2rem);color:var(--fg);margin:auto;padding:1.25rem;overflow-y:auto}.payment-review-dialog::backdrop{background:#000000bd}.payment-review-dialog h3{margin:0;font-size:clamp(2rem,5vw,2.5rem)}.payment-review-dialog p{color:var(--muted)}.payment-review-error{border:1px solid var(--amber);color:var(--amber);font-family:var(--font-mono-face), ui-monospace, monospace;font-size:var(--text-small);padding:.75rem}.payment-dialog-actions{grid-template-columns:1fr 1fr;gap:.75rem}@media (max-width:1180px){.payments-head,.payments-grid,.payments-lower,.payment-builder,.payment-preview{grid-template-columns:minmax(0,1fr)}.payment-preview{align-content:start}}@media (max-width:560px){.payments-panel{padding:1rem}.payments-head h1{font-size:2.35rem}.payments-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.payments-stats article{border-bottom:1px solid var(--line-2);padding:.8rem}.payments-stats article:nth-child(2n){border-right:0}.payments-stats article:nth-last-child(-n+2){border-bottom:0}.payments-wallet,.payment-builder,.persona-panel,.contracts-panel,.ledger-panel,.events-panel{padding:.85rem}.split-fields,.contract-list article,.contract-actions,.ledger-panel li,.payment-dialog-actions{grid-template-columns:minmax(0,1fr)}.payment-preview button{width:100%;min-width:0}.payment-type-list button{min-height:3.75rem}}
.vault-performance{border:1px solid var(--line);width:100%;min-width:0;color:var(--fg);background:linear-gradient(#e8bc430e,#0c0c0bd6 42%),#0c0c0bd1}.vault-performance,.vault-performance *{box-sizing:border-box}.vault-performance__head{border-bottom:1px solid var(--line-2);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.vault-performance__kicker,.vault-performance__badge,.vault-performance__metric span,.vault-performance__segmented button,.vault-performance__readout span,.vault-performance__y-labels,.vault-performance__x-labels,.vault-performance__scrubber,.vault-performance__note{font-family:var(--font-mono-face), ui-monospace, monospace}.vault-performance__kicker,.vault-performance__metric span,.vault-performance__readout span,.vault-performance__scrubber,.vault-performance__note{color:var(--faint);font-size:var(--text-label);letter-spacing:.06em}.vault-performance__metric span{min-height:2.8rem;display:block}.vault-performance h2{max-width:30ch;color:var(--gold);font-family:var(--font-mono-face), ui-monospace, monospace;letter-spacing:.06em;margin:.45rem 0 0;font-size:clamp(1rem,1.5vw,1.1rem);font-weight:600;line-height:1.45}.vault-performance__badge{color:var(--gold);font-size:var(--text-label);letter-spacing:.06em;border:1px solid #e8bc43b8;flex:none;padding:.36rem .5rem}.vault-performance__metrics{border-bottom:1px solid var(--line-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.vault-performance__metric{border-right:1px solid var(--line-2);min-width:0;padding:.9rem 1rem}.vault-performance__metric:last-child{border-right:0}.vault-performance__metric strong{overflow-wrap:anywhere;color:var(--fg);font-family:var(--font-display), Impact, sans-serif;margin-top:.35rem;font-size:clamp(1.55rem,5vw,2.45rem);font-weight:700;line-height:.95;display:block}.vault-performance__metric.is-gold strong{color:var(--gold)}.vault-performance__toolbar{justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1rem 0;display:flex}.vault-performance__segmented{border:1px solid var(--line);min-width:0;display:inline-flex}.vault-performance__segmented button{border:0;border-right:1px solid var(--line-2);min-width:3.15rem;min-height:2.75rem;color:var(--muted);font-size:var(--text-control);letter-spacing:.06em;background:0 0;padding:0 .65rem}.vault-performance__segmented button:last-child{border-right:0}.vault-performance__segmented button.is-active{background:var(--gold);color:var(--bg)}.vault-performance__readout{justify-content:space-between;align-items:baseline;gap:1rem;padding:1rem 1rem 0;display:flex}.vault-performance__readout strong{overflow-wrap:anywhere;min-width:0;color:var(--gold);font-family:var(--font-display), Impact, sans-serif;text-align:right;font-size:clamp(1.75rem,6vw,3.1rem);line-height:.9}.vault-performance__chart{width:100%;min-width:0;padding:.35rem .75rem 0 4.75rem;position:relative}.vault-performance__chart svg{touch-action:none;width:100%;height:auto;display:block;overflow:visible}.vault-performance__grid{stroke:#f4f2ed17;stroke-width:1px}.vault-performance__y-labels{aspect-ratio:640/260;color:var(--faint);font-size:var(--text-label);font-variant-numeric:tabular-nums;letter-spacing:.04em;pointer-events:none;position:absolute;top:.35rem;left:4.75rem;right:.75rem}.vault-performance__y-labels span{white-space:nowrap;position:absolute;left:0;transform:translate(-110%,-50%)}.vault-performance__x-labels{aspect-ratio:640/260;color:var(--faint);font-size:var(--text-label);font-variant-numeric:tabular-nums;letter-spacing:.04em;pointer-events:none;position:absolute;bottom:0;left:4.75rem;right:.75rem}.vault-performance__x-labels span{white-space:nowrap;position:absolute;bottom:4.6%;transform:translate(-50%)}.vault-performance__x-labels span:first-child{transform:none}.vault-performance__x-labels span:last-child{transform:translate(-100%)}.vault-performance__area{pointer-events:none}.vault-performance__line{fill:none;stroke:var(--gold);stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;filter:drop-shadow(0 0 10px #e8bc433d);pointer-events:none}.vault-performance__cursor line{stroke:#e8bc436b;stroke-dasharray:4 5}.vault-performance__cursor circle{fill:var(--bg);stroke:var(--gold);stroke-width:3px}.vault-performance__scrubber{gap:.45rem;padding:0 1rem 1rem;display:grid}.vault-performance__scrubber input{width:100%;accent-color:var(--gold)}.vault-performance__note{border-top:1px solid var(--line-2);color:var(--muted);font-family:var(--font-body), system-ui, sans-serif;font-size:var(--text-small);letter-spacing:0;margin:0;padding:.85rem 1rem 1rem;font-weight:400;line-height:1.6}@media (max-width:720px){.vault-performance__head{align-items:flex-start;gap:.75rem;padding:.75rem}.vault-performance__toolbar,.vault-performance__readout{align-items:stretch}.vault-performance__metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.vault-performance__metric{border-right:1px solid var(--line-2);border-bottom:0;padding:.6rem}.vault-performance__metric:last-child{border-right:0}.vault-performance__metric span{font-size:var(--text-label);letter-spacing:.04em}.vault-performance__metric strong{font-size:clamp(1.05rem,5vw,1.24rem)}.vault-performance__badge{width:fit-content}.vault-performance__segmented,.vault-performance__segmented button{width:100%}.vault-performance__segmented button{flex:1 1 0}.vault-performance__readout strong{text-align:left}}@media (max-width:420px){.vault-performance h2{letter-spacing:.04em;font-size:1rem}.vault-performance__toolbar{flex-direction:column}.vault-performance__readout{gap:.35rem}.vault-performance__readout strong{font-size:1.65rem}.vault-performance__chart{padding-left:4.75rem}}
.dapp-shell{background:radial-gradient(circle at 80% 0%, #e8bc431a, transparent 34rem), var(--bg);min-height:100svh;color:var(--fg);font-size:1rem;line-height:1.55;position:relative;overflow-x:clip}.dapp-shell,.dapp-shell *{box-sizing:border-box}.dapp-shell button,.dapp-shell select,.dapp-shell input{font:inherit}.dapp-shell button,.dapp-shell select{cursor:pointer}.dapp-topbar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050505eb;grid-template-columns:auto 1fr auto;align-items:center;min-height:4rem;padding:0 1.75rem;display:grid;position:sticky;top:0}.dapp-brand,.dapp-nav,.dapp-wallet,.chain-chip,.demo-banner,.panel-tools,.tool-controls,.amount-meta,.amount-line,.route-select,.receive-row,.quote-details div,.cr-head,.dialog-actions,.dapp-footer{align-items:center;display:flex}.dapp-brand{color:var(--fg);letter-spacing:.08em;gap:.75rem;text-decoration:none}.dapp-brand-mark{width:1.6rem;height:auto}.dapp-nav{flex-wrap:wrap;justify-content:center;gap:1rem;min-width:0}.dapp-payments-main{min-width:0}.payment-session{margin:0 1.75rem 1.75rem}.dapp-shell button:disabled{cursor:not-allowed;opacity:.5}.payment-portfolio-summary .primary-action{margin-top:1rem;padding:.75rem}.dapp-nav button,.dapp-nav a,.dapp-wallet button,.segmented button,.demo-banner button,.status-card button,.dialog-actions button,.primary-action{min-height:2.5rem;color:var(--muted);font-family:var(--font-mono-face), ui-monospace, monospace;font-size:var(--text-control);letter-spacing:.06em;background:0 0;border:1px solid #0000;text-decoration:none}.dapp-nav button,.dapp-nav a{border-bottom-color:#0000;justify-content:center;align-items:center;display:inline-flex}.dapp-nav button.is-active,.dapp-nav button:hover,.dapp-nav a:hover{color:var(--gold);border-bottom-color:var(--gold)}.dapp-wallet{justify-content:flex-end;gap:.75rem}.chain-chip{border:1px solid var(--line);min-height:2.35rem;color:var(--muted);font-family:var(--font-mono-face), ui-monospace, monospace;font-size:var(--text-control);letter-spacing:.06em;white-space:nowrap;gap:.5rem;padding:0 .75rem}.chain-chip span{background:var(--gain);border-radius:999px;width:.38rem;height:.38rem}.dapp-wallet button,.demo-banner button,.status-card button,.dialog-actions button:last-child{border-color:var(--gold);color:var(--gold);padding:0 .95rem}.demo-banner{border-bottom:1px solid var(--line);background:#e8bc430e;justify-content:space-between;gap:1rem;padding:.95rem 1.75rem}.demo-banner span{color:var(--gold);font-family:var(--font-mono-face), ui-monospace, monospace;font-size:var(--text-control);letter-spacing:.08em;flex:none}.demo-banner p{color:var(--muted);margin:0}.stats-strip{border-bottom:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.stat-card{border-right:1px solid var(--line-2);min-height:7.5rem;padding:1.25rem 1.75rem}.stat-card span,.amount-meta,.quote-details,.cr-labels,.dialog-list,.dapp-footer{font-family:var(--font-mono-face), ui-monospace, monospace;font-variant-numeric:tabular-nums}.stat-card span{min-height:2.8rem;color:var(--faint);font-size:var(--text-label);letter-spacing:.08em;display:block}.stat-card strong{margin-top:.55rem;font-size:clamp(2rem,3vw,2.75rem);line-height:1;display:block}.stat-card.gold strong{color:var(--gold)}.stat-card.gain strong{color:var(--gain)}.dapp-main{grid-template-columns:minmax(0,1fr) minmax(22rem,28rem);align-items:start;min-width:0;display:grid}.market-panel{border-right:1px solid var(--line);width:100%;min-width:0}.vault-chart-region{min-width:0;padding:1.25rem 1.75rem}.market-apy{color:var(--gold)}.market-metric-note{color:var(--faint);font-family:var(--font-body), system-ui, sans-serif;font-size:var(--text-small);letter-spacing:0;margin-top:.35rem;font-weight:400;line-height:1.45;display:block}.panel-tools{border-bottom:1px solid var(--line-2);grid-template-columns:minmax(0,1fr) auto;gap:1.25rem;padding:1.25rem 1.75rem;display:grid}.panel-tools h1{margin:.25rem 0 0;font-size:clamp(2.5rem,5vw,4.6rem);line-height:.95}.action-jump{width:fit-content;color:var(--gold);font-family:var(--font-mono-face), ui-monospace, monospace;font-size:var(--text-label);letter-spacing:.06em;margin-top:.65rem;text-decoration:none;display:none}.action-jump:hover{color:var(--fg)}.tool-controls{display:contents}.tool-controls>.segmented{flex-wrap:nowrap;grid-area:2/1/auto/-1;width:fit-content;max-width:100%;overflow-x:auto}.tool-controls>.segmented button{white-space:nowrap;flex:none}.tool-controls>.sort-control{grid-area:1/2}.segmented{border:1px solid var(--line);flex-wrap:wrap;display:inline-flex}.segmented button{border-right:1px solid var(--line-2);min-width:5.5rem;padding:0 .8rem}.segmented button:last-child{border-right:0}.segmented button.is-active{background:var(--gold);color:var(--bg)}.sort-control{border:1px solid var(--line);min-height:2.6rem;color:var(--faint);font-family:var(--font-mono-face), ui-monospace, monospace;font-size:var(--text-control);letter-spacing:.06em;grid-template-columns:auto minmax(8rem,1fr);align-items:center;display:inline-grid}.sort-control span{padding:0 .75rem}.sort-control select,.amount-line select,.route-select select{border:0;border-left:1px solid var(--line);background:var(--surface);min-height:2.55rem;color:var(--fg);padding:0 .7rem}.table-region{position:relative;overflow-x:auto}.market-table{border-collapse:collapse;width:100%;min-width:48rem}.market-table th{border-bottom:1px solid var(--line-2);color:var(--faint);font-family:var(--font-mono-face), ui-monospace, monospace;font-size:var(--text-label);letter-spacing:.07em;text-align:left;padding:.8rem 1rem;font-weight:500}.market-table td{border-bottom:1px solid var(--line-2);color:var(--muted);vertical-align:middle;padding:1rem}.market-table tr.is-selected{box-shadow:inset 2px 0 0 var(--gold);background:#e8bc430e}.market-table tbody tr:not(.is-selected):hover{background:#e8bc4309}.market-select{min-width:12rem;color:var(--fg);text-align:left;background:0 0;border:0;align-items:center;gap:.8rem;display:inline-flex}.market-select:hover{color:var(--gold)}.coin{border:1px solid var(--gold);width:2.15rem;height:2.15rem;color:var(--gold);font-family:var(--font-display), Impact, sans-serif;background:#e8bc431f;border-radius:50%;place-items:center;font-size:1.3rem;display:grid}.market-select strong,.market-select small{display:block}.market-select small{color:var(--faint);font-family:var(--font-mono-face), ui-monospace, monospace;font-size:var(--text-label);letter-spacing:.06em;margin-top:.18rem}.type-chip{border:1px solid var(--line);color:var(--muted);font-family:var(--font-mono-face), ui-monospace, monospace;font-size:var(--text-label);letter-spacing:.06em;padding:.35rem .55rem;display:inline-block}.num{text-align:right;font-family:var(--font-mono-face), ui-monospace, monospace;font-variant-numeric:tabular-nums}.action-panel{width:100%;min-width:0;padding:1.35rem 1.5rem 2.5rem}.action-panel:focus{outline-offset:-1px;outline:1px solid #e8bc43a6}.action-panel>.segmented{display:flex}.action-panel>.segmented button{flex:1 1 0}.action-card,.cr-card,.status-card,.portfolio-card,.history-card,.analytics-panel article{border:1px solid var(--line);background:#0c0c0bc7;min-width:0}.action-card{margin-top:1rem}.action-card>.label,.receive-box,.quote-details,.route-select,.status-card,.cr-card{padding:1rem}.amount-box{border-top:1px solid var(--line);padding:1rem;transition:border-color .18s,box-shadow .18s,background .18s}.amount-box:focus-within{background:#e8bc4309;border-top-color:#e8bc43a6;box-shadow:inset 0 0 0 1px #e8bc4347}.amount-meta{color:var(--faint);font-size:var(--text-control);flex-wrap:wrap;justify-content:space-between;gap:1rem}.amount-meta button{min-width:2.75rem;min-height:2.75rem;color:var(--gold);font-family:var(--font-mono-face), ui-monospace, monospace;background:0 0;border:0}.amount-meta button:hover{background:#e8bc431a}.amount-line{gap:.75rem;margin-top:.8rem}.amount-line input{width:100%;min-width:0;color:var(--fg);font-family:var(--font-mono-face), ui-monospace, monospace;background:0 0;border:0;outline:0;flex:auto;font-size:clamp(1.75rem,5vw,2.35rem)}.amount-line input::placeholder{color:#f4f2ed40}.amount-box p{min-height:1.4rem;color:var(--faint);font-family:var(--font-mono-face), ui-monospace, monospace;font-size:var(--text-small);margin:.55rem 0 0}.route-select{border-top:1px solid var(--line);color:var(--faint);font-family:var(--font-mono-face), ui-monospace, monospace;font-size:var(--text-control);letter-spacing:.06em;justify-content:space-between;gap:1rem}.receive-box{border-top:1px solid var(--line)}.receive-row{justify-content:space-between;gap:1rem;margin-top:.75rem}.receive-row span{color:var(--gold)}.receive-row strong{min-width:0;color:var(--fg);overflow-wrap:anywhere;font-size:1.35rem}.receive-row.muted span,.receive-row.muted strong{color:var(--faint)}.quote-details{border-top:1px solid var(--line);color:var(--muted);font-size:var(--text-control);gap:.45rem;display:grid}.quote-details div{justify-content:space-between;gap:1rem}.quote-details dt{color:var(--faint)}.quote-details dd{text-align:right;overflow-wrap:anywhere;margin:0}.primary-action{background:var(--gold);width:100%;min-height:3.4rem;color:var(--bg);border:0;font-weight:700}.cr-card,.status-card{margin-top:1rem}.cr-head{justify-content:space-between;gap:1rem}.cr-head span:last-child{color:var(--gain);font-family:var(--font-mono-face), ui-monospace, monospace;font-size:var(--text-control);letter-spacing:.06em}.cr-card strong{margin:.6rem 0 .9rem;font-size:3rem;line-height:1;display:block}.cr-track{background:var(--line);height:.25rem;position:relative}.cr-track .fill{background:var(--gain);width:50%;position:absolute;inset:0 auto 0 0}.cr-track .m{background:var(--faint);width:1px;position:absolute;top:-.3rem;bottom:-.3rem}.cr-track .sm2{background:var(--amber);left:30%}.cr-track .sm1{background:var(--gold);left:50%}.cr-track .normal{background:var(--gain);left:70%}.cr-labels{color:var(--faint);font-size:var(--text-label);letter-spacing:.04em;justify-content:space-between;margin-top:.55rem;display:flex}.status-card p{color:var(--muted);margin:.6rem 0 1rem}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:1.25rem 1.75rem 2rem;display:grid}.portfolio-card,.history-card,.analytics-panel article{padding:1rem}.portfolio-card strong{margin-top:.65rem;font-size:1.55rem;display:block}.portfolio-card small,.history-card p,.history-card li,.analytics-panel p{color:var(--muted)}.history-card{grid-column:1/-1}.history-card ol{font-family:var(--font-mono-face), ui-monospace, monospace;font-size:var(--text-small);gap:.55rem;margin:.9rem 0 0;padding-left:1.2rem;display:grid}.analytics-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;padding:1.25rem 1.75rem 2rem;display:grid}.analytics-panel article>strong{margin-top:.55rem;font-size:clamp(2rem,4vw,3.25rem);display:block}.mix-bars{gap:.75rem;margin-top:1rem;display:grid}.mix-row{font-family:var(--font-mono-face), ui-monospace, monospace;font-size:var(--text-label);color:var(--muted);grid-template-columns:5rem minmax(0,1fr) 4.5rem;align-items:center;gap:.75rem;display:grid}.mix-track{background:var(--line);height:.65rem}.mix-track i{background:var(--amber);height:100%;display:block}.mix-row:nth-child(2n) .mix-track i{background:var(--gold)}.mix-row strong{color:var(--fg);font-size:var(--text-small);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;margin:0;font-weight:500;line-height:1.4}.dapp-footer{border-top:1px solid var(--line);color:var(--faint);font-size:var(--text-label);letter-spacing:.06em;justify-content:space-between;gap:1rem;padding:1.25rem 1.75rem}.dapp-footer a{color:var(--gold);text-decoration:none}.review-dialog{border:1px solid var(--gold);background:var(--surface);width:min(32rem,100vw - 2rem);max-height:calc(100dvh - 2rem);color:var(--fg);margin:auto;padding:1.25rem;overflow-y:auto}.review-dialog::backdrop{background:#000000b8}.review-dialog h2{margin:0;font-size:clamp(2rem,5vw,2.4rem)}.dialog-copy{color:var(--muted)}.dialog-list{gap:.55rem;margin:1rem 0;display:grid}.dialog-list div{grid-template-columns:6rem 1fr;gap:1rem;display:grid}.dialog-list dt{color:var(--faint)}.dialog-list dd{margin:0}.dialog-actions{justify-content:flex-end;gap:.75rem}.dialog-actions button:first-child{border:1px solid var(--line);color:var(--muted);padding:0 .95rem}@media (max-width:1100px){.dapp-topbar{grid-template-columns:auto auto;gap:.75rem 1rem;padding-top:.75rem;padding-bottom:.75rem}.dapp-nav{grid-area:2/1/auto/-1;justify-content:flex-start;gap:.45rem .75rem}.dapp-nav button,.dapp-nav a{min-height:2.75rem;padding:0 .3rem}.table-region{box-shadow:inset -1.5rem 0 1rem -1.1rem #e8bc4373}}@media (max-width:980px){.dapp-topbar{grid-template-columns:auto auto;gap:.85rem;padding:1rem;position:static}.dapp-nav,.dapp-wallet{justify-content:flex-start;overflow-x:auto}.dapp-main,.analytics-panel{grid-template-columns:minmax(0,1fr)}.stats-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card:nth-child(5){grid-column:1/-1}.panel-tools{align-items:center}.action-jump{align-items:center;min-height:2.75rem;display:inline-flex}.action-panel{scroll-margin-top:1rem}.market-panel{border-right:0}.portfolio-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.dapp-topbar{grid-template-columns:1fr}.dapp-nav{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid;overflow-x:visible}.dapp-nav button,.dapp-nav a{min-height:2.75rem;font-size:var(--text-label);letter-spacing:.04em;overflow-wrap:anywhere;padding:0 .15rem}.demo-banner,.panel-tools,.dapp-footer{flex-direction:column;align-items:flex-start}.demo-banner,.panel-tools,.action-panel,.portfolio-grid,.analytics-panel,.vault-chart-region{padding-left:1rem;padding-right:1rem}.stats-strip,.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{min-height:4.9rem;padding:.75rem}.stat-card:nth-child(5){grid-column:1/-1;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.stat-card:nth-child(5) strong{margin-top:0}.stat-card span{min-height:2.8rem;font-size:var(--text-label);letter-spacing:.04em}.stat-card strong{font-size:1.5rem}.stat-card:nth-child(5) span{min-height:0}.panel-tools{grid-template-columns:minmax(0,1fr)}.tool-controls>.sort-control{grid-area:3/1}.tool-controls,.segmented,.sort-control{width:100%;min-width:0}.tool-controls .segmented{flex-wrap:nowrap;display:flex;overflow-x:auto}.segmented button{min-width:0;font-size:var(--text-label);flex:auto;padding:0 .45rem}.tool-controls .segmented button{flex:none;min-width:max-content;padding:0 .7rem}.action-panel>.segmented{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sort-control{grid-template-columns:4rem 1fr}.action-card>.label,.receive-box,.quote-details,.route-select,.status-card,.cr-card{padding:.85rem}.table-region{box-shadow:none;overflow-x:visible}.market-table{border-collapse:separate;min-width:0;display:block}.market-table thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.market-table tbody{gap:.85rem;padding:.85rem 1rem 0;display:grid}.market-table tbody tr{border:1px solid var(--line);background:#0c0c0bb8;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem .75rem;padding:.85rem;display:grid}.market-table tr.is-selected{box-shadow:inset 2px 0 0 var(--gold)}.market-table td{text-align:left;border-bottom:0;gap:.25rem;min-width:0;padding:0;display:grid}.market-table td:before{content:attr(data-label);color:var(--faint);font-family:var(--font-mono-face), ui-monospace, monospace;font-size:var(--text-label);letter-spacing:.06em}.market-table td:first-child{grid-column:1/-1}.market-table td:first-child:before{display:none}.market-table td:last-child{align-content:start}.market-select{width:100%;min-width:0}.market-table .type-chip{justify-self:start}.amount-line{flex-direction:column;align-items:stretch}}