/* Student dashboard: compact, current-grade-first achievement view. */
.qstudy-student-dashboard-v2 {
  width:min(1120px,calc(100% - 28px));
  margin:16px auto 100px;
  color:var(--qs-text,#15243b);
  --dashboard-card:var(--qs-card,var(--qs-bg,#fff));
  --dashboard-bg:var(--qs-bg,#f5f7fb);
  --dashboard-line:var(--qs-border,#dfe6ef);
  --dashboard-muted:var(--qs-muted,#65738a);
  --subject:#5365d8;
  --subject-soft:#eef0ff;
}
.qstudy-student-dashboard-v2,
.qstudy-student-dashboard-v2 * { box-sizing:border-box; }
.qstudy-student-dashboard-v2>* { min-width:0; max-width:100%; }
.qstudy-student-dashboard-v2 button,
.qstudy-student-dashboard-v2 a { -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
.qstudy-student-dashboard-v2 button:focus-visible,
.qstudy-student-dashboard-v2 a:focus-visible { outline:3px solid color-mix(in srgb,var(--qs-primary) 28%,transparent); outline-offset:3px; }

.qstudy-student-dashboard-v2__header {
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  margin-bottom:10px; padding:9px 3px;
}
.qstudy-student-dashboard-v2__header small,
.qstudy-student-dashboard-v2__header h1,
.qstudy-student-dashboard-v2__header p { display:block; margin:0; }
.qstudy-student-dashboard-v2__header small { color:var(--qs-primary); font-size:12px; font-weight:900; }
.qstudy-student-dashboard-v2__header small.is-history { color:#a46e18; }
.qstudy-student-dashboard-v2__header h1 { margin-top:2px; font-size:clamp(23px,3vw,30px); line-height:1.25; }
.qstudy-student-dashboard-v2__header p { margin-top:3px; color:var(--dashboard-muted); font-size:13px; }
.qstudy-student-dashboard-v2__header>div:last-child { display:flex; align-items:center; gap:7px; flex:0 0 auto; }
.qstudy-student-dashboard-v2__header button {
  min-height:44px; padding:8px 13px; border:1px solid var(--dashboard-line); border-radius:13px;
  background:var(--dashboard-card); color:var(--qs-primary); font:inherit; font-size:13px; font-weight:900; cursor:pointer;
}
.qstudy-student-dashboard-v2__header button.is-primary { border-color:var(--qs-primary); background:var(--qs-primary); color:#fff; }

.qstudy-student-dashboard-next {
  --subject:#5365d8; --subject-soft:#eef0ff;
  display:grid; grid-template-columns:58px minmax(0,1fr) auto; align-items:center; gap:14px;
  min-height:132px; padding:16px 18px; overflow:hidden;
  border:1px solid color-mix(in srgb,var(--subject) 28%,var(--dashboard-line)); border-radius:22px;
  background:linear-gradient(135deg,var(--subject-soft),var(--dashboard-card) 72%);
  box-shadow:0 12px 30px color-mix(in srgb,var(--subject) 8%,transparent);
}
.qstudy-student-dashboard-next>span {
  display:grid; place-items:center; width:56px; height:56px; border-radius:18px;
  background:var(--dashboard-card); color:var(--subject); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--subject) 18%,transparent);
  font-size:25px;
}
.qstudy-student-dashboard-next>span svg { width:28px; height:28px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.qstudy-student-dashboard-next>div { min-width:0; }
.qstudy-student-dashboard-next small { display:block; color:var(--subject); font-size:12px; font-weight:950; }
.qstudy-student-dashboard-next h2 { overflow:hidden; margin:2px 0 4px; font-size:20px; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
.qstudy-student-dashboard-next p { display:flex; flex-wrap:wrap; align-items:center; gap:5px 10px; margin:0; color:var(--dashboard-muted); font-size:13px; }
.qstudy-student-dashboard-next p strong { color:var(--qs-text); }
.qstudy-student-dashboard-next p em { font-style:normal; }
.qstudy-student-dashboard-next__progress { width:min(420px,100%); height:7px; margin-top:10px; overflow:hidden; border-radius:99px; background:color-mix(in srgb,var(--subject) 13%,var(--dashboard-line)); }
.qstudy-student-dashboard-next__progress>i { display:block; height:100%; border-radius:inherit; background:var(--subject); }
.qstudy-student-dashboard-next>.qstudy-btn { display:flex; align-items:center; justify-content:center; min-width:122px; min-height:44px; white-space:nowrap; }
.qstudy-student-dashboard-next.is-history { --subject:#a46e18; --subject-soft:#fff7e3; grid-template-columns:58px minmax(0,1fr); }
.qstudy-student-dashboard-next.is-complete { --subject:#a46e18; --subject-soft:#fff7e3; grid-template-columns:58px minmax(0,1fr); }
.qstudy-student-dashboard-next.is-empty { --subject:#52677d; --subject-soft:#edf2f6; }

.qstudy-student-dashboard-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin:10px 0; }
.qstudy-student-dashboard-metrics>article {
  display:grid; grid-template-columns:42px minmax(0,1fr); align-items:center; gap:10px; min-height:92px; padding:12px;
  border:1px solid var(--dashboard-line); border-radius:17px; background:var(--dashboard-card); box-shadow:0 7px 20px rgba(25,42,74,.04);
}
.qstudy-student-dashboard-metrics>article>span {
  display:grid; place-items:center; width:42px; height:42px; border-radius:13px;
  background:color-mix(in srgb,var(--qs-primary) 9%,var(--dashboard-card)); color:var(--qs-primary); font-size:15px; font-weight:950;
}
.qstudy-student-dashboard-metrics small,
.qstudy-student-dashboard-metrics strong,
.qstudy-student-dashboard-metrics p { display:block; margin:0; }
.qstudy-student-dashboard-metrics small { color:var(--dashboard-muted); font-size:12px; font-weight:850; }
.qstudy-student-dashboard-metrics strong { margin:1px 0; font-size:22px; line-height:1.1; }
.qstudy-student-dashboard-metrics p { overflow:hidden; color:var(--dashboard-muted); font-size:12px; text-overflow:ellipsis; white-space:nowrap; }

.qstudy-student-dashboard-subjects { margin:3px 0 11px; padding:13px; border:1px solid var(--dashboard-line); border-radius:20px; background:var(--dashboard-card); }
.qstudy-student-dashboard-subjects>header { display:flex; align-items:end; justify-content:space-between; gap:12px; margin-bottom:9px; padding-inline:2px; }
.qstudy-student-dashboard-subjects>header small,
.qstudy-student-dashboard-subjects>header h2 { display:block; margin:0; }
.qstudy-student-dashboard-subjects>header small { color:var(--qs-primary); font-size:12px; font-weight:900; }
.qstudy-student-dashboard-subjects>header h2 { margin-top:1px; font-size:19px; }
.qstudy-student-dashboard-subjects>header>span { color:var(--dashboard-muted); font-size:12px; font-weight:850; }
.qstudy-student-dashboard-subject-rail { display:flex; gap:8px; max-width:100%; padding:2px 1px 4px; overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:x mandatory; scrollbar-width:none; }
.qstudy-student-dashboard-subject-rail::-webkit-scrollbar { display:none; }
.qstudy-student-dashboard-subject-chip {
  --subject:#52677d; --subject-soft:#edf2f6;
  position:relative; display:grid; justify-items:center; align-content:center; gap:3px; flex:0 0 96px; min-width:0; min-height:96px;
  padding:8px 6px; overflow:hidden; border:1px solid color-mix(in srgb,var(--subject) 22%,var(--dashboard-line)); border-radius:15px;
  background:var(--dashboard-card); color:var(--qs-text); font:inherit; text-align:center; scroll-snap-align:start; cursor:pointer;
}
.qstudy-student-dashboard-subject-chip>span,
.qstudy-student-dashboard-subject>header>span { display:grid; place-items:center; background:var(--subject-soft); color:var(--subject); }
.qstudy-student-dashboard-subject-chip>span { width:36px; height:36px; border-radius:11px; }
.qstudy-student-dashboard-subject-chip svg,
.qstudy-student-dashboard-subject>header svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.qstudy-student-dashboard-subject-chip>strong { display:-webkit-box; overflow:hidden; width:100%; min-height:30px; font-size:12px; line-height:1.25; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.qstudy-student-dashboard-subject-chip>small { color:var(--dashboard-muted); font-size:12px; font-weight:800; }
.qstudy-student-dashboard-subject-chip>i { width:72%; height:4px; overflow:hidden; border-radius:99px; background:color-mix(in srgb,var(--subject) 12%,var(--dashboard-line)); }
.qstudy-student-dashboard-subject-chip>i>b { display:block; height:100%; border-radius:inherit; background:var(--subject); }
.qstudy-student-dashboard-subject-chip.is-active { border-color:var(--subject); background:linear-gradient(155deg,var(--subject-soft),var(--dashboard-card)); box-shadow:inset 0 -4px var(--subject); }

.qstudy-student-dashboard-subject-chip.is-math,.qstudy-student-dashboard-next.is-math,.qstudy-student-dashboard-subject.is-math { --subject:#5365d8; --subject-soft:#eef0ff; }
.qstudy-student-dashboard-subject-chip.is-language,.qstudy-student-dashboard-next.is-language,.qstudy-student-dashboard-subject.is-language { --subject:#d05b83; --subject-soft:#fff0f5; }
.qstudy-student-dashboard-subject-chip.is-science,.qstudy-student-dashboard-next.is-science,.qstudy-student-dashboard-subject.is-science { --subject:#078c85; --subject-soft:#e8f8f6; }
.qstudy-student-dashboard-subject-chip.is-faith,.qstudy-student-dashboard-next.is-faith,.qstudy-student-dashboard-subject.is-faith { --subject:#279158; --subject-soft:#ebf8f0; }
.qstudy-student-dashboard-subject-chip.is-technology,.qstudy-student-dashboard-next.is-technology,.qstudy-student-dashboard-subject.is-technology { --subject:#2476c9; --subject-soft:#eaf4ff; }
.qstudy-student-dashboard-subject-chip.is-society,.qstudy-student-dashboard-next.is-society,.qstudy-student-dashboard-subject.is-society { --subject:#b06b2f; --subject-soft:#fff4e9; }
.qstudy-student-dashboard-subject-chip.is-health,.qstudy-student-dashboard-next.is-health,.qstudy-student-dashboard-subject.is-health { --subject:#d64d55; --subject-soft:#fff0f0; }
.qstudy-student-dashboard-subject-chip.is-research,.qstudy-student-dashboard-next.is-research,.qstudy-student-dashboard-subject.is-research { --subject:#7657ba; --subject-soft:#f3efff; }
.qstudy-student-dashboard-subject-chip.is-skills,.qstudy-student-dashboard-next.is-skills,.qstudy-student-dashboard-subject.is-skills { --subject:#c88720; --subject-soft:#fff6df; }
.qstudy-student-dashboard-subject-chip.is-general,.qstudy-student-dashboard-next.is-general,.qstudy-student-dashboard-subject.is-general { --subject:#52677d; --subject-soft:#edf2f6; }

.qstudy-student-dashboard-v2__columns { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(330px,.85fr); align-items:start; gap:11px; }
.qstudy-student-dashboard-subject,
.qstudy-student-dashboard-ranking { min-width:0; padding:15px; border:1px solid var(--dashboard-line); border-radius:20px; background:var(--dashboard-card); box-shadow:0 8px 22px rgba(25,42,74,.04); }
.qstudy-student-dashboard-subject>header { display:grid; grid-template-columns:50px minmax(0,1fr) auto; align-items:center; gap:11px; }
.qstudy-student-dashboard-subject>header>span { width:48px; height:48px; border-radius:15px; }
.qstudy-student-dashboard-subject>header small,
.qstudy-student-dashboard-subject>header h2,
.qstudy-student-dashboard-subject>header p { display:block; margin:0; }
.qstudy-student-dashboard-subject>header small { color:var(--subject); font-size:12px; font-weight:900; }
.qstudy-student-dashboard-subject>header h2 { overflow:hidden; margin:1px 0 3px; font-size:19px; text-overflow:ellipsis; white-space:nowrap; }
.qstudy-student-dashboard-subject>header p { display:flex; align-items:center; gap:5px; color:var(--dashboard-muted); font-size:12px; }
.qstudy-student-dashboard-subject>header p b { opacity:.45; }
.qstudy-student-dashboard-subject>header>button,
.qstudy-student-dashboard-ranking>header>button {
  min-height:44px; padding:8px 11px; border:1px solid color-mix(in srgb,var(--subject) 28%,var(--dashboard-line)); border-radius:12px;
  background:var(--subject-soft); color:var(--subject); font:inherit; font-size:12px; font-weight:900; cursor:pointer;
}
.qstudy-student-dashboard-subject__progress { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:5px 10px; margin:13px 0 8px; padding:10px 0; border-block:1px solid var(--dashboard-line); }
.qstudy-student-dashboard-subject__progress>div { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.qstudy-student-dashboard-subject__progress>div strong { font-size:13px; }
.qstudy-student-dashboard-subject__progress>div small { color:var(--dashboard-muted); font-size:12px; }
.qstudy-student-dashboard-subject__progress>span { grid-column:1; height:7px; overflow:hidden; border-radius:99px; background:color-mix(in srgb,var(--subject) 11%,var(--dashboard-line)); }
.qstudy-student-dashboard-subject__progress>span>i { display:block; height:100%; border-radius:inherit; background:var(--subject); }
.qstudy-student-dashboard-subject__progress>b { grid-column:2; grid-row:1/3; align-self:center; color:var(--subject); font-size:20px; }
.qstudy-student-dashboard-units { display:grid; gap:6px; }
.qstudy-student-dashboard-unit { padding:9px 10px; border:1px solid var(--dashboard-line); border-radius:13px; background:color-mix(in srgb,var(--subject) 2%,var(--dashboard-card)); }
.qstudy-student-dashboard-unit>header { display:grid; grid-template-columns:36px minmax(0,1fr) auto; align-items:center; gap:8px; }
.qstudy-student-dashboard-unit>header>b { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:var(--subject-soft); color:var(--subject); font-size:12px; }
.qstudy-student-dashboard-unit>header>span { min-width:0; }
.qstudy-student-dashboard-unit>header strong,
.qstudy-student-dashboard-unit>header small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.qstudy-student-dashboard-unit>header strong { font-size:13px; }
.qstudy-student-dashboard-unit>header small { margin-top:2px; color:var(--dashboard-muted); font-size:12px; }
.qstudy-student-dashboard-unit>header>div { display:flex; gap:5px; }
.qstudy-student-dashboard-unit>header i { opacity:.2; color:#8c98a7; font-size:17px; font-style:normal; }
.qstudy-student-dashboard-unit>header i:nth-child(2) { color:#d29a19; }
.qstudy-student-dashboard-unit>header i.is-won { opacity:1; filter:drop-shadow(0 2px 3px currentColor); }
.qstudy-student-dashboard-unit__bars { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin:7px 0 0 44px; }
[dir="rtl"] .qstudy-student-dashboard-unit__bars { margin:7px 44px 0 0; }
.qstudy-student-dashboard-unit__bars>span { height:4px; overflow:hidden; border-radius:99px; background:var(--dashboard-line); }
.qstudy-student-dashboard-unit__bars>span>i { display:block; height:100%; border-radius:inherit; background:var(--qs-primary); }
.qstudy-student-dashboard-unit__bars>span:nth-child(2)>i { background:var(--qs-secondary); }

.qstudy-student-dashboard-ranking>header { display:flex; align-items:end; justify-content:space-between; gap:10px; padding:1px 1px 9px; }
.qstudy-student-dashboard-ranking>header small,
.qstudy-student-dashboard-ranking>header h2 { display:block; margin:0; }
.qstudy-student-dashboard-ranking>header small { color:var(--qs-primary); font-size:12px; font-weight:900; }
.qstudy-student-dashboard-ranking>header h2 { margin-top:1px; font-size:19px; }
.qstudy-student-dashboard-ranking>header>button { --subject:var(--qs-primary); --subject-soft:color-mix(in srgb,var(--qs-primary) 9%,var(--dashboard-card)); }
.qstudy-student-dashboard-mine { display:grid; grid-template-columns:40px minmax(0,1fr) auto auto; align-items:center; gap:9px; margin-bottom:6px; padding:9px; border-radius:13px; background:color-mix(in srgb,var(--qs-primary) 8%,var(--dashboard-card)); }
.qstudy-student-dashboard-mine>i,
.qstudy-student-dashboard-leaders li>i { display:grid; place-items:center; border-radius:50%; background:var(--qs-primary); color:#fff; font-style:normal; font-weight:900; }
.qstudy-student-dashboard-mine>i { width:38px; height:38px; }
.qstudy-student-dashboard-mine span small,
.qstudy-student-dashboard-mine span strong { display:block; }
.qstudy-student-dashboard-mine span small { color:var(--dashboard-muted); font-size:12px; }
.qstudy-student-dashboard-mine span strong { font-size:13px; }
.qstudy-student-dashboard-mine>b { font-size:18px; }
.qstudy-student-dashboard-mine>em { color:var(--dashboard-muted); font-size:12px; font-style:normal; }
.qstudy-student-dashboard-leaders { margin:0; padding:0; list-style:none; }
.qstudy-student-dashboard-leaders li { display:grid; grid-template-columns:28px 34px minmax(0,1fr) auto; align-items:center; gap:8px; min-height:51px; padding:7px 5px; border-top:1px solid var(--dashboard-line); }
.qstudy-student-dashboard-leaders li.is-current { margin-inline:-5px; padding-inline:10px; border-radius:10px; background:color-mix(in srgb,var(--qs-primary) 7%,transparent); }
.qstudy-student-dashboard-leaders li>b { text-align:center; font-size:13px; }
.qstudy-student-dashboard-leaders li>i { width:32px; height:32px; font-size:12px; }
.qstudy-student-dashboard-leaders li>span { min-width:0; }
.qstudy-student-dashboard-leaders li>span strong,
.qstudy-student-dashboard-leaders li>span small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.qstudy-student-dashboard-leaders li>span strong { font-size:13px; }
.qstudy-student-dashboard-leaders li>span small { color:var(--dashboard-muted); font-size:12px; }
.qstudy-student-dashboard-leaders li>em { display:flex; align-items:center; gap:4px; color:var(--dashboard-muted); font-style:normal; text-align:center; }
.qstudy-student-dashboard-leaders li>em b { color:#a46e18; font-size:14px; }
.qstudy-student-dashboard-leaders li>em small { font-size:12px; }
.qstudy-student-dashboard-leaders li.is-empty { display:block; padding:22px 8px; color:var(--dashboard-muted); text-align:center; }

body.qstudy-student-dashboard-dialog-open { overflow:hidden; }
.qstudy-student-dashboard-dialog[hidden] { display:none!important; }
.qstudy-student-dashboard-dialog { position:fixed; z-index:100000; inset:0; display:grid; place-items:center; padding:18px; }
.qstudy-student-dashboard-dialog__backdrop { position:absolute; inset:0; width:100%; height:100%; padding:0; border:0; background:rgba(8,17,36,.67); backdrop-filter:blur(5px); }
.qstudy-student-dashboard-dialog__panel { position:relative; z-index:1; width:min(620px,100%); max-height:min(86vh,760px); padding:15px; overflow:auto; border:1px solid var(--dashboard-line); border-radius:23px; background:var(--dashboard-card); box-shadow:0 30px 90px rgba(7,17,40,.32); }
.qstudy-student-dashboard-dialog__panel.is-leaderboard { width:min(680px,100%); }
.qstudy-student-dashboard-dialog__panel>header { position:sticky; z-index:2; top:-15px; display:flex; align-items:center; justify-content:space-between; gap:12px; margin:-1px -1px 10px; padding:10px 1px; border-bottom:1px solid var(--dashboard-line); background:var(--dashboard-card); }
.qstudy-student-dashboard-dialog__panel>header small,
.qstudy-student-dashboard-dialog__panel>header h2 { display:block; margin:0; }
.qstudy-student-dashboard-dialog__panel>header small { color:var(--dashboard-muted); font-size:12px; }
.qstudy-student-dashboard-dialog__panel>header h2 { margin-top:2px; font-size:21px; }
.qstudy-student-dashboard-dialog__panel>header button { display:grid; place-items:center; width:44px; height:44px; padding:0; border:1px solid var(--dashboard-line); border-radius:13px; background:var(--dashboard-card); color:var(--qs-text); font:inherit; font-size:24px; cursor:pointer; }
.qstudy-student-dashboard-history-list { display:grid; gap:7px; }
.qstudy-student-dashboard-history-list>button { display:grid; grid-template-columns:28px minmax(0,1fr) auto; align-items:center; gap:9px; min-height:62px; padding:9px 11px; border:1px solid var(--dashboard-line); border-radius:13px; background:var(--dashboard-card); color:var(--qs-text); font:inherit; text-align:start; cursor:pointer; }
.qstudy-student-dashboard-history-list>button.is-selected { border-color:var(--qs-primary); background:color-mix(in srgb,var(--qs-primary) 7%,var(--dashboard-card)); }
.qstudy-student-dashboard-history-list>button>i { color:var(--qs-primary); font-style:normal; text-align:center; }
.qstudy-student-dashboard-history-list strong,
.qstudy-student-dashboard-history-list small { display:block; }
.qstudy-student-dashboard-history-list strong { font-size:14px; }
.qstudy-student-dashboard-history-list small { margin-top:2px; color:var(--dashboard-muted); font-size:12px; }
.qstudy-student-dashboard-history-list em { padding:5px 8px; border-radius:99px; background:color-mix(in srgb,var(--qs-success) 10%,var(--dashboard-card)); color:var(--qs-success); font-size:12px; font-style:normal; font-weight:900; }
.qstudy-student-dashboard-leaders.is-pinned { position:sticky; z-index:1; top:67px; margin-bottom:7px; padding:3px 6px; border:1px solid color-mix(in srgb,var(--qs-primary) 30%,var(--dashboard-line)); border-radius:12px; background:var(--dashboard-card); box-shadow:0 7px 18px rgba(25,42,74,.08); }

.qstudy-student-dashboard-skeleton { display:grid; gap:10px; }
.qstudy-student-dashboard-skeleton i { display:block; border-radius:12px; background:linear-gradient(100deg,color-mix(in srgb,var(--dashboard-muted) 8%,var(--dashboard-card)) 25%,color-mix(in srgb,var(--dashboard-muted) 15%,var(--dashboard-card)) 45%,color-mix(in srgb,var(--dashboard-muted) 8%,var(--dashboard-card)) 65%); background-size:220% 100%; animation:qstudy-student-dashboard-shimmer 1.2s linear infinite; }
.qstudy-student-dashboard-skeleton>header { display:flex; justify-content:space-between; padding:8px 2px; }
.qstudy-student-dashboard-skeleton>header i:first-child { width:210px; height:45px; }
.qstudy-student-dashboard-skeleton>header i:last-child { width:120px; height:44px; }
.qstudy-student-dashboard-skeleton>section { display:grid; grid-template-columns:58px minmax(0,1fr); gap:14px; height:132px; padding:16px; border:1px solid var(--dashboard-line); border-radius:22px; }
.qstudy-student-dashboard-skeleton>section>i { height:56px; }
.qstudy-student-dashboard-skeleton>section>div { display:grid; align-content:center; gap:9px; }
.qstudy-student-dashboard-skeleton>section>div i { height:17px; }
.qstudy-student-dashboard-skeleton__metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }
.qstudy-student-dashboard-skeleton__metrics i { height:92px; }
.qstudy-student-dashboard-skeleton__rail { display:flex; gap:8px; padding:13px; border:1px solid var(--dashboard-line); border-radius:20px; }
.qstudy-student-dashboard-skeleton__rail i { width:96px; height:96px; }
.qstudy-student-dashboard-skeleton__columns { display:grid; grid-template-columns:1.3fr .85fr; gap:11px; }
.qstudy-student-dashboard-skeleton__columns i { height:430px; border:1px solid var(--dashboard-line); border-radius:20px; }
@keyframes qstudy-student-dashboard-shimmer { to { background-position:-220% 0; } }
.qstudy-student-dashboard-error { display:grid; justify-items:center; gap:7px; padding:38px 18px; border:1px dashed var(--dashboard-line); border-radius:20px; background:var(--dashboard-card); text-align:center; }
.qstudy-student-dashboard-error>span { display:grid; place-items:center; width:54px; height:54px; border-radius:17px; background:color-mix(in srgb,var(--qs-danger,#d54444) 10%,var(--dashboard-card)); color:var(--qs-danger,#d54444); font-size:24px; font-weight:950; }
.qstudy-student-dashboard-error h2 { margin:4px 0 0; font-size:21px; }
.qstudy-student-dashboard-error p { margin:0 0 8px; color:var(--dashboard-muted); font-size:14px; }

html[data-theme="dark"] .qstudy-student-dashboard-v2 {
  --subject-soft:color-mix(in srgb,var(--subject) 16%,var(--dashboard-card));
}
html[data-theme="dark"] .qstudy-student-dashboard-subject-chip,
html[data-theme="dark"] .qstudy-student-dashboard-next,
html[data-theme="dark"] .qstudy-student-dashboard-subject { --subject-soft:color-mix(in srgb,var(--subject) 15%,var(--dashboard-card)); }

@media(max-width:900px) {
  .qstudy-student-dashboard-v2__columns { grid-template-columns:1fr; }
  .qstudy-student-dashboard-skeleton__columns { grid-template-columns:1fr; }
  .qstudy-student-dashboard-skeleton__columns i:last-child { display:none; }
}
@media(max-width:760px) {
  body.qstudy-page .dfrna-content--study { width:100%; }
  body.qstudy-page #qstudy-app { width:100%; margin-inline:0; }
  .qstudy-student-dashboard-v2 { width:calc(100% - 18px); margin:8px auto max(88px,calc(72px + env(safe-area-inset-bottom))); }
  .qstudy-student-dashboard-v2__header { gap:8px; min-height:64px; margin-bottom:5px; padding:4px 2px; }
  .qstudy-student-dashboard-v2__header h1 { font-size:20px; }
  .qstudy-student-dashboard-v2__header p { font-size:12px; }
  .qstudy-student-dashboard-v2__header>div:last-child { gap:4px; }
  .qstudy-student-dashboard-v2__header button { padding:7px 9px; font-size:12px; }
  .qstudy-student-dashboard-v2__header button.is-primary { max-width:105px; }
  .qstudy-student-dashboard-next { grid-template-columns:47px minmax(0,1fr); gap:9px; min-height:137px; padding:11px; border-radius:18px; }
  .qstudy-student-dashboard-next>span { width:45px; height:45px; border-radius:14px; }
  .qstudy-student-dashboard-next>span svg { width:23px; height:23px; }
  .qstudy-student-dashboard-next h2 { font-size:16px; }
  .qstudy-student-dashboard-next p { font-size:12px; }
  .qstudy-student-dashboard-next__progress { margin-top:7px; }
  .qstudy-student-dashboard-next>.qstudy-btn { grid-column:1/-1; width:100%; min-height:44px; }
  .qstudy-student-dashboard-next.is-history,
  .qstudy-student-dashboard-next.is-complete { min-height:104px; }
  .qstudy-student-dashboard-metrics { gap:5px; margin:7px 0; }
  .qstudy-student-dashboard-metrics>article { grid-template-columns:1fr; justify-items:center; gap:3px; min-height:91px; padding:7px 4px; text-align:center; }
  .qstudy-student-dashboard-metrics>article>span { width:32px; height:32px; border-radius:10px; font-size:12px; }
  .qstudy-student-dashboard-metrics small { font-size:12px; }
  .qstudy-student-dashboard-metrics strong { font-size:19px; }
  .qstudy-student-dashboard-metrics p { width:100%; font-size:12px; }
  .qstudy-student-dashboard-subjects { margin-bottom:8px; padding:9px 8px; border-radius:17px; }
  .qstudy-student-dashboard-subjects>header { margin-bottom:7px; }
  .qstudy-student-dashboard-subjects>header h2 { font-size:17px; }
  .qstudy-student-dashboard-subject-chip { flex-basis:clamp(76px,23vw,88px); min-height:87px; padding:6px 4px; border-radius:13px; }
  .qstudy-student-dashboard-subject-chip>span { width:31px; height:31px; }
  .qstudy-student-dashboard-subject-chip svg { width:18px; height:18px; }
  .qstudy-student-dashboard-subject-chip>strong { min-height:28px; font-size:12px; }
  .qstudy-student-dashboard-subject-chip>small { font-size:12px; }
  .qstudy-student-dashboard-subject,
  .qstudy-student-dashboard-ranking { padding:11px 9px; border-radius:17px; }
  .qstudy-student-dashboard-subject>header { grid-template-columns:43px minmax(0,1fr) auto; gap:8px; }
  .qstudy-student-dashboard-subject>header>span { width:42px; height:42px; }
  .qstudy-student-dashboard-subject>header h2 { font-size:17px; }
  .qstudy-student-dashboard-subject>header p span:last-of-type,
  .qstudy-student-dashboard-subject>header p b:last-of-type { display:none; }
  .qstudy-student-dashboard-subject>header>button { min-width:44px; padding:7px; font-size:0; }
  .qstudy-student-dashboard-subject>header>button>b { font-size:18px; }
  .qstudy-student-dashboard-unit { padding:8px; }
  .qstudy-student-dashboard-unit>header strong { font-size:12px; }
  .qstudy-student-dashboard-unit>header small { font-size:12px; }
  .qstudy-student-dashboard-ranking { margin-top:0; }
  .qstudy-student-dashboard-mine { grid-template-columns:37px minmax(0,1fr) auto; }
  .qstudy-student-dashboard-mine>em { display:none; }
  .qstudy-student-dashboard-leaders li { grid-template-columns:25px 32px minmax(0,1fr) auto; }
  .qstudy-student-dashboard-leaders li>em small { display:none; }
  .qstudy-student-dashboard-dialog { align-items:end; padding:0; }
  .qstudy-student-dashboard-dialog__panel { width:100%!important; max-height:88vh; padding:13px 10px max(20px,env(safe-area-inset-bottom)); border-radius:22px 22px 0 0; }
  .qstudy-student-dashboard-skeleton>header i:first-child { width:150px; }
  .qstudy-student-dashboard-skeleton>header i:last-child { width:92px; }
  .qstudy-student-dashboard-skeleton__rail { overflow:hidden; }
  .qstudy-student-dashboard-skeleton__rail i { flex:0 0 78px; height:87px; }
}
@media(max-width:380px) {
  .qstudy-student-dashboard-v2__header button:not(.is-primary) { padding-inline:7px; }
  .qstudy-student-dashboard-subject-chip { flex-basis:76px; }
  .qstudy-student-dashboard-next p strong { max-width:120px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
}
@media(prefers-reduced-motion:reduce) {
  .qstudy-student-dashboard-v2 *,
  .qstudy-student-dashboard-v2 *::before,
  .qstudy-student-dashboard-v2 *::after { scroll-behavior:auto!important; transition:none!important; animation-duration:.01ms!important; animation-iteration-count:1!important; }
}