/* Charcoal and emerald. Neutral type preserves contrast. */
:root{--bg:#0e0e0e;--paper:#161616;--raised:#1e1e1e;--ink:#f5f5f5;--muted:#b0b0b0;--subtle:#919191;--line:#343434;--line-soft:#2a2a2a;--blue:#d4d4d4;--blue-light:#e9e9e9;--green:#d4d4d4;--lime:#d4d4d4;--forest:#353535;--sidebar:216px}
body{background:radial-gradient(ellipse at 90% 0%,#8181810b,transparent 40%),var(--bg)}
.sidebar{background:#111111;border-color:#2d2d2d}.sidebar-label{color:#919191}.sidebar>.brand{margin-bottom:38px}
.brand-icon{background:linear-gradient(140deg,#e1e1e1,#afafaf);box-shadow:none}.brand-icon svg{stroke:#232323}.brand-period{color:#dddddd}
.side-nav a.active{background:#d6d6d610;border-color:#d6d6d622;color:#e4e4e4}.side-nav a.active .ui-icon{color:#d6d6d6}.side-nav a:hover{background:#222222}
.sidebar-promo{background:linear-gradient(145deg,#353535,#1f1f1f 70%);border-color:#494949}.sidebar-promo .promo-symbol{color:#dcdcdc}.sidebar-promo b{font-size:21px}.sidebar-promo>span:not(.promo-symbol):not(.promo-link){color:#bbbbbb}
.header{background:#0f0f0fed}.header-inner{height:76px}.header-actions{gap:18px}
.btn,.btn.dark{background:linear-gradient(110deg,#e1e1e1,#c3c3c3);color:#232323;font-weight:650;border:1px solid #e1e1e140;min-height:44px;border-radius:9px;box-shadow:0 2px 0 #ffffff0b inset}
.btn:hover:not(:disabled){background:linear-gradient(110deg,#eeeeee,#dadada);box-shadow:0 4px 20px #d0d0d016}
.btn.outline{color:#d9d9d9;border-color:#464646;background:#1e1e1e40}.btn.ghost{background:transparent;color:#d9d9d9;border-color:transparent;box-shadow:none}.btn.light{background:#383838;color:#e4e4e4}
.hero{min-height:355px;border-radius:20px;border-color:#4d4d4d;background:radial-gradient(ellipse at 88% 6%,#9898982e,transparent 56%),radial-gradient(ellipse at 7% 96%,#c9c9c923,transparent 62%),linear-gradient(115deg,#202020,#202020)}
.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:#e3e3e3;background:linear-gradient(100deg,#eaeaea,#c3c3c3 60%,#b5b5b5);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-copy .eyebrow{font-size:10px;color:#cacaca;margin-bottom:25px}.hero p{font-size:14px;line-height:1.8;color:#cacaca;margin-top:21px}.hero-actions{margin-top:26px}.hero-actions .btn{font-size:12px;min-height:44px}.hero-fineprint{color:#b3b3b3;font-size:10px;margin-top:25px}
.engine-visual{margin:25px 25px 25px 8px;border-color:#ababab33;border-radius:15px;background:linear-gradient(140deg,#d1d1d10c,#aaaaaa12),#191919a6;backdrop-filter:blur(12px);padding:23px 25px}
.engine-top{color:#c3c3c3;font-size:9px}.engine-top .status-dot{background:#dbdbdb;box-shadow:0 0 9px #dbdbdb33}.engine-number>span{color:#dadada;text-shadow:none;font-weight:500;letter-spacing:-9px}.engine-number>small{color:#b1b1b1}.engine-orbit{border-color:#cecece22;box-shadow:0 0 0 17px #cecece04,0 0 0 35px #cecece03}.engine-caption{color:#dbdbdb;font-size:12px}.engine-bars i:nth-child(1){background:linear-gradient(90deg,#dcdcdc,#afafaf);box-shadow:none}.engine-bars i:nth-child(2){background:#a0a0a0}.engine-foot{font-size:9px;color:#adadad}.engine-bottom{color:#b6b6b6}
.stats-row{gap:14px;margin-top:20px}.stat{border-radius:12px;padding:20px;background:linear-gradient(150deg,#23232366,#151515)}.stat .label{font-size:12px;color:#bbbbbb}.stat strong{font-size:29px}.stat .sub{font-size:10px;color:#a4a4a4}.asset-secondary{color:#aaaaaa!important}.stat-top .ui-icon{color:#a3a3a3}
.spotlight-card{background:linear-gradient(130deg,#272727,#1d1d1d);border:1px solid #424242;border-radius:13px}.spotlight-card:nth-child(2){background:linear-gradient(130deg,#252525,#232323)}.spotlight-card:nth-child(3){background:linear-gradient(130deg,#282828,#222222)}.spotlight-card:hover{border-color:#b7b7b7;transform:translateY(-2px)}.spotlight-top{color:#b9b9b9}.spotlight-identity h3{font-size:16px}.spotlight-identity>div>span{font-size:11px}.micro-label{color:#adadad}.spotlight-bottom strong{font-size:26px}
.token-table th{font-size:11px;color:#b0b0b0;background:#202020}.token-table td{font-size:13px;padding-top:18px;padding-bottom:18px}.token-name{font-size:14px;color:#ebebeb}.token-sub{font-size:10px;color:#b1b1b1}.col-change{font-size:12px!important}.token-table tbody tr:hover{background:#2c2c2c}.tag-inline{color:#cccccc;border-color:#505050;background:#313131}.token-icon.lime{background:linear-gradient(140deg,#404040,#2f2f2f);color:#dadada}.token-icon{border-radius:11px}.table-container{border-radius:12px}.table-note{font-size:10px;color:#a1a1a1}
.toolbar .tabs button{font-size:12px;min-height:38px}.tabs{background:#1a1a1a;border-color:#3a3a3a}.tabs button.active{background:#3d3d3d;color:#e3e3e3}.search input{font-size:12px;width:172px}.toolbar select{font-size:12px}.search{background:#1a1a1a;border-color:#404040}.search:focus-within{border-color:#d5d5d5}
.feature-card{border-radius:15px;background:linear-gradient(135deg,#262626,#212121);border-color:#414141}.feature-card.tinted{background:linear-gradient(135deg,#252525,#222222)}.feature-card p{font-size:12px;color:#b8b8b8}.feature-card .eyebrow{color:#bfbfbf}.feature-card h3{font-size:24px}.fee-bar>span:first-child,.progress>span:first-child{background:#b9b9b9}.fee-bar>span:nth-child(2),.progress>.paid{background:#a4a4a4}.arrow-link{color:#dfdfdf}
.card,.chart-card,.trade-card{border-radius:15px;background:linear-gradient(150deg,#22222233,#161616);border-color:#3a3a3a}.card h3{letter-spacing:-.025em}.page-head p{color:#b8b8b8;font-size:13px}.page-head .eyebrow{color:#b3b3b3}.notice{color:#c5c5c5}.notice.warning{color:#c8c8c8}.allocation-hero{border-radius:18px;background:radial-gradient(at 85% 15%,#9e9e9e33,transparent 70%),linear-gradient(120deg,#353535,#222222);border-color:#5b5b5b}.allocation-symbol{color:#dddddd}.allocation-hero h2{color:#ebebeb}.allocation-hero p{color:#c7c7c7}.analytics-bar{background:linear-gradient(0deg,#5e5e5e,#d9d9d9)}
.option.active{border-color:#c4c4c4;background:#d1d1d10d}.option.active h4{color:#e0e0e0}.option-grid{grid-template-columns:1fr}.mode-card.active{border-color:#707070}.mode-card.active h4{color:#e3e3e3}.preview-name{color:#e7e7e7}.environment-copy{color:#aeaeae}.footer-bottom{color:#9b9b9b}.footer-top{color:#b7b7b7}
.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:#dddddd}.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. */
:root{--bg:#0c0e0d;--paper:#121513;--raised:#191d1b;--ink:#ecf0ed;--muted:#a4afa8;--subtle:#86928b;--line:#303b34;--line-soft:#242c27;--blue:#17795b;--blue-light:#68c6a2;--green:#68c6a2;--lime:#17795b;--forest:#12392c;--red:#b6c0b9}
body{background:var(--bg)}::selection{background:#17795b;color:#fff}
.sidebar{background:#0e110f;border-color:#263029}.header{background:#0c0e0df5}.brand-period{color:#68c6a2}
.brand-icon{background:#17795b;box-shadow:none}.brand-icon svg{stroke:#f1f5f2}
.side-nav a.active{background:#17795b1c;border-color:#17795b55;color:#b6ddcc}.side-nav a.active .ui-icon{color:#68c6a2}.side-nav a:hover{background:#1a241e}.side-nav a.active span{color:inherit}
.btn,.btn.dark{background:linear-gradient(135deg,#1a8262,#126046);color:#f3f6f4;border:1px solid #3b9674;box-shadow:inset 0 1px 0 #ffffff0a}
.btn:hover:not(:disabled){background:linear-gradient(135deg,#218e6d,#17795b);box-shadow:0 4px 18px #00000030}
.btn.outline{background:#141a16;color:#d6ded9;border-color:#3b4840}.btn.outline:hover:not(:disabled){background:#202d25;box-shadow:none}
.btn.ghost{background:transparent;border-color:transparent;color:#d6ded9;box-shadow:none}.btn.ghost:hover:not(:disabled){background:#ffffff05;box-shadow:none}.btn.light{background:#173629;color:#d1e6d9}
.hero{border-color:#345343;background:linear-gradient(112deg,#10291d 0%,#123a2a 55%,#0e1712 100%)}
.hero h1 em{background:none;-webkit-text-fill-color:currentColor;color:#68c6a2}.hero p{color:#becbc3}.hero-copy .eyebrow{color:#abbfb2}.hero-fineprint{color:#98b09f}
.engine-visual{background:#0b140edb;border-color:#335441;backdrop-filter:none}.engine-number>span{color:#82ba9a}.engine-number>small{color:#649075}.engine-top{color:#9db4a5}.engine-top .status-dot{background:#68c6a2;box-shadow:none}.engine-orbit{border-color:#44695140;box-shadow:0 0 0 17px #44695108,0 0 0 35px #44695104}
.engine-bars i:nth-child(1),.fee-bar>span:first-child{background:#17795b;box-shadow:none}.engine-bars i:nth-child(2),.fee-bar>span:nth-child(2){background:#6c8b79}.engine-bars i:nth-child(3),.fee-bar>span:nth-child(3){background:#334f3e}
.engine-bottom i,.fee-legend span:nth-child(2) i{background:#6c8b79}.engine-bottom>span:nth-child(2) i,.fee-legend span:nth-child(3) i{background:#334f3e}.fee-legend span:first-child i{background:#17795b}.engine-caption{color:#bdcfc4}.engine-foot{color:#99ac9f}
.stat,.card,.chart-card,.trade-card{background:#121713;border-color:#2a362e}.stat .label{color:#a6b6aa}.stat-top .ui-icon{color:#7e9987}
.spotlight-card,.spotlight-card:nth-child(2),.spotlight-card:nth-child(3){background:linear-gradient(135deg,#18271e,#111713);border-color:#2e4135}.spotlight-card:hover{border-color:#488265}.spotlight-card:before,.spotlight-card:after{display:none}.spotlight-top{color:#8fa699}
.sidebar-promo,.feature-card,.feature-card.tinted,.allocation-hero{background:linear-gradient(125deg,#173525,#111b15);border-color:#34513e}.sidebar-promo:after{border-color:#17795b33;box-shadow:none}.sidebar-promo .promo-symbol,.arrow-link{color:#68c6a2}.sidebar-promo>span:not(.promo-symbol):not(.promo-link){color:#a6bbad}
.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:#183b2a;color:#83b89a;box-shadow:inset 0 0 0 1px #315c43}
.sparkline path{stroke:#68c6a2}.sparkline.down path{stroke:#a4afa8;stroke-dasharray:3 2}.positive{color:#68c6a2}.negative{color:#b6c0b9}
.token-table th{background:#17211b;color:#9eb0a4}.token-table tbody tr:hover{background:#1d2d22}.token-sub{color:#97a99d}.tag-inline{background:#203b2b;border-color:#3e5c49;color:#b1cabb}
.tabs{background:#141b16;border-color:#2e3c32}.tabs button.active{background:#23432f;color:#d1e7d8}.search,.toolbar select,select{background:#131a15;border-color:#35473b;color:#b5c5bb}.search:focus-within{border-color:#68c6a2;box-shadow:0 0 0 2px #17795b15}.search kbd{background:#1e2b22;border-color:#34493b;color:#93a99b}
.tag,.tag.lime,.tag.purple,.tag.neutral,.tag.warning{background:#1e2f24;color:#bdd0c4;border:1px solid #354c3d}.environment-badge{background:#18241c;border-color:#344b3c;color:#acbdb2}.environment-badge .status-dot{background:#82ab91}.demo-data-label .mini-dot{background:#82ab91}
.notice,.notice.warning,.notice.danger,.live-notice{background:#17241b;border-color:#3e5848;color:#c0cec5}.notice.danger{border-left:3px solid #a4afa8}.error,.toast.error{color:#e4ebe6}.toast,.toast.error{background:#182b20;border-color:#456e53;box-shadow:0 8px 24px #00000055}
.progress>span:first-child{background:#17795b}.progress>.paid{background:#82ab91}.progress{background:#26372c}.option.active{border-color:#4a9976;background:#17795b14}.option.active h4,.mode-card.active h4{color:#c2ddce}.mode-card.active{border-color:#426c52;background:#15291c}
.section-tabs button.active{color:#a3d3ba;border-color:#17795b}.analytics-bar{background:linear-gradient(0deg,#123c2a,#238764)}.feature-icon{background:#203d2b;color:#91bfa3}.allocation-symbol{color:#619576}
.solana-mark b{background:#82ab91}.wallet-option>span,.wallet-option:nth-of-type(2)>span{background:#203d2b!important;color:#b5d3c1!important}.wallet-option:hover{background:#213529;border-color:#51765e}
.big-chart path[fill="none"]{stroke:#68c6a2}.big-chart circle{fill:#68c6a2}.big-chart stop{stop-color:#17795b}
input[type=range]{accent-color:#17795b}.mobile-bottom-nav{background:#101712f5;border-color:#314036}.mobile-bottom-nav a.active{color:#83c3a2}.mobile-bottom-nav a.active .ui-icon{filter:none}
.spotlight-card:first-child{background:linear-gradient(135deg,#18271e,#111713);border-color:#2e4135}.spotlight-bottom .sparkline path,.spotlight-card:nth-child(2) .sparkline path,.spotlight-card:nth-child(3) .sparkline path{stroke:#68c6a2}
.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:#a7bfb0}.demo-controls .controls-row{margin-top:16px}
dialog:has(.wallet-connect){width:700px;max-width:calc(100vw - 32px);border-radius:24px;background:#111713;border-color:#34473b}
.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:#24352a;border-radius:50%;font-size:20px;color:#c7d9ce}.wallet-network{font-size:10px;letter-spacing:.13em;color:#87a392;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:#1b3022;border-color:#3d5a48}.wallet-symbol{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#226f4e,#163a28);color:#d5eade}.wallet-symbol .ui-icon{width:24px;height:24px}.wallet-pick b{display:block;font-size:15px;color:#e1eae5}.wallet-pick small{display:block;font-size:11px;color:#8ca796;margin-top:3px}.wallet-pick-arrow{margin-left:auto;color:#85ae97}.wallet-safety{font-size:10px;color:#8ca796;line-height:1.7;margin-top:28px}.wallet-skip{color:#b4d1bf;font-size:11px;background:transparent;padding:12px 0}
.wallet-about{border-left:1px solid #2d4134;padding:44px 30px 30px;display:flex;flex-direction:column;justify-content:center;text-align:center;background:linear-gradient(150deg,#1a3324,#122219);border-radius:0 24px 24px 0}.wallet-illustration{margin:0 auto 23px;width:78px;height:72px;border:1px solid #457459;border-radius:20px;background:#24543a;display:grid;place-items:center;transform:rotate(-8deg)}.wallet-illustration .ui-icon{width:38px;height:38px;color:#b4d6bf}.wallet-about h3{font-size:19px;letter-spacing:-.02em}.wallet-about p{font-size:12px;line-height:1.8;color:#9fbaa9;margin-top:12px}.wallet-get-links{display:grid;gap:9px;margin:20px 0 8px;font-size:12px;color:#c9e1d2}.wallet-get-links a:hover{text-decoration:underline}.wallet-about .wallet-about-note{font-size:10px;color:#7e9e8a}
@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 #2d4134;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}}