/* Meldix Feature Pack v5.0 */
:root{--mx-accent:#ff6fc9;--mx-accent2:#b76cff;--mx-panel:rgba(12,10,16,.94);--mx-line:rgba(255,255,255,.12);--mx-soft:rgba(255,255,255,.06);--mx-good:#70f0ac;--mx-warn:#ffd66e;--mx-bad:#ff6d8d}
#mxFeatureBar{position:fixed;top:18px;right:18px;z-index:8800;display:flex;align-items:center;gap:8px;opacity:0;transform:translateY(-7px);pointer-events:none;transition:.2s ease}
body:not(.loading) #mxFeatureBar{opacity:1;transform:none;pointer-events:auto}
.mx-chip,.mx-icon-btn{border:1px solid var(--mx-line);background:rgba(12,10,16,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#fff;min-height:34px;border-radius:9px;font:800 10px/1.1 var(--mono,monospace);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:.18s ease}
.mx-chip{display:flex;align-items:center;gap:8px;padding:7px 10px}.mx-chip:hover,.mx-icon-btn:hover{border-color:rgba(255,111,201,.5);background:rgba(255,111,201,.09);transform:translateY(-1px)}
.mx-chip img{width:21px;height:21px;border-radius:50%;object-fit:cover;background:transparent}.mx-chip .dot{width:7px;height:7px;border-radius:50%;background:var(--mx-good);box-shadow:0 0 12px rgba(112,240,172,.75)}
.mx-icon-btn{width:36px;padding:0;display:grid;place-items:center}.mx-icon-btn svg{width:16px;height:16px}
.mx-overlay{position:fixed;inset:0;z-index:20000;display:grid;place-items:center;padding:22px;background:rgba(0,0,0,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease}.mx-overlay.open{opacity:1;visibility:visible;pointer-events:auto}
.mx-modal{width:min(720px,96vw);max-height:min(86vh,860px);overflow:auto;border:1px solid rgba(255,255,255,.13);background:radial-gradient(circle at 12% 0%,rgba(255,111,201,.10),transparent 35%),linear-gradient(180deg,rgba(18,15,22,.98),rgba(6,5,8,.98));box-shadow:0 28px 100px rgba(0,0,0,.55);border-radius:14px;color:#fff}.mx-modal.sm{width:min(460px,94vw)}.mx-modal.wide{width:min(960px,96vw)}
.mx-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:18px 20px;border-bottom:1px solid var(--mx-line)}.mx-kicker{margin:0 0 7px;color:#c6bccb;font:800 9px/1 var(--mono,monospace);letter-spacing:.28em;text-transform:uppercase}.mx-head h2{margin:0;font:900 22px/1.05 var(--sans,system-ui)}.mx-close{border:1px solid var(--mx-line);background:transparent;color:#fff;border-radius:8px;width:34px;height:34px;cursor:pointer}.mx-body{padding:18px 20px}.mx-muted{color:#a79dab}.mx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mx-card{border:1px solid var(--mx-line);background:rgba(255,255,255,.025);border-radius:10px;padding:14px}.mx-card strong{display:block;margin-bottom:5px}.mx-row{display:flex;align-items:center;gap:10px}.mx-row.between{justify-content:space-between}.mx-btn{border:1px solid rgba(255,111,201,.38);background:rgba(255,111,201,.09);color:#fff;border-radius:8px;padding:10px 12px;font:800 10px/1 var(--mono,monospace);letter-spacing:.09em;text-transform:uppercase;cursor:pointer}.mx-btn:hover{background:rgba(255,111,201,.17);border-color:rgba(255,111,201,.65)}.mx-btn.secondary{border-color:var(--mx-line);background:rgba(255,255,255,.03)}
.mx-provider{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;margin-top:10px;text-align:left}.mx-provider svg{width:22px;height:22px}.mx-provider small{display:block;color:#a79dab;margin-top:3px;text-transform:none;letter-spacing:0}
.mx-user-hero{display:flex;gap:14px;align-items:center}.mx-user-hero img{width:64px;height:64px;border-radius:50%;object-fit:cover;background:transparent}.mx-user-hero h3{margin:0 0 5px;font-size:23px}.mx-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.mx-stat{padding:11px;border:1px solid var(--mx-line);border-radius:9px;background:rgba(255,255,255,.025)}.mx-stat b{display:block;font-size:18px}.mx-stat span{font:700 8px/1.2 var(--mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:#a79dab}
.mx-achievements{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mx-ach{border:1px solid var(--mx-line);padding:10px;border-radius:9px;opacity:.42}.mx-ach.unlocked{opacity:1;border-color:rgba(112,240,172,.28);background:rgba(112,240,172,.04)}.mx-ach b{font-size:12px}.mx-ach p{font-size:11px;margin:4px 0 0;color:#a79dab}
#mxNowPlayingSection{margin-top:18px}.mx-now{display:grid;grid-template-columns:74px minmax(0,1fr);gap:14px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(120deg,rgba(255,111,201,.06),rgba(255,255,255,.018));padding:13px;border-radius:10px}.mx-now-cover{width:74px;height:74px;border-radius:8px;object-fit:cover;background:rgba(255,255,255,.04)}.mx-now-title{font-weight:900;font-size:15px}.mx-now-artist{font-size:12px;color:#b8aebc;margin-top:4px}.mx-now-progress{height:3px;background:rgba(255,255,255,.11);margin:14px 0 7px;border-radius:999px;overflow:hidden}.mx-now-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--mx-accent),#fff);width:0}.mx-now-time{display:flex;justify-content:space-between;font:700 8px/1 var(--mono,monospace);color:#8f8793}
.mx-online-pill{display:inline-flex;align-items:center;gap:6px;font:800 8px/1 var(--mono,monospace);letter-spacing:.1em;text-transform:uppercase}.mx-online-pill i{width:6px;height:6px;border-radius:50%;background:var(--mx-good);box-shadow:0 0 10px rgba(112,240,172,.75)}
.mx-verified-user{display:flex;align-items:center;gap:8px}.mx-verified-user img{width:24px;height:24px;border-radius:50%;object-fit:cover;background:transparent}.mx-provider-tag{font:800 10px/1.1 var(--mono,monospace);letter-spacing:0;padding:4px 6px;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:#b8afb9;text-transform:uppercase}.mx-new-entry{animation:mxEntry .45s ease}@keyframes mxEntry{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.mx-project-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:6px 0}.mx-badge{font:900 7px/1 var(--mono,monospace);letter-spacing:.1em;padding:4px 6px;border-radius:999px;border:1px solid var(--mx-line);color:#c6bccb}.mx-badge.top{color:#ffe08a;border-color:rgba(255,224,138,.28)}.mx-badge.trending{color:#ff88cf;border-color:rgba(255,111,201,.35)}.mx-reactions{display:flex;gap:5px;margin-top:8px;flex-wrap:wrap}.mx-react{display:flex;align-items:center;gap:4px;border:1px solid rgba(255,255,255,.08);background:transparent;color:#aca3af;border-radius:7px;padding:5px 7px;cursor:pointer;font:700 9px/1 var(--mono,monospace)}.mx-react:hover,.mx-react.active{color:#fff;border-color:rgba(255,111,201,.42);background:rgba(255,111,201,.08)}.mx-react svg{width:13px;height:13px}
.mx-ai-modes{display:flex;gap:6px;margin-bottom:10px}.mx-ai-mode{border:1px solid var(--mx-line);background:transparent;color:#9e95a2;border-radius:7px;padding:6px 8px;font:800 8px/1 var(--mono,monospace);cursor:pointer}.mx-ai-mode.active{color:#fff;border-color:rgba(255,111,201,.45);background:rgba(255,111,201,.09)}
.mx-command-search,.mx-terminal-input{width:100%;box-sizing:border-box;border:1px solid var(--mx-line);background:rgba(255,255,255,.025);color:#fff;padding:12px 13px;border-radius:8px;outline:none}.mx-command-list{display:grid;gap:5px;margin-top:10px}.mx-command-item{display:flex;justify-content:space-between;gap:16px;padding:10px 11px;border:1px solid transparent;border-radius:8px;cursor:pointer;color:#d9d2dc}.mx-command-item:hover,.mx-command-item.active{background:rgba(255,111,201,.07);border-color:rgba(255,111,201,.18)}.mx-command-item small{color:#8d8490}.mx-terminal-output{height:330px;overflow:auto;background:#050407;border:1px solid rgba(255,255,255,.09);padding:12px;border-radius:8px;font:12px/1.65 var(--mono,monospace);color:#d7d0da;white-space:pre-wrap}.mx-terminal-output .ok{color:var(--mx-good)}.mx-terminal-output .bad{color:var(--mx-bad)}
.mx-status-list{display:grid;gap:8px}.mx-status-row{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--mx-line);padding:11px;border-radius:8px}.mx-status-row b{font-size:12px}.mx-status-dot{width:9px;height:9px;border-radius:50%;background:#999}.mx-status-dot.ok{background:var(--mx-good);box-shadow:0 0 10px rgba(112,240,172,.55)}.mx-status-dot.bad{background:var(--mx-bad)}
.mx-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mx-gallery button{border:1px solid var(--mx-line);background:#08070a;padding:0;border-radius:9px;overflow:hidden;cursor:pointer;aspect-ratio:16/10}.mx-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:.25s}.mx-gallery button:hover img{transform:scale(1.04)}.mx-lightbox img{max-width:min(1200px,92vw);max-height:82vh;border-radius:10px;border:1px solid var(--mx-line)}
.mx-settings-group{margin-bottom:18px}.mx-settings-group h3{margin:0 0 9px;font-size:12px;text-transform:uppercase;letter-spacing:.15em}.mx-options{display:flex;gap:6px;flex-wrap:wrap}.mx-option{border:1px solid var(--mx-line);background:transparent;color:#a79dab;padding:7px 9px;border-radius:7px;cursor:pointer;font-size:10px}.mx-option.active{border-color:rgba(255,111,201,.48);color:#fff;background:rgba(255,111,201,.08)}
.mx-dynamic-bg{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.36;background:radial-gradient(circle at 78% 15%,rgba(255,111,201,.20),transparent 33%),radial-gradient(circle at 16% 76%,rgba(119,88,255,.16),transparent 35%);transition:background 1.2s ease,opacity .5s ease}.mx-bg-night{background:radial-gradient(circle at 78% 15%,rgba(80,70,170,.18),transparent 35%),radial-gradient(circle at 16% 76%,rgba(255,74,151,.11),transparent 35%)}.mx-bg-online{background:radial-gradient(circle at 80% 15%,rgba(112,240,172,.11),transparent 32%),radial-gradient(circle at 12% 70%,rgba(255,111,201,.15),transparent 36%)}.mx-bg-dnd{background:radial-gradient(circle at 80% 15%,rgba(255,86,108,.15),transparent 34%),radial-gradient(circle at 12% 70%,rgba(155,50,100,.10),transparent 35%)}
body.mx-theme-noir{--pink:#d8d8df!important;--pink-2:#fff!important;--accent:#fff!important;filter:saturate(.35)}body.mx-theme-cyber{--pink:#58e5ff!important;--pink-2:#8b7cff!important;--accent:#58e5ff!important}body.mx-theme-blood{--pink:#ff5369!important;--pink-2:#ff9d83!important;--accent:#ff5369!important}body.mx-theme-ice{--pink:#8ddcff!important;--pink-2:#d4f3ff!important;--accent:#8ddcff!important}body.mx-theme-anime{--pink:#ff89d8!important;--pink-2:#c999ff!important;--accent:#ff89d8!important}
.mx-cursor-dot,.mx-cursor-ring{position:fixed;left:0;top:0;pointer-events:none;z-index:2147481000;opacity:0;transition:opacity .15s}.mx-cursor-dot{width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 14px var(--mx-accent)}.mx-cursor-ring{width:24px;height:24px;border:1px solid rgba(255,111,201,.55);border-radius:50%;transform:translate(-9px,-9px)}body.mx-cursor-custom,body.mx-cursor-custom *{cursor:none!important}body.mx-cursor-custom .mx-cursor-dot,body.mx-cursor-custom .mx-cursor-ring{opacity:1}body.mx-cursor-crosshair,body.mx-cursor-crosshair *{cursor:crosshair!important}
.mx-season-layer{position:fixed;inset:0;pointer-events:none;z-index:2;overflow:hidden}.mx-season-particle{position:absolute;top:-20px;animation:mxFall linear infinite;color:rgba(255,255,255,.55);font-size:13px}@keyframes mxFall{to{transform:translate3d(30px,105vh,0) rotate(240deg)}}
.mx-share-preview{width:100%;border-radius:10px;border:1px solid var(--mx-line);display:block;background:#050407}.mx-wrapped-hero{text-align:center;padding:20px 10px}.mx-wrapped-hero h3{font-size:46px;margin:0;letter-spacing:-.05em}.mx-wrapped-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mx-wrapped-item{padding:14px;border:1px solid var(--mx-line);border-radius:9px;text-align:center}.mx-wrapped-item b{display:block;font-size:24px}.mx-wrapped-item span{font-size:9px;color:#9f95a3;text-transform:uppercase;letter-spacing:.12em}
.mx-anime-profile{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mx-anime-stat{padding:12px;border:1px solid var(--mx-line);border-radius:9px}.mx-anime-list{margin-top:12px;display:grid;gap:6px}.mx-anime-list div{border-bottom:1px solid rgba(255,255,255,.07);padding:7px 0;font-size:11px}
.mx-login-note{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;margin-bottom:8px;border:1px solid rgba(255,111,201,.20);background:rgba(255,111,201,.05);border-radius:8px;font-size:10px;color:#bfb5c4}.mx-login-note button{padding:6px 8px}.mx-auth-hidden{display:none!important}
.mx-toast{position:fixed;left:50%;bottom:28px;z-index:30000;transform:translate(-50%,12px);opacity:0;pointer-events:none;border:1px solid var(--mx-line);background:rgba(10,8,13,.95);color:#fff;padding:10px 13px;border-radius:9px;font:800 9px/1.2 var(--mono,monospace);transition:.2s}.mx-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:760px){#mxFeatureBar{top:10px;right:10px}.mx-chip .label{display:none}.mx-grid,.mx-stats,.mx-achievements,.mx-wrapped-grid,.mx-anime-profile{grid-template-columns:1fr 1fr}.mx-gallery{grid-template-columns:1fr 1fr}.mx-modal{max-height:90vh}.mx-now{grid-template-columns:58px 1fr}.mx-now-cover{width:58px;height:58px}}
@media(max-width:480px){.mx-stats,.mx-achievements,.mx-wrapped-grid,.mx-anime-profile{grid-template-columns:1fr}.mx-gallery{grid-template-columns:1fr}}
.mx-ranking{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 15px}.mx-rank-card{border:1px solid var(--mx-line);border-radius:9px;padding:10px;background:rgba(255,255,255,.02)}.mx-rank-card h4{margin:0 0 7px;font:900 8px/1 var(--mono,monospace);letter-spacing:.16em;text-transform:uppercase;color:#a79dab}.mx-rank-list{display:grid;gap:5px}.mx-rank-item{display:flex;justify-content:space-between;gap:8px;font-size:10px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.05)}.mx-rank-item:last-child{border-bottom:0}.mx-project-share{border:1px solid rgba(255,255,255,.08);background:transparent;color:#9f96a3;border-radius:7px;padding:5px 7px;cursor:pointer;font:800 8px/1 var(--mono,monospace)}.mx-project-share:hover{color:#fff;border-color:rgba(255,111,201,.38)}
@media(max-width:600px){.mx-ranking{grid-template-columns:1fr}}


/* ===== v5.2: feature pack integration with the original Meldix visual system ===== */
#mxFeatureBar .mx-chip,#mxFeatureBar .mx-icon-btn,.mx-modal,.mx-card,.mx-rank-card,.mx-react,.mx-project-share,.mx-option,.mx-btn{border-radius:2px}
.mx-ranking{gap:7px}.mx-rank-card{background:rgba(255,255,255,.015);border-color:rgba(255,255,255,.07);box-shadow:none}
.mx-rank-card h4{color:rgba(255,255,255,.46)}
.mx-rank-item{color:rgba(255,255,255,.58)}
.mx-provider-tag{border-radius:2px!important}

/* ===== v5.3: original Meldix visual integration + animated hover outline ===== */
:root{
  --mx-line:rgba(255,255,255,.085);
  --mx-line-hover:rgba(255,255,255,.13);
  --mx-glow-a:#ff61bd;
  --mx-glow-b:#9d7bff;
  --mx-glow-c:#ffffff;
}

/* Modals and feature cards follow the same sharp, restrained language as the main site. */
.mx-modal{
  border:.5px solid rgba(255,255,255,.11)!important;
  border-radius:2px!important;
  background:
    linear-gradient(180deg,rgba(18,14,22,.985),rgba(6,5,8,.99))!important;
  box-shadow:0 28px 90px rgba(0,0,0,.58)!important;
}
.mx-head{
  padding:18px 20px!important;
  border-bottom:.5px solid rgba(255,255,255,.095)!important;
  background:linear-gradient(90deg,rgba(255,95,198,.055),transparent 58%);
}
.mx-head h2{font-weight:900!important;letter-spacing:-.025em}
.mx-kicker{color:rgba(255,255,255,.56)!important}
.mx-body{padding:18px 20px!important}
.mx-close,.mx-card,.mx-stat,.mx-ach,.mx-rank-card,.mx-status-row,.mx-gallery button,.mx-terminal-output,.mx-command-search,.mx-terminal-input,.mx-option,.mx-wrapped-item,.mx-anime-stat,.mx-share-preview{
  border-width:.5px!important;
  border-color:rgba(255,255,255,.085)!important;
  border-radius:2px!important;
  box-shadow:none!important;
}
.mx-card,.mx-stat,.mx-rank-card,.mx-status-row,.mx-wrapped-item,.mx-anime-stat{
  background:rgba(255,255,255,.014)!important;
}
.mx-card:hover,.mx-stat:hover,.mx-ach:hover,.mx-rank-card:hover,.mx-status-row:hover,.mx-wrapped-item:hover,.mx-anime-stat:hover{
  border-color:rgba(255,255,255,.12)!important;
}
.mx-ach.unlocked{
  border-color:rgba(112,240,172,.24)!important;
  background:rgba(112,240,172,.025)!important;
}
.mx-command-item{
  border-radius:2px!important;
  border-width:.5px!important;
}
.mx-command-item:hover,.mx-command-item.active{
  background:rgba(255,95,198,.045)!important;
  border-color:rgba(255,95,198,.15)!important;
}
.mx-status-row{padding:12px 14px!important}
.mx-status-dot{width:7px!important;height:7px!important}
.mx-gallery{gap:8px!important}
.mx-gallery button{background:#060609!important}
.mx-gallery button:hover{border-color:rgba(255,95,198,.18)!important}
.mx-gallery button:hover img{transform:scale(1.018)!important}
.mx-terminal-output{background:#030305!important;color:rgba(255,255,255,.78)!important}
.mx-settings-group h3{font:900 11px/1.1 var(--sans,system-ui)!important;letter-spacing:.08em!important}
.mx-option{padding:7px 10px!important;color:rgba(255,255,255,.56)!important}
.mx-option.active{background:rgba(255,95,198,.055)!important;border-color:rgba(255,95,198,.32)!important;color:#fff!important}
.mx-wrapped-hero{padding:24px 10px 16px!important}
.mx-wrapped-hero h3{font-size:44px!important}
.mx-wrapped-item b{font-size:26px!important}
.mx-anime-list div{border-bottom:.5px solid rgba(255,255,255,.07)!important}
.mx-share-preview{background:#050407!important}
.mx-lightbox img{border:.5px solid rgba(255,255,255,.09)!important;border-radius:2px!important}

/* Thin barely-visible scrollbars in Feature Pack windows. */
.mx-modal,.mx-terminal-output,.mx-command-list,.mx-gallery,.mx-anime-list{
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.12) transparent;
}
.mx-modal::-webkit-scrollbar,.mx-terminal-output::-webkit-scrollbar,.mx-command-list::-webkit-scrollbar,.mx-gallery::-webkit-scrollbar,.mx-anime-list::-webkit-scrollbar{width:5px;height:5px}
.mx-modal::-webkit-scrollbar-track,.mx-terminal-output::-webkit-scrollbar-track,.mx-command-list::-webkit-scrollbar-track,.mx-gallery::-webkit-scrollbar-track,.mx-anime-list::-webkit-scrollbar-track{background:transparent}
.mx-modal::-webkit-scrollbar-thumb,.mx-terminal-output::-webkit-scrollbar-thumb,.mx-command-list::-webkit-scrollbar-thumb,.mx-gallery::-webkit-scrollbar-thumb,.mx-anime-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.11);border-radius:999px}
.mx-modal::-webkit-scrollbar-thumb:hover,.mx-terminal-output::-webkit-scrollbar-thumb:hover,.mx-command-list::-webkit-scrollbar-thumb:hover,.mx-gallery::-webkit-scrollbar-thumb:hover,.mx-anime-list::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.18)}

/* All real buttons receive a subtle animated outline on hover. */
button{
  position:relative;
  isolation:isolate;
}
button::after{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:5;
  border-radius:inherit;
  padding:1px;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(115deg,
    transparent 0%,
    rgba(255,255,255,.14) 18%,
    rgba(255,95,198,.9) 38%,
    rgba(157,123,255,.72) 52%,
    rgba(255,255,255,.62) 66%,
    rgba(255,95,198,.84) 80%,
    transparent 100%);
  background-size:260% 100%;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  transition:opacity .16s ease;
}
button:hover::after,button:focus-visible::after{
  opacity:.78;
  animation:mxOutlineFlow 1.65s linear infinite;
}
@keyframes mxOutlineFlow{0%{background-position:220% 0}100%{background-position:-40% 0}}

/* User asked to keep Socials and Top favorites completely untouched by this effect. */
.social-list button::after,
.social-list .copy-discord-inline::after,
#favoriteAnime button::after,
.favorite-scroll-list button::after,
.top-favorites-list button::after{
  display:none!important;
  animation:none!important;
}

/* Make hover borders feel thinner rather than turning into a thick pink frame. */
.mx-btn:hover,.mx-close:hover,.mx-chip:hover,.mx-icon-btn:hover,.mx-option:hover,.mx-react:hover,.mx-project-share:hover,.mx-gallery button:hover{
  border-width:.5px!important;
  box-shadow:none!important;
}
.mx-btn:hover,.mx-close:hover,.mx-chip:hover,.mx-icon-btn:hover,.mx-option:hover{
  border-color:rgba(255,255,255,.13)!important;
  background-color:rgba(255,255,255,.025)!important;
}

/* Feature bar visually aligned with the site's compact controls. */
#mxFeatureBar{gap:7px!important}
#mxFeatureBar .mx-chip,#mxFeatureBar .mx-icon-btn{
  min-height:34px!important;
  border:.5px solid rgba(255,255,255,.1)!important;
  background:rgba(6,6,10,.82)!important;
  box-shadow:0 12px 38px rgba(0,0,0,.26)!important;
}
#mxFeatureBar .mx-chip{padding:7px 10px!important}
.mx-online-pill i{width:6px!important;height:6px!important}

@media (prefers-reduced-motion:reduce){
  button:hover::after,button:focus-visible::after{animation:none!important}
}