.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;letter-spacing:.12em;font-size:.72rem}.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.5rem;color:var(--muted);font-family:var(--font-mono-face), ui-monospace, monospace;letter-spacing:.12em;cursor:pointer;background:0 0;font-size:.72rem}.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;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem}.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{color:var(--fg);font-size:.86rem}.payment-type-list button small{color:var(--muted);font-family:var(--font-body), system-ui, sans-serif;letter-spacing:0;font-size:.82rem}.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)}.split-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.split-fields p{font-family:var(--font-mono-face), ui-monospace, monospace;grid-column:1/-1;margin:0;font-size:.78rem}.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;letter-spacing:.12em;font-size:.82rem}.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{flex-wrap:wrap;justify-content:space-between;gap:.3rem 1rem;font-size:.85rem;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:.8rem;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:.76rem}.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:.78rem}.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);font-family:var(--font-mono-face), ui-monospace, monospace;padding:.75rem;font-size:.82rem;color:var(--amber)!important}.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}}
.dapp-shell{background:radial-gradient(circle at 80% 0%, #e8bc431a, transparent 34rem), var(--bg);min-height:100svh;color:var(--fg);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:.24em;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;letter-spacing:.14em;background:0 0;border:1px solid #0000;font-size:.75rem;text-decoration:none}.dapp-nav button,.dapp-nav a{border-bottom-color:#0000}.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;letter-spacing:.1em;white-space:nowrap;gap:.5rem;padding:0 .75rem;font-size:.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;letter-spacing:.18em;flex:none;font-size:.75rem}.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{color:var(--faint);letter-spacing:.18em;font-size:.72rem}.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}.panel-tools{border-bottom:1px solid var(--line-2);justify-content:space-between;gap:1.25rem;padding:1.25rem 1.75rem}.panel-tools h1{margin:.25rem 0 0;font-size:clamp(2.5rem,5vw,4.6rem);line-height:.95}.tool-controls{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;min-width:0}.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;letter-spacing:.12em;grid-template-columns:auto minmax(8rem,1fr);align-items:center;font-size:.75rem;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{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;letter-spacing:.16em;text-align:left;padding:.8rem 1.75rem;font-size:.72rem;font-weight:500}.market-table td{border-bottom:1px solid var(--line-2);color:var(--muted);vertical-align:middle;padding:1rem 1.75rem}.market-table tr.is-selected{box-shadow:inset 2px 0 0 var(--gold);background:#e8bc430e}.market-select{min-width:12rem;color:var(--fg);text-align:left;background:0 0;border:0;align-items:center;gap:.8rem;display:inline-flex}.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;letter-spacing:.12em;margin-top:.18rem;font-size:.72rem}.type-chip{border:1px solid var(--line);color:var(--muted);font-family:var(--font-mono-face), ui-monospace, monospace;letter-spacing:.12em;padding:.35rem .55rem;font-size:.72rem;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>.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}.amount-meta{color:var(--faint);flex-wrap:wrap;justify-content:space-between;gap:1rem;font-size:.75rem}.amount-meta button{color:var(--gold);font-family:var(--font-mono-face), ui-monospace, monospace;background:0 0;border:0}.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;margin:.55rem 0 0;font-size:.78rem}.route-select{border-top:1px solid var(--line);color:var(--faint);font-family:var(--font-mono-face), ui-monospace, monospace;letter-spacing:.12em;justify-content:space-between;gap:1rem;font-size:.75rem}.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);gap:.45rem;font-size:.78rem;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;letter-spacing:.12em;font-size:.75rem}.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 .l3{left:10%}.cr-track .l2{background:var(--amber);left:30%}.cr-track .l1{background:var(--gold);left:50%}.cr-labels{color:var(--faint);letter-spacing:.08em;justify-content:space-between;margin-top:.55rem;font-size:.68rem;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;gap:.55rem;margin:.9rem 0 0;padding-left:1.2rem;font-size:.82rem;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 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;color:var(--muted);grid-template-columns:5rem minmax(0,1fr) 4.5rem;align-items:center;gap:.75rem;font-size:.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);text-align:right;font-weight:500}.dapp-footer{border-top:1px solid var(--line);color:var(--faint);letter-spacing:.12em;justify-content:space-between;gap:1rem;padding:1.25rem 1.75rem;font-size:.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:980px){.dapp-topbar{grid-template-columns:1fr;gap:.85rem;padding:1rem;position:static}.dapp-nav,.dapp-wallet{justify-content:flex-start;overflow-x:auto}.stats-strip,.dapp-main,.analytics-panel{grid-template-columns:minmax(0,1fr)}.market-panel{border-right:0}.portfolio-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.demo-banner,.panel-tools,.dapp-footer{flex-direction:column;align-items:flex-start}.demo-banner,.panel-tools,.action-panel,.portfolio-grid,.analytics-panel{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 span{letter-spacing:.1em;font-size:.66rem}.stat-card strong{font-size:1.5rem}.tool-controls,.segmented,.sort-control{width:100%;min-width:0}.segmented button{flex:auto;min-width:0;padding:0 .45rem;font-size:.68rem}.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}.market-table{min-width:43rem}.market-table th,.market-table td{padding-left:1rem;padding-right:1rem}.amount-line{flex-direction:column;align-items:stretch}}