

:root{color-scheme:dark;--bg:#101215;--panel:#181b20;--field:#111419;--line:#2b3038;--text:#edf0f3;--muted:#9198a4;--accent:#b3add5;--green:#93b9a8;--red:#c39d9c;font-family:Inter,Segoe UI,Arial,sans-serif;font-synthesis:none;font-size:18px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{color:inherit}a{color:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}header{height:90px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1440px)/2));gap:16px}.brand{display:flex;align-items:center;gap:12px;font-size:26px;letter-spacing:-.8px;font-weight:650;background:none;border:0;padding:0}.logo{width:36px;height:38px;stroke:var(--accent);stroke-width:2.3}.header-right{display:flex;align-items:center;gap:20px}.network{font-size:16px;color:var(--muted);display:flex;gap:8px;align-items:center}.dot{width:6px;height:6px;border-radius:50%;background:var(--green);display:inline-block}.button{border:1px solid var(--line);border-radius:9px;background:#20242b;padding:11px 17px;font-size:17px;font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:.18s}.button:hover{background:#2b3039;border-color:#505462}.primary{background:var(--accent);color:#191722;border-color:var(--accent)}.primary:hover{background:#c6c0e6;border-color:#c6c0e6}.quiet{background:transparent}.small{padding:8px 13px;font-size:16px}.wide{width:100%;padding:16px}.icon-button{border:0;background:transparent;color:var(--muted);padding:8px;border-radius:8px}.icon-button:hover{color:var(--text);background:#252931}
main{max-width:1440px;margin:0 auto;padding:32px 0 130px}.notice{display:flex;align-items:center;justify-content:space-between;padding:11px 15px;border:1px solid var(--line);border-radius:8px;font-size:15px;color:var(--muted);background:#15181d;gap:12px}.notice strong{font-weight:500;color:var(--accent);margin-right:10px}.eyebrow{font-size:14px;letter-spacing:2.5px;font-weight:600;text-transform:uppercase;color:var(--accent);margin:0 0 12px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin:35px 0 28px;gap:20px}h1{font-weight:500;letter-spacing:-1.7px;font-size:48px;margin:0 0 10px}p{line-height:1.6}.subtitle{color:var(--muted);font-size:17px;margin:0}h2{font-size:20px;font-weight:550;letter-spacing:-.4px;margin:0}h3{font-size:17px;font-weight:500;margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:12px;background:var(--panel);margin-bottom:30px}.stat{padding:22px 26px}.stat+.stat{border-left:1px solid var(--line)}.label{font-size:15px;color:var(--muted)}.stat strong{display:block;font-size:30px;font-weight:500;margin:10px 0 4px;letter-spacing:-.7px}.stat span{font-size:15px;color:var(--muted)}.stat .positive{color:var(--green)}
.toolbar{display:flex;gap:15px;justify-content:space-between;align-items:center;margin:0 0 20px}.segments{display:flex;background:#181b20;border:1px solid var(--line);padding:4px;border-radius:9px;gap:4px}.segments button{padding:9px 24px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:16px}.segments button.active{background:#34313f;color:#d4cee9}.search{display:flex;align-items:center;gap:10px;width:350px;border:1px solid var(--line);border-radius:9px;padding:11px 14px;color:var(--muted);background:#15181d}.search input{background:none;border:0;outline:0;color:var(--text);width:100%;font-size:16px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--panel)}table{width:100%;border-collapse:collapse;text-align:left}th{padding:20px 26px;font-size:14px;color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.8px;background:#14171c}td{padding:30px 26px;border-top:1px solid var(--line);font-size:17px}tbody tr:hover{background:#1d2026}td:last-child,th:last-child{text-align:right}.token{display:flex;align-items:center;gap:12px}.coin{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#34313f;color:#d3c9f1;font-weight:600;font-size:18px;flex-shrink:0}.coin.eth{background:#303540;color:#bfc6db}.coin.usdg{background:#233d37;color:#a4c7b8}.coin.cashcat{background:#3a3430;color:#cbbb9e}.coin.mbg{background:#293941;color:#a4bfc9}.coin svg{width:19px}.token-name{font-size:17px;font-weight:550}.token small,td small{display:block;font-size:15px;color:var(--muted);margin-top:6px;font-weight:400}.pair{color:var(--muted);font-size:16px;font-weight:400}.capacity{min-width:190px}.capacity .values{display:flex;justify-content:space-between;color:#ced2d9;font-size:15px;gap:16px}.capacity .values span{color:var(--muted)}.bar{height:4px;background:#30333c;border-radius:3px;margin-top:10px;overflow:hidden}.bar i{display:block;height:100%;background:#8f88b1;border-radius:3px}.note{color:var(--muted);font-size:15px;margin-top:15px;display:flex;gap:8px;align-items:center}.note svg{width:14px;height:14px}.status{display:inline-flex;align-items:center;gap:6px;border:1px solid #33423b;background:#1d2b26;color:var(--green);font-size:14px;border-radius:5px;padding:5px 8px}.status.sell{border-color:#493b3c;background:#2d2427;color:var(--red)}.empty{text-align:center;padding:55px;color:var(--muted);font-size:17px}
nav{position:fixed;bottom:0;left:0;right:0;border-top:1px solid var(--line);background:#121519f5;backdrop-filter:blur(16px);z-index:10}nav .nav-inner{max-width:1080px;margin:auto;display:flex;justify-content:space-around}nav button{display:flex;align-items:center;justify-content:center;gap:10px;position:relative;width:25%;border:0;background:transparent;color:var(--muted);padding:25px 12px;font-size:16px}nav button:hover{color:#dad5e7}nav button.active{color:var(--accent)}nav button.active:after{content:"";position:absolute;bottom:0;left:22%;right:22%;height:2px;background:var(--accent)}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:30px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.create-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:28px}.form-row{display:flex;gap:12px;margin-top:18px}.form-row>*{flex:1;min-width:0}.field-label{display:block;color:var(--muted);font-size:15px;margin:0 0 8px}.select{width:100%;background:#111419;border:1px solid var(--line);border-radius:8px;color:var(--text);padding:12px;font-size:17px;cursor:pointer}.amount-box{background:var(--field);border:1px solid var(--line);border-radius:10px;padding:17px;margin:16px 0}.amount-top{display:flex;justify-content:space-between;font-size:15px;color:var(--muted);margin-bottom:15px}.amount-main{display:flex;align-items:center;gap:14px}.amount-main input{background:none;border:0;color:var(--text);width:100%;min-width:0;font-size:34px;font-weight:450;outline:0;font-variant-numeric:tabular-nums}.amount-main .asset{font-size:17px;display:flex;align-items:center;gap:8px;white-space:nowrap}.asset .coin{width:27px;height:27px;font-size:16px}.percentages{display:flex;gap:7px;margin-top:17px}.percentages button{border:1px solid var(--line);border-radius:5px;padding:5px 10px;color:var(--muted);background:transparent;font-size:14px;flex:1}.percentages button:hover,.percentages button.active{color:#d5cfea;background:#2c2836;border-color:#716b86}.balance-note{font-size:14px;color:var(--muted);margin:12px 0 0}.section-title{display:flex;justify-content:space-between;align-items:center;margin:30px 0 18px}.position-actions{display:flex;gap:6px;justify-content:flex-end}.center-head{text-align:center;margin:35px auto 27px}.center-head h1{font-size:46px}.swap-layout{max-width:660px;margin:0 auto}.swap-panel{padding:22px}.swap-panel .amount-box{margin:0}.swap-panel .amount-main input{font-size:44px}.swap-panel .select{width:135px;flex-shrink:0;background:#22262d}.swap-direction{display:flex;justify-content:center;height:25px;position:relative;z-index:1}.swap-direction button{height:38px;width:38px;border:5px solid var(--panel);border-radius:11px;background:#30343c;position:relative;top:-7px}.receive-value{font-size:44px;flex:1;color:#a5aab4}.settings-row{display:flex;justify-content:space-between;align-items:center;margin:20px 0;font-size:15px;color:var(--muted);gap:8px}.pills{display:flex;gap:5px}.pills button{border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--muted);font-size:14px;padding:6px 9px}.pills button.active{background:#302b3d;color:#cec6e6;border-color:#625971}.summary{border-top:1px solid var(--line);margin:18px 0;padding-top:10px}.summary div{display:flex;justify-content:space-between;gap:20px;font-size:15px;padding:7px 0;color:var(--muted)}.summary strong{font-weight:400;color:#d2d5dc}.preview-text{text-align:center;color:var(--muted);font-size:14px;margin:14px 0 0}.burn-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;max-width:1200px;margin:auto}.burn-stats{display:flex;flex-direction:column;justify-content:space-between}.burn-stat{padding:18px 0;display:flex;gap:18px}.burn-stat+.burn-stat{border-top:1px solid var(--line)}.burn-stat .stat-icon{width:42px;height:42px;background:#242731;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--accent)}.burn-stat strong{font-size:30px;font-weight:450;display:block;margin:9px 0}.burn-stat p{font-size:15px;color:var(--muted);margin:0}.footnote{padding:16px;font-size:15px;color:var(--muted);line-height:1.7;border-radius:9px;background:#13161b}.pill{font-size:14px;padding:5px 8px;border:1px solid var(--line);border-radius:5px;color:var(--muted)}
dialog{background:var(--panel);color:var(--text);border:1px solid #414650;border-radius:16px;width:min(640px,calc(100% - 28px));padding:26px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#05070abb;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px}.dialog-head h2{font-size:24px}dialog p{font-size:17px;color:var(--muted)}.dialog-buttons{display:flex;gap:10px;margin-top:24px}.dialog-buttons>*{flex:1}.warning{color:#c8b797;background:#29251f;border:1px solid #464034;padding:12px;border-radius:8px;font-size:15px;line-height:1.6}.error{color:var(--red);font-size:15px;min-height:17px;margin:8px 0}#toast{position:fixed;bottom:95px;left:50%;transform:translate(-50%,20px);background:#292e35;border:1px solid #444b55;border-radius:10px;padding:14px 22px;z-index:100;font-size:16px;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1500px){main{padding-top:40px}.page-head{margin-top:44px}}
@media(max-width:1500px){main{padding-left:26px;padding-right:26px}header{padding:0 26px}}
@media(max-width:800px){header{height:76px;padding:0 18px}.network{display:none}.brand{font-size:22px}.header-right{gap:7px}main{padding:20px 16px 110px}.page-head{margin-top:26px}h1{font-size:38px}.stat{padding:17px 15px}.stat strong{font-size:24px}.create-grid,.burn-grid{grid-template-columns:1fr}.table-wrap{overflow-x:auto}table{min-width:680px}.toolbar{align-items:stretch}.search{width:50%}.notice{font-size:14px}.notice .notice-right{display:none}nav button{flex-direction:column;gap:7px;padding:15px 5px;font-size:14px}.burn-stats{gap:5px}.page-head .button{font-size:15px;padding:10px}.panel{padding:18px}}
@media(max-width:430px){.stat{padding:15px 10px}.stat strong{font-size:20px}.stat span{font-size:14px}.segments button{padding:9px 17px}.search{padding:8px 10px}.header-right .button{font-size:15px;padding:10px}.header-right .icon-button{display:none}.page-head{align-items:flex-start}.page-head h1{font-size:36px}.subtitle{font-size:15px}.form-row{gap:8px}}

/* Trade quote and searchable asset picker */
.trade-arrow{text-align:center;color:var(--muted);height:10px}
.trade-output .receive-value{font-size:34px;color:var(--text);overflow-wrap:anywhere;min-width:0;font-variant-numeric:tabular-nums}
.token-select{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:24px;background:#252932;padding:8px 12px;flex-shrink:0;font-size:18px}
.token-select:hover{background:#343943}.token-select .coin,.common-tokens .coin{width:26px;height:26px;font-size:17px}.chevron{color:var(--muted)}
.picker-network{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:18px;margin:20px 0}
.picker-search{width:100%;padding:15px 12px}.picker-search input{font-size:18px;min-width:0}
.common-tokens{display:flex;gap:8px;margin:16px 0}.common-tokens .button{border-radius:22px;padding:7px 12px;font-size:18px}
.picker-caption{font-size:17px;color:var(--muted);margin:22px 0 8px}
#token-results{max-height:380px;overflow-y:auto;margin:0 -10px}
.token-result{display:flex;align-items:center;width:100%;gap:12px;text-align:left;border:0;border-radius:10px;background:transparent;padding:14px 10px}
.token-result:hover,.token-result:focus-visible{background:#252932}.token-result>.coin{flex-shrink:0}
.token-result-name{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.token-result-name strong{font-size:18px;font-weight:550}.token-result-name>span{font-size:18px;color:var(--muted)}.token-result-name small{font-size:16px;color:var(--muted);overflow-wrap:anywhere}
.token-result-balance{font-size:18px;align-self:flex-start;margin-top:4px;color:var(--muted)}
.picker-empty{padding:30px 16px;text-align:center;font-size:18px;line-height:1.5}.picker-empty small{display:block;margin-top:10px;color:var(--muted);font-size:18px}
@media(max-width:600px){dialog{padding:20px;max-height:calc(100dvh - 32px);overflow-y:auto}.trade-output .receive-value{font-size:26px}.token-select{gap:5px;padding:7px 9px}.token-select .coin{width:23px;height:23px}.swap-panel .amount-main input{font-size:34px}}
/* Theme selection is shared by all pages, dialogs and token pickers. */
.header-right .theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border:1px solid var(--line);color:var(--text)}
:root[data-theme="light"]{color-scheme:light;--bg:#f4f5f7;--panel:#fff;--field:#f7f8fa;--line:#dce0e6;--text:#252933;--muted:#606977;--accent:#655987;--green:#376b57;--red:#985555}
[data-theme="light"] .button{background:#edf0f4;border-color:var(--line)}
[data-theme="light"] .button:hover{background:#e1e5ec;border-color:#b9c0cc}
[data-theme="light"] .primary{background:var(--accent);border-color:var(--accent);color:#fff}
[data-theme="light"] .primary:hover{background:#554976;border-color:#554976}
[data-theme="light"] .quiet{background:transparent}
[data-theme="light"] .icon-button:hover,[data-theme="light"] tbody tr:hover,[data-theme="light"] .token-result:hover,[data-theme="light"] .token-result:focus-visible{background:#f0f2f6;color:var(--text)}
[data-theme="light"] .notice,[data-theme="light"] .search,[data-theme="light"] th,[data-theme="light"] .footnote{background:#eef0f4}
[data-theme="light"] .segments,[data-theme="light"] .select{background:var(--field)}
[data-theme="light"] .segments button.active,[data-theme="light"] .percentages button:hover,[data-theme="light"] .percentages button.active,[data-theme="light"] .pills button.active{background:#e9e5f1;color:#554775;border-color:#b0a6c7}
[data-theme="light"] .coin{background:#e8e3f0;color:#645383}
[data-theme="light"] .coin.eth{background:#e5e9f2;color:#566587}
[data-theme="light"] .coin.usdg{background:#e0eee7;color:#3f715d}
[data-theme="light"] .coin.cashcat{background:#f0e9df;color:#7c6646}
[data-theme="light"] .coin.mbg{background:#e2edf1;color:#466d7d}
[data-theme="light"] .capacity .values,[data-theme="light"] .summary strong{color:var(--text)}
[data-theme="light"] .bar{background:#e3e5ec}
[data-theme="light"] .status{background:#e9f3ed;border-color:#c6dccf}
[data-theme="light"] .status.sell{background:#f7eaea;border-color:#e7cece}
[data-theme="light"] nav{background:#f9fafbf5}
[data-theme="light"] nav button:hover{color:var(--accent)}
[data-theme="light"] .swap-panel .select,[data-theme="light"] .token-select,[data-theme="light"] .swap-direction button,[data-theme="light"] .burn-stat .stat-icon{background:#e9ecf2}
[data-theme="light"] .token-select:hover{background:#dfe4ec}
[data-theme="light"] .receive-value{color:var(--muted)}
[data-theme="light"] dialog{border-color:var(--line);box-shadow:0 30px 100px #17203326}
[data-theme="light"] dialog::backdrop{background:#25304555}
[data-theme="light"] .warning{background:#faf3e7;border-color:#e5d6b9;color:#796039}
[data-theme="light"] #toast{background:#fff;border-color:var(--line);box-shadow:0 8px 30px #1720331a}
@media(max-width:380px){header{padding:0 12px;gap:8px}.brand{font-size:20px;gap:7px}.logo{width:28px}.header-right{gap:5px}.header-right .theme-toggle{width:32px;height:34px}.header-right [data-action="wallet"]{gap:5px;padding:9px 8px}}
.wallet-options{display:grid;gap:10px;margin:18px 0}.wallet-details .wallet-address{overflow-wrap:anywhere;max-width:280px;font-size:16px}.wallet-details strong{overflow-wrap:anywhere;text-align:right;max-width:68%}.wallet-details div{font-size:17px}.wallet-details+.warning{margin-bottom:14px}
.wallet-choice{display:flex;align-items:center;gap:12px;text-align:left;justify-content:flex-start;padding:16px;border:1px solid var(--line);border-radius:10px;font-size:18px}.wallet-choice>span{flex:1}.wallet-choice small{color:var(--muted);font-size:16px;font-weight:400}.wallet-choice>span>small{display:block;margin-top:5px}.wallet-choice a{font-size:16px;color:var(--accent);text-underline-offset:3px}.wallet-missing{background:var(--field)}
.live-token-card{padding:12px}.live-token-card h3{font-size:24px;margin:18px 0 6px;overflow-wrap:anywhere}.live-token-card code{display:block;font-size:16px;overflow-wrap:anywhere;color:var(--muted)}.live-token-card .summary strong{max-width:65%;overflow-wrap:anywhere;text-align:right}.live-token-card .button{margin-top:18px}.token-select>span:not(.coin):not(.chevron){max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.token-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.token-toolbar strong,.token-toolbar small{display:block}.token-toolbar small{font-size:15px;color:var(--muted);overflow-wrap:anywhere;max-width:340px}.limit-panel{max-width:1000px;margin:20px auto}.limit-panel label{display:block;margin:12px 0}.limit-panel small{display:block;color:var(--muted);margin-top:6px}.nav-inner{grid-template-columns:repeat(5,1fr)}@media(max-width:640px){.token-toolbar{align-items:flex-start;flex-direction:column}.nav-inner button{font-size:15px;padding:12px 4px}}

.limit-panel [hidden]{display:none}

.pair-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,.65fr);gap:16px;margin:16px 0}.pair-fields .field-label{display:block;margin-bottom:8px}.pair-fields .select{width:100%}.create-token{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.pair-fields small{display:block;margin-top:7px;color:var(--muted);font-size:15px}.create-grid{margin-bottom:24px}
.create-pair-fields{display:grid;gap:16px;margin:16px 0}.create-asset-field .field-label{margin-bottom:8px}.create-asset-field small{display:block;margin-top:7px;color:var(--muted);font-size:15px}.create-amount-inline{display:flex;align-items:center;background:var(--field);border:1px solid var(--line);border-radius:8px;overflow:hidden}.create-amount-inline input{flex:1;min-width:0;width:100%;padding:14px;background:transparent;border:0;color:var(--text);font:inherit;font-size:22px;font-variant-numeric:tabular-nums;outline:none}.create-amount-inline:focus-within{border-color:var(--accent)}.create-amount-inline .select{width:120px;flex-shrink:0;border:0;border-left:1px solid var(--line);border-radius:0;background:transparent}.create-amount-inline .create-token{width:140px}.create-asset-field .percentages{margin-top:9px}
/* Native select popups need explicit colors on Windows browsers. */
select{color-scheme:dark}
select option,select optgroup{background-color:var(--field);color:var(--text)}
[data-theme="light"] select{color-scheme:light}
/* Compact position creation cards. */
form[data-live-create]{padding:26px}
form[data-live-create] .panel-head{margin-bottom:12px}
form[data-live-create] .panel-head h2{font-size:18px}
form[data-live-create] .create-pair-fields{gap:18px;margin:18px 0}
form[data-live-create] .field-label{margin-bottom:5px}
form[data-live-create] .select{padding:9px 11px}
form[data-live-create] .create-amount-inline input{padding:10px 11px;font-size:20px}
form[data-live-create] .create-asset-field small{margin-top:4px;font-size:14px}
form[data-live-create] .percentages{gap:6px;margin-top:6px}
form[data-live-create] .percentages button{padding:4px 8px}
form[data-live-create]>p{margin:10px 0;font-size:16px}
form[data-live-create]>p.note{font-size:14px;line-height:1.5}
form[data-live-create]>.button{padding:11px 14px;font-size:16px}
.create-single{max-width:720px;margin:0 auto 24px}.create-single .create-side{width:100px;font-size:16px}.create-single .panel-head{gap:16px}
.direct-estimate{padding:14px;margin:14px 0;background:var(--field);border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:16px;line-height:1.6}.direct-estimate strong{display:block;font-size:22px;color:var(--text);margin:4px 0}.direct-estimate small{display:block;font-size:14px}
.base-token-results{max-height:300px;overflow-y:auto;border:1px solid var(--line);border-radius:10px;background:var(--field);margin-top:8px;padding:4px}
.base-token-results:empty{display:none}
.base-token-results .token-result{padding:12px}

/* Market: compact swap surface, scoped to preserve the protocol screens. */
.ux-market{width:100%;max-width:620px;margin:26px auto 0}
.ux-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 12px 18px}
.ux-toolbar h2{font-size:20px;font-weight:550;margin:0;letter-spacing:-.4px}
.ux-settings{position:relative}
.ux-settings>summary{list-style:none;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;cursor:pointer;color:var(--muted)}
.ux-settings>summary::-webkit-details-marker{display:none}
.ux-settings>summary:hover,.ux-settings[open]>summary{background:var(--panel);color:var(--text)}
.ux-settings svg{display:block;width:22px;height:22px}
.ux-settings-popover{position:absolute;right:0;top:42px;z-index:10;width:390px;max-width:calc(100vw - 48px);padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 40px #0002}
.ux-settings-popover h3{font-size:18px;margin:0 0 22px}
.ux-settings-popover label{font-size:17px;color:var(--muted)}
.ux-settings-popover p{font-size:15px;color:var(--muted);line-height:1.6;margin:12px 0 0}
.ux-slippage-controls{display:flex;gap:10px;align-items:center;margin-top:12px}
.ux-slippage-controls .pills{display:flex;gap:4px}
.ux-slippage-controls .pills button{padding:8px;border-radius:10px}
.ux-custom-slippage{display:flex;align-items:center;min-width:0;gap:4px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;color:var(--muted)}
.ux-custom-slippage input{width:100%;min-width:0;background:transparent;border:0;color:var(--text);font:inherit;font-size:17px;text-align:right}
.ux-market .amount-box{border:1px solid var(--line);border-radius:22px;padding:18px 20px;margin:0;background:var(--panel)}
.ux-market .ux-buy{background:var(--field)}
.ux-market .amount-top{font-size:18px;color:var(--muted);margin-bottom:10px}
.ux-market .amount-main{gap:14px;min-height:52px;align-items:center}
.ux-market .amount-main input,.ux-market .receive-value{font-size:52px;line-height:1.2;font-weight:400;letter-spacing:-1.5px;color:var(--text);min-width:0}
.ux-market .amount-main input::placeholder{color:var(--muted);opacity:.65}
.ux-market .receive-value{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ux-market .token-select{flex-shrink:0;gap:6px;padding:6px 10px 6px 6px;border-radius:24px;background:var(--bg);border:1px solid var(--line);font-size:20px;font-weight:600;white-space:nowrap;color:var(--text)}
.ux-market .token-select .coin{width:28px;height:28px;font-size:18px;margin:0}
.ux-market .token-select .chevron{font-size:20px;margin-left:2px;color:var(--muted)}
.ux-market .ux-token-empty{background:var(--accent);color:var(--bg);border-color:transparent;padding:9px 14px}
.ux-market .ux-token-empty .chevron{color:inherit}
.ux-amount-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:23px;margin-top:10px;font-size:16px;color:var(--muted)}
.ux-amount-bottom b{font-weight:400}
.ux-market .percentages{display:flex;gap:8px;margin:0}
.ux-market .percentages button{flex:none;padding:3px 0;border:0;background:transparent;color:var(--muted);font-size:15px}
.ux-market .percentages button:hover{color:var(--accent);background:transparent}
.ux-market .swap-direction{height:4px;position:relative;display:flex;align-items:center;justify-content:center;margin:0;z-index:1}
.ux-market .swap-direction button{width:40px;height:40px;display:grid;place-items:center;border:4px solid var(--bg);border-radius:13px;background:var(--panel);color:var(--muted);padding:0}
.ux-market .swap-direction button:hover{color:var(--text);background:var(--field)}
.ux-market .swap-direction svg{width:21px;height:21px}
.ux-market .ux-primary{height:58px;margin-top:8px;border:0;border-radius:20px;font-size:20px;font-weight:550;background:color-mix(in srgb,var(--accent) 20%,var(--panel));color:var(--accent)}
.ux-market .ux-primary:hover{background:color-mix(in srgb,var(--accent) 30%,var(--panel))}
.ux-market #ux-message:empty,.ux-market #ux-result:empty{display:none}
.ux-market #ux-message{padding:0 8px;font-size:16px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
.ux-market #ux-result{margin-top:12px;padding:12px 18px;border:1px solid var(--line);border-radius:18px;font-size:16px;line-height:1.6;overflow-wrap:anywhere;background:var(--panel)}
.ux-route{display:flex;justify-content:space-between;gap:8px;padding:18px 10px 0;font-size:15px;color:var(--muted)}
.ux-market .preview-text{font-size:14px;line-height:1.5;color:var(--muted);margin:12px 8px 0;text-align:center}
.ux-market button:focus-visible,.ux-market summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
[data-theme="light"] .ux-market .ux-token-empty{background:#e9e2f3;color:#655087}
@media(max-width:600px){.ux-market{margin-top:16px;max-width:620px}.ux-market .amount-box{padding:17px 16px}.ux-market .amount-main input,.ux-market .receive-value{font-size:44px}.ux-market .token-select{font-size:18px}.ux-market .ux-token-empty{padding:9px 11px}.ux-route{font-size:14px}.ux-market .amount-main{gap:8px}}
@media(prefers-reduced-motion:no-preference){.ux-market button{transition:background .15s,color .15s}}

/* Readable controls across all protocol pages. Tables scroll inside their container. */
main{width:100%}header{min-height:90px}.button{min-height:44px}.small{min-height:40px}.select{min-height:48px}.table-wrap td{overflow-wrap:anywhere}.position-actions{flex-wrap:wrap}nav button{width:auto;flex:1;min-width:0}.summary div{flex-wrap:wrap}.summary strong{overflow-wrap:anywhere;min-width:0}.ux-market .amount-box{padding:24px}.ux-market .amount-main{min-height:64px}.ux-market .ux-primary{height:66px}.ux-settings>summary{width:40px;height:40px}.ux-settings-popover{top:48px}.ux-market .token-select>span:not(.coin):not(.chevron){max-width:180px}.ux-market .percentages button{min-height:32px}.ux-market .preview-text{line-height:1.7}.ux-custom-slippage{min-width:80px}
@media(max-width:800px){nav button{font-size:13px;padding:15px 4px;gap:7px}.table-wrap table{min-width:900px}.stats{grid-template-columns:1fr}.stat+.stat{border-left:0;border-top:1px solid var(--line)}.toolbar{flex-wrap:wrap}.search{width:100%}.page-head{flex-wrap:wrap}.header-right .button{font-size:14px}.brand{font-size:22px}.ux-market .amount-box{padding:20px}.ux-amount-bottom{flex-wrap:wrap}.ux-route{flex-wrap:wrap}.ux-slippage-controls{flex-wrap:wrap}.ux-custom-slippage{flex:1}.create-single .panel-head{flex-wrap:wrap}.token-select>span:not(.coin):not(.chevron){max-width:130px}.ux-market .token-select{font-size:18px}.ux-market .amount-main input,.ux-market .receive-value{font-size:42px}dialog{max-height:calc(100dvh - 32px);overflow-y:auto}.dialog-buttons{flex-wrap:wrap}}
@media(max-width:380px){.brand{font-size:18px}.header-right .button{font-size:13px}.ux-market .amount-main{flex-wrap:wrap}.ux-market .amount-main input,.ux-market .receive-value{flex:1;min-width:70px;width:70px}.ux-market .token-select{font-size:16px}nav button{font-size:12px}}

/* Unified position creation */
.position-type-field{display:flex;flex-direction:column;gap:8px;margin:0 0 22px}.position-type-field .select{width:100%;min-width:0}.position-price-fields{margin:20px 0 12px}.position-price-fields label{min-width:0}.position-price-fields small{display:block;margin-top:6px}

.position-range{margin:24px 0}.range-values,.range-scale{display:flex;justify-content:space-between;gap:16px}.range-values>div:last-child,.range-scale>span:last-child{text-align:right}.range-values span{display:block;color:var(--muted);font-size:14px;margin-bottom:7px}.range-values strong{font-size:22px;overflow-wrap:anywhere}.range-scale{margin-top:24px;font-size:13px;color:var(--muted)}.range-scale b{display:block;font-size:15px;font-weight:500;margin-top:5px}.range-handles{position:relative;height:48px;margin:0 12px}.range-track{position:absolute;top:21px;left:0;right:0;height:6px;border-radius:6px;background:var(--accent)}.range-handles input[type=range]{appearance:none;-webkit-appearance:none;position:absolute;left:0;top:0;width:100%;height:48px;margin:0;padding:0;border:0;background:transparent;pointer-events:none;box-shadow:none;min-height:0}.range-handles input[type=range]::-webkit-slider-thumb{appearance:none;width:24px;height:24px;border:3px solid var(--panel);border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px var(--accent);pointer-events:auto;cursor:grab}.range-handles input[type=range]::-moz-range-thumb{width:20px;height:20px;border:3px solid var(--panel);border-radius:50%;background:var(--accent);pointer-events:auto;cursor:grab}.range-handles input[type=range]:focus-visible::-webkit-slider-thumb{outline:3px solid var(--text);outline-offset:3px}.range-handles input[type=range]:disabled{opacity:.35}.range-handles input[type=range]:disabled::-webkit-slider-thumb{cursor:not-allowed}.range-handles input[type=range]:disabled::-moz-range-thumb{cursor:not-allowed}.range-values>div{min-width:0;flex:1}

.range-values>label{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;font-size:15px}.range-values .select{width:100%;font-size:20px;font-variant-numeric:tabular-nums}.range-values small{font-size:13px;color:var(--muted)}.range-values input[aria-invalid=true]{border-color:#d99c83}@media(max-width:480px){.range-values{gap:12px}.range-values .select{font-size:17px;padding:12px 10px}}

/* Monochrome palette and quiet flowing ribbons. Original layout is preserved. */
:root{--bg:#0b0b0c;--panel:#181819;--field:#111112;--line:#343436;--text:#f0f0f0;--muted:#a0a0a3;--accent:#d8d8db;--hover:#29292c;--on-accent:#161618;--wave-color:#fff}
:root[data-theme="light"]{--bg:#efeff0;--panel:#fafafa;--field:#f5f5f6;--line:#d2d2d5;--text:#222225;--muted:#66666b;--accent:#353539;--hover:#e4e4e7;--on-accent:#fff;--wave-color:#303035}
body{background:var(--bg)}
#app{position:relative;z-index:1}
header,nav,[data-theme="light"] nav{background:color-mix(in srgb,var(--bg) 96%,transparent)}
.panel,.table-wrap,dialog,.ux-settings-popover{background:var(--panel);box-shadow:0 12px 36px #00000012}
:root{--table-glow:0 0 0 1px #ffffff66,0 0 7px #ffffff3d,0 0 20px #ffffff24,0 0 44px #ffffff12}
:root[data-theme="light"]{--table-glow:0 0 0 1px #00000042,0 0 7px #0000002e,0 0 20px #0000001f,0 0 44px #0000000f}
.panel,.table-wrap,.stats,.ux-market .amount-box{box-shadow:var(--table-glow)}
.notice,[data-theme="light"] .notice,.search,[data-theme="light"] .search,.segments,[data-theme="light"] .segments,.footnote{background:var(--field)}
.button,[data-theme="light"] .button{background:var(--panel);color:var(--text);border-color:var(--line)}
.button:hover,[data-theme="light"] .button:hover,.icon-button:hover,[data-theme="light"] .icon-button:hover{background:var(--hover);border-color:var(--muted)}
.button.primary,[data-theme="light"] .button.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.button.primary:hover,[data-theme="light"] .button.primary:hover{background:color-mix(in srgb,var(--accent) 85%,var(--text));border-color:var(--accent)}
.button.quiet,[data-theme="light"] .button.quiet{background:transparent}
.select,[data-theme="light"] .select,.create-amount-inline,.swap-panel .select,[data-theme="light"] .swap-panel .select{background:var(--field);color:var(--text);border-color:var(--line)}
th,[data-theme="light"] th{background:var(--field)}tbody tr:hover,[data-theme="light"] tbody tr:hover{background:var(--hover)}
.coin,[data-theme="light"] .coin,.token-select,[data-theme="light"] .token-select,.burn-stat .stat-icon,[data-theme="light"] .burn-stat .stat-icon{background:var(--hover);color:var(--text)}
.percentages button:hover,.percentages button.active,.pills button.active,[data-theme="light"] .percentages button:hover,[data-theme="light"] .percentages button.active,[data-theme="light"] .pills button.active,.segments button.active,[data-theme="light"] .segments button.active{background:var(--hover);border-color:var(--muted);color:var(--text)}
nav button:hover,[data-theme="light"] nav button:hover{color:var(--text)}
.summary strong,.capacity .values{color:var(--text)}.bar i{background:var(--accent)}
.ux-market .amount-box{background:var(--panel);border-color:var(--line)}.ux-market .ux-buy{background:var(--field)}
.ux-market .ux-primary,.ux-market .ux-token-empty,[data-theme="light"] .ux-market .ux-token-empty{background:var(--accent);color:var(--on-accent)}
.ux-market .ux-primary:hover{background:color-mix(in srgb,var(--accent) 85%,var(--text))}
.ambient-waves{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;contain:strict}
.ambient-waves svg{position:absolute;left:-20%;top:8%;width:140%;height:100%;stroke:none}
.ambient-waves path:not(.wave-edge){opacity:.2}
.ambient-waves .wave-edge{fill:none;stroke:var(--wave-color);stroke-width:1.2;opacity:.6;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--wave-color) 60%,transparent)) drop-shadow(0 0 10px color-mix(in srgb,var(--wave-color) 35%,transparent))}
.ambient-waves .wave-front{transform-origin:50% 50%;animation:wave-drift 18s ease-in-out infinite alternate}
.ambient-waves .wave-back{transform-origin:50% 50%;animation:wave-return 24s ease-in-out infinite alternate}
@keyframes wave-drift{from{transform:translate(-85px,30px) rotate(-1.6deg)}to{transform:translate(95px,-35px) rotate(1.6deg)}}
@keyframes wave-return{from{transform:translate(70px,-30px) rotate(1.3deg)}to{transform:translate(-80px,40px) rotate(-1.3deg)}}
@media(max-width:800px){.ambient-waves svg{left:-65%;width:230%}.ambient-waves path:not(.wave-edge){opacity:.15}}
@media(prefers-reduced-motion:reduce){.ambient-waves .wave-front,.ambient-waves .wave-back{animation:none}}

/* Burn: complete form and fund states, including an unconfigured deployment. */
.burn-page{align-items:start}.burn-page>.panel{min-width:0}
.burn-header-tools{display:flex;align-items:center;gap:12px}.burn-settings>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.burn-settings .ux-settings-popover{max-width:calc(100vw - 80px)}
.burn-field{display:block;margin-bottom:22px}.burn-input{position:relative}.burn-input input{padding-right:78px;font-size:28px;font-variant-numeric:tabular-nums}.burn-input>span{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--muted);pointer-events:none}
.burn-payout{background:var(--field);border:1px solid var(--line);border-radius:10px;padding:20px;margin:0 0 22px}.burn-payout>strong{display:block;font-size:32px;font-weight:500;margin:12px 0}.burn-payout>strong span{font-size:18px;color:var(--muted)}.burn-payout small{display:block;color:var(--muted);font-size:14px;line-height:1.6}
.burn-page .note{display:block;font-size:14px;line-height:1.65}.burn-page form>.wide{margin-top:8px}.burn-tools{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.burn-tools .button{font-size:15px}
.burn-metrics{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px;padding:8px 0 24px}.burn-metric{min-width:0}.burn-metric:first-child{grid-column:1/-1}.burn-metric strong{display:block;font-size:23px;font-weight:500;margin:10px 0 6px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.burn-metric:first-child strong{font-size:30px}.burn-metric small{display:block;font-size:13px;line-height:1.6;color:var(--muted)}
.burn-cooldowns{border-top:1px solid var(--line);padding-top:10px}.burn-cooldowns>div{display:flex;justify-content:space-between;gap:18px;padding:9px 0;font-size:14px;color:var(--muted)}.burn-cooldowns strong{font-size:14px;font-weight:500;color:var(--text);text-align:right;overflow-wrap:anywhere;max-width:58%}
.burn-rules{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}.burn-rules dl{margin:16px 0 0}.burn-rules dl>div{display:flex;justify-content:space-between;gap:18px;margin-top:13px;font-size:14px}.burn-rules dt{color:var(--muted)}.burn-rules dd{margin:0;text-align:right}
@media(max-width:800px){.burn-page{gap:24px}.burn-metrics{gap:20px 14px}.burn-tools .button{flex:1}.burn-page .panel-head{gap:12px;flex-wrap:wrap}}

/* Cashback lives in the wallet profile; no separate page. */
.wallet-cashback{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}
.wallet-cashback h3{margin:0 0 10px;font-size:18px}
.wallet-cashback-amount{display:flex;flex-direction:column;gap:6px;margin:18px 0;overflow-wrap:anywhere}
.wallet-cashback-amount strong{font-size:28px;line-height:1.3}
.wallet-cashback-amount span{font-size:14px;color:var(--muted)}
.wallet-cashback .balance-note{font-size:14px;line-height:1.5}
.wallet-cashback-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.wallet-cashback-tools .button{font-size:14px}
.wallet-cashback #fees-message:empty{display:none}

/* Administrative controls share the existing monochrome panels and glow. */
.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.admin-card{min-width:0;padding:28px}.admin-card h2{font-size:23px;margin:0}
.admin-card label{display:block;margin:24px 0 18px;font-size:16px}
.admin-card label .select{margin-top:10px;width:100%;box-sizing:border-box}
.admin-balance{display:flex;flex-direction:column;gap:9px;margin:30px 0 22px;overflow-wrap:anywhere}
.admin-balance strong{font-size:38px;line-height:1.2;font-weight:500;font-variant-numeric:tabular-nums}
.admin-balance span,.admin-access,.admin-hint{font-size:15px;color:var(--muted);line-height:1.65}
.admin-access{margin-bottom:24px}.admin-card .subtitle{font-size:15px;line-height:1.7}
.admin-amount{display:flex;align-items:center;gap:10px}.admin-amount .select{min-width:0}.admin-amount .button{margin-top:10px}
.admin-card>[data-admin-action]{width:100%;min-height:46px;margin-top:12px}
.admin-split{margin:28px 0 20px}.admin-split>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line)}
.admin-split span{color:var(--muted)}.admin-split strong{font-size:21px;font-weight:500}
.admin-tools,.admin-recovery{display:flex;gap:10px;flex-wrap:wrap}.admin-recovery{margin-top:28px}
.admin-address{overflow-wrap:anywhere;font-size:16px;line-height:1.6}.admin-review-amount{font-size:32px}
#admin-message:empty{display:none}#admin-message{line-height:1.6;overflow-wrap:anywhere}
@media(max-width:800px){.admin-grid{grid-template-columns:1fr;gap:24px}.admin-card{padding:22px}.admin-balance strong{font-size:30px}.admin-tools{margin-top:12px}.admin-recovery>.button{flex:1}.admin-card .panel-head{flex-wrap:wrap;gap:12px}}
