:root{color-scheme:dark;--bg:#0d1116;--surface:#141a21;--line:#29323c;--muted:#96a5b3;--text:#eef2f5;--green:#a8ecc5;--red:#ff9b9b;--amber:#efc581;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}header{height:74px;border-bottom:1px solid var(--line);padding:0 4vw;display:flex;align-items:center;gap:28px}.brand{display:flex;gap:13px;font-size:19px;font-weight:700;letter-spacing:1px;text-decoration:none;color:var(--text)}.brand:first-letter{color:var(--green)}.security{margin-left:auto;color:var(--green);font-size:12px;border:1px solid #355447;padding:7px 12px;border-radius:20px}.local{color:var(--muted);font:11px monospace;letter-spacing:1px}main{max-width:1680px;margin:auto;padding:32px 4vw 50px}.titlebar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}h1{font-size:clamp(25px,2.5vw,36px);letter-spacing:-1.3px;font-weight:550;margin:8px 0 10px}h2{font-size:17px;font-weight:600;margin:0}.eyebrow{font-size:10px;letter-spacing:1.7px;color:var(--green);margin:0 0 10px}.muted{color:var(--muted)}button,input,select{font:inherit;color:var(--text);background:#1b232c;border:1px solid #36434f;border-radius:6px;padding:10px 13px}button{cursor:pointer;white-space:nowrap}button:hover{background:#2a3741;border-color:#9bb6ad}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:3px}#refresh{background:var(--green);color:#14241c;border:0;font-weight:650}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px;font-size:12px}.toolbar label{margin-right:8px;color:var(--muted)}.toolbar select{margin-right:20px;font-size:12px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.metric{border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:21px}.metric label{color:var(--muted);font-size:12px;display:block}.metric strong{font-size:29px;font-weight:500;letter-spacing:-1px;display:block;margin:12px 0}.metric small{color:var(--muted)}.middle{display:grid;grid-template-columns:1fr;gap:18px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:23px;margin-bottom:18px;min-width:0}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:23px}.segments{display:flex;gap:3px;background:var(--bg);padding:4px;border-radius:7px}.segments button{border:0;background:transparent;font-size:12px;padding:7px 10px}.segments button[aria-pressed=true]{background:#35473d;color:var(--green)}.pnlValue{font-size:36px;letter-spacing:-1px}.positive{color:var(--green)}.negative{color:var(--red)}.warning{color:var(--amber);background:#2a251e;border:1px solid #51422d;padding:12px 15px;border-radius:6px;font-size:12px;margin:10px 0;line-height:1.6}.badge{background:#25303a;color:#b5c3cd;font-size:10px;border-radius:4px;padding:4px 7px;vertical-align:middle}.footnote{color:var(--muted);font-size:11px;line-height:1.6;margin:17px 0 0}.tablewrap{overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px;font-variant-numeric:tabular-nums}th{text-align:right;color:var(--muted);font-weight:400;font-size:10px;letter-spacing:.4px;padding:0 12px 13px;border-bottom:1px solid var(--line)}td{padding:15px 12px;text-align:right;border-bottom:1px solid #232d36}th:first-child,td:first-child{text-align:left;padding-left:0}tr:last-child td{border-bottom:0}td small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.empty{padding:32px 5px;color:var(--muted);text-align:center;font-size:13px}.bars{height:8px;background:#29323b;display:flex;border-radius:4px;overflow:hidden;margin:12px 0}.bars span{background:var(--green)}.assetRow{margin:16px 0}.assetHead{display:flex;justify-content:space-between;font-size:12px}.assetRow small{color:var(--muted)}details{color:var(--muted);margin-top:18px;font-size:12px;line-height:1.7}summary{cursor:pointer;color:#c6d1d8}form{display:flex;align-items:end;gap:14px;margin:20px 0}form label{display:flex;flex-direction:column;gap:6px}.addressInput{flex:1}input{min-width:0;width:100%}#walletList>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px;border-bottom:1px solid var(--line)}#walletList span{overflow-wrap:anywhere}#walletList button{font-size:11px}footer{color:var(--muted);font-size:11px;line-height:1.8}footer strong{color:#d5e1e8}a{color:var(--green)}#status{color:var(--muted)}.chart{width:100%;height:110px;margin:16px 0 0}.chart polyline{fill:none;stroke:var(--green);stroke-width:2}.pnlBreakdown{display:flex;gap:24px;flex-wrap:wrap;font-size:12px;margin:17px 0}.pnlBreakdown span{color:var(--muted)}@media(max-width:900px){.metrics{grid-template-columns:repeat(2,1fr)}.middle{grid-template-columns:1fr}.local{display:none}.toolbar{align-items:start;flex-direction:column}.titlebar{gap:12px}.panel{padding:18px}form{flex-wrap:wrap}.addressInput{flex-basis:100%}.metric strong{font-size:25px}}@media(max-width:500px){main{padding:22px 15px}.brand{font-size:15px}header{padding:0 15px;gap:8px}.security{font-size:10px}.sectionhead{align-items:start;flex-wrap:wrap}.toolbar select{margin-right:7px}.metrics{gap:8px}.metric{padding:15px}.metric strong{font-size:22px}h1{font-size:25px}.titlebar{align-items:start}#refresh{font-size:11px}}

.walletIdentity{display:flex;flex-direction:column;gap:6px;min-width:0}.walletIdentity span{font-family:monospace;color:var(--muted);font-size:12px}.walletActions{display:flex;gap:8px;flex-shrink:0}#walletList>.walletRow{padding:16px 0}.removeWallet{color:var(--red)}#walletSubmit{background:var(--green);color:#14241c;font-weight:600}#formStatus{color:var(--green);min-height:18px}#walletManager{scroll-margin-top:20px}@media(max-width:600px){#walletList>.walletRow{align-items:flex-start;flex-direction:column}.walletActions{flex-wrap:wrap}#addWallet>label{width:100%}}
.subaccountCheck{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;cursor:pointer}.subaccountCheck input{width:16px;height:16px;accent-color:var(--green);cursor:pointer}.walletActions{flex-wrap:wrap;align-items:center}

/* Compact monitoring surface; the desktop retains comparison tables. */
header{height:58px}.titlebar{margin-bottom:16px}h1{font-size:27px;margin:0 0 4px}.titlebar p{margin:0}.filterFields{display:flex;gap:14px}.filterField{display:flex;align-items:center;gap:6px}.toolbar select{margin:0}.mobileCards{display:none}.panel{padding:18px}.sectionhead{margin-bottom:16px}.metric{padding:17px}.eyebrow{margin-bottom:6px}#formStatus:empty{display:none}#walletManager .walletActions{flex-shrink:1}.rowDetails summary{min-height:36px;display:flex;align-items:center}.rowDetails summary::before{content:'＋';margin-right:8px}.rowDetails[open] summary::before{content:'−'}
@media(max-width:640px){
 header{height:50px;padding:0 12px;gap:8px}.brand{font-size:15px;letter-spacing:.6px;gap:7px}.security{font-size:10px;padding:5px 8px}.local{display:none}
 main{padding:14px 10px 28px;max-width:100%}.titlebar{margin-bottom:12px;align-items:center}h1{font-size:21px;letter-spacing:-.5px}.titlebar .muted{font-size:12px}button,select{min-height:42px}input,select{font-size:16px}#refresh{min-width:96px;font-size:12px;padding:8px 10px}
 .toolbar{gap:7px;margin-bottom:10px}.filterFields{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:8px;width:100%}.filterField{display:flex;flex-direction:column;align-items:stretch;gap:4px;min-width:0}.filterField label{font-size:11px}.filterField select{width:100%;min-width:0;padding:8px;font-size:14px}#status{font-size:10px;line-height:1.5;overflow-wrap:anywhere}
 .metrics{gap:7px;margin:10px 0}.metric{padding:11px 10px;min-width:0}.metric label{font-size:11px;line-height:1.3}.metric strong{font-size:clamp(18px,5.5vw,24px);margin:7px 0;letter-spacing:-.7px;overflow-wrap:anywhere}.metric small{font-size:10px;line-height:1.3;display:block}
 .middle{gap:0}.panel{padding:12px;margin-bottom:10px;border-radius:8px}.sectionhead{gap:7px;margin-bottom:12px;align-items:center}.sectionhead h2{font-size:15px}.sectionhead>.muted{font-size:10px}.eyebrow{display:none}.segments{padding:2px;gap:1px}.segments button{font-size:12px;min-height:36px;min-width:40px;padding:7px 9px}.pnlValue{font-size:29px}.pnlBreakdown{gap:18px;margin:10px 0}.footnote{font-size:10px;line-height:1.45;margin-top:10px}.warning{font-size:11px;padding:9px 10px;line-height:1.45;overflow-wrap:anywhere}.chart{height:85px;margin-top:8px}.assetRow{margin:12px 0}.assetRow small{font-size:10px}.bars{margin:8px 0}
 .desktopTable{display:none}.mobileCards{display:block}.dataCard{padding:11px 0;border-top:1px solid var(--line);min-width:0}.dataCard:first-child{border-top:0;padding-top:0}.dataCard:last-child{padding-bottom:0}.dataCardTitle{font-size:14px;font-weight:600;overflow-wrap:anywhere}.dataCardTitle small{font-size:10px;font-weight:400;color:var(--muted);display:block;margin-top:4px}.cardMetrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}.cardMetrics>div>span{display:block;font-size:10px;color:var(--muted);margin-bottom:4px}.cardMetrics strong{font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.cardMetrics small{display:block;font-size:10px;color:var(--muted)}.rowDetails{margin-top:5px;font-size:11px}.rowDetails summary{color:var(--muted)}.rowDetails dl{margin:0;padding:0 0 6px}.rowDetails dl>div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-top:1px solid #232d36}.rowDetails dt{color:var(--muted);flex-shrink:0}.rowDetails dd{margin:0;text-align:right;color:var(--text);overflow-wrap:anywhere}.rowDetails dd small{display:block;font-size:10px}
 #walletManager>.muted{font-size:11px;line-height:1.5;margin:0 0 8px}#walletList>.walletRow{padding:12px 0;gap:6px}.walletIdentity{gap:4px}.walletIdentity strong{font-size:13px}.walletIdentity span{font-size:10px}.walletActions{width:100%;gap:6px}.subaccountCheck{min-height:40px;font-size:11px;gap:6px}.subaccountCheck input{width:18px;height:18px}.walletActions>button{padding:8px 10px;min-height:40px}#addWallet{margin:12px 0;gap:10px}#addWallet label{font-size:11px}#addWallet input{padding:10px;font-size:16px}#formStatus{font-size:11px}footer{font-size:10px;padding:2px;line-height:1.5}.empty{padding:19px 4px;font-size:12px}
}

[hidden]{display:none!important}.topNav{display:flex;align-items:center;gap:4px}.navIcon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:7px;color:var(--muted);text-decoration:none}.navIcon:hover{color:var(--text);background:#25303a}.navIcon[aria-current="page"]{color:var(--green);background:#24382d}.navIcon:focus-visible{outline:2px solid var(--green);outline-offset:2px}#monitorPage,#ordersPage,#settingsPage{min-width:0}#monitorPage:focus,#ordersPage:focus,#settingsPage:focus{outline:none}#settingsPage{max-width:1000px;margin:auto}.toolbar{flex-wrap:wrap}.toolbar #status{margin-left:auto}.toolbar #refresh{margin-left:auto}header .local{display:none}
@media(max-width:640px){header{gap:6px}.security{margin-left:auto;font-size:9px;padding:4px 6px}.brand{font-size:13px;gap:5px;letter-spacing:.3px}.topNav{gap:0}.navIcon{width:40px;height:44px}.toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:end}.filterFields{gap:7px}.toolbar #refresh{margin:0;min-width:42px;padding:8px;font-size:11px;height:42px}.toolbar #status{grid-column:1/-1;margin:0}main{padding-top:10px}#settingsPage #walletManager{margin-top:0}}


#walletList>.walletRow{flex-wrap:wrap}.tokenSettings{flex-basis:100%;width:100%;margin-top:2px}.tokenSettings summary{min-height:40px;display:flex;align-items:center;font-size:12px}.tokenSettings summary::before{content:'＋';margin-right:7px}.tokenSettings[open] summary::before{content:'−'}.tokenStatus{font-size:11px;overflow-wrap:anywhere;color:var(--muted);margin:5px 0}.tokenForm{margin:10px 0;gap:10px;flex-wrap:wrap}.tokenForm>label{flex:1;min-width:180px;font-size:12px}.tokenForm>.walletActions{width:auto}.tokenForm input{font-family:monospace;font-size:16px;width:100%}.tokenSettings .footnote{margin:5px 0}@media(max-width:640px){.tokenForm>label{flex-basis:100%}.tokenForm>.walletActions{width:100%}}

.topNav{margin-left:auto}#refresh.navIcon{background:transparent;color:var(--muted);border:0;min-width:42px;width:42px;height:42px;padding:0;margin:0}#refresh.navIcon:hover{background:#25303a;color:var(--text)}#refresh.navIcon:disabled{opacity:.4}@media(max-width:640px){#refresh.navIcon{min-width:40px;width:40px;height:44px}.toolbar{grid-template-columns:minmax(0,1fr)}}

.tokenSaved{color:#22c55e;font-weight:800;font-size:1.15em;margin-left:6px}.tokenSaved[hidden]{display:none}
#accounts .desktopTable th:last-child,#accounts .desktopTable td:last-child{text-align:center}
#accounts tr.lowAvailable td,#accounts .dataCard.lowAvailable{background:#4a1f24;color:#fff}
#accounts tr.lowAvailable td{border-bottom-color:#713039}
#orders .desktopTable tr.walletBreak td{border-top:3px solid var(--green)}
#orders .dataCard.walletBreak{border-top:3px solid var(--green);margin-top:14px}
#orders .desktopTable th:last-child,#orders .desktopTable td:last-child{text-align:center}
header{position:relative}
.brand{position:absolute;left:50%;transform:translateX(-50%);gap:0}
.brand:first-letter{color:inherit}
.topNav{margin-left:auto}
@media(max-width:640px){header{height:102px;align-items:flex-end;justify-content:center;padding-bottom:6px}.brand{top:13px}.topNav{margin:0 auto}.navIcon{height:38px}}
.appLocked header,.appLocked main{visibility:hidden}
#lockScreen{display:none;position:fixed;inset:0;background:var(--bg);z-index:1000;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px;gap:16px}#lockScreen strong{font-size:22px;letter-spacing:1px}#lockScreen p{color:var(--muted);max-width:320px}.appLocked #lockScreen{display:flex}


h2.eyebrow{font-weight:400}.sectionhead h2.eyebrow{display:block;font-size:10px}

.dexIcon{display:inline-block;width:24px;height:24px;object-fit:contain;vertical-align:middle}

.brandAccent{color:var(--muted)}.brandMain{color:var(--text)}
.metricHead{display:flex;align-items:center;justify-content:space-between;gap:8px}.metricHead label{min-width:0}.equityVisibility{display:flex;align-items:center;justify-content:center;width:30px;height:30px;min-height:30px;padding:5px;border:0;background:transparent;color:var(--muted);flex:0 0 auto}.equityVisibility:hover{color:var(--green);background:#25303a}.equityVisibility svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.concealedValue{letter-spacing:2px}

#timeSettings{max-width:1000px;margin-left:auto;margin-right:auto}.settingField{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font-size:12px}.settingField select{min-width:130px}#utcStatus{font-size:11px;margin:12px 0 0}@media(max-width:500px){.settingField{align-items:flex-start;flex-direction:column}.settingField select{width:100%}}

/* Barra compacta de una sola fila: marca, actualizar y navegación. */
header{height:54px;align-items:center;justify-content:flex-start;padding-top:0;padding-bottom:0}
.brand{position:static;left:auto;transform:none;margin-right:auto;white-space:nowrap;flex:0 0 auto}
#refresh.navIcon{width:42px;height:42px}
.logoutForm{display:contents;margin:0}.logoutForm .navIcon{background:transparent;border:0}
.topNav{margin-left:auto;flex:0 0 auto}
@media(max-width:640px){header{height:54px;align-items:center;justify-content:flex-start;padding:0 8px}.brand{position:static;top:auto;font-size:12px;letter-spacing:.1px}.topNav{margin-left:auto}.navIcon{width:37px;height:42px}#refresh.navIcon{width:40px;height:42px}.topNav svg{width:20px;height:20px}}

.middle{grid-template-columns:minmax(300px,.8fr) minmax(560px,1.2fr);align-items:stretch;margin-bottom:18px}.middle>.panel{margin-bottom:0;height:100%}
@media(max-width:1050px){.middle{grid-template-columns:1fr;align-items:start;gap:10px;margin-bottom:10px}.middle>.panel{margin-bottom:0;height:auto}}

.brandGroup{display:flex;align-items:center;gap:3px;margin-right:auto;min-width:0}.brandGroup .brand{margin-right:0}.brandGroup .equityVisibility{width:34px;height:38px;min-height:38px}@media(max-width:640px){.brandGroup{gap:0}.brandGroup .equityVisibility{width:32px;height:38px;min-height:38px;padding:6px}}
.topNav .equityVisibility{width:42px;height:42px;min-height:42px;padding:9px;background:transparent;border:0}@media(max-width:640px){.topNav .equityVisibility{width:37px;height:42px;min-height:42px;padding:8px}}
.pnl.panel{display:flex;flex-direction:column}.pnlShareFooter{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:auto;padding-top:8px}.sharePerformance{display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-height:40px;padding:8px;border-color:#355447;background:#1a2922;color:var(--green);flex:0 0 auto}.sharePerformance:hover{background:#253c31}.sharePerformance svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.shareStatus{display:block;min-height:16px;color:var(--muted);font-size:10px;text-align:right}@media(max-width:640px){.sharePerformance{width:36px;height:36px;min-height:36px;padding:7px}}
.sharePreview{width:min(92vw,620px);max-height:94vh;padding:12px;border:1px solid var(--line);border-radius:12px;background:#10161d;color:var(--text)}.sharePreview::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(4px)}.sharePreviewHead,.sharePreviewActions{display:flex;align-items:center;justify-content:space-between;gap:10px}.sharePreviewHead{padding:2px 2px 10px}.sharePreviewHead button{border:0;background:transparent;font-size:25px;padding:2px 8px}.sharePreview img{display:block;width:100%;max-height:calc(94vh - 120px);object-fit:contain;border-radius:8px;background:#070b0f}.sharePreviewActions{justify-content:flex-end;padding-top:11px}.sharePreviewActions button:last-child{background:var(--green);color:#102018;font-weight:700}@media(max-width:640px){.sharePreview{padding:8px}.sharePreviewActions button{flex:1}}

/* ============================================================
   Signal Room — dirección visual elegida (2026-09-11)
   OLED casi negro + lima eléctrico exclusivo de marca/interacción.
   El verde/rojo de PnL quedan como color semántico independiente del acento.
   ============================================================ */
@font-face{font-family:'Manrope Var';font-style:normal;font-weight:200 800;font-display:swap;src:url('/fonts/manrope-variable.woff2?v=1') format('woff2')}
@font-face{font-family:'Unbounded Var';font-style:normal;font-weight:400 900;font-display:swap;src:url('/fonts/unbounded-variable.woff2?v=1') format('woff2')}
:root{
 --bg:#050607;--surface:#0c0e10;--line:#1b1f22;--muted:#7d858a;--text:#f2f4f5;
 --green:#34d399;--red:#f87171;
 --accent:#baff29;--accent-wash:#1a230a;--accent-line:#3a4a17;
 font-family:'Manrope Var',Manrope,Segoe UI,Arial,sans-serif;
}
.brand{font-family:'Unbounded Var',Unbounded,sans-serif}
.brandMain{color:var(--accent);text-shadow:0 0 16px rgba(186,255,41,.35)}
#headerLogo{height:45px;width:auto;display:block}
@media(min-width:641px){.brandGroup{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin-right:0}}
@media(max-width:640px){#headerLogo{height:33px}}
#refresh.navIcon:hover,.navIcon:hover{color:var(--accent);background:var(--accent-wash)}
.navIcon[aria-current="page"]{color:var(--accent);background:var(--accent-wash)}
.segments button[aria-pressed=true]{background:var(--accent-wash);color:var(--accent)}
.equityVisibility:hover{color:var(--accent);background:var(--accent-wash)}
.eyebrow{color:var(--accent)}
.sharePerformance{border-color:var(--accent-line);background:var(--accent-wash);color:var(--accent)}
.sharePerformance:hover{background:#20300f}
.sharePreviewActions button:last-child{background:var(--accent);color:#101604}
button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:var(--accent)}

.authBody{display:grid;place-items:center;min-height:100vh;padding:24px}
.authCard{width:min(92vw,380px);background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:32px 28px}
.authLogo{display:block;height:192px;width:auto;margin:0 auto 24px;object-fit:contain}
.authCard form{display:block;margin:0}
.authCard form label{margin:16px 0 0}
.authCard button{width:100%;margin-top:22px;background:var(--accent);color:#141b06;font-weight:700;border:0}
.authCard button:hover{background:#a6e621}
.authError{color:var(--red);text-align:center;font-size:13px;margin:0 0 16px;background:#2a1414;border:1px solid #4a2020;padding:10px 12px;border-radius:10px}
.authInfo{color:var(--green);text-align:center;font-size:13px;margin:0 0 16px;background:#0f2a1e;border:1px solid #1e4a34;padding:10px 12px;border-radius:10px}
.authLinks{display:flex;justify-content:space-between;margin-top:18px;font-size:12px}
.authLinks a{color:var(--accent);text-decoration:none}
.authLinks a:hover{text-decoration:underline}
/* radios más suaves: tarjetas y superficies "Signal Room" */
.panel,.metric{border-radius:16px}
.segments{border-radius:12px}.segments button{border-radius:9px}
button,input,select{border-radius:10px}
.navIcon,#refresh.navIcon,.equityVisibility,.sharePerformance{border-radius:12px}
.badge{border-radius:8px}
.warning{border-radius:10px}
.sharePreview{border-radius:20px}
@media(max-width:640px){.panel{border-radius:14px}}

/* tarjeta hero: PnL no realizado con resplandor de acento */
.metrics .metric:first-child{border-color:var(--accent-line);box-shadow:0 0 0 1px var(--accent-line),0 0 26px -14px var(--accent);position:relative;overflow:hidden}
.metrics .metric:first-child::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent)}