/* MrGym Strength Lab — front-end (RTL, "arena" + gold, light/dark aware) */
.mgsl{
	--g1:#f4c43a; --g2:#e0a800; --g3:#ffd771;
	--ink:#0c0f14; --pane:#151a22; --pane2:#1c2330;
	--line:rgba(255,255,255,.09); --line2:rgba(255,255,255,.16);
	--tx:#eef1f6; --tx2:#aab3c0; --tx3:#7f8a99;
	--hd:#ffffff;                 /* strong headings / big numbers */
	--gtx:var(--g3);              /* gold-tinted text on the section bg */
	--surf:rgba(255,255,255,.03); /* subtle raised panels */
	--track:rgba(255,255,255,.06);/* ladder bar track */
	--gtrack:rgba(255,255,255,.08);/* gauge track */
	--tabsbg:rgba(0,0,0,.3);
	--platebg:rgba(0,0,0,.25);
	--numgrad:linear-gradient(135deg,#fff,var(--g3));
	--bg:radial-gradient(140% 120% at 100% 0,#1b2230 0,#11151c 48%,#0c0f14 100%);
	--shadow:0 24px 60px -28px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.04);
	--aura:radial-gradient(circle,rgba(224,168,0,.22),transparent 62%);
	--ok:#34d399; --rad:18px;
	position:relative; margin:42px 0; padding:26px 24px 22px;
	background:var(--bg);
	border:1px solid var(--line2); border-radius:var(--rad);
	box-shadow:var(--shadow);
	color:var(--tx);
	font-family:inherit; line-height:1.7; overflow:hidden;
	-webkit-tap-highlight-color:transparent;
}

/* ---- light mode (site-wide aihub toggle, or forced via data-theme) ---- */
body[data-lqd-page-color-scheme="light"] .mgsl,
.mgsl[data-theme="light"]{
	--pane:#ffffff; --pane2:#f3f6fb;
	--line:rgba(15,23,42,.10); --line2:rgba(15,23,42,.14);
	--tx:#1a2433; --tx2:#566273; --tx3:#7c8696;
	--hd:#15202e;
	--gtx:#a8780f;
	--surf:#f5f7fb;
	--track:rgba(15,23,42,.08);
	--gtrack:rgba(15,23,42,.12);
	--tabsbg:rgba(15,23,42,.045);
	--platebg:#1b2332;
	--numgrad:linear-gradient(135deg,#1c2636,var(--g2));
	--bg:radial-gradient(140% 120% at 100% 0,#ffffff 0,#f7f9fc 48%,#eef3f9 100%);
	--shadow:0 18px 44px -26px rgba(20,30,50,.26), inset 0 1px 0 rgba(255,255,255,.7);
	--aura:radial-gradient(circle,rgba(224,168,0,.14),transparent 62%);
}
body[data-lqd-page-color-scheme="light"] select.mgsl-in,
.mgsl[data-theme="light"] select.mgsl-in{
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23a8780f' stroke-width='2.5'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E");
}

.mgsl *{box-sizing:border-box}
.mgsl::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--g2),var(--g3),var(--g2),transparent);opacity:.9}
.mgsl-aura{position:absolute;width:380px;height:380px;top:-160px;left:-120px;background:var(--aura);pointer-events:none;filter:blur(6px);animation:mgslFloat 9s ease-in-out infinite alternate}
@keyframes mgslFloat{to{transform:translate(60px,40px) scale(1.15)}}

/* header */
.mgsl-head{display:flex;align-items:center;gap:14px;position:relative;z-index:1;margin-bottom:20px}
.mgsl-badge{flex:0 0 auto;width:52px;height:52px;display:grid;place-items:center;border-radius:14px;color:#241a00;
	background:linear-gradient(135deg,var(--g1),var(--g2));box-shadow:0 8px 22px -6px rgba(224,168,0,.6)}
