:root {
  --bg:          #0e1113;
  --bg-grid:     #0e1113;
  --surface:     #171b1f;
  --surface-2:   #1b2025;
  --surface-3:   #20262c;
  --border:      #2c3339;
  --border-soft: #22282e;
  --chip-border: #3a434b;
  --text:        #e6e8ea;
  --text-soft:   #b4bcc3;
  --text-dim:    #9aa3ab;
  --text-muted:  #9aa3ab;
  --soft:        #9aa3ab;
  --accent:      #7cffb2;
  --accent-2:    #7cffb2;
  --accent-3:    #6fd3ff;
  --cta2:        #7cffb2;
  --accent-glow: rgba(124,255,178,0.22);
  --on-accent:   #0e1113;
  --text-accent: #7cffb2;
  --text-link:   #7cffb2;
  --amber:       #ffb547;
  --status-ok:   #7cffb2;
  --status-warn: #ffb547;
  --status-bad:  #ff7b72;
  --r-sm: 6px;
  --r:    10px;
  --r-lg: 14px;
  --shadow: 0 1px 0 rgba(255,255,255,0.03) inset;
  --shadow-sm: none;
}

html.theme-light {
  --bg:          #f3f5f6;
  --bg-grid:     #f3f5f6;
  --surface:     #ffffff;
  --surface-2:   #f7f9fa;
  --surface-3:   #e9edf0;
  --border:      #d5dbe0;
  --border-soft: #e4e8ec;
  --chip-border: #b9c2ca;
  --text:        #0e1113;
  --text-soft:   #3a444d;
  --text-dim:    #56616b;
  --text-muted:  #56616b;
  --soft:        #56616b;
  --accent:      #19c37d;
  --accent-2:    #19c37d;
  --accent-3:    #1ba3e0;
  --cta2:        #19c37d;
  --accent-glow: rgba(25,195,125,0.18);
  --on-accent:   #0e1113;
  --text-accent: #0a7a45;
  --text-link:   #0a7a45;
  --amber:       #9a5b00;
  --status-ok:   #0a7a45;
  --status-warn: #9a5b00;
  --status-bad:  #b42318;
}

body {
  font-family: 'Space Grotesk', system-ui, sans-serif;
}


.metric-value, .lufs-value, [data-metric], .mono {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
}


#langToggle, .lang-toggle, .lang-switch, [data-lang-switch] {
  display: none !important;
}


:root {
  --surface-flat: #171b1f;
  --border-2:     #3a434b;
  --line:         #3a434b;
  --dim:          #9aa3ab;
  --accent-wash:  rgba(124,255,178,0.08);
  --accent-wash2: rgba(124,255,178,0.12);
  --btn-shadow:   none;
  --drop-br:      rgba(124,255,178,0.45);
  --drop-bg:      rgba(23,27,31,0.6);
  --green:        #7cffb2;
  --green-br:     rgba(124,255,178,0.4);
  --pink:         #6fd3ff;
  --mint:         #7cffb2;
  --cyan:         #6fd3ff;
  --red:          #ff7b72;
}
html[data-theme="light"] {
  --bg: #f3f5f6; --surface: #ffffff; --surface-flat: #ffffff;
  --border: #d5dbe0; --border-2: #b9c2ca; --border-soft: #e4e8ec; --line: #b9c2ca;
  --text: #0e1113; --soft: #3a444d; --dim: #56616b;
  --accent: #19c37d; --accent-2: #19c37d; --cta2: #19c37d; --on-accent: #0e1113;
  --accent-wash: rgba(25,195,125,0.08); --accent-wash2: rgba(25,195,125,0.12);
  --green: #0a7a45; --green-br: rgba(10,122,69,0.4); --amber: #9a5b00; --red: #b42318;
  --pink: #0b6e9c; --mint: #0a7a45; --cyan: #0b6e9c;
  --btn-shadow: none;
  --drop-br: rgba(25,195,125,0.5); --drop-bg: rgba(255,255,255,0.7);
}

html[data-theme="light"] a { color: #0a7a45; }


.beta-tag, #langBtn, #backOld, [data-t="need_old"], [data-t="old_more"], #shVk {
  display: none !important;
}


.card:has(> [data-mm-gamify-board]), .section-head:has(+ [data-mm-gamify-board]), [data-mm-gamify-board] {
  display: none !important;
}


:root { --accent2: #7cffb2; }
html.theme-light { --accent2: #0a7a45; }
.bg { background: none !important; }
.topbar { border-bottom: 1px solid var(--border); }
.topbar-logo-type { background: none !important; -webkit-text-fill-color: currentColor !important; color: var(--text) !important; }

html.theme-light .topbar-logo-mark[src*="echoteka-lockup"] { content: url("/brand/echoteka-lockup-light.svg"); }
.btn-sm-nav { background: transparent !important; border: 1px solid var(--border) !important; color: var(--text) !important; }
.btn-sm-nav:hover { border-color: var(--accent) !important; }
.btn-primary { background: var(--accent) !important; color: var(--on-accent) !important; }
.btn-outline:hover { border-color: var(--accent) !important; color: var(--text-accent) !important; }
.tier-pro { background: var(--accent-glow) !important; border-color: var(--accent) !important; color: var(--text-accent) !important; }
.history-table tr:hover td { background: var(--surface-2) !important; }
.form-col input:focus { border-color: var(--accent) !important; }
.toast.inf { background: var(--surface-2) !important; border-color: var(--accent) !important; color: var(--text) !important; }
.stat-box .n, .page-title-accent { color: var(--text-accent) !important; }
#needsEmailBanner { background: var(--surface-2) !important; }

.profile-identity { display: none !important; }

.info-grid > .info-item { min-width: 0; }
.info-item .val { overflow-wrap: anywhere; }

.topbar-nav:has(a[href="/profile"]:not(.mm-auth-link)) .mm-auth-link[href="/profile"] { display: none !important; }

.info-grid > .info-item:has(#profileEmail) { grid-column: span 2; }
@media (max-width: 520px) { .info-grid > .info-item:has(#profileEmail) { grid-column: 1 / -1; } }

:root { --surface2: #1b2025; --bg2: #0e1113; }
html.theme-light { --surface2: #f7f9fa; --bg2: #ffffff; }
.topbar { background: var(--bg) !important; }
.stat-box { background: var(--surface2) !important; }

.card { box-shadow: none !important; }
.perk { background: var(--surface2) !important; border-color: var(--border) !important; }