/* Charcoal and emerald. Neutral type preserves contrast. */

body{background:radial-gradient(ellipse at 90% 0%,#8A8F8B0B,transparent 40%),var(--bg)}
.sidebar{background:#F4F6F3;border-color:#E9E9E3}.sidebar-label{color:#797F7B}.sidebar>.brand{margin-bottom:38px}
.brand-icon{background:linear-gradient(140deg,#29302C,#5F6561);box-shadow:none}.brand-icon svg{stroke:#F1F1EC}
.side-nav a.active{background:#3A403D10;border-color:#3A403D22;color:#232A26}.side-nav a.active .ui-icon{color:#3A403D}.side-nav a:hover{background:#F1F1ED}
.sidebar-promo{background:linear-gradient(145deg,#E2E2DC,#F3F3EF 70%);border-color:#D3D3CD}.sidebar-promo .promo-symbol{color:#303633}.sidebar-promo b{font-size:21px}.sidebar-promo>span:not(.promo-symbol):not(.promo-link){color:#565D59}
.header{background:#F8F8F6ED}.header-inner{height:76px}.header-actions{gap:18px}
.btn,.btn.dark{background:linear-gradient(110deg,#29302C,#505753);color:#F1F1EC;font-weight:650;border:1px solid #29302C40;min-height:44px;border-radius:9px;box-shadow:0 2px 0 #0D13100B inset}
.btn:hover:not(:disabled){background:linear-gradient(110deg,#131916,#343A37);box-shadow:0 4px 20px #444B4716}
.btn.outline{color:#353B38;border-color:#D6D6CF;background:#F4F4F040}.btn.ghost{background:transparent;color:#353B38;border-color:transparent;box-shadow:none}.btn.light{background:#E0E0D9;color:#232A26}
.hero{min-height:355px;border-radius:20px;border-color:#CDCEC7;background:radial-gradient(ellipse at 88% 6%,#7278742E,transparent 56%),radial-gradient(ellipse at 7% 96%,#4C534F23,transparent 62%),linear-gradient(115deg,#F2F2EE,#F2F2EE)}
.hero:before{background:none}.hero-copy{padding:38px 25px 35px 36px}.hero h1{font-size:clamp(38px,3.75vw,58px);letter-spacing:-2.7px;line-height:1.08}.hero h1 em{color:#252C28;background:linear-gradient(100deg,#1A201D,#505753 60%,#5B615D);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-copy .eyebrow{font-size:10px;color:#4B524E;margin-bottom:25px}.hero p{font-size:14px;line-height:1.8;color:#4B524E;margin-top:21px}.hero-actions{margin-top:26px}.hero-actions .btn{font-size:12px;min-height:44px}.hero-fineprint{color:#5C635F;font-size:10px;margin-top:25px}
.engine-visual{margin:25px 25px 25px 8px;border-color:#62686433;border-radius:15px;background:linear-gradient(140deg,#4249450C,#62696512),#FAFAF8A6;backdrop-filter:blur(12px);padding:23px 25px}
.engine-top{color:#505753;font-size:9px}.engine-top .status-dot{background:#333936;box-shadow:0 0 9px #33393633}.engine-number>span{color:#343A37;text-shadow:none;font-weight:500;letter-spacing:-9px}.engine-number>small{color:#5E6460}.engine-orbit{border-color:#474E4A22;box-shadow:0 0 0 17px #474E4A04,0 0 0 35px #474E4A03}.engine-caption{color:#333936;font-size:12px}.engine-bars i:nth-child(1){background:linear-gradient(90deg,#303633,#5F6561);box-shadow:none}.engine-bars i:nth-child(2){background:#6A706C}.engine-foot{font-size:9px;color:#606763}.engine-bottom{color:#5A615D}
.stats-row{gap:14px;margin-top:20px}.stat{border-radius:12px;padding:20px;background:linear-gradient(150deg,#F1F1EC66,#FEFEFD)}.stat .label{font-size:12px;color:#565D59}.stat strong{font-size:29px}.stat .sub{font-size:10px;color:#676D69}.asset-secondary{color:#626965!important}.stat-top .ui-icon{color:#676D69}
.spotlight-card{background:linear-gradient(130deg,#EEEEE8,#F4F4F0);border:1px solid #D9D9D2;border-radius:13px}.spotlight-card:nth-child(2){background:linear-gradient(130deg,#EFEFEA,#F1F1EC)}.spotlight-card:nth-child(3){background:linear-gradient(130deg,#EDEDE8,#F1F1ED)}.spotlight-card:hover{border-color:#59605C;transform:translateY(-2px)}.spotlight-top{color:#575E5A}.spotlight-identity h3{font-size:16px}.spotlight-identity>div>span{font-size:11px}.micro-label{color:#606763}.spotlight-bottom strong{font-size:26px}
.token-table th{font-size:11px;color:#5E6561;background:#F2F2EE}.token-table td{font-size:13px;padding-top:18px;padding-bottom:18px}.token-name{font-size:14px;color:#181E1B}.token-sub{font-size:10px;color:#5E6460}.col-change{font-size:12px!important}.token-table tbody tr:hover{background:#EAEAE4}.tag-inline{color:#4A514D;border-color:#CACBC4;background:#E5E5DF}.token-icon.lime{background:linear-gradient(140deg,#DADAD3,#E7E7E1);color:#343A37}.token-icon{border-radius:11px}.table-container{border-radius:12px}.table-note{font-size:10px;color:#696F6B}
.toolbar .tabs button{font-size:12px;min-height:38px}.tabs{background:#FAFAF8;border-color:#DEDED8}.tabs button.active{background:#DCDCD6;color:#252C28}.search input{font-size:12px;width:172px}.toolbar select{font-size:12px}.search{background:#FAFAF8;border-color:#DADAD3}.search:focus-within{border-color:#3C433F}
.feature-card{border-radius:15px;background:linear-gradient(135deg,#EFEFEA,#F2F2ED);border-color:#D9D9D3}.feature-card.tinted{background:linear-gradient(135deg,#EFEFEA,#F1F1ED)}.feature-card p{font-size:12px;color:#585F5B}.feature-card .eyebrow{color:#535A56}.feature-card h3{font-size:24px}.fee-bar>span:first-child,.progress>span:first-child{background:#575E5A}.fee-bar>span:nth-child(2),.progress>.paid{background:#676D69}.arrow-link{color:#2C322F}
.card,.chart-card,.trade-card{border-radius:15px;background:linear-gradient(150deg,#F1F1ED33,#FFFFFF);border-color:#DEDED8}.card h3{letter-spacing:-.025em}.page-head p{color:#585F5B;font-size:13px}.page-head .eyebrow{color:#5C635F}.notice{color:#4F5652}.notice.warning{color:#4D5450}.allocation-hero{border-radius:18px;background:radial-gradient(at 85% 15%,#6B716D33,transparent 70%),linear-gradient(120deg,#E2E2DC,#F1F1ED);border-color:#BABCB7}.allocation-symbol{color:#303633}.allocation-hero h2{color:#181E1B}.allocation-hero p{color:#4E5551}.analytics-bar{background:linear-gradient(0deg,#B7B9B4,#353B38)}
.option.active{border-color:#505753;background:#4249450D}.option.active h4{color:#29302C}.option-grid{grid-template-columns:1fr}.mode-card.active{border-color:#9DA29E}.mode-card.active h4{color:#252C28}.preview-name{color:#1E2521}.environment-copy{color:#606662}.footer-bottom{color:#6F7571}.footer-top{color:#59605C}
.analytics-axis{gap:8px}.analytics-axis span{min-width:0;font-size:10px}.analytics-chart{gap:14px}.analytics-bar{min-width:0}.analytics-bar span{font-size:10px;white-space:nowrap}
@media(min-width:1450px){.hero h1{font-size:58px}.hero-copy{padding-top:42px}}
@media(max-width:1100px) and (min-width:601px){.hero h1{font-size:40px}.hero-copy{padding:30px 22px}.hero-fineprint{max-width:230px}.engine-visual{padding:23px 16px}.engine-top{font-size:8px}.engine-number>span{font-size:110px}}
@media(max-width:800px){.hero{border-radius:16px}.hero h1{font-size:46px}.hero-copy{padding:30px}.hero p{font-size:13px}.stat .label{font-size:11px}.stats-row{gap:10px}.analytics-chart{gap:9px}}
@media(max-width:600px){.header-inner{height:66px}.hero{min-height:0}.hero-copy{padding:29px 23px 23px}.hero h1{font-size:clamp(30px,9vw,48px);letter-spacing:-1.6px;white-space:normal}.hero-copy .eyebrow{font-size:9px;margin-bottom:20px}.hero p{font-size:13px;margin-top:18px}.hero-actions{gap:6px;margin-top:21px}.hero-actions .btn{font-size:11px;padding:10px 12px;gap:8px}.hero-fineprint{font-size:9px;margin-top:21px;line-height:1.7}.engine-visual{margin:0 16px 16px;padding:17px;column-gap:18px}.engine-number>span{font-size:85px}.engine-number>small{font-size:28px}.engine-top{font-size:8px}.engine-caption{font-size:10px;margin-top:12px}.engine-foot{font-size:8px}.stat{padding:15px 13px}.stat strong{font-size:27px}.stat .label{font-size:10px}.stat .sub{font-size:9px;line-height:1.5}.asset-secondary{font-size:9px!important}.spotlight-card{flex-basis:86%;padding:17px}.spotlight-identity h3{font-size:15px}.spotlight-identity>div>span{font-size:10px}.spotlight-bottom strong{font-size:25px}.spotlight-top{font-size:8px}.toolbar .tabs button{font-size:11px;min-height:38px}.search input{font-size:12px;width:100%}.toolbar select{font-size:11px}.token-table td,.token-table th{padding:15px 10px}.token-table td{font-size:11px}.token-table th{font-size:9px}.token-name{font-size:12px}.token-sub{font-size:8px;gap:4px}.col-change{font-size:10px!important}.tag-inline{font-size:7px}.table-note{font-size:9px}.feature-card h3{font-size:22px}.feature-card p{font-size:12px}.environment-copy{font-size:9px}.mobile-bottom-nav a.active{color:#303633}.mobile-bottom-nav a.active .ui-icon{filter:none}.analytics-chart{gap:7px}.analytics-bar span{font-size:8px;transform:rotate(-35deg);transform-origin:left center}.analytics-axis span{font-size:8px}.page-head h1{font-size:32px}.hero-actions .btn.ghost{padding-right:0}.receipt-table{font-size:10px}}
@media(max-width:360px){.engine-top{font-size:7px}.hero-copy{padding:26px 19px 22px}.hero-fineprint{font-size:8px}.token-table td,.token-table th{padding-left:7px;padding-right:7px}.token-sub .tag-inline{display:none}}

/* Final palette: charcoal surfaces and a single emerald accent. */

body{background:var(--bg)}::selection{background:#B6DBC9;color:#0D1310}
.sidebar{background:#F8F8F6;border-color:#EBEBE5}.header{background:#F7F7F5F5}
.brand-icon{background:#B6DBC9;box-shadow:none}.brand-icon svg{stroke:#0D1310}
.side-nav a.active{background:#B6DBC91C;border-color:#B6DBC955;color:#0F9C62}.side-nav a.active .ui-icon{color:#0C8050}.side-nav a:hover{background:#F3F3EF}.side-nav a.active span{color:inherit}
.btn,.btn.dark{background:linear-gradient(135deg,#A8D3BE,#D1EADC);color:#0D1310;border:1px solid #65AD8D;box-shadow:inset 0 1px 0 #0D13100A}
.btn:hover:not(:disabled){background:linear-gradient(135deg,#8EC4AC,#B6DBC9);box-shadow:0 4px 18px #FFFFFF30}
.btn.outline{background:#FDFDFD;color:#343A37;border-color:#D9D9D2}.btn.outline:hover:not(:disabled){background:#EEEEE9;box-shadow:none}
.btn.ghost{background:transparent;border-color:transparent;color:#343A37;box-shadow:none}.btn.ghost:hover:not(:disabled){background:#0D131005;box-shadow:none}.btn.light{background:#EEEEE9;color:#0F9D63}
.hero{border-color:#D8D8D1;background:linear-gradient(112deg,#F6F6F3 0%,#E1F0E8 55%,#FCFCFA 100%)}
.hero h1 em{background:none;-webkit-text-fill-color:currentColor;color:#0C8050}.hero p{color:#505652}.hero-copy .eyebrow{color:#5B615D}.hero-fineprint{color:#676D69}
.engine-visual{background:#F8F8F6DB;border-color:#D8D8D1;backdrop-filter:none}.engine-number>span{color:#0C8352}.engine-number>small{color:#929793}.engine-top{color:#636965}.engine-top .status-dot{background:#0C8050;box-shadow:none}.engine-orbit{border-color:#C0C2BC40;box-shadow:0 0 0 17px #C0C2BC08,0 0 0 35px #C0C2BC04}
.engine-bars i:nth-child(1),.fee-bar>span:first-child{background:#B6DBC9;box-shadow:none}.engine-bars i:nth-child(2),.fee-bar>span:nth-child(2){background:#909692}.engine-bars i:nth-child(3),.fee-bar>span:nth-child(3){background:#D9D9D3}
.engine-bottom i,.fee-legend span:nth-child(2) i{background:#909692}.engine-bottom>span:nth-child(2) i,.fee-legend span:nth-child(3) i{background:#D9D9D3}.fee-legend span:first-child i{background:#B6DBC9}.engine-caption{color:#4E5551}.engine-foot{color:#686E6A}
.stat,.card,.chart-card,.trade-card{background:#F2F6F1;border-color:#E6E6E0}.stat .label{color:#606662}.stat-top .ui-icon{color:#7F8581}
.spotlight-card,.spotlight-card:nth-child(2),.spotlight-card:nth-child(3){background:linear-gradient(135deg,#F3F3EF,#FDFDFC);border-color:#E0E0DA}.spotlight-card:hover{border-color:#6EB294}.spotlight-card:before,.spotlight-card:after{display:none}.spotlight-top{color:#6F7571}
.sidebar-promo,.feature-card,.feature-card.tinted,.allocation-hero{background:linear-gradient(125deg,#EFEFEA,#FFFFFF);border-color:#D9D9D2}.sidebar-promo:after{border-color:#B6DBC933;box-shadow:none}.sidebar-promo .promo-symbol,.arrow-link{color:#0C8050}.sidebar-promo>span:not(.promo-symbol):not(.promo-link){color:#5E6460}
.token-icon,.token-icon.lime,.token-icon.lilac,.token-icon.blue,.token-icon.peach,.token-icon.mint,.token-icon.pink,.token-icon.yellow,.token-icon.emerald{background:#ECECE6;color:#6B716D;box-shadow:inset 0 0 0 1px #B9DDCB}
.sparkline path{stroke:#0C8050}.sparkline.down path{stroke:#636965;stroke-dasharray:3 2}.positive{color:#0C8050}.negative{color:#565D59}
.token-table th{background:#F6F6F3;color:#656B67}.token-table tbody tr:hover{background:#EFEFEA}.token-sub{color:#6A706C}.tag-inline{background:#E8E8E2;border-color:#CDCEC7;color:#555B57}
.tabs{background:#EFF5F0;border-color:#E2E2DC}.tabs button.active{background:#D6ECE0;color:#0F9D63}.search,.toolbar select,select{background:#F0F5F0;border-color:#DCDCD5;color:#555B57}.search:focus-within{border-color:#0C8050;box-shadow:0 0 0 2px #B6DBC915}.search kbd{background:#F0F0EB;border-color:#DBDBD5;color:#6B716D}
.tag,.tag.lime,.tag.purple,.tag.neutral,.tag.warning{background:#EEEEE9;color:#4E5551;border:1px solid #DADAD3}.environment-badge{background:#F4F4F0;border-color:#DBDBD4;color:#5B615D}.environment-badge .status-dot{background:#747A76}.demo-data-label .mini-dot{background:#747A76}
.notice,.notice.warning,.notice.danger,.live-notice{background:#F4F4F0;border-color:#D0D0CA;color:#4E5551}.notice.danger{border-left:3px solid #636965}.error,.toast.error{color:#1E2521}.toast,.toast.error{background:#F1F1ED;border-color:#BDBFB9;box-shadow:0 8px 24px #FFFFFF55}
.progress>span:first-child{background:#B6DBC9}.progress>.paid{background:#747A76}.progress{background:#E8E8E2}.option.active{border-color:#4EA07D;background:#B6DBC914}.option.active h4,.mode-card.active h4{color:#0F9D63}.mode-card.active{border-color:#C0C2BC;background:#F3F3EF}
.section-tabs button.active{color:#0E945D;border-color:#B6DBC9}.analytics-bar{background:linear-gradient(0deg,#E0F0E7,#95C8B0)}.feature-icon{background:#DAEDE2;color:#646A66}.allocation-symbol{color:#919692}
.solana-mark b{background:#747A76}.wallet-option>span,.wallet-option:nth-of-type(2)>span{background:#DAEDE2!important;color:#505753!important}.wallet-option:hover{background:#EBEBE5;border-color:#AFB2AD}
.big-chart path[fill="none"]{stroke:#0C8050}.big-chart circle{fill:#0C8050}.big-chart stop{stop-color:#B6DBC9}
input[type=range]{accent-color:#B6DBC9}.mobile-bottom-nav{background:#F2F6F2F5;border-color:#DFDFD9}.mobile-bottom-nav a.active{color:#0C8654}.mobile-bottom-nav a.active .ui-icon{filter:none}
.spotlight-card:first-child{background:linear-gradient(135deg,#F3F3EF,#FDFDFC);border-color:#E0E0DA}.spotlight-bottom .sparkline path,.spotlight-card:nth-child(2) .sparkline path,.spotlight-card:nth-child(3) .sparkline path{stroke:#0C8050}
.engine-bars i:first-child,.fee-bar>span:first-child{width:85%}.engine-bars i:nth-child(2),.fee-bar>span:nth-child(2){width:15%}.engine-bottom{flex-wrap:wrap}.engine-caption{max-width:240px;margin-inline:auto}.fee-legend{flex-wrap:wrap}.stat .sub{white-space:normal}
.demo-controls summary{cursor:pointer;font-size:12px;color:#5C635F}.demo-controls .controls-row{margin-top:16px}
dialog:has(.wallet-connect){width:700px;max-width:calc(100vw - 32px);border-radius:24px;background:#FDFDFC;border-color:#DCDCD5}
.dialog-content:has(.wallet-connect){padding:0}.wallet-connect{display:grid;grid-template-columns:1.15fr 1fr}.wallet-choices{padding:30px}.wallet-connect .dialog-head{margin-bottom:26px}.wallet-connect h2{font-size:23px}.wallet-connect .close{width:32px;height:32px;background:#E9E9E3;border-radius:50%;font-size:20px;color:#444B47}.wallet-network{font-size:10px;letter-spacing:.13em;color:#757A76;margin-bottom:12px}
.wallet-pick{width:100%;display:flex;align-items:center;gap:14px;text-align:left;padding:14px 10px;border-radius:14px;background:transparent;border:1px solid transparent;margin-bottom:8px}.wallet-pick:hover{background:#EFEFEA;border-color:#CFCFC9}.wallet-symbol{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#B5DAC8,#DFF0E6);color:#0F9D63}.wallet-symbol .ui-icon{width:24px;height:24px}.wallet-pick b{display:block;font-size:15px;color:#202723}.wallet-pick small{display:block;font-size:11px;color:#707672;margin-top:3px}.wallet-pick-arrow{margin-left:auto;color:#707672}.wallet-safety{font-size:10px;color:#707672;line-height:1.7;margin-top:28px}.wallet-skip{color:#515854;font-size:11px;background:transparent;padding:12px 0}
.wallet-about{border-left:1px solid #E0E0DA;padding:44px 30px 30px;display:flex;flex-direction:column;justify-content:center;text-align:center;background:linear-gradient(150deg,#EEEEE9,#FAFAF8);border-radius:0 24px 24px 0}.wallet-illustration{margin:0 auto 23px;width:78px;height:72px;border:1px solid #B8BBB5;border-radius:20px;background:#CEE8DA;display:grid;place-items:center;transform:rotate(-8deg)}.wallet-illustration .ui-icon{width:38px;height:38px;color:#0F9960}.wallet-about h3{font-size:19px;letter-spacing:-.02em}.wallet-about p{font-size:12px;line-height:1.8;color:#616763;margin-top:12px}.wallet-get-links{display:grid;gap:9px;margin:20px 0 8px;font-size:12px;color:#0F9D63}.wallet-get-links a:hover{text-decoration:underline}.wallet-about .wallet-about-note{font-size:10px;color:#7D837F}
@media(max-width:600px){dialog:has(.wallet-connect){max-width:calc(100vw - 24px)}.wallet-connect{grid-template-columns:1fr}.wallet-choices{padding:24px}.wallet-about{border-left:0;border-top:1px solid #E0E0DA;border-radius:0 0 24px 24px;padding:20px 24px}.wallet-illustration,.wallet-about .wallet-about-note{display:none}.wallet-about h3{font-size:16px}.wallet-about p{font-size:11px;margin-top:6px}.wallet-get-links{display:flex;justify-content:center;gap:20px;margin:14px 0 0}.wallet-safety{margin-top:16px}.wallet-connect .dialog-head{margin-bottom:18px}}
