/* StarLeague Study Command Center — product-specific interface layer */
:root{
  --study-ink:#13233c;--study-muted:#65758d;--study-line:#dfe7f2;
  --study-violet:#6557d9;--study-cyan:#26a7bb;--study-night:#111d39;
}
body[data-workspace="study"]{
  background:
    radial-gradient(ellipse at 88% 2%,rgba(106,91,221,.13),transparent 34rem),
    radial-gradient(ellipse at 4% 24%,rgba(38,167,187,.09),transparent 28rem),
    #f3f6fc;
  color:var(--study-ink);
}
body[data-workspace="study"] .app{max-width:1440px;margin:0 auto;padding:0 clamp(14px,3vw,42px) 32px}
body[data-workspace="study"] .navbar{
  margin:0 calc(clamp(14px,3vw,42px)*-1) 24px;padding:0 clamp(14px,3vw,42px);
  min-height:68px;border-bottom:1px solid rgba(207,218,235,.8);
}
body[data-workspace="study"] .navbar h1{font-size:15px;font-weight:800;letter-spacing:.01em}
body[data-workspace="study"] .study-intro{
  min-height:250px;padding:clamp(26px,4vw,52px);display:flex;align-items:center;justify-content:space-between;
  background:linear-gradient(116deg,#111d39 0%,#1a2c54 56%,#342d70 100%);
  border:1px solid rgba(155,169,239,.28);border-radius:26px;color:#f7f8ff;
  box-shadow:0 24px 65px rgba(20,34,75,.2);isolation:isolate;
}
body[data-workspace="study"] .study-intro:before{
  content:"";position:absolute;z-index:-1;width:420px;height:420px;right:8%;top:-250px;border-radius:50%;
  border:1px solid rgba(185,194,255,.22);box-shadow:0 0 0 36px rgba(185,194,255,.035),0 0 0 80px rgba(185,194,255,.025);
}
body[data-workspace="study"] .study-intro .eyebrow{color:#9eafff;font-size:10px;letter-spacing:.2em;font-weight:800}
body[data-workspace="study"] .study-intro h2{color:#fff;font-size:clamp(27px,4vw,44px);margin:13px 0 12px;letter-spacing:-.045em}
body[data-workspace="study"] .study-intro p{color:#c3cde4;max-width:720px;font-size:14px;line-height:1.85}
body[data-workspace="study"] .study-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
body[data-workspace="study"] .study-tags span{
  color:#e4e9ff;background:rgba(255,255,255,.09);border:1px solid rgba(215,222,255,.18);
  border-radius:99px;padding:7px 12px;font-size:11px;font-weight:650
}
body[data-workspace="study"] .orbit{
  display:grid;place-items:center;flex:0 0 112px;width:112px;height:112px;border-radius:50%;
  color:#d9e1ff;font-size:44px;background:radial-gradient(circle at 35% 30%,#a7b4ff,#6557d9 48%,#25285f 78%);
  box-shadow:0 0 0 12px rgba(255,255,255,.045),0 0 55px rgba(135,128,255,.32)
}
body[data-workspace="study"] .product-workflow{margin:22px 0 26px;padding:24px;border:1px solid #e1e7f1;border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 12px 36px rgba(29,48,83,.065)}
body[data-workspace="study"] .product-workflow__head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}
body[data-workspace="study"] .product-workflow__head h3{font-size:20px;color:#172744;margin:6px 0}
body[data-workspace="study"] .product-workflow__head p{font-size:12px;color:#75839a;margin:0}
body[data-workspace="study"] .product-workflow__mode{font-size:9px;letter-spacing:.16em;font-weight:850;color:#7771c9;background:#f1f0ff;border-radius:99px;padding:9px 12px}
body[data-workspace="study"] .product-workflow__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body[data-workspace="study"] .product-workflow__item{
  min-height:144px;text-align:left;padding:17px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;
  border:1px solid #e5eaf3;border-radius:16px;background:linear-gradient(145deg,#fff,#f8f9ff);color:#182847;cursor:pointer
}
body[data-workspace="study"] .product-workflow__item i{font-style:normal;color:#7770d7;font-size:10px;font-weight:900;letter-spacing:.12em}
body[data-workspace="study"] .product-workflow__item b{font-size:15px}
body[data-workspace="study"] .product-workflow__item small{font-size:11px;color:#77849a;line-height:1.5}
body[data-workspace="study"] .product-workflow__item span{margin-top:auto;color:#625bd0;font-size:11px;font-weight:800}
body[data-workspace="study"] .product-workflow__foot{padding-top:15px;margin-top:15px;border-top:1px solid #edf0f6;color:#8994a7;font-size:10px}
body[data-workspace="study"] .view{min-height:360px}
body[data-workspace="study"] .tabbar{
  position:sticky;bottom:12px;z-index:30;display:flex;justify-content:center;gap:6px;
  width:max-content;max-width:100%;margin:24px auto 0;padding:8px;
  border:1px solid rgba(210,220,237,.9);border-radius:18px;background:rgba(255,255,255,.92);
  box-shadow:0 12px 36px rgba(22,38,72,.14);backdrop-filter:blur(18px)
}
body[data-workspace="study"] .tabbar button{
  min-width:76px;border:0;border-radius:12px;padding:10px 12px;background:transparent;color:#75829a;
  font-size:11px;font-weight:750;transition:all .18s ease
}
body[data-workspace="study"] .tabbar button.active{background:#eeedff;color:#5b51c6;box-shadow:inset 0 0 0 1px #dedcff}
body[data-workspace="study"] .tabbar button .ico{display:block;font-size:17px;margin-bottom:4px}
body[data-workspace="study"] .reader-panel{border:1px solid #dfe6f1;border-radius:20px;box-shadow:0 18px 48px rgba(20,35,69,.16)}
@media(max-width:760px){
 body[data-workspace="study"] .study-intro{min-height:0;padding:26px 22px}
 body[data-workspace="study"] .orbit{flex-basis:70px;width:70px;height:70px;font-size:29px}
 body[data-workspace="study"] .product-workflow{padding:17px}
 body[data-workspace="study"] .product-workflow__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-workspace="study"] .product-workflow__mode{display:none}
 body[data-workspace="study"] .tabbar{width:100%;gap:2px;padding:6px}
 body[data-workspace="study"] .tabbar button{min-width:0;flex:1;padding:9px 4px;font-size:10px}
}
@media(max-width:430px){
 body[data-workspace="study"] .orbit{display:none}
 body[data-workspace="study"] .product-workflow__grid{grid-template-columns:1fr 1fr;gap:8px}
 body[data-workspace="study"] .product-workflow__item{min-height:132px;padding:13px}
}
@media(prefers-reduced-motion:reduce){body[data-workspace="study"] *{scroll-behavior:auto!important;transition:none!important}}

/* Local learning-data recovery: preserve raw records before any manual repair. */
.w9-storage-recovery{display:grid;gap:10px;margin:18px 0;padding:18px;border:1px solid #e0a24b;border-left:5px solid #b97716;border-radius:16px;background:linear-gradient(135deg,#fff8e8,#fffdf8);color:#51360d}
.w9-storage-recovery__title{font-size:1rem;font-weight:800}
.w9-storage-recovery p,.w9-storage-recovery small{margin:0;line-height:1.65}
.w9-storage-recovery__actions{display:flex;flex-wrap:wrap;gap:8px}
.w9-storage-recovery button{border:0;border-radius:10px;padding:11px 16px;background:#89520b;color:#fff;font:inherit;font-weight:750;cursor:pointer}
.w9-storage-recovery button:focus-visible{outline:3px solid #d18a20;outline-offset:3px}
.w9-storage-recovery small{color:#71552b}
@media(max-width:520px){.w9-storage-recovery{padding:14px;border-radius:12px}.w9-storage-recovery button{width:100%}}


/* Evidence-led study readiness command center */
body[data-workspace="study"] .w9-study-command{margin:20px 0 24px;padding:22px;border:1px solid #dfe6f1;border-radius:22px;background:linear-gradient(135deg,#fff 0%,#f7f8ff 100%);box-shadow:0 14px 40px rgba(27,43,83,.07);color:#182847}
body[data-workspace="study"] .w9-study-command__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
body[data-workspace="study"] .w9-study-command__eyebrow{color:#6d66ce;font-size:9px;font-weight:900;letter-spacing:.17em}
body[data-workspace="study"] .w9-study-command__head h3{margin:6px 0;color:#182847;font-size:21px;letter-spacing:-.03em}
body[data-workspace="study"] .w9-study-command__head p{margin:0;color:#77849a;font-size:11px;line-height:1.6}
body[data-workspace="study"] .w9-study-command__level{padding:7px 10px;border:1px solid #e1e2f4;border-radius:999px;background:#f5f4ff;color:#6660bd;font-size:10px;font-weight:800;white-space:nowrap}
body[data-workspace="study"] .w9-study-command__metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
body[data-workspace="study"] .w9-study-command__metrics article{display:flex;min-width:0;flex-direction:column;gap:6px;padding:14px;border:1px solid #e6eaf3;border-radius:13px;background:#fff}
body[data-workspace="study"] .w9-study-command__metrics article>span{color:#77849a;font-size:10px;font-weight:750}
body[data-workspace="study"] .w9-study-command__metrics article>strong{color:#1c3153;font-size:25px;line-height:1.05;font-variant-numeric:tabular-nums}
body[data-workspace="study"] .w9-study-command__metrics article>strong small{color:#8e99ac;font-size:11px;font-weight:600}
body[data-workspace="study"] .w9-study-command__metrics article>small{color:#929caf;font-size:9px;line-height:1.45}
body[data-workspace="study"] .w9-study-command__coverage{margin-top:13px;padding:12px 13px;border:1px solid #e6eaf3;border-radius:12px;background:#fff}
body[data-workspace="study"] .w9-study-command__coverage>div{display:flex;justify-content:space-between;gap:10px;color:#6f7f96;font-size:10px}
body[data-workspace="study"] .w9-study-command__coverage>div b{color:#655bd1;font-size:11px;font-variant-numeric:tabular-nums}
body[data-workspace="study"] .w9-study-command__coverage>i{display:block;height:6px;margin-top:8px;overflow:hidden;border-radius:99px;background:#edf0f7}
body[data-workspace="study"] .w9-study-command__coverage>i>b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5e59cf,#30a9bc)}
body[data-workspace="study"] .w9-study-command__lower{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(230px,.8fr);gap:12px;margin-top:12px}
body[data-workspace="study"] .w9-study-command__focus,body[data-workspace="study"] .w9-study-command__review{padding:14px;border:1px solid #e6eaf3;border-radius:14px;background:#fff}
body[data-workspace="study"] .w9-study-command__section{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
body[data-workspace="study"] .w9-study-command__section strong{color:#243657;font-size:12px}
body[data-workspace="study"] .w9-study-command__section small{color:#929caf;font-size:9px}
body[data-workspace="study"] .w9-study-command__topic{display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:10px 0;border-top:1px solid #edf0f6}
body[data-workspace="study"] .w9-study-command__rank{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#f3f1ff;color:#665fd0;font-size:9px;font-weight:900}
body[data-workspace="study"] .w9-study-command__topic-main{display:flex;min-width:0;flex-direction:column;gap:4px}
body[data-workspace="study"] .w9-study-command__topic-main strong{overflow:hidden;color:#334661;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
body[data-workspace="study"] .w9-study-command__topic-main small{color:#919db0;font-size:9px}
body[data-workspace="study"] .w9-study-command__rate{color:#ba6b3d;font-size:12px;font-variant-numeric:tabular-nums}
body[data-workspace="study"] .w9-study-command__topic button{border:1px solid #dedcf7;border-radius:8px;padding:7px 9px;background:#f8f7ff;color:#615bc4;font-size:9px;font-weight:800;cursor:pointer}
body[data-workspace="study"] .w9-study-command__empty{display:flex;flex-direction:column;gap:5px;padding:14px 0;color:#65758d}
body[data-workspace="study"] .w9-study-command__empty strong{font-size:11px}
body[data-workspace="study"] .w9-study-command__empty span{font-size:10px;line-height:1.55}
body[data-workspace="study"] .w9-study-command__review{display:flex;flex-direction:column;align-items:flex-start;gap:7px;background:linear-gradient(145deg,#171f46,#272d67);border-color:#363b7d;color:#fff}
body[data-workspace="study"] .w9-study-command__review-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:rgba(255,255,255,.12);font-size:17px}
body[data-workspace="study"] .w9-study-command__review>strong{font-size:12px}
body[data-workspace="study"] .w9-study-command__review-count{color:#fff;font-size:27px;line-height:1.1;font-variant-numeric:tabular-nums}
body[data-workspace="study"] .w9-study-command__review-count small{color:#c5c9e9;font-size:10px;font-weight:600}
body[data-workspace="study"] .w9-study-command__review p{margin:0;color:#c5c9e9;font-size:10px;line-height:1.65}
body[data-workspace="study"] .w9-study-command__review button{margin-top:auto;border:0;border-radius:9px;padding:10px 12px;background:#e7e5ff;color:#4943a4;font-size:10px;font-weight:850;cursor:pointer}
body[data-workspace="study"] .w9-study-command__review button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:900px){body[data-workspace="study"] .w9-study-command__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-workspace="study"] .w9-study-command__lower{grid-template-columns:1fr}}
@media(max-width:520px){body[data-workspace="study"] .w9-study-command{padding:15px;border-radius:16px}body[data-workspace="study"] .w9-study-command__head{flex-direction:column}body[data-workspace="study"] .w9-study-command__head h3{font-size:18px}body[data-workspace="study"] .w9-study-command__topic{grid-template-columns:25px minmax(0,1fr) auto;gap:6px}body[data-workspace="study"] .w9-study-command__topic button{grid-column:2 / 4;justify-self:end}body[data-workspace="study"] .w9-study-command__section{align-items:flex-start;flex-direction:column}}


/* First-screen, read-only question evidence review queue. */
.classroom-review-queue{margin:16px 0 4px;border:1px solid rgba(245,158,11,.34);border-radius:14px;background:linear-gradient(135deg,rgba(245,158,11,.09),rgba(59,130,246,.045));overflow:hidden}
.classroom-review-queue__toggle{width:100%;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 15px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit}
.classroom-review-queue__toggle span{font-weight:750}
.classroom-review-queue__toggle b{margin-left:auto;color:#b45309;font-size:13px}
.classroom-review-queue__toggle i{font-style:normal;font-size:12px;color:var(--sub)}
.classroom-review-queue__toggle:focus-visible,.classroom-review-item summary:focus-visible{outline:3px solid #2563eb;outline-offset:3px}
.classroom-review-queue__content{padding:0 15px 15px}
.classroom-review-queue__content>p{font-size:13px;line-height:1.65;color:var(--sub)}
.classroom-review-item{margin:9px 0;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.classroom-review-item summary{display:grid;gap:5px;padding:11px 12px;cursor:pointer;list-style:none}
.classroom-review-item summary::-webkit-details-marker{display:none}
.classroom-review-item summary span{font-size:11px;font-weight:750;color:#b45309;letter-spacing:.04em}
.classroom-review-item summary b{font-size:13px;line-height:1.55;font-weight:650}
.classroom-review-item__body{padding:0 12px 12px;font-size:12px;line-height:1.65}
.classroom-review-item__body p{margin:8px 0;color:var(--sub)}
.classroom-review-item__body strong{color:var(--text)}
.classroom-review-item__sources{display:grid;gap:5px;margin-top:10px}
.classroom-review-item__sources>a{overflow-wrap:anywhere;color:var(--primary,#2563eb);text-decoration:underline;text-underline-offset:2px}
@media(max-width:600px){.classroom-review-queue__toggle{align-items:flex-start;flex-direction:column;gap:6px}.classroom-review-queue__toggle b{margin-left:0}.classroom-review-queue__content{padding:0 11px 12px}}