/* Generated by exam-master-backend/build_admin_emx_css.py from the student app CSS. Do not edit by hand. */
:root { --band: #1A1D29; --band-ink: #F6F3EC; }
[data-theme="dark"] { --band: #1B1F2B; --band-ink: #F1EEE7; }
body.emx .emx-layout > main { max-width: 860px; }
/* ---- styles.css ---- */
body.emx .emx-layout > main button, body.emx .sheet-panel button, body.emx .emx-layout > main input, body.emx .sheet-panel input, body.emx .emx-layout > main select, body.emx .sheet-panel select { font: inherit; color: inherit; }
body.emx .emx-layout > main a, body.emx .sheet-panel a { color: var(--blue); text-decoration: none; }
body.emx .emx-layout > main a:hover, body.emx .sheet-panel a:hover { text-decoration: underline; }
body.emx .emx-layout > main .sr-only, body.emx .sheet-panel .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@keyframes pulse { 50% { transform: scale(.92); opacity: .8; } }
body.emx .emx-layout > main .sheet, body.emx .sheet-panel .sheet { display: flex; gap: 10px; margin-top: 18px; align-items: center; }
body.emx .emx-layout > main .sheet span, body.emx .sheet-panel .sheet span { width: 26px; height: 26px; border-radius: 50%; border: 2px solid color-mix(in srgb, var(--band-ink) 45%, transparent);
  display: grid; place-items: center; font: 600 11px/1 var(--sans); color: color-mix(in srgb, var(--band-ink) 70%, transparent); }
body.emx .emx-layout > main .sheet span.on, body.emx .sheet-panel .sheet span.on { background: var(--accent); border-color: var(--accent); color: #fff; }
body.emx .emx-layout > main .sheet em, body.emx .sheet-panel .sheet em { font-style: normal; font-size: 12px; color: color-mix(in srgb, var(--band-ink) 60%, transparent); margin-left: 4px; }
body.emx .emx-layout > main .card, body.emx .sheet-panel .card {
  background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow);
}
body.emx .emx-layout > main .linkbtn, body.emx .sheet-panel .linkbtn { font-weight: 600; }
body.emx .emx-layout > main .seg, body.emx .sheet-panel .seg { display: grid; grid-template-columns: 1fr 1fr; background: var(--surface-2); border-radius: 999px; padding: 4px; margin-bottom: 18px; }
body.emx .emx-layout > main .seg a, body.emx .sheet-panel .seg a { text-align: center; padding: 9px 8px; border-radius: 999px; color: var(--muted); font-weight: 600; font-size: 14.5px; text-decoration: none; }
body.emx .emx-layout > main .seg a[aria-current="page"], body.emx .sheet-panel .seg a[aria-current="page"] { background: var(--surface); color: var(--ink); box-shadow: 0 1px 3px rgba(0,0,0,.12); }
body.emx .emx-layout > main .field, body.emx .sheet-panel .field { margin-bottom: 14px; }
body.emx .emx-layout > main .field label, body.emx .sheet-panel .field label, body.emx .emx-layout > main .label, body.emx .sheet-panel .label { display: block; font-size: 13.5px; font-weight: 600; margin: 0 0 6px; }
body.emx .emx-layout > main .field .hint, body.emx .sheet-panel .field .hint { font-size: 12.5px; color: var(--muted); margin-top: 6px; }
body.emx .emx-layout > main .input-wrap, body.emx .sheet-panel .input-wrap { position: relative; }
body.emx .emx-layout > main .input, body.emx .sheet-panel .input, body.emx .emx-layout > main select.input, body.emx .sheet-panel select.input {
  width: 100%; height: 48px; padding: 0 14px; border-radius: var(--radius-sm);
  border: 1.5px solid var(--line); background: var(--bg); outline: none; font-size: 16px;
  transition: border-color .15s, box-shadow .15s, background .15s;
}
body.emx .emx-layout > main .input::placeholder, body.emx .sheet-panel .input::placeholder { color: color-mix(in srgb, var(--muted) 75%, transparent); }
body.emx .emx-layout > main .input:focus, body.emx .sheet-panel .input:focus { border-color: var(--ink); background: var(--surface); box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent); }
body.emx .emx-layout > main .input[aria-invalid="true"], body.emx .sheet-panel .input[aria-invalid="true"] { border-color: var(--danger); }
body.emx .emx-layout > main .input.has-btn, body.emx .sheet-panel .input.has-btn { padding-right: 64px; }
body.emx .emx-layout > main .peek, body.emx .sheet-panel .peek { position: absolute; right: 6px; top: 6px; height: 36px; padding: 0 10px; border: 0; border-radius: 9px; background: transparent; color: var(--muted); font-size: 13px; font-weight: 600; cursor: pointer; }
body.emx .emx-layout > main .peek:hover, body.emx .sheet-panel .peek:hover { background: var(--surface-2); color: var(--ink); }
body.emx .emx-layout > main .err, body.emx .sheet-panel .err { color: var(--danger); font-size: 13px; margin-top: 6px; min-height: 0; }
body.emx .emx-layout > main .err:empty, body.emx .sheet-panel .err:empty { display: none; }
body.emx .emx-layout > main .row, body.emx .sheet-panel .row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
body.emx .emx-layout > main .meter, body.emx .sheet-panel .meter { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; margin-top: 8px; }
body.emx .emx-layout > main .meter i, body.emx .sheet-panel .meter i { height: 4px; border-radius: 4px; background: var(--line); }
body.emx .emx-layout > main .meter[data-s="1"] i:nth-child(-n+1), body.emx .sheet-panel .meter[data-s="1"] i:nth-child(-n+1) { background: var(--danger); }
body.emx .emx-layout > main .meter[data-s="2"] i:nth-child(-n+2), body.emx .sheet-panel .meter[data-s="2"] i:nth-child(-n+2) { background: #E99A1B; }
body.emx .emx-layout > main .meter[data-s="3"] i:nth-child(-n+3), body.emx .sheet-panel .meter[data-s="3"] i:nth-child(-n+3) { background: var(--blue); }
body.emx .emx-layout > main .meter[data-s="4"] i, body.emx .sheet-panel .meter[data-s="4"] i { background: var(--ok); }
body.emx .emx-layout > main .chips, body.emx .sheet-panel .chips { display: flex; flex-wrap: wrap; gap: 8px; }
body.emx .emx-layout > main .chip, body.emx .sheet-panel .chip { border: 1.5px solid var(--line); background: var(--bg); border-radius: 999px; padding: 7px 13px; font-size: 14px; font-weight: 600; cursor: pointer; color: var(--ink); }
body.emx .emx-layout > main .chip[aria-pressed="true"], body.emx .sheet-panel .chip[aria-pressed="true"] { background: var(--ink); color: var(--bg); border-color: var(--ink); }
body.emx .emx-layout > main .chips.cats, body.emx .sheet-panel .chips.cats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
body.emx .emx-layout > main .chips.cats .chip, body.emx .sheet-panel .chips.cats .chip { border-radius: 12px; padding: 8px 11px; text-align: left; line-height: 1.25; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
body.emx .emx-layout > main .chips.cats .chip b, body.emx .sheet-panel .chips.cats .chip b { font-weight: 700; font-size: 14px; overflow-wrap: anywhere; }
body.emx .emx-layout > main .chips.cats .chip .bn, body.emx .sheet-panel .chips.cats .chip .bn { font-weight: 500; font-size: 13px; line-height: 1.45; color: var(--muted); overflow-wrap: anywhere; }
body.emx .emx-layout > main .chips.cats .chip[aria-pressed="true"] .bn, body.emx .sheet-panel .chips.cats .chip[aria-pressed="true"] .bn { color: color-mix(in srgb, var(--bg) 78%, transparent); }
body.emx .emx-layout > main .bn, body.emx .sheet-panel .bn { font-family: "EM Bangla", var(--sans); }
body.emx .emx-layout > main .btn, body.emx .sheet-panel .btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  height: 50px; padding: 0 20px; border-radius: 14px; border: 0; cursor: pointer;
  font-weight: 700; font-size: 16px; letter-spacing: .01em; text-decoration: none !important;
  transition: transform .06s, background .15s, opacity .15s;
}
body.emx .emx-layout > main .btn:active, body.emx .sheet-panel .btn:active { transform: translateY(1px); }
body.emx .emx-layout > main .btn.block, body.emx .sheet-panel .btn.block { width: 100%; }
body.emx .emx-layout > main .btn.primary, body.emx .sheet-panel .btn.primary { background: var(--accent); color: var(--accent-ink); box-shadow: 0 6px 16px color-mix(in srgb, var(--accent) 35%, transparent); }
body.emx .emx-layout > main .btn.primary:hover, body.emx .sheet-panel .btn.primary:hover { background: var(--accent-press); }
body.emx .emx-layout > main .btn.ghost, body.emx .sheet-panel .btn.ghost { background: var(--surface-2); color: var(--ink); }
body.emx .emx-layout > main .btn.outline, body.emx .sheet-panel .btn.outline { background: transparent; color: var(--ink); border: 1.5px solid var(--line); }
body.emx .emx-layout > main .btn.danger, body.emx .sheet-panel .btn.danger { background: transparent; color: var(--danger); border: 1.5px solid color-mix(in srgb, var(--danger) 40%, transparent); }
body.emx .emx-layout > main .btn[disabled], body.emx .sheet-panel .btn[disabled] { opacity: .6; cursor: default; }
body.emx .emx-layout > main .btn .spin, body.emx .sheet-panel .btn .spin { width: 18px; height: 18px; border-radius: 50%; border: 2.5px solid currentColor; border-right-color: transparent; animation: spin .7s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
body.emx .emx-layout > main .alert, body.emx .sheet-panel .alert { border-radius: var(--radius-sm); padding: 11px 13px; font-size: 14px; margin-bottom: 14px; }
body.emx .emx-layout > main .alert.err-box, body.emx .sheet-panel .alert.err-box { background: var(--danger-soft); color: var(--danger); }
body.emx .emx-layout > main .alert.ok-box, body.emx .sheet-panel .alert.ok-box { background: var(--ok-soft); color: var(--ok); }
body.emx .emx-layout > main .alert:empty, body.emx .sheet-panel .alert:empty { display: none; }
body.emx .emx-layout > main .check, body.emx .sheet-panel .check { display: flex; gap: 10px; align-items: flex-start; font-size: 13.5px; color: var(--muted); margin: 4px 0 16px; }
body.emx .emx-layout > main .check input, body.emx .sheet-panel .check input { width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--accent); flex: none; }
body.emx .emx-layout > main .avatar, body.emx .sheet-panel .avatar { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; font-weight: 700; font-size: 15px;
  background: var(--accent-soft); color: var(--accent); border: 0; cursor: pointer; flex: none; }
body.emx .emx-layout > main .avatar.lg, body.emx .sheet-panel .avatar.lg { width: 72px; height: 72px; font-size: 26px; font-family: var(--serif); }
body.emx .emx-layout > main .hello, body.emx .sheet-panel .hello { font-family: var(--serif); font-size: 27px; line-height: 1.2; margin: 8px 0 4px; letter-spacing: -.02em; }
body.emx .emx-layout > main .muted, body.emx .sheet-panel .muted { color: var(--muted); }
body.emx .emx-layout > main .small, body.emx .sheet-panel .small { font-size: 13.5px; }
body.emx .emx-layout > main .section-title, body.emx .sheet-panel .section-title { font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); margin: 26px 2px 10px; }
body.emx .emx-layout > main .hero-card, body.emx .sheet-panel .hero-card { padding: 18px; margin-top: 16px; display: grid; grid-template-columns: 1fr auto; gap: 14px; align-items: center; }
body.emx .emx-layout > main .hero-card h3, body.emx .sheet-panel .hero-card h3 { margin: 0; font-size: 17px; }
body.emx .emx-layout > main .hero-card .big-num, body.emx .sheet-panel .hero-card .big-num { font-family: var(--serif); font-size: 40px; line-height: 1; font-weight: 700; color: var(--accent); }
body.emx .emx-layout > main .hero-card .tag, body.emx .sheet-panel .hero-card .tag { display: inline-block; font-size: 12px; font-weight: 700; padding: 3px 9px; border-radius: 999px; background: var(--surface-2); color: var(--muted); margin-bottom: 8px; }
body.emx .emx-layout > main .ring, body.emx .sheet-panel .ring { --p: 0; width: 76px; height: 76px; border-radius: 50%; display: grid; place-items: center;
  background: conic-gradient(var(--accent) calc(var(--p) * 1%), var(--surface-2) 0); }
body.emx .emx-layout > main .ring > div, body.emx .sheet-panel .ring > div { width: 60px; height: 60px; border-radius: 50%; background: var(--surface); display: grid; place-items: center; text-align: center; font-size: 11px; color: var(--muted); line-height: 1.15; }
body.emx .emx-layout > main .ring b, body.emx .sheet-panel .ring b { display: block; font-size: 17px; color: var(--ink); }
body.emx .emx-layout > main .grid, body.emx .sheet-panel .grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
body.emx .emx-layout > main .tile, body.emx .sheet-panel .tile { padding: 16px; position: relative; min-height: 124px; display: flex; flex-direction: column; justify-content: space-between; }
body.emx .emx-layout > main .tile .ico, body.emx .sheet-panel .tile .ico { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: var(--surface-2); }
body.emx .emx-layout > main .tile .ico svg, body.emx .sheet-panel .tile .ico svg { width: 22px; height: 22px; stroke: var(--ink); }
body.emx .emx-layout > main .tile h4, body.emx .sheet-panel .tile h4 { margin: 12px 0 2px; font-size: 15.5px; }
body.emx .emx-layout > main .tile p, body.emx .sheet-panel .tile p { margin: 0; font-size: 12.5px; color: var(--muted); }
body.emx .emx-layout > main .soon, body.emx .sheet-panel .soon { position: absolute; top: 12px; right: 12px; font-size: 10.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; padding: 3px 8px; border-radius: 999px; background: var(--accent-soft); color: var(--accent); }
body.emx .emx-layout > main .setup, body.emx .sheet-panel .setup { padding: 16px; margin-top: 12px; display: flex; gap: 12px; align-items: center; }
body.emx .emx-layout > main .setup p, body.emx .sheet-panel .setup p { margin: 0; font-size: 14px; flex: 1; }
body.emx .emx-layout > main .back, body.emx .sheet-panel .back { display: inline-flex; align-items: center; min-height: 36px; margin-top: 4px; color: var(--muted); font-weight: 600; font-size: 14px; text-decoration: none; }
body.emx .emx-layout > main .bank-filters, body.emx .sheet-panel .bank-filters { padding: 14px; margin-top: 14px; }
body.emx .emx-layout > main .bank-filters label, body.emx .sheet-panel .bank-filters label { display: block; font-size: 13px; font-weight: 700; margin-bottom: 6px; }
body.emx .emx-layout > main .chips.subj .chip, body.emx .sheet-panel .chips.subj .chip { padding: 6px 11px; font-size: 13.5px; }
body.emx .emx-layout > main .chip .n, body.emx .sheet-panel .chip .n { font-weight: 700; font-size: 11.5px; opacity: .65; margin-left: 2px; }
body.emx .emx-layout > main .bank-count, body.emx .sheet-panel .bank-count { margin: 16px 2px 8px; }
body.emx .emx-layout > main .bank-empty, body.emx .sheet-panel .bank-empty { padding: 18px; margin-top: 14px; }
body.emx .emx-layout > main .bank-empty h3, body.emx .sheet-panel .bank-empty h3 { margin: 0 0 6px; font-family: var(--serif); font-size: 19px; }
body.emx .emx-layout > main .bank-empty p, body.emx .sheet-panel .bank-empty p { margin: 0; }
body.emx .emx-layout > main .qcard, body.emx .sheet-panel .qcard { padding: 14px; margin-bottom: 12px; cursor: pointer; -webkit-tap-highlight-color: transparent; }
body.emx .emx-layout > main .qcard.open, body.emx .sheet-panel .qcard.open { border-color: color-mix(in srgb, var(--ok) 45%, var(--line)); }
body.emx .emx-layout > main .qmeta, body.emx .sheet-panel .qmeta { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
body.emx .emx-layout > main .qno, body.emx .sheet-panel .qno { min-width: 26px; height: 26px; padding: 0 6px; border-radius: 8px; background: var(--ink); color: var(--bg); font-size: 13px; font-weight: 800; display: inline-grid; place-items: center; }
body.emx .emx-layout > main .qmeta .tag, body.emx .sheet-panel .qmeta .tag { font-size: 11.5px; font-weight: 700; padding: 3px 9px; border-radius: 999px; background: var(--surface-2); color: var(--muted); }
body.emx .emx-layout > main .qmeta .diff.easy, body.emx .sheet-panel .qmeta .diff.easy { background: var(--ok-soft); color: var(--ok); }
body.emx .emx-layout > main .qmeta .diff.medium, body.emx .sheet-panel .qmeta .diff.medium { background: var(--accent-soft); color: var(--accent); }
body.emx .emx-layout > main .qmeta .diff.hard, body.emx .sheet-panel .qmeta .diff.hard { background: var(--danger-soft); color: var(--danger); }
body.emx .emx-layout > main .qbody, body.emx .sheet-panel .qbody { margin: 0 0 10px; font-size: 16px; font-weight: 600; line-height: 1.55; overflow-wrap: anywhere; }
body.emx .emx-layout > main .qbody[lang="bn"], body.emx .sheet-panel .qbody[lang="bn"], body.emx .emx-layout > main .opts[lang="bn"], body.emx .sheet-panel .opts[lang="bn"], body.emx .emx-layout > main .expl p[lang="bn"], body.emx .sheet-panel .expl p[lang="bn"] { line-height: 1.7; }
body.emx .emx-layout > main .opts, body.emx .sheet-panel .opts { list-style: none; margin: 0 0 12px; padding: 0; display: grid; gap: 6px; }
body.emx .emx-layout > main .opt, body.emx .sheet-panel .opt { display: flex; align-items: center; gap: 10px; padding: 7px 10px; border-radius: 12px; border: 1.5px solid var(--line); background: var(--bg); font-size: 15px; min-width: 0; }
body.emx .emx-layout > main .opt .otext, body.emx .sheet-panel .opt .otext { flex: 1; min-width: 0; overflow-wrap: anywhere; }
body.emx .emx-layout > main .bubble, body.emx .sheet-panel .bubble { flex: none; width: 26px; height: 26px; border-radius: 50%; border: 1.5px solid var(--muted); display: grid; place-items: center; font-size: 12px; font-weight: 800; color: var(--muted); font-family: var(--sans); }
body.emx .emx-layout > main .opt.correct, body.emx .sheet-panel .opt.correct { border-color: var(--ok); background: var(--ok-soft); font-weight: 700; }
body.emx .emx-layout > main .opt.correct .bubble, body.emx .sheet-panel .opt.correct .bubble { background: var(--ok); border-color: var(--ok); color: #fff; }
body.emx .emx-layout > main .expl, body.emx .sheet-panel .expl { border-left: 3px solid var(--ok); background: var(--surface-2); border-radius: 0 12px 12px 0; padding: 10px 12px; margin: 0 0 12px; }
body.emx .emx-layout > main .expl b, body.emx .sheet-panel .expl b { font-size: 13px; color: var(--ok); letter-spacing: .02em; }
body.emx .emx-layout > main .expl p, body.emx .sheet-panel .expl p { margin: 4px 0 0; font-size: 14.5px; line-height: 1.6; overflow-wrap: anywhere; }
body.emx .emx-layout > main .qcard .reveal, body.emx .sheet-panel .qcard .reveal { height: 42px; font-size: 14.5px; }
[data-theme="dark"] body.emx .emx-layout > main .opt.correct, [data-theme="dark"] body.emx .sheet-panel .opt.correct { color: var(--ink); }
[data-theme="dark"] body.emx .emx-layout > main .opt.correct .bubble, [data-theme="dark"] body.emx .sheet-panel .opt.correct .bubble { color: #0F1117; }
body.emx .emx-layout > main .linkish, body.emx .sheet-panel .linkish { background: none; border: 0; padding: 0; font: inherit; color: var(--accent); font-weight: 700; cursor: pointer; text-decoration: underline; text-underline-offset: 2px; }
body.emx .emx-layout > main .back.linkish, body.emx .sheet-panel .back.linkish { color: var(--muted); text-decoration: none; font-size: 14px; }
body.emx .emx-layout > main .pq-top, body.emx .sheet-panel .pq-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-width: 0; }
body.emx .emx-layout > main .pq-top .muted, body.emx .sheet-panel .pq-top .muted { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
body.emx .emx-layout > main .pq-progress, body.emx .sheet-panel .pq-progress { margin: 8px 0 12px; }
body.emx .emx-layout > main .pq-progress > div:first-child, body.emx .sheet-panel .pq-progress > div:first-child { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; margin-bottom: 6px; }
body.emx .emx-layout > main .pq-progress b, body.emx .sheet-panel .pq-progress b { font-family: var(--serif); font-size: 18px; }
body.emx .emx-layout > main .pq-progress .bar, body.emx .sheet-panel .pq-progress .bar { height: 6px; border-radius: 999px; background: var(--surface-2); overflow: hidden; }
body.emx .emx-layout > main .pq-progress .bar i, body.emx .sheet-panel .pq-progress .bar i { display: block; height: 100%; background: var(--accent); border-radius: inherit; transition: width .25s; }
body.emx .emx-layout > main .qcard.pq, body.emx .sheet-panel .qcard.pq { cursor: default; }
body.emx .emx-layout > main .qcard.pq .qbody, body.emx .sheet-panel .qcard.pq .qbody { font-size: 16.5px; }
body.emx .emx-layout > main .qcard.pq.is-right, body.emx .sheet-panel .qcard.pq.is-right { border-color: color-mix(in srgb, var(--ok) 50%, var(--line)); }
body.emx .emx-layout > main .qcard.pq.is-wrong, body.emx .sheet-panel .qcard.pq.is-wrong { border-color: color-mix(in srgb, var(--danger) 50%, var(--line)); }
body.emx .emx-layout > main .opt.pick, body.emx .sheet-panel .opt.pick { width: 100%; text-align: left; font: inherit; font-size: 15.5px; color: var(--ink); cursor: pointer; padding: 10px 12px; min-height: 48px; -webkit-tap-highlight-color: transparent; transition: border-color .15s, background .15s; }
body.emx .emx-layout > main .opt.pick:not([disabled]):hover, body.emx .sheet-panel .opt.pick:not([disabled]):hover { border-color: var(--ink); }
body.emx .emx-layout > main .opt.pick:not([disabled]):active, body.emx .sheet-panel .opt.pick:not([disabled]):active { background: var(--surface-2); }
body.emx .emx-layout > main .opt.pick[disabled], body.emx .sheet-panel .opt.pick[disabled] { cursor: default; opacity: 1; }
body.emx .emx-layout > main .opts[lang="bn"] .opt.pick, body.emx .sheet-panel .opts[lang="bn"] .opt.pick { line-height: 1.6; }
body.emx .emx-layout > main .opt.wrong, body.emx .sheet-panel .opt.wrong { border-color: var(--danger); background: var(--danger-soft); font-weight: 700; }
body.emx .emx-layout > main .opt.wrong .bubble, body.emx .sheet-panel .opt.wrong .bubble { background: var(--danger); border-color: var(--danger); color: #fff; }
[data-theme="dark"] body.emx .emx-layout > main .opt.wrong .bubble, [data-theme="dark"] body.emx .sheet-panel .opt.wrong .bubble { color: #0F1117; }
body.emx .emx-layout > main .verdict, body.emx .sheet-panel .verdict { font-weight: 800; font-size: 15px; margin: 0 0 10px; padding: 8px 12px; border-radius: 12px; }
body.emx .emx-layout > main .verdict.ok, body.emx .sheet-panel .verdict.ok { color: var(--ok); background: var(--ok-soft); }
body.emx .emx-layout > main .verdict.bad, body.emx .sheet-panel .verdict.bad { color: var(--danger); background: var(--danger-soft); }
body.emx .emx-layout > main .qcard.pq .expl, body.emx .sheet-panel .qcard.pq .expl { margin-bottom: 2px; }
body.emx .emx-layout > main .pq-hint, body.emx .sheet-panel .pq-hint { text-align: center; margin: 4px 0 0; }
body.emx .emx-layout > main #prNext, body.emx .sheet-panel #prNext { margin-top: 2px; }
body.emx .emx-layout > main .score-card, body.emx .sheet-panel .score-card { padding: 18px; margin-top: 14px; display: flex; gap: 16px; align-items: center; }
body.emx .emx-layout > main .score-card .ring, body.emx .sheet-panel .score-card .ring { width: 92px; height: 92px; flex: none; }
body.emx .emx-layout > main .score-card .ring > div, body.emx .sheet-panel .score-card .ring > div { width: 74px; height: 74px; }
body.emx .emx-layout > main .score-card .ring b, body.emx .sheet-panel .score-card .ring b { font-size: 22px; font-family: var(--serif); }
body.emx .emx-layout > main .score-stats, body.emx .sheet-panel .score-stats { flex: 1; min-width: 0; }
body.emx .emx-layout > main .score-msg, body.emx .sheet-panel .score-msg { margin: 0 0 10px; font-weight: 700; font-size: 15px; }
body.emx .emx-layout > main .stats, body.emx .sheet-panel .stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
body.emx .emx-layout > main .st, body.emx .sheet-panel .st { background: var(--surface-2); border-radius: 12px; padding: 7px 4px; text-align: center; font-size: 11.5px; color: var(--muted); font-weight: 600; }
body.emx .emx-layout > main .st b, body.emx .sheet-panel .st b { display: block; font-size: 19px; color: var(--ink); font-family: var(--serif); }
body.emx .emx-layout > main .st.ok b, body.emx .sheet-panel .st.ok b { color: var(--ok); }
body.emx .emx-layout > main .st.bad b, body.emx .sheet-panel .st.bad b { color: var(--danger); }
body.emx .emx-layout > main .save-status, body.emx .sheet-panel .save-status { margin: 10px 2px 12px; font-size: 13.5px; color: var(--muted); min-height: 20px; }
body.emx .emx-layout > main .save-status.ok, body.emx .sheet-panel .save-status.ok { color: var(--ok); font-weight: 600; }
body.emx .emx-layout > main .save-status.error, body.emx .sheet-panel .save-status.error { color: var(--danger); font-weight: 600; }
body.emx .emx-layout > main .rv, body.emx .sheet-panel .rv { padding: 14px; margin-bottom: 10px; border-left: 4px solid var(--ok); }
body.emx .emx-layout > main .rv.bad, body.emx .sheet-panel .rv.bad { border-left-color: var(--danger); }
body.emx .emx-layout > main .rv .qbody, body.emx .sheet-panel .rv .qbody { margin-bottom: 8px; }
body.emx .emx-layout > main .rv-mark, body.emx .sheet-panel .rv-mark { margin-left: auto; font-size: 12.5px; font-weight: 800; color: var(--ok); }
body.emx .emx-layout > main .rv.bad .rv-mark, body.emx .sheet-panel .rv.bad .rv-mark { color: var(--danger); }
body.emx .emx-layout > main .rv-line, body.emx .sheet-panel .rv-line { margin: 0 0 6px; font-size: 14.5px; overflow-wrap: anywhere; }
body.emx .emx-layout > main .rv-line[lang="bn"], body.emx .sheet-panel .rv-line[lang="bn"] { line-height: 1.7; }
body.emx .emx-layout > main .rv-line.ok b, body.emx .sheet-panel .rv-line.ok b { color: var(--ok); }
body.emx .emx-layout > main .rv-line.bad b, body.emx .sheet-panel .rv-line.bad b { color: var(--danger); }
body.emx .emx-layout > main .rv-expl summary, body.emx .sheet-panel .rv-expl summary { cursor: pointer; font-size: 13.5px; font-weight: 700; color: var(--muted); padding: 4px 0; }
body.emx .emx-layout > main .rv-expl p, body.emx .sheet-panel .rv-expl p { margin: 4px 0 0; font-size: 14.5px; line-height: 1.6; overflow-wrap: anywhere; }
body.emx .emx-layout > main .rv-expl p[lang="bn"], body.emx .sheet-panel .rv-expl p[lang="bn"] { line-height: 1.75; }
body.emx .emx-layout > main .profile-head, body.emx .sheet-panel .profile-head { display: flex; gap: 14px; align-items: center; padding: 18px; margin-top: 12px; }
body.emx .emx-layout > main .profile-head h2, body.emx .sheet-panel .profile-head h2 { margin: 0; font-family: var(--serif); font-size: 22px; line-height: 1.2; word-break: break-word; }
body.emx .emx-layout > main .form-card, body.emx .sheet-panel .form-card { padding: 18px; }
body.emx .emx-layout > main .theme-switch, body.emx .sheet-panel .theme-switch { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
body.emx .emx-layout > main .theme-switch button, body.emx .sheet-panel .theme-switch button { height: 44px; border-radius: 12px; border: 1.5px solid var(--line); background: var(--bg); font-weight: 600; font-size: 14px; cursor: pointer; }
body.emx .emx-layout > main .theme-switch button[aria-pressed="true"], body.emx .sheet-panel .theme-switch button[aria-pressed="true"] { border-color: var(--ink); background: var(--ink); color: var(--bg); }
body.emx .emx-layout > main .stack, body.emx .sheet-panel .stack { display: grid; gap: 10px; }
body.emx .overlay { position: fixed; inset: 0; z-index: 50; background: rgba(10,12,18,.5); display: flex; align-items: flex-end; justify-content: center; animation: fade .15s; }
body.emx .sheet-panel { width: 100%; max-width: 520px; background: var(--surface); border-radius: 22px 22px 0 0; padding: 22px 20px calc(20px + var(--safe-b)); animation: up .2s ease-out; }
body.emx .sheet-panel h3 { margin: 0 0 6px; font-family: var(--serif); font-size: 21px; }
body.emx .sheet-panel p { margin: 0 0 16px; color: var(--muted); font-size: 14.5px; }
@keyframes fade { from { opacity: 0; } }
@keyframes up { from { transform: translateY(30px); opacity: .4; } }
body.emx .emx-layout > main .section-title .n, body.emx .sheet-panel .section-title .n { font-weight: 800; color: var(--accent); margin-left: 4px; letter-spacing: 0; }
body.emx .emx-layout > main .ex-empty, body.emx .sheet-panel .ex-empty { margin: 0 2px 6px; }
body.emx .emx-layout > main .ex-card, body.emx .sheet-panel .ex-card { padding: 14px; margin-bottom: 12px; }
body.emx .emx-layout > main .ex-card.ended, body.emx .sheet-panel .ex-card.ended { box-shadow: none; }
body.emx .emx-layout > main .ex-card h3, body.emx .sheet-panel .ex-card h3 { margin: 2px 0 0; font-family: var(--serif); font-size: 19px; line-height: 1.25; overflow-wrap: anywhere; }
body.emx .emx-layout > main .ex-bn, body.emx .sheet-panel .ex-bn { margin: 2px 0 8px; color: var(--muted); font-size: 14.5px; line-height: 1.6; overflow-wrap: anywhere; }
body.emx .emx-layout > main .ex-meta, body.emx .sheet-panel .ex-meta { margin: 0 0 6px; font-size: 13.5px; color: var(--ink); line-height: 1.5; }
body.emx .emx-layout > main .ex-meta .neg, body.emx .sheet-panel .ex-meta .neg, body.emx .emx-layout > main b.neg, body.emx .sheet-panel b.neg { color: var(--danger); }
body.emx .emx-layout > main .ex-when, body.emx .sheet-panel .ex-when { margin: 0 0 10px; font-size: 13px; color: var(--muted); }
body.emx .emx-layout > main .ex-cd, body.emx .sheet-panel .ex-cd { margin: -4px 0 10px; font-size: 14px; }
body.emx .emx-layout > main .ex-cd b, body.emx .sheet-panel .ex-cd b { font-family: var(--serif); font-size: 18px; color: var(--accent); font-variant-numeric: tabular-nums; }
body.emx .emx-layout > main .ex-mine, body.emx .sheet-panel .ex-mine { margin: 0 0 10px; font-size: 14px; }
body.emx .emx-layout > main .ex-mine b, body.emx .sheet-panel .ex-mine b { font-family: var(--serif); font-size: 18px; }
body.emx .emx-layout > main .ex-card .btn, body.emx .sheet-panel .ex-card .btn { height: 46px; font-size: 15px; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; }
body.emx .emx-layout > main .pill, body.emx .sheet-panel .pill { margin-left: auto; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; padding: 3px 9px; border-radius: 999px; display: inline-flex; align-items: center; gap: 6px; }
body.emx .emx-layout > main .pill.live, body.emx .sheet-panel .pill.live { background: var(--danger-soft); color: var(--danger); }
body.emx .emx-layout > main .pill.live i, body.emx .sheet-panel .pill.live i { width: 7px; height: 7px; border-radius: 50%; background: var(--danger); animation: blink 1.2s infinite; }
body.emx .emx-layout > main .pill.up, body.emx .sheet-panel .pill.up { background: var(--accent-soft); color: var(--accent); }
body.emx .emx-layout > main .pill.done, body.emx .sheet-panel .pill.done { background: var(--surface-2); color: var(--muted); }
@keyframes blink { 50% { opacity: .25; } }
body.emx .emx-layout > main .ex-shell .page, body.emx .sheet-panel .ex-shell .page { padding-top: 0; }
body.emx .emx-layout > main .ex-shell, body.emx .sheet-panel .ex-shell { padding-bottom: calc(76px + var(--safe-b) + 16px); }
body.emx .emx-layout > main .ex-head, body.emx .sheet-panel .ex-head { position: sticky; top: 0; z-index: 15; background: var(--bg); margin: 0 -16px; padding: calc(8px + var(--safe-t)) 16px 8px; border-bottom: 1px solid var(--line); }
body.emx .emx-layout > main .ex-row, body.emx .sheet-panel .ex-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
body.emx .emx-layout > main .ex-row .back, body.emx .sheet-panel .ex-row .back { margin: 0; min-height: 40px; }
body.emx .emx-layout > main .ex-timer, body.emx .sheet-panel .ex-timer { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; background: var(--surface); border: 1.5px solid var(--line); }
body.emx .emx-layout > main .ex-timer svg, body.emx .sheet-panel .ex-timer svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
body.emx .emx-layout > main .ex-timer b, body.emx .sheet-panel .ex-timer b { font-family: var(--serif); font-size: 20px; font-variant-numeric: tabular-nums; letter-spacing: .02em; }
body.emx .emx-layout > main .ex-timer.low, body.emx .sheet-panel .ex-timer.low { border-color: var(--danger); color: var(--danger); background: var(--danger-soft); }
body.emx .emx-layout > main .ex-timer.crit, body.emx .sheet-panel .ex-timer.crit { animation: blink 1s infinite; }
body.emx .emx-layout > main .ex-submit, body.emx .sheet-panel .ex-submit { height: 40px; padding: 0 16px; font-size: 14.5px; }
body.emx .emx-layout > main .ex-sub, body.emx .sheet-panel .ex-sub { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; margin-top: 6px; min-width: 0; }
body.emx .emx-layout > main .ex-title, body.emx .sheet-panel .ex-title { font-weight: 700; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
body.emx .emx-layout > main .ex-sub .muted, body.emx .sheet-panel .ex-sub .muted { flex: none; }
body.emx .emx-layout > main .sheet-grid, body.emx .sheet-panel .sheet-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(44px, 1fr)); gap: 6px; margin: 12px 0; padding: 10px; border-radius: var(--radius-sm); background: var(--surface); border: 1px dashed var(--line); }
body.emx .emx-layout > main .sg, body.emx .sheet-panel .sg { height: 44px; border-radius: 10px; border: 1.5px solid var(--line); background: var(--bg); color: var(--ink); cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1.05; padding: 0; -webkit-tap-highlight-color: transparent; }
body.emx .emx-layout > main .sg span, body.emx .sheet-panel .sg span { font-size: 13px; font-weight: 800; }
body.emx .emx-layout > main .sg i, body.emx .sheet-panel .sg i { font-style: normal; font-size: 10.5px; font-weight: 800; min-height: 11px; color: var(--muted); }
body.emx .emx-layout > main .sg.on, body.emx .sheet-panel .sg.on { background: var(--ink); border-color: var(--ink); color: var(--bg); }
body.emx .emx-layout > main .sg.on i, body.emx .sheet-panel .sg.on i { color: color-mix(in srgb, var(--bg) 75%, transparent); }
body.emx .emx-layout > main .sg.cur, body.emx .sheet-panel .sg.cur { box-shadow: 0 0 0 2.5px var(--accent); border-color: var(--accent); }
body.emx .emx-layout > main .ex-q, body.emx .sheet-panel .ex-q { cursor: default; }
body.emx .emx-layout > main .opt.pick.chosen, body.emx .sheet-panel .opt.pick.chosen { border-color: var(--ink); background: var(--surface-2); font-weight: 700; }
body.emx .emx-layout > main .opt.pick.chosen .bubble, body.emx .sheet-panel .opt.pick.chosen .bubble { background: var(--ink); border-color: var(--ink); color: var(--bg); }
body.emx .emx-layout > main .ex-qfoot, body.emx .sheet-panel .ex-qfoot { margin-top: 10px; min-height: 22px; font-size: 14px; }
body.emx .emx-layout > main .ex-bar, body.emx .sheet-panel .ex-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 20; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 12px 16px calc(12px + var(--safe-b)); background: var(--surface); border-top: 1px solid var(--line); }
body.emx .emx-layout > main .ex-bar .btn, body.emx .sheet-panel .ex-bar .btn { height: 50px; }
@media (min-width: 680px) {
body.emx .emx-layout > main .ex-bar, body.emx .sheet-panel .ex-bar { padding-left: calc(50% - 304px); padding-right: calc(50% - 304px); }
}
body.emx .emx-layout > main .ex-list, body.emx .sheet-panel .ex-list { margin-top: 12px; }
body.emx .emx-layout > main .ex-list .ex-qfoot, body.emx .sheet-panel .ex-list .ex-qfoot { min-height: 0; }
body.emx .emx-layout > main .ex-qfoot[hidden], body.emx .sheet-panel .ex-qfoot[hidden] { display: none; }
body.emx .emx-layout > main .ex-endnote, body.emx .sheet-panel .ex-endnote { margin: 2px 2px 0; text-align: center; }
body.emx .emx-layout > main .ex-endnote p, body.emx .sheet-panel .ex-endnote p { margin: 4px 0; }
body.emx .emx-layout > main .ex-pinfo, body.emx .sheet-panel .ex-pinfo { font-weight: 700; font-size: 14px; }
body.emx .emx-layout > main .ex-bar.one, body.emx .sheet-panel .ex-bar.one { grid-template-columns: 1fr; }
body.emx .emx-layout > main .ex-pg, body.emx .sheet-panel .ex-pg { flex-direction: column; gap: 1px; line-height: 1.15; padding: 0 10px; min-width: 0; }
body.emx .emx-layout > main .ex-pg span, body.emx .sheet-panel .ex-pg span, body.emx .emx-layout > main .ex-pg small, body.emx .sheet-panel .ex-pg small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
body.emx .emx-layout > main .ex-pg small, body.emx .sheet-panel .ex-pg small { font-size: 12px; font-weight: 600; opacity: .72; }
body.emx .emx-layout > main .ex-sending, body.emx .sheet-panel .ex-sending { margin-top: 30vh; text-align: center; }
body.emx .emx-layout > main .ex-score .ring b, body.emx .sheet-panel .ex-score .ring b { font-size: 21px; }
body.emx .emx-layout > main .ex-rank, body.emx .sheet-panel .ex-rank { margin: 0; }
body.emx .emx-layout > main .ex-stats, body.emx .sheet-panel .ex-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 12px; }
body.emx .emx-layout > main .ex-stats .st b, body.emx .sheet-panel .ex-stats .st b { font-size: 18px; }
body.emx .emx-layout > main .ex-calc, body.emx .sheet-panel .ex-calc { padding: 12px 14px; margin-top: 12px; font-size: 14px; }
body.emx .emx-layout > main .ex-calc div, body.emx .sheet-panel .ex-calc div { display: flex; justify-content: space-between; gap: 10px; padding: 4px 0; }
body.emx .emx-layout > main .ex-calc div.bad b, body.emx .sheet-panel .ex-calc div.bad b { color: var(--danger); }
body.emx .emx-layout > main .ex-calc .tot, body.emx .sheet-panel .ex-calc .tot { border-top: 1.5px dashed var(--line); margin-top: 4px; padding-top: 8px; font-weight: 800; }
body.emx .emx-layout > main .ex-calc .tot b, body.emx .sheet-panel .ex-calc .tot b { font-family: var(--serif); font-size: 17px; }
body.emx .emx-layout > main .rv.skip, body.emx .sheet-panel .rv.skip { border-left-color: var(--muted); }
body.emx .emx-layout > main .rv.skip .rv-mark, body.emx .sheet-panel .rv.skip .rv-mark { color: var(--muted); }
body.emx .emx-layout > main .rv.info, body.emx .sheet-panel .rv.info { border-left-color: var(--line); }
@media (min-width: 760px) {
body.emx .emx-layout > main .grid, body.emx .sheet-panel .grid { grid-template-columns: repeat(4, 1fr); }
}
body.emx .emx-layout > main .ex-card .merit-link, body.emx .sheet-panel .ex-card .merit-link { margin-top: 8px; }
body.emx .emx-layout > main .exam > .merit-link, body.emx .sheet-panel .exam > .merit-link { margin-top: 12px; }
body.emx .emx-layout > main .ml-prov, body.emx .sheet-panel .ml-prov, body.emx .emx-layout > main .ml-final, body.emx .sheet-panel .ml-final { margin: 12px 0 0; padding: 9px 12px; border-radius: 12px; font-size: 13.5px; line-height: 1.45; }
body.emx .emx-layout > main .ml-prov, body.emx .sheet-panel .ml-prov { background: var(--accent-soft); color: var(--ink); border: 1.5px dashed var(--accent); }
body.emx .emx-layout > main .ml-prov b, body.emx .sheet-panel .ml-prov b { color: var(--accent); }
body.emx .emx-layout > main .ml-final, body.emx .sheet-panel .ml-final { background: var(--ok-soft); color: var(--ok); font-weight: 700; }
body.emx .emx-layout > main .ml-stats, body.emx .sheet-panel .ml-stats { margin-top: 12px; }
body.emx .emx-layout > main .ml-pass, body.emx .sheet-panel .ml-pass { margin: 10px 2px 0; font-size: 14px; }
body.emx .emx-layout > main .ml-pass b, body.emx .sheet-panel .ml-pass b { font-family: var(--serif); font-size: 16px; }
body.emx .emx-layout > main .ml-mine, body.emx .sheet-panel .ml-mine { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; padding: 12px 14px; margin-top: 12px; border: 2px solid var(--accent); font-size: 14px; color: var(--muted); }
body.emx .emx-layout > main .ml-mine b, body.emx .sheet-panel .ml-mine b { font-family: var(--serif); font-size: 28px; line-height: 1; color: var(--accent); }
body.emx .emx-layout > main .ml-none, body.emx .sheet-panel .ml-none { margin: 12px 2px 0; }
body.emx .emx-layout > main .ml-rule, body.emx .sheet-panel .ml-rule { margin: 12px 2px 8px; line-height: 1.5; }
body.emx .emx-layout > main .ml-card, body.emx .sheet-panel .ml-card { padding: 6px 0 4px; }
body.emx .emx-layout > main .mr-head, body.emx .sheet-panel .mr-head { display: grid; grid-template-columns: 34px 1fr auto; gap: 8px; padding: 6px 14px; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); border-bottom: 1.5px dashed var(--line); }
body.emx .emx-layout > main .mr-head span:nth-child(2), body.emx .sheet-panel .mr-head span:nth-child(2) { padding-left: 42px; }
body.emx .emx-layout > main .ml-list, body.emx .sheet-panel .ml-list { list-style: none; margin: 0; padding: 0; }
body.emx .emx-layout > main .mr, body.emx .sheet-panel .mr { display: grid; grid-template-columns: 34px 34px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 9px 14px; border-bottom: 1px solid var(--line); }
body.emx .emx-layout > main .ml-list .mr:last-child, body.emx .sheet-panel .ml-list .mr:last-child { border-bottom: 0; }
body.emx .emx-layout > main .mr-rank, body.emx .sheet-panel .mr-rank { font-family: var(--serif); font-weight: 800; font-size: 16px; text-align: center; width: 30px; height: 30px; line-height: 28px; border-radius: 50%; border: 1.5px solid var(--line); color: var(--ink); font-variant-numeric: tabular-nums; }
body.emx .emx-layout > main .mr-rank.gold, body.emx .sheet-panel .mr-rank.gold { background: #F6C445; border-color: #E0A800; color: #3B2A00; }
body.emx .emx-layout > main .mr-rank.silver, body.emx .sheet-panel .mr-rank.silver { background: #D5D9E2; border-color: #AEB4C2; color: #222833; }
body.emx .emx-layout > main .mr-rank.bronze, body.emx .sheet-panel .mr-rank.bronze { background: #E3A27A; border-color: #C67C50; color: #3A1E0C; }
body.emx .emx-layout > main .mr-av, body.emx .sheet-panel .mr-av { width: 34px; height: 34px; font-size: 14px; cursor: default; }
body.emx .emx-layout > main .mr-who, body.emx .sheet-panel .mr-who { min-width: 0; display: flex; flex-direction: column; }
body.emx .emx-layout > main .mr-line, body.emx .sheet-panel .mr-line { display: flex; align-items: center; gap: 6px; min-width: 0; }
body.emx .emx-layout > main .mr-name, body.emx .sheet-panel .mr-name { font-size: 14.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
body.emx .emx-layout > main .mr-you, body.emx .sheet-panel .mr-you, body.emx .emx-layout > main .mr-demo, body.emx .sheet-panel .mr-demo { flex: none; font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; }
body.emx .emx-layout > main .mr-you, body.emx .sheet-panel .mr-you { background: var(--accent); color: var(--accent-ink); }
body.emx .emx-layout > main .mr-demo, body.emx .sheet-panel .mr-demo { background: var(--surface-2); color: var(--muted); border: 1px dashed var(--muted); }
body.emx .emx-layout > main .mr-sub, body.emx .sheet-panel .mr-sub { display: flex; gap: 8px; flex-wrap: wrap; font-size: 12px; color: var(--muted); }
body.emx .emx-layout > main .mr-sub i, body.emx .sheet-panel .mr-sub i { font-style: normal; white-space: nowrap; }
body.emx .emx-layout > main .mr-sub i.ok, body.emx .sheet-panel .mr-sub i.ok { color: var(--ok); }
body.emx .emx-layout > main .mr-sub i.bad, body.emx .sheet-panel .mr-sub i.bad { color: var(--danger); }
body.emx .emx-layout > main .mr-score, body.emx .sheet-panel .mr-score { font-family: var(--serif); font-weight: 800; font-size: 17px; font-variant-numeric: tabular-nums; }
body.emx .emx-layout > main .mr.me, body.emx .sheet-panel .mr.me { background: var(--accent-soft); box-shadow: inset 4px 0 0 var(--accent); }
body.emx .emx-layout > main .mr.me .mr-av, body.emx .sheet-panel .mr.me .mr-av { background: var(--accent); color: var(--accent-ink); }
body.emx .emx-layout > main .ml-gap, body.emx .sheet-panel .ml-gap { text-align: center; color: var(--muted); letter-spacing: .3em; padding: 2px 0; border-top: 1px solid var(--line); }
body.emx .emx-layout > main .ml-list.sticky-me, body.emx .sheet-panel .ml-list.sticky-me { position: sticky; bottom: calc(var(--nav-h) + var(--safe-b) + 8px); z-index: 2; background: var(--surface); }
body.emx .emx-layout > main .ml-list.sticky-me .mr, body.emx .sheet-panel .ml-list.sticky-me .mr { border-top: 1.5px dashed var(--accent); }
body.emx .emx-layout > main .ml-more, body.emx .sheet-panel .ml-more { margin: 8px 14px 6px; }
body.emx .emx-layout > main .progress .pg-summary .score-stats, body.emx .sheet-panel .progress .pg-summary .score-stats { flex: 1; min-width: 0; }
body.emx .emx-layout > main .pg-empty, body.emx .sheet-panel .pg-empty { padding: 22px 18px; margin-top: 14px; text-align: center; }
body.emx .emx-layout > main .pg-empty h3, body.emx .sheet-panel .pg-empty h3 { font-family: var(--serif); font-size: 21px; margin: 10px 0 6px; }
body.emx .emx-layout > main .pg-empty .stack, body.emx .sheet-panel .pg-empty .stack { margin-top: 14px; text-align: left; }
body.emx .emx-layout > main .pg-bubbles, body.emx .sheet-panel .pg-bubbles { display: flex; justify-content: center; gap: 10px; }
body.emx .emx-layout > main .pg-bubbles i, body.emx .sheet-panel .pg-bubbles i { width: 22px; height: 22px; border-radius: 50%; border: 1.8px solid var(--muted); }
body.emx .emx-layout > main .pg-bubbles i.on, body.emx .sheet-panel .pg-bubbles i.on { background: var(--accent); border-color: var(--accent); }
body.emx .emx-layout > main .pg-streak, body.emx .sheet-panel .pg-streak { padding: 16px; margin-top: 12px; }
body.emx .emx-layout > main .pg-streak-top, body.emx .sheet-panel .pg-streak-top { display: flex; gap: 12px; align-items: center; }
body.emx .emx-layout > main .pg-flame, body.emx .sheet-panel .pg-flame { font-size: 30px; line-height: 1; flex: none; }
body.emx .emx-layout > main .pg-streak h3, body.emx .sheet-panel .pg-streak h3 { font-family: var(--serif); font-size: 20px; margin: 0 0 2px; }
body.emx .emx-layout > main .pg-streak p, body.emx .sheet-panel .pg-streak p { margin: 0; }
body.emx .emx-layout > main .pg-week, body.emx .sheet-panel .pg-week { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; margin-top: 14px; padding-top: 12px; border-top: 1.5px dashed var(--line); }
body.emx .emx-layout > main .pg-day, body.emx .sheet-panel .pg-day { display: flex; flex-direction: column; align-items: center; gap: 4px; font-size: 11px; color: var(--muted); }
body.emx .emx-layout > main .pg-day i, body.emx .sheet-panel .pg-day i { width: 28px; height: 28px; border-radius: 50%; border: 1.8px solid var(--line); display: grid; place-items: center; font-style: normal; font-weight: 800; font-size: 13px; color: var(--accent-ink); }
body.emx .emx-layout > main .pg-day.on i, body.emx .sheet-panel .pg-day.on i { background: var(--accent); border-color: var(--accent); }
body.emx .emx-layout > main .pg-day.today b, body.emx .sheet-panel .pg-day.today b { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
body.emx .emx-layout > main .pg-trend, body.emx .sheet-panel .pg-trend { padding: 12px 12px 10px; }
body.emx .emx-layout > main .pg-chart, body.emx .sheet-panel .pg-chart { display: block; width: 100%; height: auto; }
body.emx .emx-layout > main .pg-grid, body.emx .sheet-panel .pg-grid { stroke: var(--line); stroke-width: 1; stroke-dasharray: 3 4; }
body.emx .emx-layout > main .pg-axis, body.emx .sheet-panel .pg-axis { fill: var(--muted); font-size: 10px; font-family: var(--sans); }
body.emx .emx-layout > main .pg-line, body.emx .sheet-panel .pg-line { fill: none; stroke: var(--ink); stroke-width: 1.8; stroke-linejoin: round; opacity: .55; }
body.emx .emx-layout > main .pg-dot, body.emx .sheet-panel .pg-dot { stroke: var(--surface); stroke-width: 2; }
body.emx .emx-layout > main .pg-dot.prac, body.emx .sheet-panel .pg-dot.prac, body.emx .emx-layout > main .pg-key.prac, body.emx .sheet-panel .pg-key.prac { fill: var(--accent); background: var(--accent); }
body.emx .emx-layout > main .pg-dot.live, body.emx .sheet-panel .pg-dot.live, body.emx .emx-layout > main .pg-key.live, body.emx .sheet-panel .pg-key.live { fill: var(--blue); background: var(--blue); }
body.emx .emx-layout > main .pg-legend, body.emx .sheet-panel .pg-legend { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 6px 4px 0; }
body.emx .emx-layout > main .pg-legend span, body.emx .sheet-panel .pg-legend span { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
body.emx .emx-layout > main .pg-key, body.emx .sheet-panel .pg-key { width: 10px; height: 10px; border-radius: 50%; display: inline-block; }
body.emx .emx-layout > main .pg-weak, body.emx .sheet-panel .pg-weak, body.emx .emx-layout > main .pg-note, body.emx .sheet-panel .pg-note { padding: 14px 16px; margin-bottom: 10px; }
body.emx .emx-layout > main .pg-subjects, body.emx .sheet-panel .pg-subjects { padding: 6px 16px; }
body.emx .emx-layout > main .pg-sub, body.emx .sheet-panel .pg-sub { padding: 10px 0; border-bottom: 1.5px dashed var(--line); }
body.emx .emx-layout > main .pg-sub:last-child, body.emx .sheet-panel .pg-sub:last-child { border-bottom: 0; }
body.emx .emx-layout > main .pg-sub-top, body.emx .sheet-panel .pg-sub-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
body.emx .emx-layout > main .pg-sub-name, body.emx .sheet-panel .pg-sub-name { display: flex; flex-direction: column; min-width: 0; font-size: 14.5px; }
body.emx .emx-layout > main .pg-sub-name .bn, body.emx .sheet-panel .pg-sub-name .bn { font-size: 12.5px; color: var(--muted); }
body.emx .emx-layout > main .pg-sub-n, body.emx .sheet-panel .pg-sub-n { margin: 4px 0 0; font-size: 12px; }
body.emx .emx-layout > main .pg-pct, body.emx .sheet-panel .pg-pct { flex: none; font-family: var(--serif); font-weight: 800; font-size: 17px; font-variant-numeric: tabular-nums; }
body.emx .emx-layout > main .pg-pct.ok, body.emx .sheet-panel .pg-pct.ok { color: var(--ok); }
body.emx .emx-layout > main .pg-pct.mid, body.emx .sheet-panel .pg-pct.mid { color: #B7791F; }
body.emx .emx-layout > main .pg-pct.bad, body.emx .sheet-panel .pg-pct.bad { color: var(--danger); }
[data-theme="dark"] body.emx .emx-layout > main .pg-pct.mid, [data-theme="dark"] body.emx .sheet-panel .pg-pct.mid { color: #E8B04B; }
body.emx .emx-layout > main .pg-bar, body.emx .sheet-panel .pg-bar { height: 8px; border-radius: 999px; background: var(--surface-2); overflow: hidden; margin-top: 7px; }
body.emx .emx-layout > main .pg-bar i, body.emx .sheet-panel .pg-bar i { display: block; height: 100%; border-radius: inherit; background: var(--ok); }
body.emx .emx-layout > main .pg-bar.mid i, body.emx .sheet-panel .pg-bar.mid i { background: #D89B2B; }
body.emx .emx-layout > main .pg-bar.bad i, body.emx .sheet-panel .pg-bar.bad i { background: var(--danger); }
body.emx .emx-layout > main .pg-filter, body.emx .sheet-panel .pg-filter { margin-bottom: 10px; }
body.emx .emx-layout > main .pg-h, body.emx .sheet-panel .pg-h { display: flex; gap: 12px; align-items: center; padding: 12px 14px; margin-bottom: 8px; color: inherit; text-decoration: none; }
body.emx .emx-layout > main .pg-kind, body.emx .sheet-panel .pg-kind { flex: none; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; font-size: 16px; border: 1.8px solid var(--line); }
body.emx .emx-layout > main .pg-kind.prac, body.emx .sheet-panel .pg-kind.prac { color: var(--accent); background: var(--accent-soft); border-color: transparent; }
body.emx .emx-layout > main .pg-kind.live, body.emx .sheet-panel .pg-kind.live { color: var(--blue); background: color-mix(in srgb, var(--blue) 14%, transparent); border-color: transparent; }
body.emx .emx-layout > main .pg-h-main, body.emx .sheet-panel .pg-h-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
body.emx .emx-layout > main .pg-h-title, body.emx .sheet-panel .pg-h-title { font-weight: 700; font-size: 14.5px; display: flex; flex-direction: column; overflow-wrap: anywhere; }
body.emx .emx-layout > main .pg-h-title .bn, body.emx .sheet-panel .pg-h-title .bn, body.emx .emx-layout > main .pg-h-sub, body.emx .sheet-panel .pg-h-sub { font-weight: 500; font-size: 12.5px; color: var(--muted); }
body.emx .emx-layout > main .pg-h-line, body.emx .sheet-panel .pg-h-line, body.emx .emx-layout > main .pg-h-when, body.emx .sheet-panel .pg-h-when { font-size: 12.5px; overflow-wrap: anywhere; }
body.emx .emx-layout > main .pg-h-line b, body.emx .sheet-panel .pg-h-line b { color: var(--ink); }
body.emx .emx-layout > main .model-tag, body.emx .sheet-panel .model-tag { display: inline-block; margin: 0 0 8px; font-size: 12px; font-weight: 700; padding: 3px 10px; border-radius: 999px; background: var(--accent-soft); color: var(--accent); line-height: 1.5; max-width: 100%; overflow-wrap: anywhere; }
body.emx .emx-layout > main .bm-btn, body.emx .sheet-panel .bm-btn { margin-left: auto; width: 34px; height: 34px; flex: none; border-radius: 10px; border: 1.5px solid var(--line); background: var(--surface-2); display: inline-grid; place-items: center; cursor: pointer; padding: 0; font-size: 16px; line-height: 1; -webkit-tap-highlight-color: transparent; }
body.emx .emx-layout > main .bm-btn span, body.emx .sheet-panel .bm-btn span { filter: grayscale(1); opacity: .55; transition: opacity .15s, filter .15s; }
body.emx .emx-layout > main .bm-btn[aria-pressed="true"], body.emx .sheet-panel .bm-btn[aria-pressed="true"] { background: var(--accent-soft); border-color: color-mix(in srgb, var(--accent) 55%, transparent); }
body.emx .emx-layout > main .bm-btn[aria-pressed="true"] span, body.emx .sheet-panel .bm-btn[aria-pressed="true"] span { filter: none; opacity: 1; }
body.emx .emx-layout > main .bm-btn:focus-visible, body.emx .sheet-panel .bm-btn:focus-visible { outline: 3px solid color-mix(in srgb, var(--accent) 45%, transparent); outline-offset: 2px; }
body.emx .emx-layout > main .rv-mark + .bm-btn, body.emx .sheet-panel .rv-mark + .bm-btn { margin-left: 4px; }
body.emx .emx-layout > main .qmeta .tag.cat, body.emx .sheet-panel .qmeta .tag.cat { background: var(--ink); color: var(--bg); }
body.emx .emx-layout > main .qmeta .mk-prog, body.emx .sheet-panel .qmeta .mk-prog { background: var(--danger-soft); color: var(--danger); }
body.emx .emx-layout > main .qmeta .mk-prog.s1, body.emx .sheet-panel .qmeta .mk-prog.s1 { background: var(--ok-soft); color: var(--ok); }
body.emx .emx-layout > main .mk-sum .mk-prog.s1, body.emx .sheet-panel .mk-sum .mk-prog.s1 { font-size: 11.5px; font-weight: 700; padding: 3px 9px; border-radius: 999px; background: var(--ok-soft); color: var(--ok); }
body.emx .emx-layout > main .mk-meta, body.emx .sheet-panel .mk-meta { margin: -2px 0 8px; color: var(--danger); font-weight: 600; font-size: 12.5px; }
body.emx .emx-layout > main .mk-sum, body.emx .sheet-panel .mk-sum { padding: 16px; margin-top: 14px; }
body.emx .emx-layout > main .mk-sum-top, body.emx .sheet-panel .mk-sum-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
body.emx .emx-layout > main .mk-big, body.emx .sheet-panel .mk-big { font-weight: 700; font-size: 15px; }
body.emx .emx-layout > main .mk-big b, body.emx .sheet-panel .mk-big b { font-family: var(--serif); font-size: 26px; color: var(--danger); margin-right: 2px; }
body.emx .emx-layout > main .mk-note, body.emx .sheet-panel .mk-note { margin: 0 2px 12px; }
body.emx .emx-layout > main .sl-card .sl-unbm, body.emx .sheet-panel .sl-card .sl-unbm { height: 42px; font-size: 14.5px; margin-top: 8px; }
body.emx .emx-layout > main .study-links, body.emx .sheet-panel .study-links { padding: 4px 0; }
body.emx .emx-layout > main .study-links a, body.emx .sheet-panel .study-links a { display: flex; align-items: center; gap: 12px; padding: 12px 16px; color: inherit; text-decoration: none; min-height: 56px; }
body.emx .emx-layout > main .study-links a + a, body.emx .sheet-panel .study-links a + a { border-top: 1px solid var(--line); }
body.emx .emx-layout > main .study-links .ico, body.emx .sheet-panel .study-links .ico { width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; background: var(--surface-2); flex: none; }
body.emx .emx-layout > main .study-links .ico svg, body.emx .sheet-panel .study-links .ico svg { width: 20px; height: 20px; stroke: var(--ink); }
body.emx .emx-layout > main .study-links a > span:nth-child(2), body.emx .sheet-panel .study-links a > span:nth-child(2) { display: flex; flex-direction: column; min-width: 0; flex: 1; }
body.emx .emx-layout > main .study-links .chev, body.emx .sheet-panel .study-links .chev { color: var(--muted); font-size: 22px; }
body.emx .emx-layout > main .lb-filters, body.emx .sheet-panel .lb-filters { display: flex; flex-direction: column; gap: 10px; }
body.emx .emx-layout > main .lb-tabs, body.emx .sheet-panel .lb-tabs { grid-template-columns: 1fr 1fr; }
body.emx .emx-layout > main .lb-tabs button, body.emx .sheet-panel .lb-tabs button { color: var(--ink); height: 40px; font-size: 13.5px; padding: 0 6px; }
body.emx .emx-layout > main .lb-scope, body.emx .sheet-panel .lb-scope { margin: 14px 2px 0; }
body.emx .emx-layout > main button, body.emx .sheet-panel button, body.emx .emx-layout > main input, body.emx .sheet-panel input, body.emx .emx-layout > main select, body.emx .sheet-panel select, body.emx .emx-layout > main textarea, body.emx .sheet-panel textarea { font-family: inherit; }
body.emx .emx-layout > main .theme-switch.two, body.emx .sheet-panel .theme-switch.two { grid-template-columns: repeat(2, 1fr); }
html[lang="bn"] body.emx .emx-layout > main h1, html[lang="bn"] body.emx .sheet-panel h1, html[lang="bn"] body.emx .emx-layout > main h2, html[lang="bn"] body.emx .sheet-panel h2, html[lang="bn"] body.emx .emx-layout > main h3, html[lang="bn"] body.emx .sheet-panel h3, html[lang="bn"] body.emx .emx-layout > main .hello, html[lang="bn"] body.emx .sheet-panel .hello { letter-spacing: 0; }
html[lang="bn"] body.emx .emx-layout > main .btn, html[lang="bn"] body.emx .sheet-panel .btn, html[lang="bn"] body.emx .emx-layout > main .chip, html[lang="bn"] body.emx .sheet-panel .chip, html[lang="bn"] body.emx .emx-layout > main button, html[lang="bn"] body.emx .sheet-panel button { line-height: 1.3; }
body.emx .emx-layout > main .rb-bub, body.emx .sheet-panel .rb-bub { width: 26px; height: 26px; border-radius: 50%; border: 1.5px solid var(--line); background: var(--bg); display: inline-flex; align-items: center; justify-content: center; font-size: 13px; line-height: 1; flex: none; filter: grayscale(1); opacity: .8; }
body.emx .emx-layout > main .rb-bub.on, body.emx .sheet-panel .rb-bub.on { background: var(--accent); border-color: var(--accent); filter: none; opacity: 1; }
body.emx .emx-layout > main .ex-card .btn.remind, body.emx .sheet-panel .ex-card .btn.remind { gap: 10px; margin-bottom: 8px; background: transparent; color: var(--ink); border: 1.5px dashed var(--line); }
body.emx .emx-layout > main .ex-card .btn.remind.on, body.emx .sheet-panel .ex-card .btn.remind.on { border-style: solid; border-color: var(--accent); background: var(--accent-soft); color: var(--ink); }
body.emx .emx-layout > main .ex-card .btn.remind:disabled, body.emx .sheet-panel .ex-card .btn.remind:disabled { opacity: .6; }
body.emx .emx-layout > main #remBanner:empty, body.emx .sheet-panel #remBanner:empty { display: none; }
body.emx .emx-layout > main .rem-banner, body.emx .sheet-panel .rem-banner { margin-top: 14px; border: 1.5px solid var(--accent); background: linear-gradient(0deg, var(--accent-soft), var(--surface) 70%); }
body.emx .emx-layout > main .rem-banner.live, body.emx .sheet-panel .rem-banner.live { border-color: var(--danger); }
body.emx .emx-layout > main .rem-banner .rb-top, body.emx .sheet-panel .rem-banner .rb-top { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
body.emx .emx-layout > main .rem-banner h3, body.emx .sheet-panel .rem-banner h3 { margin: 0 0 6px; font-size: 17px; }
body.emx .emx-layout > main .rem-banner .rb-cd, body.emx .sheet-panel .rem-banner .rb-cd { margin: 0; font-size: 14px; }
body.emx .emx-layout > main .rem-banner .rb-cd b, body.emx .sheet-panel .rem-banner .rb-cd b { font-family: var(--serif); font-size: 20px; color: var(--accent); font-variant-numeric: tabular-nums; }
body.emx .emx-layout > main .rem-banner .rb-note, body.emx .sheet-panel .rem-banner .rb-note { margin: 4px 0 0; }
body.emx .emx-layout > main .rem-banner .btn, body.emx .sheet-panel .rem-banner .btn { height: 46px; margin-top: 6px; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; }
body.emx .emx-layout > main .rem-card, body.emx .sheet-panel .rem-card { padding: 14px; }
body.emx .emx-layout > main .rem-notif, body.emx .sheet-panel .rem-notif { display: flex; align-items: center; gap: 10px; justify-content: space-between; }
body.emx .emx-layout > main .rem-notif > span, body.emx .sheet-panel .rem-notif > span { display: flex; flex-direction: column; min-width: 0; }
body.emx .emx-layout > main .rem-notif .btn, body.emx .sheet-panel .rem-notif .btn { height: 38px; font-size: 14px; padding: 0 14px; flex: none; }
body.emx .emx-layout > main .rem-honest, body.emx .sheet-panel .rem-honest { margin: 8px 0 4px; }
body.emx .emx-layout > main .rem-list, body.emx .sheet-panel .rem-list { border-top: 1px solid var(--line); margin-top: 10px; }
body.emx .emx-layout > main .rem-item, body.emx .sheet-panel .rem-item { display: flex; align-items: center; gap: 10px; padding: 12px 0; border-bottom: 1px dashed var(--line); }
body.emx .emx-layout > main .rem-item:last-child, body.emx .sheet-panel .rem-item:last-child { border-bottom: 0; padding-bottom: 0; }
body.emx .emx-layout > main .rem-item .ri-main, body.emx .sheet-panel .rem-item .ri-main { display: flex; flex-direction: column; min-width: 0; flex: 1; }
body.emx .emx-layout > main .rem-item .ri-main b, body.emx .sheet-panel .rem-item .ri-main b { overflow-wrap: anywhere; }
body.emx .emx-layout > main .rem-item .ri-live, body.emx .sheet-panel .rem-item .ri-live { font-weight: 700; color: var(--danger); font-size: 14px; margin-top: 2px; }
body.emx .emx-layout > main .rem-item .ri-del, body.emx .sheet-panel .rem-item .ri-del { height: 36px; font-size: 13px; padding: 0 12px; flex: none; }
body.emx .emx-layout > main .rem-empty, body.emx .sheet-panel .rem-empty { padding-top: 12px; }
body.emx .emx-layout > main .rem-empty p, body.emx .sheet-panel .rem-empty p { margin: 0 0 4px; }
body.emx .emx-layout > main .rem-empty .btn, body.emx .sheet-panel .rem-empty .btn { height: 40px; font-size: 14px; margin-top: 8px; text-decoration: none; display: inline-flex; align-items: center; }
body.emx .emx-layout > main .adm-head, body.emx .sheet-panel .adm-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; }
body.emx .emx-layout > main .adm-head .btn, body.emx .sheet-panel .adm-head .btn { height: 44px; font-size: 14.5px; padding: 0 14px; flex: none; }
body.emx .emx-layout > main .adm-grid, body.emx .sheet-panel .adm-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 12px; }
body.emx .emx-layout > main .adm-grid .field, body.emx .sheet-panel .adm-grid .field { margin-bottom: 12px; min-width: 0; }
body.emx .emx-layout > main .bank-filters .adm-grid + .field, body.emx .sheet-panel .bank-filters .adm-grid + .field { margin-top: 0; }
body.emx .emx-layout > main .adm .qcard.adm-q, body.emx .sheet-panel .adm .qcard.adm-q { cursor: default; }
body.emx .emx-layout > main .adm-q .qbody, body.emx .sheet-panel .adm-q .qbody { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
body.emx .emx-layout > main .qmeta .tag.eo, body.emx .sheet-panel .qmeta .tag.eo { background: var(--accent-soft); color: var(--accent); }
body.emx .emx-layout > main .adm-acts, body.emx .sheet-panel .adm-acts { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 10px; }
body.emx .emx-layout > main .adm-acts .btn, body.emx .sheet-panel .adm-acts .btn { height: 42px; font-size: 14.5px; }
body.emx .emx-layout > main .danger-text, body.emx .sheet-panel .danger-text { color: var(--danger) !important; }
body.emx .emx-layout > main .adm-pager, body.emx .sheet-panel .adm-pager { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 4px 0 8px; }
body.emx .emx-layout > main .adm-pager .btn, body.emx .sheet-panel .adm-pager .btn { height: 40px; font-size: 14px; padding: 0 12px; }
body.emx .emx-layout > main textarea.input, body.emx .sheet-panel textarea.input { height: auto; min-height: 96px; padding: 12px 14px; line-height: 1.5; resize: vertical; font-family: inherit; }
body.emx .emx-layout > main .aq-opt, body.emx .sheet-panel .aq-opt { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
body.emx .emx-layout > main .aq-opt .input, body.emx .sheet-panel .aq-opt .input { height: 46px; min-width: 0; }
body.emx .emx-layout > main .aq-pick, body.emx .sheet-panel .aq-pick { width: 34px; height: 34px; font-size: 14px; background: transparent; cursor: pointer; padding: 0; }
body.emx .emx-layout > main .aq-pick.on, body.emx .sheet-panel .aq-pick.on { background: var(--ok); border-color: var(--ok); color: #fff; }
[data-theme="dark"] body.emx .emx-layout > main .aq-pick.on, [data-theme="dark"] body.emx .sheet-panel .aq-pick.on { color: #0F1117; }
body.emx .emx-layout > main .aq-eo, body.emx .sheet-panel .aq-eo { display: flex; gap: 12px; align-items: flex-start; padding: 12px; border: 1.5px solid var(--line); border-radius: var(--radius-sm); margin: 4px 0 16px; cursor: pointer; }
body.emx .emx-layout > main .aq-eo input, body.emx .sheet-panel .aq-eo input { width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--accent); flex: none; }
body.emx .emx-layout > main .aq-eo > span, body.emx .sheet-panel .aq-eo > span { display: flex; flex-direction: column; gap: 3px; }
@media (max-width: 370px) {
body.emx .emx-layout > main .adm-head h1, body.emx .sheet-panel .adm-head h1 { font-size: 26px; }
}
body.emx .emx-layout > main .adm-tabs, body.emx .sheet-panel .adm-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin: 14px 0 0; padding: 4px; background: var(--surface-2); border-radius: 999px; }
body.emx .emx-layout > main .adm-tabs a, body.emx .sheet-panel .adm-tabs a { text-align: center; padding: 9px 8px; border-radius: 999px; font-weight: 700; font-size: 14.5px; color: var(--muted); text-decoration: none; }
body.emx .emx-layout > main .adm-tabs a[aria-current="page"], body.emx .sheet-panel .adm-tabs a[aria-current="page"] { background: var(--ink); color: var(--bg); }
body.emx .emx-layout > main .adm-ex .ex-when, body.emx .sheet-panel .adm-ex .ex-when { margin-bottom: 4px; }
body.emx .emx-layout > main .adm-ex .adm-acts, body.emx .sheet-panel .adm-ex .adm-acts { margin-top: 12px; }
body.emx .emx-layout > main .ae-lock, body.emx .sheet-panel .ae-lock { background: var(--accent-soft); color: var(--ink); }
body.emx .emx-layout > main .ae-sum, body.emx .sheet-panel .ae-sum { font-size: 14px; margin: 2px 0 8px; }
body.emx .emx-layout > main .ae-sum b, body.emx .sheet-panel .ae-sum b { color: var(--accent); }
body.emx .emx-layout > main .ae-picked, body.emx .sheet-panel .ae-picked { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; max-height: 340px; overflow-y: auto; }
body.emx .emx-layout > main .ae-pq, body.emx .sheet-panel .ae-pq { display: flex; align-items: center; gap: 10px; border: 1.5px solid var(--line); border-radius: var(--radius-sm); padding: 8px 6px 8px 10px; min-width: 0; }
body.emx .emx-layout > main .ae-pq .bubble.on, body.emx .sheet-panel .ae-pq .bubble.on { background: var(--ink); border-color: var(--ink); color: var(--bg); font-size: 11px; }
body.emx .emx-layout > main .ae-pqt, body.emx .sheet-panel .ae-pqt { display: flex; flex-direction: column; min-width: 0; flex: 1; gap: 2px; }
body.emx .emx-layout > main .ae-pqt .qbody, body.emx .sheet-panel .ae-pqt .qbody { margin: 0; font-size: 14px; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.emx .emx-layout > main .ae-un, body.emx .sheet-panel .ae-un { width: 36px; height: 36px; padding: 0; flex: none; font-size: 15px; }
body.emx .emx-layout > main .ae-auto, body.emx .sheet-panel .ae-auto { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 2px 0 6px; font-size: 14px; }
body.emx .emx-layout > main .ae-auto .input, body.emx .sheet-panel .ae-auto .input { width: 76px; height: 42px; }
body.emx .emx-layout > main .ae-auto span, body.emx .sheet-panel .ae-auto span { flex: 1 1 140px; color: var(--muted); }
body.emx .emx-layout > main .ae-auto .btn, body.emx .sheet-panel .ae-auto .btn { height: 42px; font-size: 14px; padding: 0 14px; }
body.emx .emx-layout > main .ap-item, body.emx .sheet-panel .ap-item { display: flex; gap: 10px; align-items: flex-start; padding: 10px 0; border-top: 1px solid var(--line); min-width: 0; }
body.emx .emx-layout > main .ap-pick, body.emx .sheet-panel .ap-pick { margin-top: 2px; font-size: 16px; }
body.emx .emx-layout > main .ap-txt, body.emx .sheet-panel .ap-txt { min-width: 0; flex: 1; }
body.emx .emx-layout > main .ap-txt .qbody, body.emx .sheet-panel .ap-txt .qbody { margin: 0 0 4px; font-size: 14.5px; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
body.emx .emx-layout > main .ap-txt .small, body.emx .sheet-panel .ap-txt .small { margin: 0; }
body.emx .emx-layout > main .ae-picker .adm-pager, body.emx .sheet-panel .ae-picker .adm-pager { margin-top: 8px; }
body.emx .emx-layout > main .ae-picker #apCount, body.emx .sheet-panel .ae-picker #apCount { margin: 12px 2px 4px; }
body.emx .emx-layout > main .dc-tile, body.emx .sheet-panel .dc-tile { padding: 14px 16px; margin-top: 12px; position: relative; overflow: hidden; border-left: 4px solid var(--accent); }
body.emx .emx-layout > main .dc-head, body.emx .sheet-panel .dc-head { display: flex; gap: 12px; align-items: center; }
body.emx .emx-layout > main .dc-head h3, body.emx .sheet-panel .dc-head h3 { font-family: var(--serif); font-size: 19px; margin: 0; line-height: 1.2; }
body.emx .emx-layout > main .dc-bubbles, body.emx .sheet-panel .dc-bubbles { display: flex; gap: 4px; flex: none; }
body.emx .emx-layout > main .dc-bubbles i, body.emx .sheet-panel .dc-bubbles i { width: 12px; height: 12px; border-radius: 50%; border: 1.6px solid var(--accent); display: block; }
body.emx .emx-layout > main .dc-bubbles i.on, body.emx .sheet-panel .dc-bubbles i.on { background: var(--accent); }
body.emx .emx-layout > main .dc-bubbles.big, body.emx .sheet-panel .dc-bubbles.big { justify-content: center; margin-bottom: 12px; }
body.emx .emx-layout > main .dc-bubbles.big i, body.emx .sheet-panel .dc-bubbles.big i { width: 18px; height: 18px; }
body.emx .emx-layout > main .dc-next, body.emx .sheet-panel .dc-next { margin-left: auto; text-align: right; flex: none; display: flex; flex-direction: column; line-height: 1.2; }
body.emx .emx-layout > main .dc-next b, body.emx .sheet-panel .dc-next b { font-variant-numeric: tabular-nums; font-size: 15px; color: var(--ink); }
body.emx .emx-layout > main .dc-rules, body.emx .sheet-panel .dc-rules { margin: 10px 0 10px; }
body.emx .emx-layout > main .dc-btn, body.emx .sheet-panel .dc-btn { margin-top: 10px; }
body.emx .emx-layout > main .dc-done, body.emx .sheet-panel .dc-done { display: flex; align-items: center; gap: 10px; margin-top: 10px; flex-wrap: wrap; }
body.emx .emx-layout > main .dc-score, body.emx .sheet-panel .dc-score { font-family: var(--serif); font-size: 26px; font-weight: 800; color: var(--accent-ink); background: var(--accent); border-radius: 999px; padding: 2px 14px; }
[data-theme="dark"] body.emx .emx-layout > main .dc-score, [data-theme="dark"] body.emx .sheet-panel .dc-score { color: #0F1117; }
body.emx .emx-layout > main .dc-intro, body.emx .sheet-panel .dc-intro { padding: 18px 16px; margin-top: 14px; }
body.emx .emx-layout > main .dc-list, body.emx .sheet-panel .dc-list { margin: 0 0 16px; padding-left: 20px; line-height: 1.7; font-size: 15px; }
body.emx .emx-layout > main .dc-nextline, body.emx .sheet-panel .dc-nextline { text-align: center; margin: 12px 0 0; }
body.emx .emx-layout > main .dc-nextline b, body.emx .sheet-panel .dc-nextline b { font-variant-numeric: tabular-nums; color: var(--ink); }
body.emx .emx-layout > main .dc-top .ml-list, body.emx .sheet-panel .dc-top .ml-list { margin: 0; }
body.emx .emx-layout > main .st-card.compact, body.emx .sheet-panel .st-card.compact { padding: 14px 16px; }
body.emx .emx-layout > main .st-card.compact h3, body.emx .sheet-panel .st-card.compact h3 { font-size: 18px; }
body.emx .emx-layout > main .st-card.compact .pg-week, body.emx .sheet-panel .st-card.compact .pg-week { margin-top: 10px; padding-top: 10px; }
body.emx .emx-layout > main .st-msg, body.emx .sheet-panel .st-msg { margin: 8px 0 0 !important; }
@media (max-width: 380px) {
body.emx .emx-layout > main .dc-head h3, body.emx .sheet-panel .dc-head h3 { font-size: 17px; }
body.emx .emx-layout > main .dc-next b, body.emx .sheet-panel .dc-next b { font-size: 14px; }
body.emx .emx-layout > main .pg-day i, body.emx .sheet-panel .pg-day i { width: 26px; height: 26px; }
}
body.emx .emx-layout > main .c-cover, body.emx .sheet-panel .c-cover { flex: none; width: 56px; height: 56px; border-radius: 14px; display: grid; place-items: center; font-size: 28px; line-height: 1;
  background: color-mix(in srgb, var(--cc, var(--accent)) 16%, var(--surface)); border: 1.5px solid color-mix(in srgb, var(--cc, var(--accent)) 35%, transparent); }
body.emx .emx-layout > main .c-cover.big, body.emx .sheet-panel .c-cover.big { width: 72px; height: 72px; font-size: 38px; border-radius: 18px; }
body.emx .emx-layout > main .c-list, body.emx .sheet-panel .c-list { display: grid; gap: 12px; margin-top: 12px; }
body.emx .emx-layout > main .c-card, body.emx .sheet-panel .c-card { display: flex; gap: 14px; align-items: flex-start; padding: 14px; color: inherit; text-decoration: none; min-width: 0; }
body.emx .emx-layout > main .c-body, body.emx .sheet-panel .c-body { display: flex; flex-direction: column; gap: 4px; min-width: 0; flex: 1; }
body.emx .emx-layout > main .c-tag, body.emx .sheet-panel .c-tag { align-self: flex-start; font-size: 11.5px; font-weight: 700; padding: 2px 9px; border-radius: 999px; background: var(--surface-2); color: var(--muted); }
body.emx .emx-layout > main .c-title, body.emx .sheet-panel .c-title { margin: 0; font-size: 16px; line-height: 1.35; overflow-wrap: anywhere; }
html[lang="bn"] body.emx .emx-layout > main .c-title, html[lang="bn"] body.emx .sheet-panel .c-title { line-height: 1.55; }
body.emx .emx-layout > main .c-meta, body.emx .sheet-panel .c-meta { font-size: 13px; }
body.emx .emx-layout > main .c-free, body.emx .sheet-panel .c-free { align-self: flex-start; font-size: 12px; font-weight: 800; color: var(--ok); }
body.emx .emx-layout > main .c-prog, body.emx .sheet-panel .c-prog { display: flex; align-items: center; gap: 8px; margin-top: 2px; }
body.emx .emx-layout > main .c-prog .bar, body.emx .sheet-panel .c-prog .bar { flex: 1; height: 6px; border-radius: 999px; background: var(--surface-2); overflow: hidden; }
body.emx .emx-layout > main .c-prog .bar i, body.emx .sheet-panel .c-prog .bar i { display: block; height: 100%; background: var(--accent); border-radius: inherit; }
body.emx .emx-layout > main .c-pct, body.emx .sheet-panel .c-pct { font-size: 13px; min-width: 38px; text-align: right; }
body.emx .emx-layout > main .c-mine, body.emx .sheet-panel .c-mine { display: grid; gap: 10px; }
body.emx .emx-layout > main .c-mine-card, body.emx .sheet-panel .c-mine-card { display: flex; gap: 14px; align-items: flex-start; padding: 14px; border-left: 4px solid var(--accent); }
body.emx .emx-layout > main .c-cont, body.emx .sheet-panel .c-cont { align-self: flex-start; height: 38px; font-size: 14px; margin-top: 6px; padding: 0 16px; text-decoration: none; }
body.emx .emx-layout > main .c-chips, body.emx .sheet-panel .c-chips { margin-top: 2px; }
body.emx .emx-layout > main .c-credit, body.emx .sheet-panel .c-credit { margin: 18px 2px 8px; }
body.emx .emx-layout > main .c-hero, body.emx .sheet-panel .c-hero { display: flex; gap: 14px; align-items: center; padding: 16px; margin-top: 10px; border-top: 4px solid var(--cc, var(--accent)); }
body.emx .emx-layout > main .c-h1, body.emx .sheet-panel .c-h1 { font-family: var(--serif); font-size: 22px; line-height: 1.25; margin: 0 0 4px; letter-spacing: -.01em; overflow-wrap: anywhere; }
html[lang="bn"] body.emx .emx-layout > main .c-h1, html[lang="bn"] body.emx .sheet-panel .c-h1 { line-height: 1.5; }
body.emx .emx-layout > main .c-sub, body.emx .sheet-panel .c-sub { margin: 0; }
body.emx .emx-layout > main .c-desc, body.emx .sheet-panel .c-desc { margin: 14px 2px 0; font-size: 15px; line-height: 1.6; }
body.emx .emx-layout > main .c-desc[lang="bn"], body.emx .sheet-panel .c-desc[lang="bn"] { line-height: 1.75; }
body.emx .emx-layout > main .c-overall, body.emx .sheet-panel .c-overall { display: flex; gap: 16px; align-items: center; padding: 16px; margin-top: 14px; }
body.emx .emx-layout > main .c-overall .ring, body.emx .sheet-panel .c-overall .ring { flex: none; }
body.emx .emx-layout > main .c-overall .btn, body.emx .sheet-panel .c-overall .btn { height: 42px; font-size: 14.5px; padding: 0 18px; text-decoration: none; }
body.emx .emx-layout > main .c-chapter, body.emx .sheet-panel .c-chapter { padding: 6px 0; overflow: hidden; }
body.emx .emx-layout > main .c-ch-title, body.emx .sheet-panel .c-ch-title { margin: 8px 14px 4px; font-size: 15.5px; line-height: 1.4; overflow-wrap: anywhere; }
body.emx .emx-layout > main .c-lessons, body.emx .sheet-panel .c-lessons { list-style: none; margin: 0; padding: 0; }
body.emx .emx-layout > main .c-lessons li + li .c-lesson, body.emx .sheet-panel .c-lessons li + li .c-lesson { border-top: 1px solid var(--line); }
body.emx .emx-layout > main .c-lesson, body.emx .sheet-panel .c-lesson { display: flex; gap: 12px; align-items: center; padding: 11px 14px; color: inherit; text-decoration: none; min-height: 56px; -webkit-tap-highlight-color: transparent; }
body.emx .emx-layout > main .c-lesson:active, body.emx .sheet-panel .c-lesson:active { background: var(--surface-2); }
body.emx .emx-layout > main .c-lico, body.emx .sheet-panel .c-lico { flex: none; width: 34px; height: 34px; border-radius: 10px; display: inline-grid; place-items: center; background: var(--surface-2); }
body.emx .emx-layout > main .c-lico svg, body.emx .sheet-panel .c-lico svg { width: 19px; height: 19px; stroke: var(--ink); }
body.emx .emx-layout > main .c-lico.video, body.emx .sheet-panel .c-lico.video { background: var(--accent-soft); }
body.emx .emx-layout > main .c-lico.video svg, body.emx .sheet-panel .c-lico.video svg { stroke: var(--accent); }
body.emx .emx-layout > main .c-lico.quiz, body.emx .sheet-panel .c-lico.quiz { background: color-mix(in srgb, var(--blue) 14%, var(--surface)); }
body.emx .emx-layout > main .c-lico.quiz svg, body.emx .sheet-panel .c-lico.quiz svg { stroke: var(--blue); }
body.emx .emx-layout > main .c-lbody, body.emx .sheet-panel .c-lbody { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
body.emx .emx-layout > main .c-ltitle, body.emx .sheet-panel .c-ltitle { font-size: 14.5px; font-weight: 600; line-height: 1.4; overflow-wrap: anywhere; }
body.emx .emx-layout > main .c-lmeta, body.emx .sheet-panel .c-lmeta { font-size: 12.5px; }
body.emx .emx-layout > main .c-tick, body.emx .sheet-panel .c-tick { flex: none; width: 24px; height: 24px; border-radius: 50%; border: 1.5px solid var(--line); display: grid; place-items: center; font-size: 13px; font-weight: 800; }
body.emx .emx-layout > main .c-tick.on, body.emx .sheet-panel .c-tick.on { background: var(--ok); border-color: var(--ok); color: #fff; }
[data-theme="dark"] body.emx .emx-layout > main .c-tick.on, [data-theme="dark"] body.emx .sheet-panel .c-tick.on { color: #0F1117; }
body.emx .emx-layout > main .c-kicker, body.emx .sheet-panel .c-kicker { display: flex; align-items: center; gap: 8px; margin: 12px 0 6px; font-size: 13px; font-weight: 700; color: var(--muted); min-width: 0; }
body.emx .emx-layout > main .c-kicker .c-lico, body.emx .sheet-panel .c-kicker .c-lico { width: 28px; height: 28px; border-radius: 8px; }
body.emx .emx-layout > main .c-kicker .c-lico svg, body.emx .sheet-panel .c-kicker .c-lico svg { width: 16px; height: 16px; }
body.emx .emx-layout > main .c-h1.lesson, body.emx .sheet-panel .c-h1.lesson { font-size: 21px; margin-bottom: 12px; }
body.emx .emx-layout > main.lesson .pq-top .back { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; line-height: 36px; flex: 1; }
body.emx .emx-layout > main.lesson .pq-top > .muted { flex: none; }
body.emx .emx-layout > main .yt-wrap, body.emx .sheet-panel .yt-wrap { position: relative; width: 100%; aspect-ratio: 16 / 9; border-radius: var(--radius-sm); overflow: hidden; background: #000; box-shadow: var(--shadow); }
body.emx .emx-layout > main .yt-wrap iframe, body.emx .sheet-panel .yt-wrap iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
body.emx .emx-layout > main .yt-credit, body.emx .sheet-panel .yt-credit { margin: 10px 2px 12px; color: var(--muted); overflow-wrap: anywhere; }
body.emx .emx-layout > main .yt-credit a, body.emx .sheet-panel .yt-credit a { color: var(--ink); font-weight: 700; }
body.emx .emx-layout > main #ytResume, body.emx .sheet-panel #ytResume { margin: -4px 2px 12px; }
body.emx .emx-layout > main.lesson #lDone { margin-top: 4px; }
body.emx .emx-layout > main .c-pn, body.emx .sheet-panel .c-pn { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 16px 0 8px; }
body.emx .emx-layout > main .c-pn .btn, body.emx .sheet-panel .c-pn .btn { height: 46px; text-decoration: none; font-size: 14.5px; min-width: 0; padding: 0 10px; }
body.emx .emx-layout > main .md, body.emx .sheet-panel .md { padding: 16px; margin-bottom: 14px; font-size: 15.5px; line-height: 1.65; overflow-wrap: anywhere; }
body.emx .emx-layout > main .md[lang="bn"], body.emx .sheet-panel .md[lang="bn"] { line-height: 1.8; }
body.emx .emx-layout > main .md h2, body.emx .sheet-panel .md h2, body.emx .emx-layout > main .md h3, body.emx .sheet-panel .md h3, body.emx .emx-layout > main .md h4, body.emx .sheet-panel .md h4, body.emx .emx-layout > main .md h5, body.emx .sheet-panel .md h5 { font-family: var(--serif); margin: 18px 0 6px; line-height: 1.35; }
body.emx .emx-layout > main .md h2, body.emx .sheet-panel .md h2 { font-size: 20px; }
body.emx .emx-layout > main .md h3, body.emx .sheet-panel .md h3 { font-size: 17.5px; }
body.emx .emx-layout > main .md h4, body.emx .sheet-panel .md h4, body.emx .emx-layout > main .md h5, body.emx .sheet-panel .md h5 { font-size: 16px; }
body.emx .emx-layout > main .md > :first-child, body.emx .sheet-panel .md > :first-child { margin-top: 0; }
body.emx .emx-layout > main .md p, body.emx .sheet-panel .md p { margin: 0 0 10px; }
body.emx .emx-layout > main .md ul, body.emx .sheet-panel .md ul, body.emx .emx-layout > main .md ol, body.emx .sheet-panel .md ol { margin: 0 0 10px; padding-left: 22px; }
body.emx .emx-layout > main .md li, body.emx .sheet-panel .md li { margin: 3px 0; }
body.emx .emx-layout > main .md blockquote, body.emx .sheet-panel .md blockquote { margin: 0 0 10px; padding: 8px 12px; border-left: 3px solid var(--accent); background: var(--surface-2); border-radius: 0 10px 10px 0; }
body.emx .emx-layout > main .md code, body.emx .sheet-panel .md code { font-size: .92em; background: var(--surface-2); padding: 1px 5px; border-radius: 5px; }
body.emx .emx-layout > main .md-table, body.emx .sheet-panel .md-table { overflow-x: auto; margin: 0 0 12px; border: 1px solid var(--line); border-radius: 10px; }
body.emx .emx-layout > main .md table, body.emx .sheet-panel .md table { border-collapse: collapse; width: 100%; font-size: 14px; }
body.emx .emx-layout > main .md th, body.emx .sheet-panel .md th, body.emx .emx-layout > main .md td, body.emx .sheet-panel .md td { padding: 7px 10px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
body.emx .emx-layout > main .md th, body.emx .sheet-panel .md th { background: var(--surface-2); font-weight: 700; }
body.emx .emx-layout > main .md tr:last-child td, body.emx .sheet-panel .md tr:last-child td { border-bottom: 0; }
body.emx .emx-layout > main .qz-intro, body.emx .sheet-panel .qz-intro { margin: 0 2px 12px; }
body.emx .emx-layout > main #quizBox .qcard.pq, body.emx .sheet-panel #quizBox .qcard.pq { margin-bottom: 12px; }
body.emx .emx-layout > main #quizBox .rv-mark, body.emx .sheet-panel #quizBox .rv-mark { font-size: 12.5px; font-weight: 800; margin-left: auto; }
body.emx .emx-layout > main #quizBox .is-right .rv-mark, body.emx .sheet-panel #quizBox .is-right .rv-mark { color: var(--ok); }
body.emx .emx-layout > main #quizBox .is-wrong .rv-mark, body.emx .sheet-panel #quizBox .is-wrong .rv-mark { color: var(--danger); }
body.emx .emx-layout > main #quizBox > .btn, body.emx .sheet-panel #quizBox > .btn { margin-top: 4px; }
body.emx .emx-layout > main .lv-links, body.emx .sheet-panel .lv-links { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 14px; }
body.emx .emx-layout > main .lv-links .btn, body.emx .sheet-panel .lv-links .btn { height: 44px; font-size: 15px; padding: 0 10px; min-width: 0; }
body.emx .emx-layout > main #lvAllArchive, body.emx .sheet-panel #lvAllArchive { margin-top: 4px; height: 46px; font-size: 15px; }
body.emx .emx-layout > main .ex-card .ar-again, body.emx .sheet-panel .ex-card .ar-again { margin-top: 8px; }
body.emx .emx-layout > main .exam > .ar-again, body.emx .sheet-panel .exam > .ar-again { margin-top: 10px; height: 46px; font-size: 15px; }
body.emx .emx-layout > main .ar-filters .input[type="search"], body.emx .sheet-panel .ar-filters .input[type="search"] { -webkit-appearance: none; appearance: none; }
body.emx .emx-layout > main .ar-count, body.emx .sheet-panel .ar-count { margin: 14px 2px 8px; }
body.emx .emx-layout > main .ar-mine, body.emx .sheet-panel .ar-mine { display: flex; flex-wrap: wrap; gap: 6px; margin: -2px 0 10px; }
body.emx .emx-layout > main .ar-chip, body.emx .sheet-panel .ar-chip { font-size: 12.5px; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--surface-2); color: var(--muted); white-space: nowrap; }
body.emx .emx-layout > main .ar-chip b, body.emx .sheet-panel .ar-chip b { color: var(--ink); font-weight: 800; }
body.emx .emx-layout > main .ar-chip.live, body.emx .sheet-panel .ar-chip.live { background: var(--ok-soft); color: var(--ok); }
body.emx .emx-layout > main .ar-chip.live b, body.emx .sheet-panel .ar-chip.live b { color: var(--ok); }
body.emx .emx-layout > main .ar-chip.open, body.emx .sheet-panel .ar-chip.open { background: var(--accent-soft); color: var(--ink); }
body.emx .emx-layout > main #arMore, body.emx .sheet-panel #arMore { margin-top: 4px; }
body.emx .emx-layout > main .ar-badge, body.emx .sheet-panel .ar-badge { display: inline-block; vertical-align: middle; font-family: var(--sans, inherit); font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; padding: 2px 8px; border-radius: 999px; background: var(--accent-soft); color: var(--ink); line-height: 1.5; }
body.emx .emx-layout > main h1 .ar-badge, body.emx .sheet-panel h1 .ar-badge { font-size: 12px; position: relative; top: -2px; }
body.emx .emx-layout > main .ar-rules, body.emx .sheet-panel .ar-rules { padding: 14px; margin: 12px 0; }
body.emx .emx-layout > main .ar-rules ul, body.emx .sheet-panel .ar-rules ul { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 7px; }
body.emx .emx-layout > main .ar-rules li, body.emx .sheet-panel .ar-rules li { font-size: 14px; line-height: 1.5; color: var(--ink); }
body.emx .emx-layout > main .ar-stats, body.emx .sheet-panel .ar-stats { margin-bottom: 12px; }
body.emx .emx-layout > main.archive > .btn.block { margin-top: 8px; }
body.emx .emx-layout > main.archive > .btn.block:first-of-type { margin-top: 0; }
body.emx .emx-layout > main .ar-cmp, body.emx .sheet-panel .ar-cmp { margin: 8px 2px 10px; }
body.emx .emx-layout > main .ar-actions, body.emx .sheet-panel .ar-actions { display: grid; gap: 8px; margin-top: 12px; }
body.emx .emx-layout > main .ar-actions .btn, body.emx .sheet-panel .ar-actions .btn { height: 46px; font-size: 15px; }
body.emx .emx-layout > main .ar-hist, body.emx .sheet-panel .ar-hist { display: grid; gap: 8px; }
body.emx .emx-layout > main .ar-try, body.emx .sheet-panel .ar-try { display: flex; align-items: center; gap: 12px; padding: 12px 14px; color: inherit; text-decoration: none; box-shadow: none; }
body.emx .emx-layout > main .ar-try-no, body.emx .sheet-panel .ar-try-no { font-weight: 800; color: var(--accent); font-size: 15px; min-width: 28px; }
body.emx .emx-layout > main .ar-try-main, body.emx .sheet-panel .ar-try-main { display: flex; flex-direction: column; min-width: 0; flex: 1; }
body.emx .emx-layout > main .ar-try-main b, body.emx .sheet-panel .ar-try-main b { font-family: var(--serif); font-size: 18px; }
body.emx .emx-layout > main .ar-try .mr-sub, body.emx .sheet-panel .ar-try .mr-sub { flex-direction: column; gap: 0; text-align: right; }
body.emx .emx-layout > main .rt-top, body.emx .sheet-panel .rt-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 14px 2px 0; flex-wrap: wrap; }
body.emx .emx-layout > main .rt-top p, body.emx .sheet-panel .rt-top p { margin: 0; }
body.emx .emx-layout > main .rt-top .btn, body.emx .sheet-panel .rt-top .btn { height: 40px; font-size: 14px; padding: 0 14px; }
body.emx .emx-layout > main .rt-day, body.emx .sheet-panel .rt-day { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
body.emx .emx-layout > main .rt-rel, body.emx .sheet-panel .rt-rel { color: var(--accent); }
body.emx .emx-layout > main .rt-item, body.emx .sheet-panel .rt-item { display: flex; gap: 12px; padding: 14px; margin-bottom: 10px; box-shadow: none; }
body.emx .emx-layout > main .rt-item.live, body.emx .sheet-panel .rt-item.live { border-color: color-mix(in srgb, var(--danger) 45%, var(--line)); }
body.emx .emx-layout > main .rt-time, body.emx .sheet-panel .rt-time { flex: none; width: 70px; display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding-top: 2px; }
body.emx .emx-layout > main .rt-time b, body.emx .sheet-panel .rt-time b { font-family: var(--serif); font-size: 17px; line-height: 1.2; font-variant-numeric: tabular-nums; }
body.emx .emx-layout > main .rt-time span, body.emx .sheet-panel .rt-time span { font-size: 12px; color: var(--muted); font-weight: 600; }
body.emx .emx-layout > main .rt-main, body.emx .sheet-panel .rt-main { min-width: 0; flex: 1; }
body.emx .emx-layout > main .rt-main h3, body.emx .sheet-panel .rt-main h3 { margin: 4px 0 2px; font-family: var(--serif); font-size: 17px; line-height: 1.3; overflow-wrap: anywhere; }
body.emx .emx-layout > main .rt-meta, body.emx .sheet-panel .rt-meta { margin: 0 0 10px; }
body.emx .emx-layout > main .rt-main .btn, body.emx .sheet-panel .rt-main .btn { height: 42px; font-size: 14.5px; }
body.emx .emx-layout > main .rt-acts, body.emx .sheet-panel .rt-acts { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
body.emx .emx-layout > main .rt-acts .btn.remind, body.emx .sheet-panel .rt-acts .btn.remind { margin: 0; gap: 8px; background: transparent; color: var(--ink); border: 1.5px dashed var(--line); padding: 0 10px; min-width: 0; }
body.emx .emx-layout > main .rt-acts .btn.remind.on, body.emx .sheet-panel .rt-acts .btn.remind.on { border-style: solid; border-color: var(--accent); background: var(--accent-soft); }
body.emx .emx-layout > main .rt-ics, body.emx .sheet-panel .rt-ics { padding: 0 12px; white-space: nowrap; }
@media (max-width: 370px) {
body.emx .emx-layout > main .rt-time, body.emx .sheet-panel .rt-time { width: 58px; }
body.emx .emx-layout > main .rt-acts, body.emx .sheet-panel .rt-acts { grid-template-columns: 1fr; }
}
body.emx .emx-layout > main .rt-rel.live, body.emx .sheet-panel .rt-rel.live { color: var(--danger); }
body.emx .emx-layout > main .sl-slot:empty, body.emx .sheet-panel .sl-slot:empty { display: none; }
body.emx .emx-layout > main .sl-slot, body.emx .sheet-panel .sl-slot { margin-top: 10px; padding-top: 10px; border-top: 1px dashed var(--line); display: flex; flex-direction: column; gap: 6px; }
body.emx .emx-layout > main .sl-head, body.emx .sheet-panel .sl-head { margin: 0; }
body.emx .emx-layout > main .sl-link, body.emx .sheet-panel .sl-link { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 8px 12px; border-radius: var(--radius-sm); border: 1.5px solid var(--line); background: var(--surface-2); color: var(--ink); text-decoration: none; min-width: 0; }
body.emx .emx-layout > main .sl-link:active, body.emx .sheet-panel .sl-link:active { background: var(--accent-soft); }
body.emx .emx-layout > main .sl-link.les, body.emx .sheet-panel .sl-link.les { border-color: color-mix(in srgb, var(--accent) 45%, var(--line)); }
body.emx .emx-layout > main .sl-ico, body.emx .sheet-panel .sl-ico { flex: none; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; font-size: 13px; background: var(--accent-soft); color: var(--accent-ink); }
body.emx .emx-layout > main .sl-txt, body.emx .sheet-panel .sl-txt { display: flex; flex-direction: column; min-width: 0; flex: 1; line-height: 1.35; }
body.emx .emx-layout > main .sl-txt b, body.emx .sheet-panel .sl-txt b { font-size: 14px; color: var(--accent-ink); }
body.emx .emx-layout > main .sl-title, body.emx .sheet-panel .sl-title { font-size: 13px; color: var(--muted); overflow-wrap: anywhere; }
body.emx .emx-layout > main .sl-link .chev, body.emx .sheet-panel .sl-link .chev { flex: none; color: var(--muted); font-size: 20px; }
body.emx .emx-layout > main .custom .ar-actions, body.emx .sheet-panel .custom .ar-actions { display: grid; gap: 8px; margin-top: 14px; }
body.emx .emx-layout > main .ct-link, body.emx .sheet-panel .ct-link { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; padding: 14px 16px; color: inherit; text-decoration: none; }
body.emx .emx-layout > main .ct-link > span:first-child, body.emx .sheet-panel .ct-link > span:first-child { display: grid; gap: 2px; min-width: 0; }
body.emx .emx-layout > main .ct-open, body.emx .sheet-panel .ct-open { margin-top: 14px; border-color: var(--accent); }
body.emx .emx-layout > main .ct-item, body.emx .sheet-panel .ct-item { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; padding: 12px 14px; color: inherit; text-decoration: none; }
body.emx .emx-layout > main .ct-score, body.emx .sheet-panel .ct-score { text-align: right; white-space: nowrap; font-size: 13px; color: var(--muted); }
body.emx .emx-layout > main .ct-score b, body.emx .sheet-panel .ct-score b { font-size: 17px; color: var(--ink); }
body.emx .emx-layout > main .ct-score i, body.emx .sheet-panel .ct-score i { display: block; font-style: normal; font-weight: 700; color: var(--accent); }
body.emx .emx-layout > main .rd-note, body.emx .sheet-panel .rd-note { margin-top: 14px; font-size: 14px; }
body.emx .emx-layout > main .rd-card, body.emx .sheet-panel .rd-card { margin-top: 14px; padding: 16px; }
body.emx .emx-layout > main .rd-head, body.emx .sheet-panel .rd-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
body.emx .emx-layout > main .rd-head h3, body.emx .sheet-panel .rd-head h3 { margin: 0; font-size: 17px; }
body.emx .emx-layout > main .rd-score, body.emx .sheet-panel .rd-score { display: flex; align-items: center; gap: 14px; margin: 12px 0 4px; }
body.emx .emx-layout > main .rd-few, body.emx .sheet-panel .rd-few { display: block; padding: 10px 12px; border: 1.5px dashed var(--line); border-radius: 12px; }
body.emx .emx-layout > main .rd-parts, body.emx .sheet-panel .rd-parts { list-style: none; padding: 0; margin: 10px 0 0; }
body.emx .emx-layout > main .rd-part, body.emx .sheet-panel .rd-part { display: flex; justify-content: space-between; gap: 10px; padding: 8px 0; border-top: 1px solid var(--line); }
body.emx .emx-layout > main .rd-part.none, body.emx .sheet-panel .rd-part.none { opacity: .7; }
body.emx .emx-layout > main .rd-pn, body.emx .sheet-panel .rd-pn, body.emx .emx-layout > main .rd-pv, body.emx .sheet-panel .rd-pv { display: grid; gap: 1px; min-width: 0; }
body.emx .emx-layout > main .rd-pv, body.emx .sheet-panel .rd-pv { text-align: right; white-space: nowrap; }
body.emx .emx-layout > main .rd-part i, body.emx .sheet-panel .rd-part i { font-style: normal; }
body.emx .emx-layout > main .rd-sub, body.emx .sheet-panel .rd-sub { margin: 14px 0 6px; font-size: 13px; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); }
body.emx .emx-layout > main .rd-weak, body.emx .sheet-panel .rd-weak { margin: 0 0 12px; padding-left: 22px; display: grid; gap: 6px; }
body.emx .emx-layout > main .rd-weak li span:first-child, body.emx .sheet-panel .rd-weak li span:first-child { font-weight: 700; overflow-wrap: anywhere; }
body.emx .emx-layout > main .rd-weak li span + span, body.emx .sheet-panel .rd-weak li span + span { display: block; }
body.emx .emx-layout > main .rd-how, body.emx .sheet-panel .rd-how { margin-top: 14px; padding: 14px 16px; font-size: 14px; }
body.emx .emx-layout > main .rd-how summary, body.emx .sheet-panel .rd-how summary { font-weight: 700; cursor: pointer; }
body.emx .emx-layout > main .rd-how ul, body.emx .sheet-panel .rd-how ul { padding-left: 18px; margin: 10px 0 0; display: grid; gap: 6px; }
body.emx .emx-layout > main #noticeSlot:empty, body.emx .sheet-panel #noticeSlot:empty { display: none; }
body.emx .emx-layout > main .notice-card, body.emx .sheet-panel .notice-card { margin-top: 14px; display: flex; align-items: flex-start; gap: 10px; padding: 14px 12px 14px 16px; border-left: 4px solid var(--blue); }
body.emx .emx-layout > main .notice-card.nt-warn, body.emx .sheet-panel .notice-card.nt-warn { border-left-color: #E3A008; background: linear-gradient(90deg, rgba(227,160,8,.12), var(--surface) 70%); }
body.emx .emx-layout > main .notice-card.nt-success, body.emx .sheet-panel .notice-card.nt-success { border-left-color: var(--ok); background: linear-gradient(90deg, var(--ok-soft), var(--surface) 70%); }
body.emx .emx-layout > main .notice-card.nt-info, body.emx .sheet-panel .notice-card.nt-info { background: linear-gradient(90deg, rgba(41,80,232,.08), var(--surface) 70%); }
body.emx .emx-layout > main .notice-card .nt-text, body.emx .sheet-panel .notice-card .nt-text { flex: 1; min-width: 0; overflow-wrap: anywhere; }
body.emx .emx-layout > main .notice-card .nt-text b, body.emx .sheet-panel .notice-card .nt-text b { display: block; font-size: 15.5px; }
body.emx .emx-layout > main .notice-card .nt-text p, body.emx .sheet-panel .notice-card .nt-text p { margin: 3px 0 0; font-size: 14px; color: var(--muted); white-space: pre-line; }
body.emx .emx-layout > main .notice-card .nt-link, body.emx .sheet-panel .notice-card .nt-link { display: inline-block; margin-top: 6px; font-size: 14px; font-weight: 600; color: var(--accent); text-decoration: none; }
body.emx .emx-layout > main .notice-card .nt-x, body.emx .sheet-panel .notice-card .nt-x { flex: none; width: 36px; height: 36px; margin: -6px -2px 0 0; border: 0; background: transparent; color: var(--muted); font-size: 22px; line-height: 1; border-radius: 10px; cursor: pointer; }
body.emx .emx-layout > main .notice-card .nt-x:hover, body.emx .sheet-panel .notice-card .nt-x:hover { background: var(--line); }
/* ---- doubts.css ---- */
body.emx .emx-layout > main .em-bell, body.emx .sheet-panel .em-bell { position: relative; width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; color: var(--ink); text-decoration: none; flex: none; }
body.emx .emx-layout > main .em-bell svg, body.emx .sheet-panel .em-bell svg { width: 23px; height: 23px; stroke: currentColor; }
body.emx .emx-layout > main .em-bell:active, body.emx .sheet-panel .em-bell:active { background: var(--surface-2); }
body.emx .emx-layout > main .em-badge, body.emx .sheet-panel .em-badge { position: absolute; top: 3px; right: 1px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: var(--danger); color: #fff; font-size: 11px; font-weight: 800; line-height: 18px; text-align: center; box-shadow: 0 0 0 2px var(--bg); }
body.emx .emx-layout > main .em-badge[hidden], body.emx .sheet-panel .em-badge[hidden], body.emx .emx-layout > main .dbt [hidden], body.emx .sheet-panel .dbt [hidden], body.emx .emx-layout > main .dbt-link[hidden], body.emx .sheet-panel .dbt-link[hidden] { display: none !important; }
body.emx .emx-layout > main .dbt-rep, body.emx .sheet-panel .dbt-rep { color: var(--muted); }
body.emx .emx-layout > main .dbt-reported, body.emx .sheet-panel .dbt-reported { font-size: 13px; color: var(--muted); font-weight: 700; display: inline-flex; align-items: center; min-height: 36px; }
body.emx .emx-layout > main .dbt-hl, body.emx .sheet-panel .dbt-hl { box-shadow: 0 0 0 2px var(--accent), var(--shadow); }
body.emx .emx-layout > main .dbt-sheet, body.emx .sheet-panel .dbt-sheet { max-height: 92vh; overflow-y: auto; }
body.emx .emx-layout > main .dbt-reasons, body.emx .sheet-panel .dbt-reasons { border: 0; padding: 0; margin: 0 0 12px; display: grid; gap: 8px; min-width: 0; }
body.emx .emx-layout > main .dbt-reason, body.emx .sheet-panel .dbt-reason { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 12px; font-size: 14.5px; cursor: pointer; color: var(--ink); }
body.emx .emx-layout > main .dbt-reason:has(input:checked), body.emx .sheet-panel .dbt-reason:has(input:checked) { border-color: var(--accent); background: var(--accent-soft); }
body.emx .emx-layout > main .dbt-reason input, body.emx .sheet-panel .dbt-reason input { accent-color: var(--accent); width: 18px; height: 18px; margin: 0; flex: none; }
body.emx .emx-layout > main .dbt-replink, body.emx .sheet-panel .dbt-replink { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 12px 16px; margin-top: 10px; color: inherit; text-decoration: none; font-weight: 700; font-size: 14.5px; }
body.emx .emx-layout > main .dbt-replink b, body.emx .sheet-panel .dbt-replink b { background: var(--danger); color: #fff; border-radius: 999px; padding: 1px 9px; font-size: 13px; }
body.emx .emx-layout > main .dbt-replink b[hidden], body.emx .sheet-panel .dbt-replink b[hidden] { display: none; }
body.emx .emx-layout > main .dbt-rcard, body.emx .sheet-panel .dbt-rcard { padding: 14px 16px; margin-top: 12px; }
body.emx .emx-layout > main .dbt-rlist, body.emx .sheet-panel .dbt-rlist { margin: 8px 0 0; padding: 0; list-style: none; display: grid; gap: 6px; }
body.emx .emx-layout > main .dbt-rlist li, body.emx .sheet-panel .dbt-rlist li { font-size: 13.5px; background: var(--surface-2); border-radius: 10px; padding: 8px 10px; overflow-wrap: anywhere; }
body.emx .emx-layout > main .dbt-rlist .dbt-text, body.emx .sheet-panel .dbt-rlist .dbt-text { font-size: 13.5px; margin-top: 4px; }
body.emx .emx-layout > main .dbt-excerpt, body.emx .sheet-panel .dbt-excerpt { margin: 8px 0 0; padding: 6px 10px; border-left: 3px solid var(--line); font-size: 14px; line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; max-height: 9em; overflow: hidden; }
body.emx .emx-layout > main .dbt-head, body.emx .sheet-panel .dbt-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
body.emx .emx-layout > main .dbt-alert, body.emx .sheet-panel .dbt-alert { display: flex; gap: 12px; padding: 14px 16px; margin-top: 10px; color: inherit; text-decoration: none; }
body.emx .emx-layout > main .dbt-alert .dot, body.emx .sheet-panel .dbt-alert .dot { flex: none; width: 10px; height: 10px; border-radius: 50%; margin-top: 6px; }
body.emx .emx-layout > main .dbt-alert.unread .dot, body.emx .sheet-panel .dbt-alert.unread .dot { background: var(--accent); }
body.emx .emx-layout > main .dbt-alert.unread, body.emx .sheet-panel .dbt-alert.unread { border-color: color-mix(in srgb, var(--accent) 45%, var(--line)); }
body.emx .emx-layout > main .dbt-alert p, body.emx .sheet-panel .dbt-alert p { margin: 0; }
body.emx .emx-layout > main .dbt-alert .t, body.emx .sheet-panel .dbt-alert .t { font-weight: 700; font-size: 14.5px; line-height: 1.4; overflow-wrap: anywhere; }
body.emx .emx-layout > main .dbt-alert.read .t, body.emx .sheet-panel .dbt-alert.read .t { font-weight: 500; }
body.emx .emx-layout > main .dbt-alert .dbt-snip, body.emx .sheet-panel .dbt-alert .dbt-snip { margin: 4px 0 0; }
body.emx .emx-layout > main .dbt .bank-filters, body.emx .sheet-panel .dbt .bank-filters { margin-top: 14px; }
body.emx .emx-layout > main .dbt-row2, body.emx .sheet-panel .dbt-row2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
body.emx .emx-layout > main .dbt-row2 .field, body.emx .sheet-panel .dbt-row2 .field { min-width: 0; }
body.emx .emx-layout > main .dbt-chips .chip, body.emx .sheet-panel .dbt-chips .chip { padding: 6px 12px; font-size: 13.5px; }
body.emx .emx-layout > main .dbt-item, body.emx .sheet-panel .dbt-item { display: block; padding: 14px 16px; margin-top: 12px; color: inherit; text-decoration: none; }
body.emx .emx-layout > main .dbt-item:active, body.emx .sheet-panel .dbt-item:active { transform: translateY(1px); }
body.emx .emx-layout > main .dbt-tags, body.emx .sheet-panel .dbt-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
body.emx .emx-layout > main .dbt-tags .tag, body.emx .sheet-panel .dbt-tags .tag { font-size: 11.5px; font-weight: 700; padding: 3px 9px; border-radius: 999px; background: var(--surface-2); color: var(--muted); }
body.emx .emx-layout > main .dbt-tags .tag.dbt-solved, body.emx .sheet-panel .dbt-tags .tag.dbt-solved { background: var(--ok-soft); color: var(--ok); }
body.emx .emx-layout > main .dbt-tags .tag.dbt-open, body.emx .sheet-panel .dbt-tags .tag.dbt-open { background: var(--accent-soft); color: var(--accent-press); }
[data-theme="dark"] body.emx .emx-layout > main .dbt-tags .tag.dbt-open, [data-theme="dark"] body.emx .sheet-panel .dbt-tags .tag.dbt-open { color: var(--accent); }
body.emx .emx-layout > main .dbt-tags .tag.dbt-vtag, body.emx .sheet-panel .dbt-tags .tag.dbt-vtag { background: color-mix(in srgb, var(--blue) 16%, transparent); color: var(--blue); }
body.emx .emx-layout > main .dbt-title, body.emx .sheet-panel .dbt-title { margin: 0 0 4px; font-size: 16.5px; line-height: 1.35; overflow-wrap: anywhere; }
body.emx .emx-layout > main .dbt-snip, body.emx .sheet-panel .dbt-snip { margin: 0 0 6px; color: var(--muted); font-size: 14px; line-height: 1.45; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: anywhere; }
body.emx .emx-layout > main .dbt-meta, body.emx .sheet-panel .dbt-meta { margin: 8px 0 0; color: var(--muted); font-size: 12.5px; line-height: 1.5; overflow-wrap: anywhere; }
body.emx .emx-layout > main .dbt-meta b, body.emx .sheet-panel .dbt-meta b { color: var(--ink); }
body.emx .emx-layout > main .dbt-ver, body.emx .sheet-panel .dbt-ver { color: var(--blue); font-weight: 700; }
body.emx .emx-layout > main .dbt-q, body.emx .sheet-panel .dbt-q { padding: 16px; margin-top: 10px; }
body.emx .emx-layout > main .dbt-qtitle, body.emx .sheet-panel .dbt-qtitle { margin: 0 0 8px; font-family: var(--serif); font-size: 22px; line-height: 1.3; letter-spacing: -.01em; overflow-wrap: anywhere; }
body.emx .emx-layout > main .dbt-text, body.emx .sheet-panel .dbt-text { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 15px; line-height: 1.6; }
body.emx .emx-layout > main .dbt-ans, body.emx .sheet-panel .dbt-ans { padding: 14px 16px; margin-top: 10px; }
body.emx .emx-layout > main .dbt-ans.accepted, body.emx .sheet-panel .dbt-ans.accepted { border-color: color-mix(in srgb, var(--ok) 55%, var(--line)); box-shadow: 0 0 0 1px color-mix(in srgb, var(--ok) 35%, transparent), var(--shadow); }
body.emx .emx-layout > main .dbt-acts, body.emx .sheet-panel .dbt-acts { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 10px; padding-top: 8px; border-top: 1px solid var(--line); }
body.emx .emx-layout > main .dbt-link, body.emx .sheet-panel .dbt-link { background: none; border: 0; padding: 6px 0; min-height: 36px; font: inherit; font-size: 13.5px; font-weight: 700; color: var(--ink); cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; }
body.emx .emx-layout > main .dbt-link.danger, body.emx .sheet-panel .dbt-link.danger { color: var(--danger); }
body.emx .emx-layout > main .dbt-link[disabled], body.emx .sheet-panel .dbt-link[disabled] { opacity: .5; }
body.emx .emx-layout > main .dbt-form, body.emx .sheet-panel .dbt-form { padding: 16px; margin-top: 14px; }
body.emx .emx-layout > main .dbt-h2, body.emx .sheet-panel .dbt-h2 { margin: 0 0 10px; font-size: 16px; }
body.emx .emx-layout > main .dbt-ta, body.emx .sheet-panel .dbt-ta { min-height: 120px; resize: vertical; line-height: 1.5; font-family: inherit; }
body.emx .emx-layout > main .dbt-hintrow, body.emx .sheet-panel .dbt-hintrow { display: flex; justify-content: space-between; gap: 10px; margin-top: 6px; }
body.emx .emx-layout > main .dbt-hintrow .hint, body.emx .sheet-panel .dbt-hintrow .hint { font-size: 12.5px; color: var(--muted); }
body.emx .emx-layout > main .dbt-count, body.emx .sheet-panel .dbt-count { flex: none; font-variant-numeric: tabular-nums; }
body.emx .emx-layout > main .dbt-count.over, body.emx .sheet-panel .dbt-count.over { color: var(--danger); font-weight: 700; }
body.emx .emx-layout > main .dbt .err, body.emx .sheet-panel .dbt .err { color: var(--danger); font-size: 13px; margin: 6px 0 0; }
body.emx .emx-layout > main .dbt .err:empty, body.emx .sheet-panel .dbt .err:empty { display: none; }
body.emx .emx-layout > main .dbt-note, body.emx .sheet-panel .dbt-note { margin: 14px 2px 0; line-height: 1.5; }
body.emx .emx-layout > main .dbt .sr, body.emx .sheet-panel .dbt .sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
body.emx .emx-layout > main .dbt-abody .dbt-row2, body.emx .sheet-panel .dbt-abody .dbt-row2 { margin-top: 10px; }
@media (max-width: 380px) {
body.emx .emx-layout > main .dbt-filters .dbt-row2, body.emx .sheet-panel .dbt-filters .dbt-row2, body.emx .emx-layout > main .dbt-form .dbt-row2:first-child, body.emx .sheet-panel .dbt-form .dbt-row2:first-child { grid-template-columns: 1fr; }
}
/* ---- learn.css ---- */
body.emx .emx-layout > main .lrn .lrn-count, body.emx .sheet-panel .lrn .lrn-count { margin: 14px 2px 0; }
body.emx .emx-layout > main .lrn .nt-title, body.emx .sheet-panel .lrn .nt-title { margin-top: 6px; }
body.emx .emx-layout > main .lrn .nt-sum, body.emx .sheet-panel .lrn .nt-sum { margin: 0 0 12px; line-height: 1.5; }
body.emx .emx-layout > main .lrn .nt-acts, body.emx .sheet-panel .lrn .nt-acts { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
body.emx .emx-layout > main .lrn .nt-acts .btn, body.emx .sheet-panel .lrn .nt-acts .btn { flex: 1 1 auto; min-width: 120px; }
body.emx .emx-layout > main .lrn .nt-body, body.emx .sheet-panel .lrn .nt-body { margin-top: 0; }
body.emx .emx-layout > main .lrn .nt-src, body.emx .sheet-panel .lrn .nt-src { margin: -4px 2px 14px; }
body.emx .emx-layout > main .lrn .nt-next, body.emx .sheet-panel .lrn .nt-next { padding: 16px; }
body.emx .emx-layout > main .lrn .nt-next .nt-acts, body.emx .sheet-panel .lrn .nt-next .nt-acts { margin: 0; }
body.emx .emx-layout > main .lrn .lrn-err .btn, body.emx .sheet-panel .lrn .lrn-err .btn { margin-top: 10px; }
body.emx .emx-layout > main .lrn .md-table, body.emx .sheet-panel .lrn .md-table { overflow-x: auto; -webkit-overflow-scrolling: touch; }
body.emx .emx-layout > main .lrn .md td, body.emx .sheet-panel .lrn .md td, body.emx .emx-layout > main .lrn .md th, body.emx .sheet-panel .lrn .md th { vertical-align: top; }
@media print {
body.emx .emx-layout > main html.lrn-print body, body.emx .sheet-panel html.lrn-print body { background: #fff !important; color: #000 !important; }
body.emx .emx-layout > main html.lrn-print nav, body.emx .sheet-panel html.lrn-print nav, body.emx .emx-layout > main html.lrn-print .back, body.emx .sheet-panel html.lrn-print .back, body.emx .emx-layout > main html.lrn-print .nt-acts, body.emx .sheet-panel html.lrn-print .nt-acts, body.emx .emx-layout > main html.lrn-print .nt-next, body.emx .sheet-panel html.lrn-print .nt-next { display: none !important; }
body.emx .emx-layout > main html.lrn-print .page, body.emx .sheet-panel html.lrn-print .page { padding: 0 !important; margin: 0 !important; max-width: none !important; }
body.emx .emx-layout > main html.lrn-print .card, body.emx .sheet-panel html.lrn-print .card { box-shadow: none !important; border: 0 !important; background: #fff !important; color: #000 !important; padding: 0 !important; }
body.emx .emx-layout > main html.lrn-print .md table, body.emx .sheet-panel html.lrn-print .md table, body.emx .emx-layout > main html.lrn-print .md th, body.emx .sheet-panel html.lrn-print .md th, body.emx .emx-layout > main html.lrn-print .md td, body.emx .sheet-panel html.lrn-print .md td { border: 1px solid #999 !important; color: #000 !important; background: #fff !important; }
body.emx .emx-layout > main html.lrn-print .dbt-tags .tag, body.emx .sheet-panel html.lrn-print .dbt-tags .tag { border: 1px solid #999; background: #fff !important; color: #000 !important; }
}
body.emx .emx-layout > main .lrn .lc-new, body.emx .sheet-panel .lrn .lc-new { margin: 0 0 12px; display: inline-flex; }
body.emx .emx-layout > main .lrn .lc-h, body.emx .sheet-panel .lrn .lc-h { margin: 18px 2px 8px; }
body.emx .emx-layout > main .lrn .lc-day, body.emx .sheet-panel .lrn .lc-day { margin: 10px 2px 6px; font-weight: 600; font-size: .9rem; color: var(--muted); }
body.emx .emx-layout > main .lrn .lc-item, body.emx .sheet-panel .lrn .lc-item { padding: 14px 16px; margin-bottom: 10px; }
body.emx .emx-layout > main .lrn .lc-when, body.emx .sheet-panel .lrn .lc-when { margin: 4px 0 6px; font-size: .9rem; color: var(--muted); }
body.emx .emx-layout > main .lrn .lc-acts, body.emx .sheet-panel .lrn .lc-acts { margin: 10px 0 0; }
body.emx .emx-layout > main .lrn .tag.lc-live, body.emx .sheet-panel .lrn .tag.lc-live { background: #dc2626; color: #fff; border-color: #dc2626; }
body.emx .emx-layout > main .lrn .tag.lc-soon, body.emx .sheet-panel .lrn .tag.lc-soon { background: #f59e0b; color: #1f1300; border-color: #f59e0b; }
body.emx .emx-layout > main .lrn .tag.lc-cancel, body.emx .sheet-panel .lrn .tag.lc-cancel { text-decoration: line-through; opacity: .8; }
body.emx .emx-layout > main .lrn .lc-item[data-state="cancelled"] .dbt-title, body.emx .sheet-panel .lrn .lc-item[data-state="cancelled"] .dbt-title { text-decoration: line-through; opacity: .7; }
body.emx .emx-layout > main .lrn .lc-join[disabled], body.emx .sheet-panel .lrn .lc-join[disabled] { opacity: .65; cursor: not-allowed; }
body.emx .emx-layout > main .lrn .lc-rem[aria-pressed="true"], body.emx .sheet-panel .lrn .lc-rem[aria-pressed="true"] { border-color: var(--accent, #2563eb); color: var(--accent, #2563eb); }
body.emx .emx-layout > main .lrn .lc-del, body.emx .sheet-panel .lrn .lc-del { color: #dc2626; border-color: #dc2626; }
body.emx .emx-layout > main .lrn .ce-form, body.emx .sheet-panel .lrn .ce-form { padding: 16px; }
body.emx .emx-layout > main .lrn .ce-check, body.emx .sheet-panel .lrn .ce-check { display: flex; gap: 8px; align-items: center; margin: 4px 0 12px; }
body.emx .emx-layout > main .lc-banner, body.emx .sheet-panel .lc-banner { display: flex; align-items: center; gap: 12px; padding: 12px 14px; margin: 0 0 14px; border-left: 4px solid #dc2626; }
body.emx .emx-layout > main .lc-banner .lc-bn-txt, body.emx .sheet-panel .lc-banner .lc-bn-txt { margin: 0; flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; overflow-wrap: anywhere; }
body.emx .emx-layout > main .lc-banner .btn, body.emx .sheet-panel .lc-banner .btn { flex: 0 0 auto; }
body.emx .emx-layout > main .lrn .ct-item, body.emx .sheet-panel .lrn .ct-item { padding: 14px 16px; margin-bottom: 10px; }
body.emx .emx-layout > main .lrn .ct-head, body.emx .sheet-panel .lrn .ct-head { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
body.emx .emx-layout > main .lrn .ct-emoji, body.emx .sheet-panel .lrn .ct-emoji { font-size: 1.6rem; line-height: 1; flex: 0 0 auto; }
body.emx .emx-layout > main .lrn .ct-prog, body.emx .sheet-panel .lrn .ct-prog { display: flex; flex-direction: column; gap: 4px; margin: 10px 0 0; }
body.emx .emx-layout > main .lrn .ct-bar, body.emx .sheet-panel .lrn .ct-bar { height: 8px; border-radius: 999px; background: var(--line); overflow: hidden; }
body.emx .emx-layout > main .lrn .ct-bar i, body.emx .sheet-panel .lrn .ct-bar i { display: block; height: 100%; background: var(--accent); border-radius: 999px; }
body.emx .emx-layout > main .lrn .ct-acts, body.emx .sheet-panel .lrn .ct-acts { margin: 12px 0 0; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
body.emx .emx-layout > main .lrn .ct-why, body.emx .sheet-panel .lrn .ct-why { margin: 0; }
body.emx .emx-layout > main .lrn .ct-item[data-state="earned"], body.emx .sheet-panel .lrn .ct-item[data-state="earned"] { border-left: 4px solid var(--ok); }
body.emx .emx-layout > main .lrn .ct-verify, body.emx .sheet-panel .lrn .ct-verify { padding: 16px; margin-top: 18px; }
body.emx .emx-layout > main .lrn .ct-vrow, body.emx .sheet-panel .lrn .ct-vrow { display: flex; gap: 8px; }
body.emx .emx-layout > main .lrn .ct-vrow .input, body.emx .sheet-panel .lrn .ct-vrow .input { flex: 1; min-width: 0; text-transform: uppercase; }
body.emx .emx-layout > main .lrn .ct-intro, body.emx .sheet-panel .lrn .ct-intro { padding: 18px; }
body.emx .emx-layout > main .lrn .ct-rules, body.emx .sheet-panel .lrn .ct-rules { margin: 8px 0 16px; padding-left: 20px; line-height: 1.6; }
body.emx .emx-layout > main .lrn .ct-top, body.emx .sheet-panel .lrn .ct-top { position: sticky; top: 8px; z-index: 5; display: flex; align-items: center; gap: 10px; padding: 10px 12px; margin-bottom: 12px; }
body.emx .emx-layout > main .lrn .ct-top .muted, body.emx .sheet-panel .lrn .ct-top .muted { flex: 1; min-width: 0; }
body.emx .emx-layout > main .lrn .ex-timer.ct-low, body.emx .sheet-panel .lrn .ex-timer.ct-low { border-color: var(--danger); color: var(--danger); }
body.emx .emx-layout > main .lrn .ct-q, body.emx .sheet-panel .lrn .ct-q, body.emx .emx-layout > main .lrn .ct-rev, body.emx .sheet-panel .lrn .ct-rev { margin-bottom: 12px; }
body.emx .emx-layout > main .lrn .ct-final, body.emx .sheet-panel .lrn .ct-final { width: 100%; margin: 6px 0 20px; }
body.emx .emx-layout > main .lrn .ct-result, body.emx .sheet-panel .lrn .ct-result { padding: 22px 18px; text-align: center; margin-bottom: 14px; }
body.emx .emx-layout > main .lrn .ct-result.ct-pass, body.emx .sheet-panel .lrn .ct-result.ct-pass { border-top: 4px solid var(--ok); }
body.emx .emx-layout > main .lrn .ct-result.ct-fail, body.emx .sheet-panel .lrn .ct-result.ct-fail { border-top: 4px solid var(--danger); }
body.emx .emx-layout > main .lrn .ct-big, body.emx .sheet-panel .lrn .ct-big { font-size: 2.6rem; }
body.emx .emx-layout > main .lrn .ct-score, body.emx .sheet-panel .lrn .ct-score { font-family: var(--serif); font-size: 1.8rem; font-weight: 700; margin: 6px 0; font-variant-numeric: tabular-nums; }
body.emx .emx-layout > main .lrn .ct-paper, body.emx .sheet-panel .lrn .ct-paper { position: relative; text-align: center; padding: 28px 18px 20px; border: 2px solid var(--accent); outline: 1px solid var(--accent); outline-offset: -8px; overflow-wrap: anywhere; }
body.emx .emx-layout > main .lrn .ct-seal, body.emx .sheet-panel .lrn .ct-seal { font-size: 2.4rem; }
body.emx .emx-layout > main .lrn .ct-kicker, body.emx .sheet-panel .lrn .ct-kicker { text-transform: uppercase; letter-spacing: .12em; font-size: .78rem; font-weight: 700; color: var(--accent); margin: 4px 0 14px; }
body.emx .emx-layout > main .lrn .ct-small, body.emx .sheet-panel .lrn .ct-small { margin: 0; }
body.emx .emx-layout > main .lrn .ct-name, body.emx .sheet-panel .lrn .ct-name { font-family: var(--serif); font-size: 1.9rem; margin: 6px 0 10px; }
body.emx .emx-layout > main .lrn .ct-track, body.emx .sheet-panel .lrn .ct-track { font-size: 1.15rem; margin: 6px 0 16px; }
body.emx .emx-layout > main .lrn .ct-meta, body.emx .sheet-panel .lrn .ct-meta { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 10px; margin: 0 0 12px; }
body.emx .emx-layout > main .lrn .ct-meta div, body.emx .sheet-panel .lrn .ct-meta div { display: flex; flex-direction: column; gap: 2px; }
body.emx .emx-layout > main .lrn .ct-foot, body.emx .sheet-panel .lrn .ct-foot { margin: 6px 0 0; }
body.emx .emx-layout > main .lrn .ct-acts2, body.emx .sheet-panel .lrn .ct-acts2 { margin-top: 14px; }
@media print {
body.emx .emx-layout > main html.lrn-print .ct-acts2, body.emx .sheet-panel html.lrn-print .ct-acts2 { display: none !important; }
body.emx .emx-layout > main html.lrn-print .ct-paper, body.emx .sheet-panel html.lrn-print .ct-paper { border: 2px solid #000 !important; outline: 1px solid #000 !important; padding: 40px 24px !important; }
body.emx .emx-layout > main html.lrn-print .ct-kicker, body.emx .sheet-panel html.lrn-print .ct-kicker { color: #000 !important; }
}
/* ---- ../exam-master-admin/admin_import.css ---- */
body.emx .emx-layout > main .adm-tabs.three, body.emx .sheet-panel .adm-tabs.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.emx .emx-layout > main .adm-tabs.three a, body.emx .sheet-panel .adm-tabs.three a { padding: 9px 4px; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.emx .emx-layout > main .pdfi .pi-h, body.emx .sheet-panel .pdfi .pi-h { font-size: 16px; margin: 4px 0 6px; }
body.emx .emx-layout > main .pdfi .alert.warn-box, body.emx .sheet-panel .pdfi .alert.warn-box { background: color-mix(in srgb, var(--accent) 14%, var(--surface)); color: var(--ink); }
body.emx .emx-layout > main .pi-drop, body.emx .sheet-panel .pi-drop { display: flex; align-items: center; gap: 12px; padding: 18px 14px; margin: 12px 0 6px; border: 2px dashed var(--line); border-radius: var(--radius-sm); cursor: pointer; background: var(--bg); }
body.emx .emx-layout > main .pi-drop:hover, body.emx .sheet-panel .pi-drop:hover, body.emx .emx-layout > main .pi-drop:focus-within, body.emx .sheet-panel .pi-drop:focus-within { border-color: var(--accent); }
body.emx .emx-layout > main .pi-drop input, body.emx .sheet-panel .pi-drop input { width: 100%; max-width: 100%; min-width: 0; font-size: 14px; position: absolute; opacity: 0; pointer-events: none; }
body.emx .emx-layout > main .pi-drop, body.emx .sheet-panel .pi-drop { position: relative; }
body.emx .emx-layout > main .pi-drop-t, body.emx .sheet-panel .pi-drop-t { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
body.emx .emx-layout > main .pi-drop-t .small, body.emx .sheet-panel .pi-drop-t .small { overflow-wrap: anywhere; }
body.emx .emx-layout > main .pi-progress, body.emx .sheet-panel .pi-progress { min-height: 18px; }
body.emx .emx-layout > main .pi-paste, body.emx .sheet-panel .pi-paste { margin-top: 10px; }
body.emx .emx-layout > main .pi-paste summary, body.emx .sheet-panel .pi-paste summary, body.emx .emx-layout > main .pi-exp summary, body.emx .sheet-panel .pi-exp summary { cursor: pointer; font-weight: 600; padding: 6px 0; }
body.emx .emx-layout > main .pi-paste textarea, body.emx .sheet-panel .pi-paste textarea { width: 100%; font-family: inherit; }
body.emx .emx-layout > main .pi-file, body.emx .sheet-panel .pi-file { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
body.emx .emx-layout > main .pi-file > div, body.emx .sheet-panel .pi-file > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
body.emx .emx-layout > main .pi-file b, body.emx .sheet-panel .pi-file b { overflow-wrap: anywhere; }
body.emx .emx-layout > main .pi-file .btn, body.emx .sheet-panel .pi-file .btn { flex: none; height: 40px; font-size: 14px; padding: 0 12px; }
body.emx .emx-layout > main .pi-filters, body.emx .sheet-panel .pi-filters { flex-wrap: wrap; }
body.emx .emx-layout > main .pi-filters .chip .n, body.emx .sheet-panel .pi-filters .chip .n { opacity: .7; font-weight: 600; margin-left: 2px; }
body.emx .emx-layout > main .pi-bulk, body.emx .sheet-panel .pi-bulk { display: flex; gap: 8px; flex-wrap: wrap; margin: 8px 0 4px; }
body.emx .emx-layout > main .pi-bulk .btn, body.emx .sheet-panel .pi-bulk .btn { height: 38px; font-size: 13.5px; padding: 0 12px; }
body.emx .emx-layout > main .pi-q, body.emx .sheet-panel .pi-q { margin: 10px 0; padding: 14px; }
body.emx .emx-layout > main .pi-q.locked, body.emx .sheet-panel .pi-q.locked { opacity: .75; }
body.emx .emx-layout > main .pi-qhead, body.emx .sheet-panel .pi-qhead { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-bottom: 8px; }
body.emx .emx-layout > main .pi-inc, body.emx .sheet-panel .pi-inc { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; margin-right: auto; cursor: pointer; min-height: 32px; }
body.emx .emx-layout > main .pi-inc input, body.emx .sheet-panel .pi-inc input { width: 20px; height: 20px; accent-color: var(--accent); margin: 0; }
body.emx .emx-layout > main .pi-q textarea.input, body.emx .sheet-panel .pi-q textarea.input { width: 100%; height: auto; min-height: 64px; padding: 10px 12px; font-family: inherit; line-height: 1.45; resize: vertical; }
body.emx .emx-layout > main .pi-q .pi-body, body.emx .sheet-panel .pi-q .pi-body { margin-bottom: 10px; font-weight: 600; }
body.emx .emx-layout > main .pi-opts .aq-opt .input, body.emx .sheet-panel .pi-opts .aq-opt .input { height: 44px; }
body.emx .emx-layout > main .pi-from, body.emx .sheet-panel .pi-from { margin: 2px 0 4px; min-height: 0; }
body.emx .emx-layout > main .pi-from:empty, body.emx .sheet-panel .pi-from:empty { display: none; }
body.emx .emx-layout > main .pi-st, body.emx .sheet-panel .pi-st { margin: 0 0 8px; font-size: 13.5px; font-weight: 600; }
body.emx .emx-layout > main .pi-st.ok, body.emx .sheet-panel .pi-st.ok { color: var(--ok); }
body.emx .emx-layout > main .pi-st.bad, body.emx .sheet-panel .pi-st.bad { color: var(--danger); }
body.emx .emx-layout > main .pi-notes, body.emx .sheet-panel .pi-notes { margin: 8px 0 0; padding-left: 18px; color: var(--danger); font-size: 13.5px; }
body.emx .emx-layout > main .pi-notes:empty, body.emx .sheet-panel .pi-notes:empty { display: none; }
body.emx .emx-layout > main .pi-bar, body.emx .sheet-panel .pi-bar { position: sticky; bottom: calc(var(--nav-h) + var(--safe-b)); z-index: 5; padding: 10px 0 4px; background: linear-gradient(to bottom, transparent, var(--bg) 30%); }
body.emx .emx-layout > main .pi-bar .alert, body.emx .sheet-panel .pi-bar .alert { margin-bottom: 8px; }
body.emx .emx-layout > main .pi-hist, body.emx .sheet-panel .pi-hist { list-style: none; margin: 0; padding: 0; }
body.emx .emx-layout > main .pi-hist li, body.emx .sheet-panel .pi-hist li { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--line); }
body.emx .emx-layout > main .pi-hist li:last-child, body.emx .sheet-panel .pi-hist li:last-child { border-bottom: 0; }
body.emx .emx-layout > main .pi-hist li > div, body.emx .sheet-panel .pi-hist li > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
body.emx .emx-layout > main .pi-hist b, body.emx .sheet-panel .pi-hist b { overflow-wrap: anywhere; }
body.emx .emx-layout > main .pi-undo, body.emx .sheet-panel .pi-undo { color: var(--danger); height: 38px; font-size: 14px; flex: none; }
body.emx .emx-layout > main .pi-lang, body.emx .sheet-panel .pi-lang { margin: 10px 0 0; }
body.emx .emx-layout > main .pi-ocr, body.emx .sheet-panel .pi-ocr { margin: 12px 0 4px; padding: 14px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--bg); display: flex; flex-direction: column; gap: 6px; }
body.emx .emx-layout > main .pi-ocr[hidden], body.emx .sheet-panel .pi-ocr[hidden] { display: none; }
body.emx .emx-layout > main .pi-ocr-t, body.emx .sheet-panel .pi-ocr-t { display: flex; flex-direction: column; gap: 2px; margin-bottom: 4px; }
body.emx .emx-layout > main .pi-pbar, body.emx .sheet-panel .pi-pbar { height: 10px; border-radius: 99px; background: color-mix(in srgb, var(--ink) 12%, transparent); overflow: hidden; }
body.emx .emx-layout > main .pi-pbar.thin, body.emx .sheet-panel .pi-pbar.thin { height: 6px; }
body.emx .emx-layout > main .pi-pbar > span, body.emx .sheet-panel .pi-pbar > span { display: block; height: 100%; width: 0; background: var(--accent); border-radius: inherit; transition: width .25s ease; }
body.emx .emx-layout > main .pi-ocr .btn, body.emx .sheet-panel .pi-ocr .btn { margin-top: 6px; }
body.emx .emx-layout > main .pi-see, body.emx .sheet-panel .pi-see { height: 30px; font-size: 13px; padding: 0 10px; }
body.emx .emx-layout > main .pi-ocrchk, body.emx .sheet-panel .pi-ocrchk { margin: 0 0 10px; padding: 10px 12px; border-radius: var(--radius-sm); background: color-mix(in srgb, var(--accent) 14%, var(--surface)); }
body.emx .emx-layout > main .pi-ocrchk p, body.emx .sheet-panel .pi-ocrchk p { margin: 0 0 8px; font-size: 13.5px; }
body.emx .emx-layout > main .pi-ocrchk .btn, body.emx .sheet-panel .pi-ocrchk .btn { height: 38px; font-size: 14px; padding: 0 14px; }
body.emx .emx-layout > main #piOcrNote .linkbtn, body.emx .sheet-panel #piOcrNote .linkbtn { background: none; border: 0; padding: 0; color: inherit; text-decoration: underline; cursor: pointer; font: inherit; font-weight: 700; }
body.emx .emx-layout > main .pi-pageview, body.emx .sheet-panel .pi-pageview { max-height: 90vh; display: flex; flex-direction: column; }
body.emx .emx-layout > main .pi-pvhead, body.emx .sheet-panel .pi-pvhead { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
body.emx .emx-layout > main .pi-pvhead h3, body.emx .sheet-panel .pi-pvhead h3 { margin: 0; }
body.emx .emx-layout > main .pi-pvimg, body.emx .sheet-panel .pi-pvimg { overflow: auto; min-height: 0; flex: 1; border: 1px solid var(--line); border-radius: var(--radius-sm); background: #fff; }
body.emx .emx-layout > main .pi-pvimg img, body.emx .sheet-panel .pi-pvimg img { display: block; width: 100%; height: auto; }
body.emx .emx-layout > main .pi-privacy, body.emx .sheet-panel .pi-privacy { margin: 4px 0 10px; }
body.emx .emx-layout > main .pi-stop, body.emx .sheet-panel .pi-stop { margin-top: 8px; }
body.emx .emx-layout > main .pi-stop[hidden], body.emx .sheet-panel .pi-stop[hidden] { display: none; }
/* ---- sizing.css ---- */
body.emx .emx-layout > main .hello, body.emx .sheet-panel .hello { font-size: 24px; line-height: 1.25; margin: 6px 0 4px; }
html[lang="bn"] body.emx .emx-layout > main .hello, html[lang="bn"] body.emx .sheet-panel .hello { line-height: 1.4; }
body.emx .emx-layout > main .section-title, body.emx .sheet-panel .section-title { margin: 22px 2px 8px; font-size: 12.5px; }
body.emx .emx-layout > main .c-h1, body.emx .sheet-panel .c-h1, body.emx .emx-layout > main .dbt-qtitle, body.emx .sheet-panel .dbt-qtitle { font-size: 20px; }
body.emx .emx-layout > main .c-h1.lesson, body.emx .sheet-panel .c-h1.lesson { font-size: 19px; }
body.emx .emx-layout > main .adm-head h1, body.emx .sheet-panel .adm-head h1 { font-size: 24px; }
body.emx .emx-layout > main .profile-head h2, body.emx .sheet-panel .profile-head h2 { font-size: 20px; }
body.emx .emx-layout > main .ex-card h3, body.emx .sheet-panel .ex-card h3, body.emx .emx-layout > main .dc-head h3, body.emx .sheet-panel .dc-head h3, body.emx .emx-layout > main .bank-empty h3, body.emx .sheet-panel .bank-empty h3 { font-size: 17px; }
body.emx .emx-layout > main .pg-empty h3, body.emx .sheet-panel .pg-empty h3, body.emx .sheet-panel h3 { font-size: 19px; }
body.emx .emx-layout > main .pg-streak h3, body.emx .sheet-panel .pg-streak h3 { font-size: 18px; }
body.emx .emx-layout > main .rt-main h3, body.emx .sheet-panel .rt-main h3 { font-size: 16px; }
body.emx .emx-layout > main .st-card.compact h3, body.emx .sheet-panel .st-card.compact h3 { font-size: 17px; }
body.emx .emx-layout > main .hero-card h3, body.emx .sheet-panel .hero-card h3 { font-size: 16px; }
body.emx .emx-layout > main .md h2, body.emx .sheet-panel .md h2 { font-size: 18px; }
body.emx .emx-layout > main .md h3, body.emx .sheet-panel .md h3 { font-size: 16.5px; }
body.emx .emx-layout > main .ach .ach-lvtext h2, body.emx .sheet-panel .ach .ach-lvtext h2 { font-size: 18px; }
body.emx .emx-layout > main .hero-card .big-num, body.emx .sheet-panel .hero-card .big-num { font-size: 34px; }
body.emx .emx-layout > main .ml-mine b, body.emx .sheet-panel .ml-mine b { font-size: 24px; }
body.emx .emx-layout > main .mk-big b, body.emx .sheet-panel .mk-big b { font-size: 22px; }
body.emx .emx-layout > main .dc-score, body.emx .sheet-panel .dc-score { font-size: 22px; }
body.emx .emx-layout > main .ach .ach-xp b, body.emx .sheet-panel .ach .ach-xp b { font-size: 21px; }
body.emx .emx-layout > main .ach .ach-big b, body.emx .sheet-panel .ach .ach-big b { font-size: 20px; }
body.emx .emx-layout > main .ach .ach-badge-lv, body.emx .sheet-panel .ach .ach-badge-lv { width: 44px; height: 44px; font-size: 18px; }
body.emx .emx-layout > main .ach .ach-bdg .ach-ico, body.emx .sheet-panel .ach .ach-bdg .ach-ico { font-size: 23px; }
body.emx .emx-layout > main .pg-flame, body.emx .sheet-panel .pg-flame { font-size: 26px; }
body.emx .emx-layout > main .st b, body.emx .sheet-panel .st b { font-size: 18px; }
body.emx .emx-layout > main .ring, body.emx .sheet-panel .ring { width: 68px; height: 68px; }
body.emx .emx-layout > main .ring > div, body.emx .sheet-panel .ring > div { width: 54px; height: 54px; }
body.emx .emx-layout > main .ring b, body.emx .sheet-panel .ring b { font-size: 16px; }
body.emx .emx-layout > main .score-card .ring, body.emx .sheet-panel .score-card .ring { width: 84px; height: 84px; }
body.emx .emx-layout > main .score-card .ring > div, body.emx .sheet-panel .score-card .ring > div { width: 68px; height: 68px; }
body.emx .emx-layout > main .score-card .ring b, body.emx .sheet-panel .score-card .ring b { font-size: 20px; }
body.emx .emx-layout > main .ex-score .ring b, body.emx .sheet-panel .ex-score .ring b { font-size: 19px; }
body.emx .emx-layout > main .c-cover, body.emx .sheet-panel .c-cover { width: 50px; height: 50px; font-size: 25px; border-radius: 13px; }
body.emx .emx-layout > main .c-cover.big, body.emx .sheet-panel .c-cover.big { width: 62px; height: 62px; font-size: 32px; border-radius: 16px; }
body.emx .emx-layout > main .hero-card, body.emx .sheet-panel .hero-card { padding: 16px; margin-top: 14px; }
body.emx .emx-layout > main .setup, body.emx .sheet-panel .setup { padding: 14px; }
body.emx .emx-layout > main .pg-streak, body.emx .sheet-panel .pg-streak, body.emx .emx-layout > main .mk-sum, body.emx .sheet-panel .mk-sum, body.emx .emx-layout > main .rd-card, body.emx .sheet-panel .rd-card { padding: 14px; }
body.emx .emx-layout > main .pg-empty, body.emx .sheet-panel .pg-empty { padding: 18px 16px; }
body.emx .emx-layout > main .grid, body.emx .sheet-panel .grid { gap: 10px; }
body.emx .emx-layout > main .tile, body.emx .sheet-panel .tile { padding: 14px; min-height: 0; }
body.emx .emx-layout > main .tile .ico, body.emx .sheet-panel .tile .ico { width: 36px; height: 36px; border-radius: 11px; }
body.emx .emx-layout > main .tile .ico svg, body.emx .sheet-panel .tile .ico svg { width: 20px; height: 20px; }
body.emx .emx-layout > main .tile h4, body.emx .sheet-panel .tile h4 { margin: 10px 0 2px; font-size: 15px; line-height: 1.3; }
body.emx .emx-layout > main .tile p, body.emx .sheet-panel .tile p { font-size: 12.5px; line-height: 1.4; }
html[lang="bn"] body.emx .emx-layout > main .tile h4, html[lang="bn"] body.emx .sheet-panel .tile h4 { line-height: 1.45; }
html[lang="bn"] body.emx .emx-layout > main .tile p, html[lang="bn"] body.emx .sheet-panel .tile p { line-height: 1.5; }
body.emx .emx-layout > main .soon, body.emx .sheet-panel .soon { top: 10px; right: 10px; }
body.emx .emx-layout > main .btn, body.emx .sheet-panel .btn { height: 46px; font-size: 15px; border-radius: 13px; padding: 0 18px; }
body.emx .emx-layout > main .ex-card .btn, body.emx .sheet-panel .ex-card .btn, body.emx .emx-layout > main .rem-banner .btn, body.emx .sheet-panel .rem-banner .btn, body.emx .emx-layout > main .ar-actions .btn, body.emx .sheet-panel .ar-actions .btn, body.emx .emx-layout > main #lvAllArchive, body.emx .sheet-panel #lvAllArchive, body.emx .emx-layout > main .exam > .ar-again, body.emx .sheet-panel .exam > .ar-again, body.emx .emx-layout > main .c-pn .btn, body.emx .sheet-panel .c-pn .btn { height: 44px; }
body.emx .emx-layout > main .rt-main .btn, body.emx .sheet-panel .rt-main .btn, body.emx .emx-layout > main .sl-card .sl-unbm, body.emx .sheet-panel .sl-card .sl-unbm, body.emx .emx-layout > main .ex-submit, body.emx .sheet-panel .ex-submit { height: 44px; }
body.emx .emx-layout > main .ex-bar .btn, body.emx .sheet-panel .ex-bar .btn { height: 46px; }
body.emx .emx-layout > main .ex-bar, body.emx .sheet-panel .ex-bar { padding-top: 10px; padding-bottom: calc(10px + var(--safe-b)); }
body.emx .emx-layout > main .input, body.emx .sheet-panel .input, body.emx .emx-layout > main select.input, body.emx .sheet-panel select.input { height: 46px; }
body.emx .emx-layout > main .peek, body.emx .sheet-panel .peek { top: 5px; }
body.emx .emx-layout > main .back, body.emx .sheet-panel .back { min-height: 44px; margin-top: 0; }
body.emx .emx-layout > main .ex-row .back, body.emx .sheet-panel .ex-row .back { min-height: 44px; }
body.emx .emx-layout > main .chip, body.emx .sheet-panel .chip { position: relative; min-height: 36px; }
body.emx .emx-layout > main .chip::after, body.emx .sheet-panel .chip::after { content: ""; position: absolute; inset: -4px 0; }
body.emx .emx-layout > main .bm-btn, body.emx .sheet-panel .bm-btn { position: relative; }
body.emx .emx-layout > main .bm-btn::after, body.emx .sheet-panel .bm-btn::after { content: ""; position: absolute; inset: -5px; }
body.emx .emx-layout > main .study-links a, body.emx .sheet-panel .study-links a, body.emx .emx-layout > main .c-lesson, body.emx .sheet-panel .c-lesson { min-height: 52px; }
body.emx .emx-layout > main .lb-tabs button, body.emx .sheet-panel .lb-tabs button, body.emx .emx-layout > main .rem-empty .btn, body.emx .sheet-panel .rem-empty .btn, body.emx .emx-layout > main .adm-acts .btn, body.emx .sheet-panel .adm-acts .btn, body.emx .emx-layout > main .adm-pager .btn, body.emx .sheet-panel .adm-pager .btn, body.emx .emx-layout > main .ae-auto .btn, body.emx .sheet-panel .ae-auto .btn, body.emx .emx-layout > main .ae-auto .input, body.emx .sheet-panel .ae-auto .input, body.emx .emx-layout > main .c-overall .btn, body.emx .sheet-panel .c-overall .btn, body.emx .emx-layout > main .rt-top .btn, body.emx .sheet-panel .rt-top .btn { height: 44px; }
body.emx .emx-layout > main .qcard .reveal, body.emx .sheet-panel .qcard .reveal { position: relative; }
body.emx .emx-layout > main .qcard .reveal::after, body.emx .sheet-panel .qcard .reveal::after { content: ""; position: absolute; inset: -3px 0; }
body.emx .emx-layout > main .notice-card .nt-x, body.emx .sheet-panel .notice-card .nt-x { position: relative; }
body.emx .emx-layout > main .notice-card .nt-x::after, body.emx .sheet-panel .notice-card .nt-x::after { content: ""; position: absolute; inset: -4px; }
body.emx .emx-layout > main .em-bell::after, body.emx .sheet-panel .em-bell::after { content: ""; position: absolute; inset: -3px; border-radius: 50%; }
@media (max-width: 360px) {
body.emx .emx-layout > main .hello, body.emx .sheet-panel .hello { font-size: 22px; }
body.emx .emx-layout > main .tile, body.emx .sheet-panel .tile { padding: 12px; }
body.emx .emx-layout > main .tile h4, body.emx .sheet-panel .tile h4 { font-size: 14.5px; }
body.emx .emx-layout > main .hero-card .big-num, body.emx .sheet-panel .hero-card .big-num { font-size: 30px; }
body.emx .emx-layout > main .adm-head h1, body.emx .sheet-panel .adm-head h1 { font-size: 22px; }
}
@media (min-width: 560px) {
body.emx .emx-layout > main .grid, body.emx .sheet-panel .grid { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 760px) {
body.emx .emx-layout > main .grid, body.emx .sheet-panel .grid { grid-template-columns: repeat(4, 1fr); }
body.emx .emx-layout > main .ex-bar, body.emx .sheet-panel .ex-bar { padding-left: max(16px, calc(50% - 344px)); padding-right: max(16px, calc(50% - 344px)); }
}