/* MATRIX V0.0.3.5 SIGNAL — isolated presentation layer.
   ORBIT styles.css remains frozen. */

/* =========================================================
   REPORT HUB
   ========================================================= */
html[data-skin="matrix"] .share-orbit-card.mx-report-center{
  padding:16px!important;
  background:
    linear-gradient(180deg,rgba(13,16,13,.985),rgba(5,7,6,.97)),
    radial-gradient(circle,rgba(238,242,233,.035) .7px,transparent 1px) 0 0/9px 9px!important;
}
html[data-skin="matrix"] .share-orbit-card.mx-report-center>.matrix-report-map{display:none!important}
html[data-skin="matrix"] .mx-report-hub{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin-top:12px;
}
html[data-skin="matrix"] .mx-report-scope{
  min-width:0;
  min-height:190px;
  display:grid;
  grid-template-rows:auto 78px auto auto;
  gap:8px;
  padding:11px;
  text-align:left;
  color:#F1F4EE;
  border:1px solid rgba(238,242,233,.11);
  border-radius:5px;
  background:rgba(238,242,233,.012);
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
html[data-skin="matrix"] .mx-report-scope:hover{
  transform:translateY(-1px);
  border-color:rgba(238,242,233,.25);
  background:rgba(238,242,233,.025);
}
html[data-skin="matrix"] .mx-report-scope.month{border-color:rgba(255,68,58,.18)}
html[data-skin="matrix"] .mx-scope-top{display:flex;justify-content:space-between;align-items:center}
html[data-skin="matrix"] .mx-scope-top span,
html[data-skin="matrix"] .mx-scope-top b{
  font:600 7px/1 Consolas,Cascadia Mono,monospace;
  letter-spacing:.14em;
  color:rgba(238,242,233,.38);
}
html[data-skin="matrix"] .mx-report-scope>strong{
  font:650 16px/1.2 "Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif!important;
  color:#F1F4EE!important;
}
html[data-skin="matrix"] .mx-report-scope>small{
  font-size:7px!important;
  line-height:1.45;
  color:rgba(238,242,233,.44)!important;
}
html[data-skin="matrix"] .mx-scope-graph{
  height:78px;
  display:flex;
  align-items:end;
  gap:3px;
  padding:7px;
  border:1px solid rgba(238,242,233,.07);
  background:radial-gradient(circle,rgba(238,242,233,.10) .7px,transparent 1px) 0 0/7px 7px;
}
html[data-skin="matrix"] .mx-scope-graph i{
  flex:1;height:var(--h);min-width:2px;background:rgba(238,242,233,.52)
}
html[data-skin="matrix"] .mx-scope-graph i:last-child{background:#FF443A}

/* Week preview = one persistence trace, not rings. */
html[data-skin="matrix"] .mx-scope-trace{
  height:78px;
  position:relative;
  border:1px solid rgba(238,242,233,.07);
  overflow:hidden;
  background:radial-gradient(circle,rgba(238,242,233,.08) .65px,transparent 1px) 0 0/7px 7px;
}
html[data-skin="matrix"] .mx-scope-trace svg{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px)}
html[data-skin="matrix"] .mx-scope-trace path{
  fill:none;stroke:rgba(238,242,233,.72);stroke-width:2;vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 5px rgba(238,242,233,.15));
}
html[data-skin="matrix"] .mx-scope-trace i{
  position:absolute;width:4px;height:4px;border-radius:50%;background:#F1F4EE
}
html[data-skin="matrix"] .mx-scope-trace i:nth-of-type(1){left:6%;top:66%}
html[data-skin="matrix"] .mx-scope-trace i:nth-of-type(2){left:22%;top:40%}
html[data-skin="matrix"] .mx-scope-trace i:nth-of-type(3){left:37%;top:56%}
html[data-skin="matrix"] .mx-scope-trace i:nth-of-type(4){left:52%;top:24%}
html[data-skin="matrix"] .mx-scope-trace i:nth-of-type(5){left:67%;top:52%}
html[data-skin="matrix"] .mx-scope-trace i:nth-of-type(6){left:82%;top:30%}
html[data-skin="matrix"] .mx-scope-trace i:nth-of-type(7){left:94%;top:18%;background:#FF443A;box-shadow:0 0 8px rgba(255,68,58,.42)}

/* Month preview = persistence field. */
html[data-skin="matrix"] .mx-scope-field{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:4px;
  padding:7px;
  border:1px solid rgba(238,242,233,.07);
}
html[data-skin="matrix"] .mx-scope-field i{
  aspect-ratio:1;
  background:rgba(238,242,233,calc(.04 + var(--v)*.0022));
  transform:scale(calc(.78 + var(--v)*.002));
}
html[data-skin="matrix"] .mx-scope-field i.hot{
  background:#FF443A!important;
  box-shadow:0 0 7px rgba(255,68,58,.28);
}

/* =========================================================
   TODAY REPORT WORKSPACE
   ========================================================= */
html[data-skin="matrix"] .mx-report-backdrop{
  align-items:stretch!important;padding:12px!important;background:rgba(2,4,3,.93)!important
}
html[data-skin="matrix"] .mx-report-workspace{
  width:min(1250px,100%);height:calc(100dvh - 24px);margin:auto;
  display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;
  border:1px solid rgba(238,242,233,.14);border-radius:7px;
  background:linear-gradient(180deg,rgba(12,15,12,.99),rgba(4,6,5,.99));
  box-shadow:0 34px 110px rgba(0,0,0,.58);
}
html[data-skin="matrix"] .mx-report-header{
  display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;
  padding:18px 20px 14px;border-bottom:1px solid rgba(238,242,233,.09)
}
html[data-skin="matrix"] .mx-report-header>div:first-child{display:grid;gap:4px}
html[data-skin="matrix"] .mx-report-header span{
  font:600 7px/1 Consolas,monospace;letter-spacing:.19em;color:rgba(255,68,58,.70)
}
html[data-skin="matrix"] .mx-report-header h2{
  margin:0;font:650 clamp(24px,3vw,38px)/1 "Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif!important;letter-spacing:-.04em!important
}
html[data-skin="matrix"] .mx-report-header p{
  margin:2px 0 0;font:600 10px/1.2 Consolas,monospace;color:rgba(238,242,233,.44)!important
}
html[data-skin="matrix"] .mx-report-header-actions{display:flex;gap:8px;align-items:center}
html[data-skin="matrix"] .mx-report-summary{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;padding:10px 20px;border-bottom:1px solid rgba(238,242,233,.08)
}
html[data-skin="matrix"] .mx-report-stat{
  min-width:0;display:grid;grid-template-columns:1fr auto;gap:3px 8px;align-items:end;
  padding:9px 10px;border:1px solid rgba(238,242,233,.07);background:rgba(238,242,233,.012)
}
html[data-skin="matrix"] .mx-report-stat span{grid-column:1/-1;font-size:7px;color:rgba(238,242,233,.40)}
html[data-skin="matrix"] .mx-report-stat strong{
  min-width:0;overflow:hidden;text-overflow:ellipsis;
  font:700 19px/1 Consolas,Cascadia Mono,monospace!important;letter-spacing:-.05em!important;color:#F1F4EE!important
}
html[data-skin="matrix"] .mx-report-stat small{
  font:600 6px/1 Consolas,monospace;letter-spacing:.08em;color:rgba(238,242,233,.28)!important
}
html[data-skin="matrix"] .mx-report-body{min-height:0;overflow:auto;padding:18px 20px 24px}
html[data-skin="matrix"] .mx-report-body-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}
html[data-skin="matrix"] .mx-report-body-head span{font:600 7px/1 Consolas,monospace;letter-spacing:.16em;color:rgba(238,242,233,.34)}
html[data-skin="matrix"] .mx-report-body-head h3{margin:4px 0 0;font:650 19px/1.2 "Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif!important}
html[data-skin="matrix"] .mx-day-detail{display:grid;grid-template-columns:240px 1fr;gap:14px}
html[data-skin="matrix"] .mx-day-detail-score{
  min-height:280px;display:grid;place-items:center;align-content:center;gap:7px;position:relative;border:1px solid rgba(238,242,233,.10)
}
html[data-skin="matrix"] .mx-day-detail-score strong{font:700 78px/.9 Consolas,monospace!important;letter-spacing:-.09em!important}
html[data-skin="matrix"] .mx-day-detail-score span{font-size:8px;color:rgba(238,242,233,.36)}
html[data-skin="matrix"] .mx-day-detail-score i{
  width:70%;height:7px;margin-top:8px;background:linear-gradient(90deg,#F1F4EE calc(var(--score)*1%),rgba(238,242,233,.08) 0)
}
html[data-skin="matrix"] .mx-day-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
html[data-skin="matrix"] .mx-day-detail-grid .mx-report-stat{min-height:130px;align-content:center}
html[data-skin="matrix"] .mx-day-detail-grid .mx-report-stat strong{font-size:29px!important}
html[data-skin="matrix"] .mx-day-note{grid-column:1/-1;padding:12px;border-left:2px solid #FF443A;background:rgba(255,68,58,.035)}
html[data-skin="matrix"] .mx-day-note span{font-size:7px;color:rgba(255,68,58,.68)}
html[data-skin="matrix"] .mx-day-note p{margin:6px 0 0;color:rgba(238,242,233,.62)!important}

/* =========================================================
   MATRIX ACHIEVEMENT — SIGNAL / MILESTONE
   ========================================================= */
html[data-skin="matrix"] .orbit-achievement.matrix-achievement[data-mx-signal="1"]{
  width:min(470px,calc(100vw - 24px))!important;
  min-height:170px!important;
  padding:0!important;
  border-radius:5px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,rgba(11,14,11,.985),rgba(4,6,5,.98))!important;
  border:1px solid rgba(238,242,233,.15)!important;
  box-shadow:0 22px 64px rgba(0,0,0,.46),0 0 22px rgba(238,242,233,.025)!important;
}
html[data-skin="matrix"] .mx-achievement-frame{
  min-height:170px;
  display:grid;
  grid-template-columns:145px minmax(0,1fr);
  grid-template-rows:1fr 17px;
  position:relative;
}
html[data-skin="matrix"] .mx-achievement-visual{
  position:relative;
  display:grid;
  place-items:center;
  border-right:1px solid rgba(238,242,233,.08);
  overflow:hidden;
}
html[data-skin="matrix"] .mx-achievement-field{
  position:absolute;inset:14px;
  display:grid;grid-template-columns:repeat(7,1fr);gap:5px;
  opacity:.38;
}
html[data-skin="matrix"] .mx-achievement-field i{
  background:rgba(238,242,233,.08);
  animation:mxAchCell 1.8s ease-in-out infinite alternate;
  animation-delay:calc(var(--i,0)*40ms);
}
html[data-skin="matrix"] .mx-achievement-field i:nth-child(3n){background:rgba(238,242,233,.17)}
html[data-skin="matrix"] .mx-achievement-field i.hot{background:rgba(255,68,58,.58);box-shadow:0 0 8px rgba(255,68,58,.28)}
html[data-skin="matrix"] .mx-achievement-symbol{
  position:relative;z-index:2;
  width:62px;height:62px;
  display:grid;place-items:center;
  font:500 31px/1 Consolas,monospace;
  color:#F1F4EE;
  border:1px solid rgba(238,242,233,.25);
  background:rgba(5,7,6,.78);
  box-shadow:0 0 22px rgba(238,242,233,.06);
}
html[data-skin="matrix"] .mx-achievement-pulse{
  position:absolute;
  width:88px;height:88px;
  border:1px solid rgba(238,242,233,.13);
  animation:mxAchPulse 1.45s cubic-bezier(.2,.7,.2,1) infinite;
}
html[data-skin="matrix"] .mx-achievement-copy{
  min-width:0;
  display:grid;align-content:center;gap:7px;
  padding:18px 18px 14px;
}
html[data-skin="matrix"] .mx-achievement-copy small{
  font:600 7px/1 Consolas,monospace;
  letter-spacing:.18em;
  color:rgba(255,68,58,.72)!important;
}
html[data-skin="matrix"] .mx-achievement-copy strong{
  font:650 21px/1.16 "Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif!important;
  letter-spacing:-.02em!important;
  color:#F1F4EE!important;
}
html[data-skin="matrix"] .mx-achievement-copy p{
  margin:0;
  font-size:10px!important;
  line-height:1.5;
  color:rgba(238,242,233,.48)!important;
}
html[data-skin="matrix"] .mx-achievement-line{
  grid-column:1/-1;
  display:grid;grid-template-columns:repeat(7,1fr);gap:4px;
  padding:5px 8px 6px;
  border-top:1px solid rgba(238,242,233,.06);
}
html[data-skin="matrix"] .mx-achievement-line i{
  background:rgba(238,242,233,.20);
}
html[data-skin="matrix"] .mx-achievement-line i:nth-child(-n+5){background:rgba(238,242,233,.58)}
html[data-skin="matrix"] .mx-achievement-line i:last-child{background:#FF443A;box-shadow:0 0 8px rgba(255,68,58,.38)}

@keyframes mxAchPulse{
  0%{transform:scale(.72);opacity:.05}
  55%{opacity:.32}
  100%{transform:scale(1.18);opacity:0}
}
@keyframes mxAchCell{
  from{opacity:.38}
  to{opacity:.72}
}

/* =========================================================
   MATRIX LIGHT
   ========================================================= */
html[data-skin="matrix"][data-theme="light"] .share-orbit-card.mx-report-center,
html[data-skin="matrix"][data-theme="light"] .mx-report-workspace{
  background:linear-gradient(180deg,#F6F7F3,#ECEEE9)!important;
  color:#171A17!important;border-color:rgba(21,24,21,.12)!important;
}
html[data-skin="matrix"][data-theme="light"] .mx-report-scope,
html[data-skin="matrix"][data-theme="light"] .mx-report-stat,
html[data-skin="matrix"][data-theme="light"] .mx-day-detail-score{
  color:#171A17!important;background:rgba(255,255,255,.54)!important;border-color:rgba(21,24,21,.10)!important
}
html[data-skin="matrix"][data-theme="light"] .mx-report-scope>strong,
html[data-skin="matrix"][data-theme="light"] .mx-report-stat strong,
html[data-skin="matrix"][data-theme="light"] .mx-report-header h2,
html[data-skin="matrix"][data-theme="light"] .mx-report-body-head h3,
html[data-skin="matrix"][data-theme="light"] .mx-day-detail-score strong{color:#171A17!important}
html[data-skin="matrix"][data-theme="light"] .mx-report-scope>small,
html[data-skin="matrix"][data-theme="light"] .mx-report-stat span,
html[data-skin="matrix"][data-theme="light"] .mx-report-stat small{color:rgba(21,24,21,.46)!important}
html[data-skin="matrix"][data-theme="light"] .mx-scope-trace path{stroke:rgba(21,24,21,.64);filter:none}
html[data-skin="matrix"][data-theme="light"] .mx-scope-trace i{background:#171A17}
html[data-skin="matrix"][data-theme="light"] .mx-scope-field i{background:rgba(21,24,21,calc(.035 + var(--v)*.0021))}
html[data-skin="matrix"][data-theme="light"] .matrix-poster-modal.matrix-poster-light{
  background:linear-gradient(180deg,#F7F8F4,#ECEEE9)!important;color:#151815!important;border-color:rgba(21,24,21,.13)!important
}
html[data-skin="matrix"][data-theme="light"] .orbit-achievement.matrix-achievement[data-mx-signal="1"]{
  background:linear-gradient(180deg,#F7F8F4,#EBEDE8)!important;
  border-color:rgba(21,24,21,.13)!important;
  box-shadow:0 22px 55px rgba(27,34,29,.14)!important;
}
html[data-skin="matrix"][data-theme="light"] .mx-achievement-visual{border-color:rgba(21,24,21,.09)}
html[data-skin="matrix"][data-theme="light"] .mx-achievement-field i{background:rgba(21,24,21,.07)}
html[data-skin="matrix"][data-theme="light"] .mx-achievement-field i:nth-child(3n){background:rgba(21,24,21,.16)}
html[data-skin="matrix"][data-theme="light"] .mx-achievement-symbol{
  color:#171A17;background:rgba(247,248,244,.86);border-color:rgba(21,24,21,.20);box-shadow:none
}
html[data-skin="matrix"][data-theme="light"] .mx-achievement-pulse{border-color:rgba(21,24,21,.14)}
html[data-skin="matrix"][data-theme="light"] .mx-achievement-copy strong{color:#171A17!important}
html[data-skin="matrix"][data-theme="light"] .mx-achievement-copy p{color:rgba(21,24,21,.50)!important}
html[data-skin="matrix"][data-theme="light"] .mx-achievement-line{border-color:rgba(21,24,21,.07)}
html[data-skin="matrix"][data-theme="light"] .mx-achievement-line i{background:rgba(21,24,21,.18)}
html[data-skin="matrix"][data-theme="light"] .mx-achievement-line i:nth-child(-n+5){background:rgba(21,24,21,.55)}

@media(max-width:900px){
  html[data-skin="matrix"] .mx-report-hub{grid-template-columns:1fr}
  html[data-skin="matrix"] .mx-report-scope{
    min-height:126px;grid-template-columns:120px 1fr;grid-template-rows:auto auto 1fr;align-items:center
  }
  html[data-skin="matrix"] .mx-report-scope .mx-scope-top{grid-column:1/-1}
  html[data-skin="matrix"] .mx-scope-graph,
  html[data-skin="matrix"] .mx-scope-trace,
  html[data-skin="matrix"] .mx-scope-field{grid-row:2/4}
  html[data-skin="matrix"] .mx-report-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
  html[data-skin="matrix"] .mx-day-detail{grid-template-columns:1fr}
  html[data-skin="matrix"] .mx-day-detail-score{min-height:180px}
}
@media(max-width:620px){
  html[data-skin="matrix"] .mx-report-backdrop{padding:0!important}
  html[data-skin="matrix"] .mx-report-workspace{height:100dvh;border-radius:0;border-left:0;border-right:0}
  html[data-skin="matrix"] .mx-report-header{padding:14px 12px 11px}
  html[data-skin="matrix"] .mx-report-summary{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 12px}
  html[data-skin="matrix"] .mx-report-body{padding:14px 12px 20px}
  html[data-skin="matrix"] .mx-day-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-skin="matrix"] .mx-achievement-frame{grid-template-columns:108px minmax(0,1fr)}
  html[data-skin="matrix"] .mx-achievement-symbol{width:52px;height:52px;font-size:25px}
  html[data-skin="matrix"] .mx-achievement-copy{padding:14px 13px 12px}
  html[data-skin="matrix"] .mx-achievement-copy strong{font-size:17px!important}
}


/* =========================================================
   MATRIX V0.0.0 — BOTTOM NAV CLEANUP
   Prevent pseudo labels / decorative text from colliding with
   the real button labels. ORBIT Classic is untouched.
   ========================================================= */
html[data-skin="matrix"] .bottom-nav{
  min-height:58px!important;
  padding:6px 8px calc(6px + env(safe-area-inset-bottom))!important;
  gap:4px!important;
  align-items:center!important;
}
html[data-skin="matrix"] .bottom-nav button{
  position:relative!important;
  min-width:0!important;
  min-height:44px!important;
  padding:7px 4px 6px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  overflow:hidden!important;
  line-height:1.05!important;
  white-space:nowrap!important;
}
html[data-skin="matrix"] .bottom-nav button::before,
html[data-skin="matrix"] .bottom-nav button::after{
  content:none!important;
  display:none!important;
}
html[data-skin="matrix"] .bottom-nav button span,
html[data-skin="matrix"] .bottom-nav button b,
html[data-skin="matrix"] .bottom-nav button small{
  position:relative!important;
  z-index:2!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html[data-skin="matrix"] .bottom-nav button span{
  font-size:17px!important;
  line-height:1!important;
}
html[data-skin="matrix"] .bottom-nav button b,
html[data-skin="matrix"] .bottom-nav button small{
  font-family:"Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif!important;
  font-size:8px!important;
  letter-spacing:0!important;
  color:rgba(238,242,233,.48)!important;
}
html[data-skin="matrix"] .bottom-nav button.active b,
html[data-skin="matrix"] .bottom-nav button.active small{
  color:#F1F4EE!important;
}
html[data-skin="matrix"][data-theme="light"] .bottom-nav button b,
html[data-skin="matrix"][data-theme="light"] .bottom-nav button small{
  color:rgba(21,24,21,.52)!important;
}
html[data-skin="matrix"][data-theme="light"] .bottom-nav button.active b,
html[data-skin="matrix"][data-theme="light"] .bottom-nav button.active small{
  color:#151815!important;
}
@media(max-width:420px){
  html[data-skin="matrix"] .bottom-nav{
    gap:2px!important;
    padding-inline:5px!important;
  }
  html[data-skin="matrix"] .bottom-nav button{
    padding-inline:2px!important;
  }
  html[data-skin="matrix"] .bottom-nav button b,
  html[data-skin="matrix"] .bottom-nav button small{
    font-size:7px!important;
  }
}


/* =========================================================
   MATRIX V0.0.1 — FOUR RING CENTER HOTFIX
   The center percentage must float inside the ring.
   No black/white backing plate may cover the ring.
   ========================================================= */
html[data-skin="matrix"] .matrix-metric-readout{
  background:transparent!important;
  padding:0!important;
  min-width:0!important;
  box-shadow:none!important;
  border:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  pointer-events:none!important;
}
html[data-skin="matrix"] .matrix-metric-readout strong{
  background:transparent!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  text-shadow:
    0 0 1px rgba(255,255,255,.38),
    0 0 7px rgba(238,242,233,.11)!important;
}
html[data-skin="matrix"] .matrix-metric-readout small{
  background:transparent!important;
  text-shadow:none!important;
}
html[data-skin="matrix"][data-theme="light"] .matrix-metric-readout{
  background:transparent!important;
}
html[data-skin="matrix"][data-theme="light"] .matrix-metric-readout strong{
  background:transparent!important;
  color:#151815!important;
  -webkit-text-fill-color:#151815!important;
  text-shadow:0 0 1px rgba(255,255,255,.7)!important;
}
html[data-skin="matrix"][data-theme="light"] .matrix-metric-readout small{
  color:rgba(21,24,21,.54)!important;
}


/* MATRIX V0.0.2 — REAL BOTTOM NAV IDENTIFIERS */
html[data-skin="matrix"] .bottom-nav button .nav-ico{
  display:grid!important;
  place-items:center!important;
  width:24px!important;
  height:20px!important;
  flex:none!important;
  margin:0!important;
  border:1px solid rgba(238,242,233,.13)!important;
  border-radius:2px!important;
  background:rgba(238,242,233,.018)!important;
  font-family:Consolas,Cascadia Mono,monospace!important;
  font-size:13px!important;
  line-height:1!important;
  color:rgba(238,242,233,.62)!important;
  text-shadow:none!important;
}
html[data-skin="matrix"] .bottom-nav button>span:last-child{
  display:block!important;
  max-width:100%!important;
  margin:0!important;
  font-family:"Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif!important;
  font-size:7px!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  color:rgba(238,242,233,.42)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html[data-skin="matrix"] .bottom-nav button.active .nav-ico{
  border-color:rgba(255,68,58,.34)!important;
  color:#F2F5ED!important;
  box-shadow:inset 2px 0 0 #FF443A,0 0 9px rgba(255,68,58,.08)!important;
}
html[data-skin="matrix"] .bottom-nav button.active>span:last-child{color:#F2F5ED!important}
html[data-skin="matrix"][data-theme="light"] .bottom-nav button .nav-ico{
  color:rgba(21,24,21,.65)!important;
  border-color:rgba(21,24,21,.14)!important;
  background:rgba(255,255,255,.28)!important;
}
html[data-skin="matrix"][data-theme="light"] .bottom-nav button>span:last-child{color:rgba(21,24,21,.50)!important}
html[data-skin="matrix"][data-theme="light"] .bottom-nav button.active .nav-ico{
  color:#151815!important;
  border-color:rgba(255,68,58,.38)!important;
}
html[data-skin="matrix"][data-theme="light"] .bottom-nav button.active>span:last-child{color:#151815!important}
@media(max-width:420px){
  html[data-skin="matrix"] .bottom-nav button .nav-ico{
    width:22px!important;height:18px!important;font-size:12px!important;
  }
  html[data-skin="matrix"] .bottom-nav button>span:last-child{
    font-size:6.5px!important;letter-spacing:.03em!important;
  }
}


/* MATRIX V0.0.3 — DOT MATRIX NAV / REPORT TYPO / ARCADE FIT */
html[data-skin="matrix"] .bottom-nav button .nav-ico{position:relative!important;font-size:0!important;color:transparent!important;overflow:visible!important;background:linear-gradient(180deg,rgba(238,242,233,.06),rgba(238,242,233,.015))!important;box-shadow:inset 0 0 0 1px rgba(238,242,233,.07),0 0 14px rgba(255,68,58,.02)!important}
html[data-skin="matrix"] .bottom-nav button .nav-ico::before,html[data-skin="matrix"] .bottom-nav button .nav-ico::after{content:"";position:absolute}
html[data-skin="matrix"] .bottom-nav button .nav-ico::before{width:2px;height:2px;left:5px;top:4px;border-radius:1px;background:rgba(240,243,236,.92)}
html[data-skin="matrix"] .bottom-nav button .nav-ico::after{right:3px;bottom:3px;width:3px;height:3px;border-radius:1px;background:rgba(255,68,58,0);box-shadow:none}
html[data-skin="matrix"] .bottom-nav button.active .nav-ico::after{background:rgba(255,68,58,.85);box-shadow:0 0 8px rgba(255,68,58,.28)}
html[data-skin="matrix"] .bottom-nav button[data-tab="home"] .nav-ico::before{box-shadow:4px 0 rgba(240,243,236,.92),8px 0 rgba(240,243,236,.92),2px 2px rgba(240,243,236,.92),6px 2px rgba(240,243,236,.92),10px 2px rgba(240,243,236,.92),0 4px rgba(240,243,236,.92),4px 4px rgba(240,243,236,.92),8px 4px rgba(240,243,236,.92),12px 4px rgba(240,243,236,.92),0 6px rgba(240,243,236,.92),12px 6px rgba(240,243,236,.92),0 8px rgba(240,243,236,.92),4px 8px rgba(240,243,236,.92),8px 8px rgba(240,243,236,.92),12px 8px rgba(240,243,236,.92),0 10px rgba(240,243,236,.92),4px 10px rgba(240,243,236,.92),8px 10px rgba(240,243,236,.92),12px 10px rgba(240,243,236,.92)}
html[data-skin="matrix"] .bottom-nav button[data-tab="diet"] .nav-ico::before{box-shadow:4px 0 rgba(240,243,236,.92),8px 0 rgba(240,243,236,.92),0 2px rgba(240,243,236,.92),12px 2px rgba(240,243,236,.92),0 4px rgba(240,243,236,.92),12px 4px rgba(240,243,236,.92),2px 6px rgba(240,243,236,.92),4px 6px rgba(240,243,236,.92),6px 6px rgba(240,243,236,.92),8px 6px rgba(240,243,236,.92),10px 6px rgba(240,243,236,.92),4px 8px rgba(255,68,58,.92),8px 8px rgba(240,243,236,.92),6px 10px rgba(240,243,236,.92)}
html[data-skin="matrix"] .bottom-nav button[data-tab="fitness"] .nav-ico::before{box-shadow:6px 0 rgba(240,243,236,.92),4px 2px rgba(240,243,236,.92),6px 2px rgba(240,243,236,.92),8px 2px rgba(240,243,236,.92),2px 4px rgba(240,243,236,.92),6px 4px rgba(240,243,236,.92),10px 4px rgba(240,243,236,.92),0 6px rgba(240,243,236,.92),6px 6px rgba(255,68,58,.92),12px 6px rgba(240,243,236,.92),6px 8px rgba(240,243,236,.92),6px 10px rgba(240,243,236,.92)}
html[data-skin="matrix"] .bottom-nav button[data-tab="study"] .nav-ico::before{box-shadow:2px 0 rgba(240,243,236,.92),6px 0 rgba(240,243,236,.92),10px 0 rgba(240,243,236,.92),0 2px rgba(240,243,236,.92),12px 2px rgba(240,243,236,.92),0 4px rgba(240,243,236,.92),6px 4px rgba(255,68,58,.92),12px 4px rgba(240,243,236,.92),0 6px rgba(240,243,236,.92),12px 6px rgba(240,243,236,.92),2px 8px rgba(240,243,236,.92),6px 8px rgba(240,243,236,.92),10px 8px rgba(240,243,236,.92),6px 10px rgba(240,243,236,.92)}
html[data-skin="matrix"] .bottom-nav button[data-tab="projects"] .nav-ico::before{box-shadow:4px 0 rgba(240,243,236,.92),8px 0 rgba(240,243,236,.92),12px 0 rgba(240,243,236,.92),0 2px rgba(240,243,236,.92),8px 2px rgba(240,243,236,.92),0 4px rgba(240,243,236,.92),4px 4px rgba(240,243,236,.92),8px 4px rgba(255,68,58,.92),12px 4px rgba(240,243,236,.92),0 6px rgba(240,243,236,.92),8px 6px rgba(240,243,236,.92),0 8px rgba(240,243,236,.92),4px 8px rgba(240,243,236,.92),8px 8px rgba(240,243,236,.92),12px 8px rgba(240,243,236,.92)}
html[data-skin="matrix"][data-theme="light"] .bottom-nav button .nav-ico::before{background:rgba(21,24,21,.88)}
html[data-skin="matrix"][data-theme="light"] .bottom-nav button.active .nav-ico::after{box-shadow:0 0 8px rgba(255,68,58,.20)}
html[data-skin="matrix"] .matrix-arcade .arcade-body{overflow-x:clip}
html[data-skin="matrix"] .matrix-arcade .arcade-control-stack{width:78px;min-width:78px}
html[data-skin="matrix"] .matrix-arcade .reel-result{align-content:start;grid-template-rows:auto minmax(28px,auto) 32px auto auto}
html[data-skin="matrix"] .matrix-arcade .reel-result strong,html[data-skin="matrix"] .matrix-arcade .reel-result p{width:100%;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
html[data-skin="matrix"] .matrix-arcade .reel-result strong{-webkit-line-clamp:2;min-height:28px;max-height:28px}
html[data-skin="matrix"] .matrix-arcade .reel-result p{-webkit-line-clamp:2;min-height:28px;max-height:28px;line-height:1.35!important;margin:4px 0 0!important}
html[data-skin="matrix"] .matrix-arcade .meal-reel-window{min-height:202px}
html[data-skin="matrix"] .matrix-arcade .arcade-combo-choose{overflow:hidden;word-break:break-word}
@media(max-width:560px){html[data-skin="matrix"] .matrix-arcade .arcade-body{grid-template-columns:1fr!important;gap:10px!important}html[data-skin="matrix"] .matrix-arcade .arcade-control-stack{width:100%!important;min-width:0!important;grid-template-columns:1fr 1fr;grid-template-rows:none;gap:8px}html[data-skin="matrix"] .matrix-arcade .arcade-ignition,html[data-skin="matrix"] .matrix-arcade .arcade-combo-choose{min-height:112px!important;height:100%!important}html[data-skin="matrix"] .matrix-arcade .arcade-ignition{padding:10px 9px!important}html[data-skin="matrix"] .matrix-arcade .capsule-shell{min-height:68px!important;padding-top:16px!important}html[data-skin="matrix"] .matrix-arcade .arcade-ignition::after{font-size:5px;letter-spacing:.12em;left:10px}}


/* MATRIX V0.0.4 — editorial quote controls + cyber glass nav */
html[data-skin="matrix"] .matrix-poster-actions{
  gap:10px;
  flex-wrap:wrap;
}
html[data-skin="matrix"] .matrix-poster-actions .ghost-btn,
html[data-skin="matrix"] .matrix-poster-actions .primary-btn{
  min-width:128px;
}
html[data-skin="matrix"] .bottom-nav button .nav-ico{
  position:relative!important;
  width:28px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
  font-size:0!important;
  color:rgba(240,243,236,.92)!important;
  background:linear-gradient(180deg,rgba(238,242,233,.10),rgba(238,242,233,.025))!important;
  border:1px solid rgba(238,242,233,.14)!important;
  border-radius:9px 9px 9px 3px!important;
  clip-path:polygon(10% 0,100% 0,100% 76%,88% 100%,0 100%,0 20%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 24px rgba(0,0,0,.25),0 0 0 1px rgba(255,68,58,.02)!important;
  overflow:visible!important;
  transform:translateY(-1px);
}
html[data-skin="matrix"] .bottom-nav button .nav-ico::before{
  content:'';
  position:absolute;
  left:50%;top:50%;transform:translate(-50%,-50%);
  width:16px;height:16px;
  font-size:15px;line-height:16px;text-align:center;
  color:inherit;
  font-family:"Segoe UI Symbol","Apple Symbols","Arial Unicode MS",sans-serif;
}
html[data-skin="matrix"] .bottom-nav button .nav-ico::after{
  content:'';
  position:absolute;
  right:-2px;top:-2px;
  width:7px;height:2px;border-radius:2px;
  background:rgba(255,68,58,.72);
  box-shadow:0 0 10px rgba(255,68,58,.30);
}
html[data-skin="matrix"] .bottom-nav button[data-tab="home"] .nav-ico::before{content:'⌘';}
html[data-skin="matrix"] .bottom-nav button[data-tab="diet"] .nav-ico::before{content:'◔';}
html[data-skin="matrix"] .bottom-nav button[data-tab="fitness"] .nav-ico::before{content:'↯';}
html[data-skin="matrix"] .bottom-nav button[data-tab="study"] .nav-ico::before{content:'◎';}
html[data-skin="matrix"] .bottom-nav button[data-tab="projects"] .nav-ico::before{content:'▦';}
html[data-skin="matrix"] .bottom-nav button.active .nav-ico{
  color:#F8FBF5!important;
  border-color:rgba(255,68,58,.28)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,68,58,.07))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 14px 24px rgba(0,0,0,.32),0 0 18px rgba(255,68,58,.10)!important;
}
html[data-skin="matrix"] .bottom-nav button.active .nav-ico::after{width:9px;height:3px;background:#FF443A;box-shadow:0 0 14px rgba(255,68,58,.40)}
html[data-skin="matrix"][data-theme="light"] .bottom-nav button .nav-ico{
  color:rgba(17,20,17,.92)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.40))!important;
  border-color:rgba(17,20,17,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 10px 18px rgba(17,20,17,.08)!important;
}
html[data-skin="matrix"][data-theme="light"] .bottom-nav button.active .nav-ico{
  border-color:rgba(255,68,58,.32)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,227,225,.80))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 18px rgba(17,20,17,.08),0 0 16px rgba(255,68,58,.10)!important;
}
@media(max-width:420px){
  html[data-skin="matrix"] .bottom-nav button .nav-ico{width:26px!important;height:22px!important}
  html[data-skin="matrix"] .bottom-nav button .nav-ico::before{font-size:14px;width:14px;height:14px;line-height:14px}
}


/* MATRIX V0.0.6 — DOT MATRIX NAV V2
   Pure matrix glyph language: quiet grid + bright node path + one red active node. */
html[data-skin="matrix"] .bottom-nav button .nav-ico{
  --mx-dot:rgba(240,243,236,.92);
  --mx-hot:#FF443A;
  --mx-grid:rgba(240,243,236,.10);
  position:relative!important;
  width:28px!important;
  height:22px!important;
  flex:none!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  font-size:0!important;
  color:transparent!important;
  border:1px solid rgba(240,243,236,.055)!important;
  border-radius:2px!important;
  clip-path:none!important;
  background:
    radial-gradient(circle,var(--mx-grid) .65px,transparent .85px) 0 0/4px 4px,
    rgba(240,243,236,.008)!important;
  box-shadow:inset 0 0 14px rgba(0,0,0,.18)!important;
  transform:none!important;
  overflow:visible!important;
}
html[data-skin="matrix"] .bottom-nav button .nav-ico::before{
  content:""!important;
  position:absolute!important;
  width:2px!important;
  height:2px!important;
  left:5px!important;
  top:4px!important;
  border-radius:1px!important;
  background:var(--mx-dot)!important;
  filter:drop-shadow(0 0 2px rgba(240,243,236,.18));
}
html[data-skin="matrix"] .bottom-nav button .nav-ico::after{
  content:""!important;
  position:absolute!important;
  right:3px!important;
  bottom:3px!important;
  width:3px!important;
  height:3px!important;
  border-radius:1px!important;
  background:transparent!important;
  box-shadow:none!important;
}
html[data-skin="matrix"] .bottom-nav button.active .nav-ico{
  border-color:rgba(255,68,58,.15)!important;
  background:
    radial-gradient(circle,rgba(240,243,236,.14) .65px,transparent .85px) 0 0/4px 4px,
    rgba(255,68,58,.012)!important;
  box-shadow:inset 0 0 16px rgba(0,0,0,.20),0 0 12px rgba(255,68,58,.035)!important;
}
html[data-skin="matrix"] .bottom-nav button.active .nav-ico::after{
  background:var(--mx-hot)!important;
  box-shadow:0 0 9px rgba(255,68,58,.38)!important;
}

/* HOME — matrix core / command node */
html[data-skin="matrix"] .bottom-nav button[data-tab="home"] .nav-ico::before{
  box-shadow:
    4px 0 var(--mx-dot),8px 0 var(--mx-dot),12px 0 var(--mx-dot),
    0 4px var(--mx-dot),4px 4px var(--mx-dot),8px 4px var(--mx-hot),12px 4px var(--mx-dot),16px 4px var(--mx-dot),
    0 8px var(--mx-dot),4px 8px var(--mx-dot),8px 8px var(--mx-dot),12px 8px var(--mx-dot),16px 8px var(--mx-dot),
    4px 12px var(--mx-dot),8px 12px var(--mx-dot),12px 12px var(--mx-dot)!important;
}

/* DIET — bowl / intake field */
html[data-skin="matrix"] .bottom-nav button[data-tab="diet"] .nav-ico::before{
  box-shadow:
    4px 0 var(--mx-dot),12px 0 var(--mx-dot),
    0 4px var(--mx-dot),4px 4px var(--mx-hot),8px 4px var(--mx-dot),12px 4px var(--mx-dot),16px 4px var(--mx-dot),
    0 8px var(--mx-dot),16px 8px var(--mx-dot),
    4px 12px var(--mx-dot),8px 12px var(--mx-dot),12px 12px var(--mx-dot)!important;
}

/* FITNESS — energy pulse */
html[data-skin="matrix"] .bottom-nav button[data-tab="fitness"] .nav-ico::before{
  box-shadow:
    8px 0 var(--mx-dot),
    6px 2px var(--mx-dot),10px 2px var(--mx-dot),
    4px 4px var(--mx-dot),12px 4px var(--mx-dot),
    0 8px var(--mx-dot),4px 8px var(--mx-dot),8px 8px var(--mx-hot),12px 8px var(--mx-dot),16px 8px var(--mx-dot),
    8px 12px var(--mx-dot)!important;
}

/* OPPORTUNITY — scan / target */
html[data-skin="matrix"] .bottom-nav button[data-tab="study"] .nav-ico::before{
  box-shadow:
    4px 0 var(--mx-dot),8px 0 var(--mx-dot),12px 0 var(--mx-dot),
    0 4px var(--mx-dot),16px 4px var(--mx-dot),
    0 8px var(--mx-dot),8px 8px var(--mx-hot),16px 8px var(--mx-dot),
    0 12px var(--mx-dot),16px 12px var(--mx-dot),
    4px 16px var(--mx-dot),8px 16px var(--mx-dot),12px 16px var(--mx-dot)!important;
}

/* PROJECTS — linked blocks */
html[data-skin="matrix"] .bottom-nav button[data-tab="projects"] .nav-ico::before{
  box-shadow:
    4px 0 var(--mx-dot),8px 0 var(--mx-dot),
    0 4px var(--mx-dot),8px 4px var(--mx-dot),12px 4px var(--mx-dot),16px 4px var(--mx-dot),
    0 8px var(--mx-dot),4px 8px var(--mx-hot),8px 8px var(--mx-dot),16px 8px var(--mx-dot),
    8px 12px var(--mx-dot),12px 12px var(--mx-dot),16px 12px var(--mx-dot)!important;
}

html[data-skin="matrix"][data-theme="light"] .bottom-nav button .nav-ico{
  --mx-dot:rgba(18,21,18,.88);
  --mx-hot:#E43D34;
  --mx-grid:rgba(18,21,18,.105);
  border-color:rgba(18,21,18,.07)!important;
  background:
    radial-gradient(circle,var(--mx-grid) .65px,transparent .85px) 0 0/4px 4px,
    rgba(18,21,18,.008)!important;
  box-shadow:inset 0 0 12px rgba(18,21,18,.035)!important;
}
html[data-skin="matrix"][data-theme="light"] .bottom-nav button.active .nav-ico{
  border-color:rgba(228,61,52,.18)!important;
  background:
    radial-gradient(circle,rgba(18,21,18,.14) .65px,transparent .85px) 0 0/4px 4px,
    rgba(228,61,52,.015)!important;
  box-shadow:inset 0 0 12px rgba(18,21,18,.035),0 0 10px rgba(228,61,52,.035)!important;
}
html[data-skin="matrix"] .bottom-nav button>span:last-child{
  margin-top:1px!important;
}
@media(max-width:420px){
  html[data-skin="matrix"] .bottom-nav button .nav-ico{width:27px!important;height:21px!important}
}


/* =========================================================
   MATRIX V0.0.7 — FUTURE TERMINAL DOT NAV V3
   Dot-matrix stays, but the carrier becomes a quiet terminal slot:
   edge brackets + scan line + one active red pulse.
   ========================================================= */
html[data-skin="matrix"] .bottom-nav button .nav-ico{
  --mx-dot:rgba(240,243,236,.94);
  --mx-hot:#FF443A;
  --mx-grid:rgba(240,243,236,.095);
  width:30px!important;
  height:23px!important;
  border:0!important;
  border-radius:0!important;
  background:
    linear-gradient(90deg,rgba(240,243,236,.22),rgba(240,243,236,.22)) left 0 top 0/7px 1px no-repeat,
    linear-gradient(180deg,rgba(240,243,236,.22),rgba(240,243,236,.22)) left 0 top 0/1px 7px no-repeat,
    linear-gradient(90deg,rgba(240,243,236,.16),rgba(240,243,236,.16)) right 0 bottom 0/7px 1px no-repeat,
    linear-gradient(180deg,rgba(240,243,236,.16),rgba(240,243,236,.16)) right 0 bottom 0/1px 7px no-repeat,
    radial-gradient(circle,var(--mx-grid) .58px,transparent .82px) 2px 2px/4px 4px!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
html[data-skin="matrix"] .bottom-nav button .nav-ico::before{
  left:5px!important;
  top:4px!important;
  filter:drop-shadow(0 0 2px rgba(240,243,236,.17))!important;
}
html[data-skin="matrix"] .bottom-nav button .nav-ico::after{
  content:""!important;
  position:absolute!important;
  left:3px!important;
  right:3px!important;
  top:50%!important;
  bottom:auto!important;
  width:auto!important;
  height:1px!important;
  border-radius:0!important;
  background:linear-gradient(90deg,transparent,rgba(240,243,236,.10),transparent)!important;
  box-shadow:none!important;
  transform:translateY(-50%)!important;
}
html[data-skin="matrix"] .bottom-nav button.active .nav-ico{
  background:
    linear-gradient(90deg,rgba(255,68,58,.72),rgba(255,68,58,.72)) left 0 top 0/8px 1px no-repeat,
    linear-gradient(180deg,rgba(255,68,58,.72),rgba(255,68,58,.72)) left 0 top 0/1px 8px no-repeat,
    linear-gradient(90deg,rgba(240,243,236,.24),rgba(240,243,236,.24)) right 0 bottom 0/8px 1px no-repeat,
    linear-gradient(180deg,rgba(240,243,236,.24),rgba(240,243,236,.24)) right 0 bottom 0/1px 8px no-repeat,
    radial-gradient(circle,rgba(240,243,236,.13) .62px,transparent .84px) 2px 2px/4px 4px!important;
  box-shadow:0 0 12px rgba(255,68,58,.045)!important;
}
html[data-skin="matrix"] .bottom-nav button.active .nav-ico::after{
  background:linear-gradient(90deg,transparent,rgba(255,68,58,.78),rgba(240,243,236,.25),transparent)!important;
  box-shadow:0 0 6px rgba(255,68,58,.18)!important;
  animation:mxTerminalScan 2.6s ease-in-out infinite!important;
}
html[data-skin="matrix"] .bottom-nav button.active>span:last-child{
  letter-spacing:.12em!important;
}
@keyframes mxTerminalScan{
  0%,100%{transform:translateY(-7px);opacity:.18}
  50%{transform:translateY(7px);opacity:.86}
}
html[data-skin="matrix"][data-theme="light"] .bottom-nav button .nav-ico{
  --mx-dot:rgba(18,21,18,.90);
  --mx-hot:#E43D34;
  --mx-grid:rgba(18,21,18,.10);
  background:
    linear-gradient(90deg,rgba(18,21,18,.22),rgba(18,21,18,.22)) left 0 top 0/7px 1px no-repeat,
    linear-gradient(180deg,rgba(18,21,18,.22),rgba(18,21,18,.22)) left 0 top 0/1px 7px no-repeat,
    linear-gradient(90deg,rgba(18,21,18,.15),rgba(18,21,18,.15)) right 0 bottom 0/7px 1px no-repeat,
    linear-gradient(180deg,rgba(18,21,18,.15),rgba(18,21,18,.15)) right 0 bottom 0/1px 7px no-repeat,
    radial-gradient(circle,var(--mx-grid) .58px,transparent .82px) 2px 2px/4px 4px!important;
}
html[data-skin="matrix"][data-theme="light"] .bottom-nav button.active .nav-ico{
  background:
    linear-gradient(90deg,rgba(228,61,52,.72),rgba(228,61,52,.72)) left 0 top 0/8px 1px no-repeat,
    linear-gradient(180deg,rgba(228,61,52,.72),rgba(228,61,52,.72)) left 0 top 0/1px 8px no-repeat,
    linear-gradient(90deg,rgba(18,21,18,.22),rgba(18,21,18,.22)) right 0 bottom 0/8px 1px no-repeat,
    linear-gradient(180deg,rgba(18,21,18,.22),rgba(18,21,18,.22)) right 0 bottom 0/1px 8px no-repeat,
    radial-gradient(circle,rgba(18,21,18,.14) .62px,transparent .84px) 2px 2px/4px 4px!important;
}
@media(prefers-reduced-motion:reduce){
  html[data-skin="matrix"] .bottom-nav button.active .nav-ico::after{animation:none!important}
}


/* MATRIX V0.0.9 — browser-first poster actions */
html[data-skin="matrix"] .matrix-poster-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
}
html[data-skin="matrix"] .matrix-poster-actions>*{
  min-width:0!important;
  width:100%!important;
  justify-content:center!important;
  text-align:center!important;
}
html[data-skin="matrix"] .matrix-poster-actions .primary-btn{
  box-shadow:0 0 0 1px rgba(255,68,58,.12),0 0 18px rgba(255,68,58,.06)!important;
}
@media(max-width:520px){
  html[data-skin="matrix"] .matrix-poster-actions{
    grid-template-columns:1fr 1fr!important;
  }
  html[data-skin="matrix"] .matrix-poster-actions>*{
    min-height:42px!important;
    padding-inline:8px!important;
    font-size:11px!important;
  }
}


/* MATRIX V0.0.10 — LIGHT NUTRITION CORE */
html[data-skin="matrix"][data-theme="light"] .matrix-arcade{
  color:#171a17!important;
  background:
    radial-gradient(circle,rgba(18,22,19,.045) .7px,transparent .95px) 0 0/8px 8px,
    linear-gradient(180deg,#F6F7F3,#E8EAE5)!important;
  border-color:rgba(18,22,19,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 18px 42px rgba(18,22,19,.08)!important;
}
html[data-skin="matrix"][data-theme="light"] .matrix-arcade .arcade-marquee{
  color:#30362F!important;border-color:rgba(18,22,19,.10)!important;
}
html[data-skin="matrix"][data-theme="light"] .matrix-arcade .arcade-marquee>span,
html[data-skin="matrix"][data-theme="light"] .matrix-arcade .arcade-marquee>em{
  color:rgba(18,22,19,.62)!important;
}
html[data-skin="matrix"][data-theme="light"] .matrix-arcade .arcade-marquee>i{
  background:#E43D34!important;box-shadow:0 0 7px rgba(228,61,52,.18)!important;
}
html[data-skin="matrix"][data-theme="light"] .matrix-arcade .arcade-macro-grid>span{
  background:rgba(255,255,255,.55)!important;border-color:rgba(18,22,19,.10)!important;
}
html[data-skin="matrix"][data-theme="light"] .matrix-arcade .arcade-macro-grid small,
html[data-skin="matrix"][data-theme="light"] .matrix-arcade .arcade-macro-grid em{
  color:rgba(18,22,19,.50)!important;
}
html[data-skin="matrix"][data-theme="light"] .matrix-arcade .arcade-macro-grid b{color:#171A17!important}
html[data-skin="matrix"][data-theme="light"] .matrix-arcade .meal-reel-window{
  background:
    radial-gradient(circle,rgba(18,22,19,.052) .75px,transparent .95px) 0 0/6px 6px,
    linear-gradient(180deg,#FCFDF9,#ECEEE9)!important;
  border-color:rgba(18,22,19,.10)!important;
  box-shadow:inset 0 0 20px rgba(18,22,19,.035)!important;
}
html[data-skin="matrix"][data-theme="light"] .matrix-arcade .meal-reel-label,
html[data-skin="matrix"][data-theme="light"] .matrix-arcade .reel-ghost,
html[data-skin="matrix"][data-theme="light"] .matrix-arcade .meal-entry-hint{
  color:rgba(18,22,19,.46)!important;
}
html[data-skin="matrix"][data-theme="light"] .matrix-arcade .reel-result strong,
html[data-skin="matrix"][data-theme="light"] .matrix-arcade .reel-result p,
html[data-skin="matrix"][data-theme="light"] .matrix-arcade .reel-macro-line span{
  color:#171A17!important;
}
html[data-skin="matrix"][data-theme="light"] .matrix-arcade .reel-result em{
  color:#B73730!important;border-color:rgba(228,61,52,.16)!important;background:rgba(228,61,52,.035)!important;
}
html[data-skin="matrix"][data-theme="light"] .matrix-arcade .meal-reel-btn{
  color:#202620!important;background:rgba(255,255,255,.58)!important;border-color:rgba(18,22,19,.12)!important;
}
html[data-skin="matrix"][data-theme="light"] .matrix-arcade .meal-reel-btn.primary,
html[data-skin="matrix"][data-theme="light"] .matrix-arcade .meal-reel-btn.logged{
  color:#151815!important;border-color:rgba(228,61,52,.24)!important;background:rgba(228,61,52,.055)!important;
}
html[data-skin="matrix"][data-theme="light"] .matrix-arcade .arcade-ignition{
  color:#151815!important;background:linear-gradient(180deg,rgba(251,252,249,.98),rgba(232,235,230,.98))!important;border-color:rgba(18,22,19,.12)!important;
}
html[data-skin="matrix"][data-theme="light"] .matrix-arcade .arcade-ignition::before{border-color:rgba(18,22,19,.07)!important}
html[data-skin="matrix"][data-theme="light"] .matrix-arcade .arcade-ignition::after{color:rgba(18,22,19,.34)!important}
html[data-skin="matrix"][data-theme="light"] .matrix-arcade .capsule-shell{
  background:
    linear-gradient(90deg,transparent 49.7%,rgba(18,22,19,.09) 50%,transparent 50.3%),
    linear-gradient(180deg,transparent 49.7%,rgba(18,22,19,.09) 50%,transparent 50.3%),
    radial-gradient(circle,rgba(18,22,19,.085) .72px,transparent .96px) 0 0/7px 7px,
    #F1F2EE!important;
  border-color:rgba(18,22,19,.10)!important;box-shadow:inset 0 0 22px rgba(18,22,19,.035)!important;
}
html[data-skin="matrix"][data-theme="light"] .matrix-arcade .capsule-window{
  background:#F8F9F5!important;border-color:rgba(18,22,19,.16)!important;
  box-shadow:inset 0 0 0 8px rgba(18,22,19,.018),0 0 0 1px rgba(18,22,19,.05)!important;
}
html[data-skin="matrix"][data-theme="light"] .matrix-arcade .capsule-window::before,
html[data-skin="matrix"][data-theme="light"] .matrix-arcade .capsule-window::after{background:rgba(18,22,19,.14)!important}
html[data-skin="matrix"][data-theme="light"] .matrix-arcade .capsule-window b{color:#151815!important}
html[data-skin="matrix"][data-theme="light"] .matrix-arcade .capsule-window small{color:#C23A32!important}
html[data-skin="matrix"][data-theme="light"] .matrix-arcade .capsule-status,
html[data-skin="matrix"][data-theme="light"] .matrix-arcade .ignition-copy small{color:rgba(18,22,19,.46)!important}
html[data-skin="matrix"][data-theme="light"] .matrix-arcade .ignition-copy{border-top-color:rgba(18,22,19,.09)!important}
html[data-skin="matrix"][data-theme="light"] .matrix-arcade .ignition-copy b{color:#171A17!important}
html[data-skin="matrix"][data-theme="light"] .matrix-arcade .arcade-combo-choose{
  color:#171A17!important;background:rgba(255,255,255,.48)!important;border-color:rgba(18,22,19,.12)!important;
}
html[data-skin="matrix"][data-theme="light"] .matrix-arcade .arcade-combo-choose small{color:rgba(18,22,19,.48)!important}
html[data-skin="matrix"][data-theme="light"] .matrix-arcade .arcade-status{
  color:rgba(18,22,19,.48)!important;border-top-color:rgba(18,22,19,.10)!important;
}
html[data-skin="matrix"][data-theme="light"] .matrix-arcade .arcade-status b{color:#30362F!important}


/* MATRIX V0.0.21 — FOCUS NODE */
html[data-skin="matrix"] .focus-timer-card{
  --focus-accent:#FF443A;border-radius:2px!important;border-color:rgba(238,242,233,.12)!important;
  background:radial-gradient(circle,rgba(238,242,233,.075) .65px,transparent .9px) 0 0/8px 8px,linear-gradient(90deg,rgba(255,68,58,.025),rgba(238,242,233,.012) 54%,rgba(255,68,58,.02))!important;
  box-shadow:inset 0 1px 0 rgba(238,242,233,.035),0 18px 42px rgba(0,0,0,.22)!important;
}
html[data-skin="matrix"] .focus-timer-card::before{inset:0!important;border:0!important;border-radius:0!important;transform:none!important;background:linear-gradient(90deg,#FF443A 0 28px,transparent 28px calc(100% - 28px),#FF443A calc(100% - 28px)) top/100% 1px no-repeat,linear-gradient(90deg,rgba(238,242,233,.14) 0 12px,transparent 12px calc(100% - 12px),rgba(238,242,233,.14) calc(100% - 12px)) bottom/100% 1px no-repeat;opacity:.6}
html[data-skin="matrix"] .focus-timer-brand>span{color:#FF443A!important}
html[data-skin="matrix"] .focus-timer-brand h2{font-family:"Segoe UI Variable","Segoe UI","Microsoft YaHei UI",sans-serif;font-size:20px}
html[data-skin="matrix"] .focus-timer-clock-shell{width:158px;height:92px;border:1px solid rgba(238,242,233,.10);border-radius:2px;background:radial-gradient(circle,rgba(238,242,233,.13) .8px,transparent 1px) 0 0/7px 7px,rgba(3,5,4,.62);overflow:hidden}
html[data-skin="matrix"] .focus-timer-clock-shell::before{width:auto!important;height:1px!important;left:8px!important;right:8px!important;top:auto!important;bottom:10px!important;transform:none!important;border-radius:0!important;mask:none!important;-webkit-mask:none!important;background:linear-gradient(90deg,#FF443A calc(var(--focus-p)*1%),rgba(238,242,233,.08) 0)!important;box-shadow:0 0 9px rgba(255,68,58,.22)!important}
html[data-skin="matrix"] .focus-timer-clock-shell::after{width:100%!important;height:1px!important;left:0!important;top:48%!important;transform:none!important;border:0!important;border-radius:0!important;background:linear-gradient(90deg,transparent,rgba(255,68,58,.38),transparent);animation:matrixFocusScan 2.8s linear infinite}
@keyframes matrixFocusScan{0%{transform:translateY(-34px)!important;opacity:0}20%{opacity:.8}80%{opacity:.8}100%{transform:translateY(34px)!important;opacity:0}}
html[data-skin="matrix"] .focus-timer-clock{font-family:"Cascadia Mono","Consolas","SFMono-Regular",monospace!important;font-size:34px!important;font-weight:700!important;letter-spacing:.035em!important;color:#F0F3EC;text-shadow:0 0 8px rgba(238,242,233,.23),0 0 18px rgba(255,68,58,.10)}
html[data-skin="matrix"] .focus-timer-clock-shell>i{left:9px!important;top:9px!important;width:5px!important;height:5px!important;margin:0!important;border-radius:0!important;background:#FF443A!important;box-shadow:0 0 9px rgba(255,68,58,.48)!important}
html[data-skin="matrix"] .focus-timer-running>span{color:#FF443A}html[data-skin="matrix"] .focus-timer-progress{border-radius:0;background:rgba(238,242,233,.07)}html[data-skin="matrix"] .focus-timer-progress i{background:#FF443A;box-shadow:0 0 9px rgba(255,68,58,.32)}
html[data-skin="matrix"] .focus-preset,html[data-skin="matrix"] .focus-custom-min,html[data-skin="matrix"] .focus-input-row input,html[data-skin="matrix"] .focus-input-row select{border-radius:2px!important;border-color:rgba(238,242,233,.10)!important;background:rgba(238,242,233,.018)!important}
html[data-skin="matrix"] .focus-preset.active{color:#FF443A!important;border-color:rgba(255,68,58,.35)!important;background:rgba(255,68,58,.045)!important}
html[data-skin="matrix"][data-theme="light"] .focus-timer-card{border-color:rgba(21,24,21,.12)!important;background:radial-gradient(circle,rgba(21,24,21,.075) .65px,transparent .9px) 0 0/8px 8px,linear-gradient(90deg,rgba(255,68,58,.02),rgba(255,255,255,.50) 54%,rgba(255,68,58,.02))!important}
html[data-skin="matrix"][data-theme="light"] .focus-timer-clock-shell{border-color:rgba(21,24,21,.12)!important;background:radial-gradient(circle,rgba(21,24,21,.11) .8px,transparent 1px) 0 0/7px 7px,rgba(255,255,255,.58)!important}
html[data-skin="matrix"][data-theme="light"] .focus-timer-clock{color:#151815;text-shadow:0 0 8px rgba(21,24,21,.12),0 0 14px rgba(255,68,58,.08)}
html[data-skin="matrix"][data-theme="light"] .focus-preset,html[data-skin="matrix"][data-theme="light"] .focus-custom-min,html[data-skin="matrix"][data-theme="light"] .focus-input-row input,html[data-skin="matrix"][data-theme="light"] .focus-input-row select{border-color:rgba(21,24,21,.10)!important;background:rgba(255,255,255,.60)!important;color:#151815!important}
@media(prefers-reduced-motion:reduce){html[data-skin="matrix"] .focus-timer-clock-shell::after{animation:none!important}}


/* MATRIX V0.0.22 — Focus Node alignment / clipping fix */
html[data-skin="matrix"] .focus-timer-card{
  grid-template-columns:minmax(118px,.62fr) 140px minmax(0,1.45fr) auto!important;
  gap:12px!important;
  padding-left:15px!important;
  padding-right:15px!important;
}
html[data-skin="matrix"] .focus-timer-clock-shell{
  width:138px!important;
  max-width:100%!important;
  justify-self:center!important;
}
html[data-skin="matrix"] .focus-timer-clock{
  font-size:30px!important;
  letter-spacing:.02em!important;
}
html[data-skin="matrix"] .focus-timer-setup,
html[data-skin="matrix"] .focus-timer-running{
  min-width:0!important;
  overflow:hidden!important;
}
html[data-skin="matrix"] .focus-input-row input,
html[data-skin="matrix"] .focus-input-row select{
  width:100%!important;
  min-width:0!important;
}
html[data-skin="matrix"] .focus-timer-actions{
  min-width:0!important;
}
@media(max-width:820px){
  html[data-skin="matrix"] .focus-timer-card{
    grid-template-columns:minmax(0,1fr) 118px!important;
    gap:10px!important;
    padding:14px!important;
  }
  html[data-skin="matrix"] .focus-timer-clock-shell{
    width:112px!important;
    height:82px!important;
    grid-column:2!important;
    grid-row:1/3!important;
  }
  html[data-skin="matrix"] .focus-timer-clock{font-size:25px!important}
}
@media(max-width:520px){
  html[data-skin="matrix"] .focus-timer-card{
    grid-template-columns:minmax(0,1fr) 102px!important;
    padding:12px!important;
    gap:8px!important;
  }
  html[data-skin="matrix"] .focus-timer-clock-shell{
    width:98px!important;
    height:76px!important;
  }
  html[data-skin="matrix"] .focus-timer-clock{font-size:22px!important}
  html[data-skin="matrix"] .focus-timer-brand h2{font-size:18px!important}
}


/* MATRIX V0.0.23 — FOCUS NODE IMMERSIVE */
html[data-skin="matrix"] .focus-immersive-stage{
  --fi-accent:#FF443A;
  background:
    linear-gradient(rgba(238,242,233,.026) 1px,transparent 1px) 0 0/100% 34px,
    linear-gradient(90deg,rgba(238,242,233,.020) 1px,transparent 1px) 0 0/34px 100%,
    radial-gradient(circle at 72% 38%,rgba(255,68,58,.055),transparent 34%),
    #050705!important;
}
html[data-skin="matrix"] .focus-immersive-stage::before{
  content:'';
  position:absolute;inset:18px;
  border:1px solid rgba(238,242,233,.10);
  pointer-events:none;
}
html[data-skin="matrix"] .focus-immersive-stage::after{
  content:'';
  position:absolute;
  left:18px;right:18px;top:50%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,68,58,.18),transparent);
  animation:matrixFocusImmersiveScan 5.2s linear infinite;
  pointer-events:none;
}
@keyframes matrixFocusImmersiveScan{
  0%{transform:translateY(-42vh);opacity:0}
  12%{opacity:.65}
  88%{opacity:.65}
  100%{transform:translateY(42vh);opacity:0}
}
html[data-skin="matrix"] .focus-immersive-ambient{display:none}
html[data-skin="matrix"] .focus-immersive-head{
  padding:0 8px;
}
html[data-skin="matrix"] .focus-immersive-head>div{
  display:flex;align-items:center;gap:16px;
}
html[data-skin="matrix"] .focus-immersive-head span,
html[data-skin="matrix"] .focus-immersive-foot>span{
  color:#FF443A!important;
  font-family:"Cascadia Mono","Consolas",monospace;
}
html[data-skin="matrix"] .focus-immersive-head b{
  color:rgba(238,242,233,.34);
  font-family:"Cascadia Mono","Consolas",monospace;
}
html[data-skin="matrix"] .focus-immersive-head button,
html[data-skin="matrix"] .focus-immersive-foot button{
  border-radius:2px!important;
  border-color:rgba(238,242,233,.12)!important;
  background:rgba(238,242,233,.018)!important;
}
html[data-skin="matrix"] .focus-immersive-copy .eyebrow{color:#FF443A!important}
html[data-skin="matrix"] .focus-immersive-copy h1{
  font-family:"Segoe UI Variable","Segoe UI","Microsoft YaHei UI",sans-serif;
}
html[data-skin="matrix"] .focus-immersive-task span{color:#FF443A!important}
html[data-skin="matrix"] .focus-immersive-task small{
  font-family:"Cascadia Mono","Consolas",monospace;
}
html[data-skin="matrix"] .focus-immersive-clock{
  font-family:"Cascadia Mono","Consolas","SFMono-Regular",monospace!important;
  font-weight:700!important;
  letter-spacing:.025em!important;
  color:#F0F3EC!important;
  text-shadow:0 0 10px rgba(238,242,233,.22),0 0 36px rgba(255,68,58,.12)!important;
}
html[data-skin="matrix"] .focus-immersive-progress{
  height:4px!important;
  border-radius:0!important;
  background:
    repeating-linear-gradient(90deg,rgba(238,242,233,.08) 0 10px,transparent 10px 15px)!important;
}
html[data-skin="matrix"] .focus-immersive-progress i{
  background:
    repeating-linear-gradient(90deg,#F0F3EC 0 10px,transparent 10px 15px)!important;
  box-shadow:none!important;
  position:relative;
}
html[data-skin="matrix"] .focus-immersive-progress i::after{
  content:'';
  position:absolute;right:0;top:-2px;width:5px;height:8px;
  background:#FF443A;
  box-shadow:0 0 12px rgba(255,68,58,.46);
}
html[data-skin="matrix"] .focus-immersive-progress b{
  font-family:"Cascadia Mono","Consolas",monospace;
}
html[data-skin="matrix"] .focus-immersive-planet{
  position:relative;
}
html[data-skin="matrix"] .focus-immersive-planet::before{
  content:'NODE / VISUAL LOCK';
  position:absolute;
  left:8%;top:8%;
  z-index:10;
  color:rgba(238,242,233,.30);
  font:600 7px/1 "Cascadia Mono","Consolas",monospace;
  letter-spacing:.14em;
}
html[data-skin="matrix"] .focus-immersive-planet .blackhole-stage{
  filter:grayscale(.28) contrast(1.06) drop-shadow(0 20px 70px rgba(255,68,58,.08))!important;
}
html[data-skin="matrix"] .focus-immersive-planet .focus-score span{
  color:#FF443A!important;
  font-family:"Cascadia Mono","Consolas",monospace;
}
html[data-skin="matrix"] .focus-immersive-foot{
  padding:0 8px;
  border-top:1px solid rgba(238,242,233,.06);
  padding-top:10px;
}
html[data-skin="matrix"][data-theme="light"] .focus-immersive-stage{
  background:
    linear-gradient(rgba(21,24,21,.034) 1px,transparent 1px) 0 0/100% 34px,
    linear-gradient(90deg,rgba(21,24,21,.026) 1px,transparent 1px) 0 0/34px 100%,
    radial-gradient(circle at 72% 38%,rgba(255,68,58,.045),transparent 34%),
    #F1F2EE!important;
}
html[data-skin="matrix"][data-theme="light"] .focus-immersive-stage::before{
  border-color:rgba(21,24,21,.10);
}
html[data-skin="matrix"][data-theme="light"] .focus-immersive-clock{
  color:#151815!important;
  text-shadow:0 0 9px rgba(21,24,21,.12),0 0 30px rgba(255,68,58,.08)!important;
}
html[data-skin="matrix"][data-theme="light"] .focus-immersive-head b{
  color:rgba(21,24,21,.38);
}
html[data-skin="matrix"][data-theme="light"] .focus-immersive-progress{
  background:repeating-linear-gradient(90deg,rgba(21,24,21,.10) 0 10px,transparent 10px 15px)!important;
}
html[data-skin="matrix"][data-theme="light"] .focus-immersive-progress i{
  background:repeating-linear-gradient(90deg,#151815 0 10px,transparent 10px 15px)!important;
}
@media(prefers-reduced-motion:reduce){
  html[data-skin="matrix"] .focus-immersive-stage::after{animation:none!important}
}


/* MATRIX V0.0.25 — SIGNAL ARCHIVE */
html[data-skin="matrix"] .achievement-constellation-card{
  border-radius:2px!important;
  background:
    radial-gradient(circle,rgba(238,242,233,.065) .7px,transparent 1px) 0 0/8px 8px,
    linear-gradient(90deg,rgba(255,68,58,.025),rgba(238,242,233,.012))!important;
}
html[data-skin="matrix"] .achievement-constellation-card::after{
  width:210px;height:210px;border-radius:0;right:-105px;bottom:-105px;
  transform:rotate(45deg);border-color:rgba(255,68,58,.10);box-shadow:none;
}
html[data-skin="matrix"] .achievement-constellation-head span,
html[data-skin="matrix"] .achievement-archive-group-head span{color:#FF443A!important}
html[data-skin="matrix"] .achievement-total strong,
html[data-skin="matrix"] .achievement-group-mini b{
  font-family:"Cascadia Mono","Consolas",monospace;
}
html[data-skin="matrix"] .achievement-group-mini>div,
html[data-skin="matrix"] .achievement-progress-line,
html[data-skin="matrix"] .achievement-tile{
  border-radius:2px!important;
}
html[data-skin="matrix"] .achievement-group-mini i,
html[data-skin="matrix"] .achievement-progress-line>i{border-radius:0!important}
html[data-skin="matrix"] .achievement-group-mini i::after,
html[data-skin="matrix"] .achievement-progress-line em{
  background:linear-gradient(90deg,#F0F3EC,#FF443A)!important;
  box-shadow:none!important;
}
html[data-skin="matrix"] .achievement-tile-icon{
  border-radius:2px!important;
  color:#FF443A!important;
  border-color:rgba(255,68,58,.18)!important;
  font-family:"Cascadia Mono","Consolas",monospace;
}
html[data-skin="matrix"] .achievement-tile.unlocked{
  border-color:rgba(255,68,58,.14)!important;
  background:rgba(255,68,58,.025)!important;
}
html[data-skin="matrix"] .achievement-tile span,
html[data-skin="matrix"] .achievement-tile small{
  font-family:"Cascadia Mono","Consolas",monospace;
}


/* MATRIX V0.0.26 — DAILY SIGNAL WALL */
html[data-skin="matrix"] .daily-achievement-wall{
  border-radius:2px!important;
  background:
    radial-gradient(circle,rgba(238,242,233,.055) .7px,transparent 1px) 0 0/8px 8px,
    linear-gradient(90deg,rgba(255,68,58,.018),rgba(238,242,233,.008))!important;
}
html[data-skin="matrix"] .daily-achievement-wall::after{
  content:'';position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,#FF443A,transparent);opacity:.45;
}
html[data-skin="matrix"] .daily-achievement-wall-head span{color:#FF443A!important;font-family:"Cascadia Mono","Consolas",monospace}
html[data-skin="matrix"] .daily-achievement-wall-score,
html[data-skin="matrix"] .daily-achievement-copy>span,
html[data-skin="matrix"] .daily-achievement-tile>b,
html[data-skin="matrix"] .achievement-daily-mini span,
html[data-skin="matrix"] .achievement-daily-mini>em{
  font-family:"Cascadia Mono","Consolas",monospace;
}
html[data-skin="matrix"] .daily-achievement-tile,
html[data-skin="matrix"] .achievement-daily-mini{
  border-radius:2px!important;
}
html[data-skin="matrix"] .daily-achievement-tile.unlocked,
html[data-skin="matrix"] .achievement-daily-mini.unlocked{
  border-color:rgba(255,68,58,.14)!important;
  background:rgba(255,68,58,.022)!important;
}
html[data-skin="matrix"] .daily-achievement-glyph,
html[data-skin="matrix"] .achievement-daily-mini>i{
  border-radius:2px!important;
  font-family:"Cascadia Mono","Consolas",monospace;
}
html[data-skin="matrix"] .daily-achievement-tile.unlocked .daily-achievement-glyph,
html[data-skin="matrix"] .achievement-daily-mini.unlocked>i{
  color:#FF443A!important;border-color:rgba(255,68,58,.20)!important;box-shadow:none!important;
}
html[data-skin="matrix"] .daily-achievement-copy>i{border-radius:0!important}
html[data-skin="matrix"] .daily-achievement-copy>i::after{
  background:linear-gradient(90deg,#F0F3EC,#FF443A)!important;
}
html[data-skin="matrix"] .daily-achievement-tile.unlocked>b,
html[data-skin="matrix"] .achievement-daily-mini.unlocked>em{color:#FF443A!important}


/* MATRIX V0.0.27 — Compact SIGNAL BADGE RACK */
html[data-skin="matrix"] .achievement-home-entry{
  min-height:68px;
  border-radius:2px!important;
  border-color:rgba(238,242,233,.10)!important;
  background:
    radial-gradient(circle,rgba(238,242,233,.055) .65px,transparent .9px) 0 0/8px 8px,
    linear-gradient(90deg,rgba(255,68,58,.020),rgba(238,242,233,.010) 58%,rgba(255,68,58,.014))!important;
  box-shadow:inset 0 1px 0 rgba(238,242,233,.025);
}
html[data-skin="matrix"] .achievement-home-entry::before{
  content:'';
  position:absolute;
}
html[data-skin="matrix"] .achievement-home-copy>span{
  color:#FF443A!important;
  font-family:"Cascadia Mono","Consolas",monospace;
}
html[data-skin="matrix"] .achievement-home-copy>strong{
  font-family:"Segoe UI Variable","Segoe UI","Microsoft YaHei UI",sans-serif;
}
html[data-skin="matrix"] .achievement-home-copy>small,
html[data-skin="matrix"] .achievement-home-open span{
  font-family:"Cascadia Mono","Consolas",monospace;
}
html[data-skin="matrix"] .achievement-home-badges{
  gap:6px;
}
html[data-skin="matrix"] .achievement-home-badges>i{
  flex-basis:32px;width:32px;height:32px;
  border-radius:2px!important;
  border-color:rgba(238,242,233,.09)!important;
  background:rgba(238,242,233,.014)!important;
}
html[data-skin="matrix"] .achievement-home-badges>i::before{
  inset:auto;
  left:3px;right:3px;bottom:3px;height:2px;
  border-radius:0!important;
  background:linear-gradient(90deg,#FF443A calc(var(--bp)*1%),rgba(238,242,233,.06) 0)!important;
  -webkit-mask:none!important;
  mask:none!important;
  opacity:.85;
}
html[data-skin="matrix"] .achievement-home-badges>i.unlocked{
  border-color:rgba(255,68,58,.22)!important;
  box-shadow:0 0 10px rgba(255,68,58,.055)!important;
}
html[data-skin="matrix"] .achievement-home-badges em{
  font-family:"Cascadia Mono","Consolas",monospace;
}
html[data-skin="matrix"] .achievement-home-badges i.unlocked em,
html[data-skin="matrix"] .achievement-home-badges i.unlocked b,
html[data-skin="matrix"] .achievement-home-open b{
  color:#FF443A!important;
}
html[data-skin="matrix"] .achievement-home-badges b{
  right:0;bottom:0;
  border-radius:0!important;
  background:#050705!important;
  font-family:"Cascadia Mono","Consolas",monospace;
}
html[data-skin="matrix"][data-theme="light"] .achievement-home-entry{
  border-color:rgba(21,24,21,.10)!important;
  background:
    radial-gradient(circle,rgba(21,24,21,.055) .65px,transparent .9px) 0 0/8px 8px,
    linear-gradient(90deg,rgba(255,68,58,.016),rgba(255,255,255,.62) 58%,rgba(255,68,58,.010))!important;
}
html[data-skin="matrix"][data-theme="light"] .achievement-home-badges>i{
  border-color:rgba(21,24,21,.10)!important;
  background:rgba(255,255,255,.54)!important;
}
html[data-skin="matrix"][data-theme="light"] .achievement-home-badges b{
  background:#F1F2EE!important;
}


/* MATRIX V0.0.28 — orientation control */
html[data-skin="matrix"] .focus-orientation-tip{
  font-family:"Cascadia Mono","Consolas",monospace;
  color:rgba(238,242,233,.36);
}
html[data-skin="matrix"] .focus-orientation-tip[data-state="manual"],
html[data-skin="matrix"] .focus-orientation-tip[data-state="ok"]{color:#FF443A!important}
html[data-skin="matrix"] .focus-immersive-foot [data-focus-landscape]{
  border-color:rgba(255,68,58,.18)!important;
  color:#FF443A!important;
}