.mgsl-badge svg{width:26px;height:26px}
.mgsl-head-tx{flex:1 1 auto;min-width:0}
.mgsl-h2{margin:0;font-size:clamp(19px,2.4vw,24px);font-weight:900;letter-spacing:-.3px;color:var(--hd);line-height:1.3}
.mgsl-h2 span{font-size:13px;font-weight:600;color:var(--gtx);opacity:.85;margin-inline-start:6px}
.mgsl-sub{margin:4px 0 0;color:var(--tx2);font-size:13px}
.mgsl-est{flex:0 0 auto;align-self:flex-start;font-size:11px;font-weight:800;color:var(--gtx);
	background:rgba(224,168,0,.12);border:1px solid rgba(224,168,0,.35);border-radius:999px;padding:4px 11px;cursor:help}

/* shared inputs */
.mgsl-inputs{display:grid;grid-template-columns:1.1fr .9fr 1.4fr;gap:12px;position:relative;z-index:1;margin-bottom:18px}
@media(max-width:640px){.mgsl-inputs{grid-template-columns:1fr 1fr}.mgsl-field-wide{grid-column:1/-1}}
.mgsl-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.mgsl-lbl{font-size:12px;color:var(--tx3);font-weight:700}
.mgsl-in{width:100%;background:var(--pane);border:1.5px solid var(--line2);color:var(--tx);
	border-radius:11px;padding:11px 12px;font-size:15px;font-weight:700;font-family:inherit;transition:.18s}
.mgsl-in:focus{outline:none;border-color:var(--g2);box-shadow:0 0 0 3px rgba(224,168,0,.18);background:var(--pane2)}
.mgsl-in::placeholder{color:var(--tx3);font-weight:500;opacity:.8}
select.mgsl-in{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ffd771' stroke-width='2.5'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center;padding-left:32px}
.mgsl-gender{display:grid;grid-template-columns:1fr 1fr;gap:0;align-self:end;background:var(--pane);border:1.5px solid var(--line2);border-radius:11px;padding:4px;height:46px}
.mgsl-seg{display:flex;align-items:center;justify-content:center;gap:6px;border:none;background:transparent;color:var(--tx2);
	font-weight:800;font-size:13px;font-family:inherit;border-radius:8px;cursor:pointer;transition:.18s}
.mgsl-seg svg{width:16px;height:16px}
.mgsl-seg.is-on{background:linear-gradient(135deg,var(--g1),var(--g2));color:#241a00;box-shadow:0 4px 12px -4px rgba(224,168,0,.6)}

/* tabs */
.mgsl-tabs{display:flex;gap:6px;position:relative;z-index:1;background:var(--tabsbg);border:1px solid var(--line);
	border-radius:13px;padding:5px;margin-bottom:18px}
.mgsl-tab{flex:1;border:none;background:transparent;color:var(--tx2);font-weight:800;font-size:13.5px;font-family:inherit;
	padding:10px 6px;border-radius:9px;cursor:pointer;transition:.18s;white-space:nowrap}
.mgsl-tab:hover{color:var(--tx)}
.mgsl-tab.is-on{background:linear-gradient(135deg,rgba(244,196,58,.16),rgba(224,168,0,.08));color:var(--gtx);box-shadow:inset 0 0 0 1px rgba(224,168,0,.35)}

/* panels */
.mgsl-panel{display:none;position:relative;z-index:1;animation:mgslFade .35s ease}
.mgsl-panel.is-on{display:block}
@keyframes mgslFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.mgsl-ssr{color:var(--tx2);font-size:13.5px;margin:0 0 4px;background:var(--surf);border:1px solid var(--line);border-radius:12px;padding:12px 14px}

/* recommendation */
.mgsl-rec-top{display:grid;grid-template-columns:1.3fr 1fr;gap:12px;margin-bottom:18px}
@media(max-width:560px){.mgsl-rec-top{grid-template-columns:1fr}}
.mgsl-bignum{background:linear-gradient(135deg,rgba(244,196,58,.14),rgba(224,168,0,.04));border:1px solid rgba(224,168,0,.3);
	border-radius:15px;padding:16px 18px;display:flex;flex-direction:column;gap:2px}
.mgsl-bignum-soft{background:var(--surf);border-color:var(--line2)}
.mgsl-bignum-lbl{font-size:12px;color:var(--tx3);font-weight:700}
.mgsl-bignum strong{font-size:clamp(30px,6vw,44px);font-weight:900;color:var(--hd);line-height:1.1;letter-spacing:-1px;
	background:var(--numgrad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.mgsl-bignum-soft strong{background:none;-webkit-text-fill-color:initial;color:var(--gtx)}
.mgsl-bignum-unit{font-size:12px;color:var(--tx2);font-weight:700}

/* level ladder */
.mgsl-ladder{display:flex;flex-direction:column;gap:9px;margin-bottom:16px}
.mgsl-rung{display:grid;grid-template-columns:96px 1fr auto;align-items:center;gap:12px}
.mgsl-rung-lb{font-size:12.5px;font-weight:800;color:var(--tx2)}
.mgsl-rung-bar{height:11px;background:var(--track);border-radius:99px;overflow:hidden;position:relative}
.mgsl-rung-fill{height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--g2),var(--g3));transition:width 1s cubic-bezier(.2,.9,.2,1)}
.mgsl-rung-val{font-size:13px;font-weight:800;color:var(--hd);white-space:nowrap;min-width:62px;text-align:left}
.mgsl-rung.is-you .mgsl-rung-lb{color:var(--gtx)}
.mgsl-rung.is-you .mgsl-rung-bar{box-shadow:0 0 0 2px rgba(224,168,0,.5)}
.mgsl-rung.is-you .mgsl-rung-fill{background:linear-gradient(90deg,var(--ok),#7ef0c3)}

/* warmup */
.mgsl-warm{display:flex;flex-wrap:wrap;gap:8px}
.mgsl-warm-h{width:100%;font-size:13px;font-weight:800;color:var(--gtx);margin-bottom:2px}
.mgsl-chipw{background:var(--pane);border:1px solid var(--line2);border-radius:10px;padding:8px 12px;font-size:12.5px;font-weight:700;color:var(--tx)}
.mgsl-chipw b{color:var(--gtx)}

/* strength test */
.mgsl-test-in{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;margin-bottom:16px}
.mgsl-result{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;background:var(--surf);
	border:1px solid var(--line);border-radius:16px;padding:18px}
@media(max-width:560px){.mgsl-result{grid-template-columns:1fr;text-align:center}.mgsl-test-in{grid-template-columns:1fr 1fr}}
.mgsl-gauge{position:relative;width:200px;max-width:100%}
.mgsl-gauge svg{width:100%;height:auto;display:block;overflow:visible}
.mgsl-gauge-bg{stroke:var(--gtrack)}
.mgsl-gauge-fg{stroke:url(#mgslGrad);stroke-dasharray:251.3;stroke-dashoffset:251.3;transition:stroke-dashoffset 1.1s cubic-bezier(.2,.9,.2,1);filter:drop-shadow(0 0 6px rgba(224,168,0,.5))}
.mgsl-gauge-tx{position:absolute;inset:auto 0 6px;text-align:center}
.mgsl-gauge-tx strong{display:block;font-size:34px;font-weight:900;color:var(--hd);line-height:1}
.mgsl-gauge-tx span{font-size:11px;color:var(--tx3);font-weight:700}
.mgsl-result-side{min-width:0}
.mgsl-levelpill{display:inline-block;font-weight:900;font-size:15px;color:#241a00;background:linear-gradient(135deg,var(--g1),var(--g2));
	padding:6px 16px;border-radius:999px;margin-bottom:10px;box-shadow:0 6px 16px -6px rgba(224,168,0,.7)}
.mgsl-result-note{margin:0 0 10px;color:var(--tx2);font-size:13px}
.mgsl-result-note b{color:var(--hd)}
.mgsl-compare{display:flex;flex-direction:column;gap:7px}
.mgsl-cmp{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--tx2)}
.mgsl-cmp b{color:var(--gtx);font-weight:800}
.mgsl-hint-empty{color:var(--tx3);font-size:13px;text-align:center;padding:18px;margin:0;
	background:var(--surf);border:1px dashed var(--line2);border-radius:14px}

/* calories */
.mgsl-cal{display:grid;grid-template-columns:1fr 1.1fr;gap:16px;align-items:center;margin-bottom:20px}
@media(max-width:560px){.mgsl-cal{grid-template-columns:1fr}}
.mgsl-cal-in{display:flex;flex-direction:column;gap:12px}
.mgsl-cal-out{text-align:center}
.mgsl-cal-card{display:flex;flex-direction:column;align-items:center;gap:2px;background:linear-gradient(135deg,rgba(255,90,40,.14),rgba(224,168,0,.06));
	border:1px solid rgba(255,120,60,.3);border-radius:16px;padding:16px}
.mgsl-cal-ico{font-size:26px}
.mgsl-cal-card strong{font-size:38px;font-weight:900;color:var(--hd);line-height:1.1}
.mgsl-cal-card span{font-size:12px;color:var(--tx2);font-weight:700}
.mgsl-cal-eq{margin:10px 0 0;font-size:12.5px;color:var(--tx3);text-align:center}
.mgsl-cal-eq b{color:var(--gtx)}

/* tools */
.mgsl-tools{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:640px){.mgsl-tools{grid-template-columns:1fr}}
.mgsl-tool{background:var(--surf);border:1px solid var(--line);border-radius:15px;padding:16px}
.mgsl-tool h4{margin:0 0 12px;font-size:14px;font-weight:800;color:var(--gtx)}
.mgsl-tool-in{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.mgsl-tool-in span{color:var(--tx3);font-weight:800}
.mgsl-tool-out{margin:0;font-size:13px;color:var(--tx2)}
.mgsl-tool-out strong{color:var(--hd);font-size:18px;font-weight:900}
.mgsl-reptable{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}
.mgsl-rep{background:var(--pane);border:1px solid var(--line);border-radius:9px;padding:8px 4px;text-align:center}
.mgsl-rep span{display:block;font-size:10.5px;color:var(--tx3);font-weight:700}
.mgsl-rep b{font-size:14px;color:var(--hd);font-weight:900}
.mgsl-rep small{font-size:9.5px;color:var(--tx3)}

/* plate visual — tray stays dark in both modes so colored plates pop */
.mgsl-plate-vis{display:flex;align-items:center;justify-content:center;gap:3px;min-height:62px;margin:6px 0 8px;
	background:var(--platebg);border-radius:11px;padding:8px;flex-wrap:wrap}
.mgsl-bar-rod{height:6px;width:26px;background:linear-gradient(#cfd6df,#8a92a0);border-radius:3px}
.mgsl-pl{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#0c0f14;font-weight:900;
	font-size:11px;border-radius:4px;min-width:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.mgsl-plate-empty{color:#aab3c0;font-size:12px}

.mgsl-foot{position:relative;z-index:1;margin:18px 0 0;font-size:11.5px;color:var(--tx3);text-align:center;
	border-top:1px solid var(--line);padding-top:14px}
.mgsl-src{position:relative;z-index:1;margin:8px 0 0;font-size:11px;line-height:1.7;color:var(--tx3);
	text-align:center;opacity:.8}
.mgsl-src span[dir=ltr]{color:var(--gold,#e0a800);font-weight:600}

/* hide mode-irrelevant tools */
.mgsl[data-mode="reps"] #mgsl-plate-tool,
.mgsl[data-mode="band"] #mgsl-plate-tool,
.mgsl[data-mode="dynamic"] #mgsl-plate-tool{display:none}
.mgsl[data-mode="band"] .mgsl-tools,
.mgsl[data-mode="dynamic"] .mgsl-tools{grid-template-columns:1fr}