/* StarStudy — immersive observatory and learning mission console */
body[data-workspace="study"]{--sky-panel:#111e3e;--sky-border:#344875;--sky-ink:#eef2ff;--sky-muted:#a8b7d8}
body[data-workspace="study"] .app{display:grid;width:100%;max-width:none;margin:0;padding:0;grid-template-columns:244px minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"brand hero" "tabs workflow" "tabs view";gap:0;min-height:100vh;padding-bottom:0;background:radial-gradient(ellipse at 75% -12%,#425da044,transparent 33%),#091128}
body[data-workspace="study"] .navbar{grid-area:brand;position:sticky;inset:auto;left:auto;right:auto;bottom:auto;width:100%;max-width:none;margin:0;transform:none;justify-self:stretch;align-self:stretch;top:0;z-index:25;height:76px;display:flex;align-items:center;justify-content:center;padding:12px;border:0;border-right:1px solid #2d4168;background:#0a1430}
body[data-workspace="study"] .navbar h1{font-size:15px;color:#f1f3ff;letter-spacing:.02em}
body[data-workspace="study"] .study-intro{grid-area:hero;display:flex;align-items:center;min-height:196px;margin:22px 26px 16px;padding:28px 32px;border:1px solid #3a4e7e;border-radius:18px;background:radial-gradient(circle at 86% 20%,#8c9aff22,transparent 26%),linear-gradient(115deg,#14234b,#1d3161 62%,#173a59);box-shadow:0 18px 44px #02081780}
body[data-workspace="study"] .study-intro h2{font-size:clamp(30px,3vw,44px);letter-spacing:-.04em;color:#f5f6ff}
body[data-workspace="study"] .study-intro p{max-width:760px;color:#c0cbed;line-height:1.8}
body[data-workspace="study"] .study-intro .orbit{width:116px;height:116px;flex:0 0 116px;border:1px solid #a9b7ff70;box-shadow:0 0 0 14px #98a6ef0c,0 0 0 30px #98a6ef08,0 0 48px #8198ff35}
body[data-workspace="study"] .tabbar{grid-area:tabs;position:sticky;inset:auto;left:auto;right:auto;bottom:auto;top:76px;align-self:stretch;justify-self:stretch;display:flex;flex-direction:column;width:100%;max-width:none;min-width:0;transform:none;gap:7px;margin:0;padding:18px 13px;height:calc(100vh - 76px);overflow:auto;border:0;border-right:1px solid #2d4168;border-radius:0;background:#0b1733}
body[data-workspace="study"] .tabbar button{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;min-width:0;gap:12px;min-height:48px;padding:10px 13px;border:1px solid transparent;border-radius:10px;text-align:left;color:#aebcdd;background:transparent}
body[data-workspace="study"] .tabbar button.active{border-color:#53669d;background:linear-gradient(105deg,#2e4278,#20546d);color:#fff;box-shadow:0 8px 20px #050d24}
body[data-workspace="study"] .tabbar button .ico{display:inline-grid;place-items:center;width:24px;flex:0 0 24px;margin:0;text-align:center;color:#9dd9ef}
body[data-workspace="study"] .product-workflow{grid-area:workflow;margin:0 26px 14px;padding:17px 19px;border:1px solid #34466f;border-radius:16px;background:#111d3a}
body[data-workspace="study"] .product-workflow__item{min-height:120px;border-radius:12px;background:linear-gradient(145deg,#233766,#192b55)}
body[data-workspace="study"] #view{grid-area:view;min-width:0;max-width:none;margin:0 26px 28px;padding:21px;border:1px solid #34466f;border-radius:17px;background:linear-gradient(150deg,#101d3d,#0c1733);box-shadow:0 16px 42px #02081780}
body[data-workspace="study"] #view :is(.card,.panel,.module-card){border:1px solid #384c78;border-radius:13px;background:linear-gradient(145deg,#1a2a53,#142345)}
body[data-workspace="study"] #view :is(input,select,textarea){min-height:42px;border:1px solid #4b6090;border-radius:8px;background:#101b3b;color:#edf2ff}
@media(max-width:1000px){body[data-workspace="study"] .app{grid-template-columns:200px minmax(0,1fr)}body[data-workspace="study"] .study-intro,body[data-workspace="study"] .product-workflow,body[data-workspace="study"] #view{margin-left:16px;margin-right:16px}}
@media(max-width:680px){body[data-workspace="study"] .app{display:flex;flex-direction:column;min-height:100vh;padding-bottom:76px}body[data-workspace="study"] .navbar{position:relative;height:auto;min-height:54px;justify-content:flex-start;border-right:0;border-bottom:1px solid #2d4168}body[data-workspace="study"] .tabbar{position:fixed;z-index:80;inset:auto 0 0;display:flex;flex-direction:row;justify-content:space-around;gap:2px;width:100%;height:68px;padding:6px 5px;border:0;border-top:1px solid #34466f;background:#0b1733f5}body[data-workspace="study"] .tabbar button{flex:1;flex-direction:column;justify-content:center;gap:1px;min-height:52px;padding:3px 1px;font-size:10px}body[data-workspace="study"] .tabbar button .ico{font-size:16px}body[data-workspace="study"] .study-intro{display:block;margin:13px;padding:20px}body[data-workspace="study"] .study-intro .orbit{display:none}body[data-workspace="study"] .product-workflow{margin:0 13px 13px}body[data-workspace="study"] #view{margin:0 13px 18px;padding:13px}}
@media(prefers-reduced-motion:reduce){body[data-workspace="study"] .study-intro .orbit{animation:none}body[data-workspace="study"] *{transition:none!important}}

/* V3 full-screen observatory: dedicated left navigation + learning command center */
body[data-workspace="study"] .app{
  display:grid;width:100%;max-width:none;min-height:100vh;margin:0;padding:0;
  grid-template-columns:244px minmax(0,1fr);grid-template-rows:76px auto auto minmax(0,1fr);
  grid-template-areas:"brand brand" "tabs hero" "tabs workflow" "tabs view";gap:0;overflow:visible;
  background:radial-gradient(ellipse at 72% -15%,#536bb53a,transparent 36%),#080f24
}
body[data-workspace="study"] .navbar{
  grid-area:brand;position:sticky;inset:0 0 auto;left:auto;right:auto;bottom:auto;
  z-index:90;width:100%;max-width:none;height:76px;min-height:76px;margin:0;
  padding:0 28px;transform:none;justify-self:stretch;align-self:stretch;
  display:flex;align-items:center;justify-content:space-between;
  border:0;border-bottom:1px solid #31466e;border-radius:0;background:#0a1530f5;
  box-shadow:0 8px 24px #02081750
}
body[data-workspace="study"] .navbar h1{color:#f0f4ff;font-size:17px;font-weight:850;letter-spacing:.02em}
body[data-workspace="study"] .tabbar{
  grid-area:tabs;position:sticky;inset:auto;left:auto;right:auto;bottom:auto;top:76px;
  align-self:stretch;justify-self:stretch;z-index:25;display:flex;flex-direction:column;
  width:100%;max-width:none;min-width:0;height:calc(100vh - 76px);max-height:calc(100vh - 76px);
  transform:none;margin:0;padding:18px 12px;gap:7px;overflow:auto;
  border:0;border-right:1px solid #2e4269;border-radius:0;background:#0a1530
}
body[data-workspace="study"] .tabbar button{
  position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;
  width:100%;min-width:0;min-height:48px;padding:10px 12px;gap:12px;
  border:1px solid transparent;border-radius:10px;color:#aebcdd;background:transparent;
  text-align:left;font-size:12px;font-weight:650;transform:none;box-shadow:none
}
body[data-workspace="study"] .tabbar button.active{
  border-color:#536da2;background:linear-gradient(105deg,#2d477e,#20586f);
  color:#fff;box-shadow:inset 3px 0 #79d8e6,0 8px 20px #050d24
}
body[data-workspace="study"] .tabbar button .ico{
  display:inline-grid;place-items:center;width:24px;flex:0 0 24px;margin:0;
  color:#9dd9ef;text-align:center;font-size:17px
}
body[data-workspace="study"] #view{
  grid-area:view;position:relative;min-width:0;width:100%;max-width:none;min-height:calc(100vh - 76px);
  margin:0;padding:clamp(18px,2.1vw,32px);border:0;border-radius:0;
  background:transparent;box-shadow:none;overflow:visible
}
body[data-workspace="study"] .w9-home-heading{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  min-height:125px;margin:0 0 16px;padding:23px 27px;border:1px solid #405887;border-radius:18px;
  background:radial-gradient(circle at 86% 10%,#8c9aff23,transparent 28%),linear-gradient(115deg,#142550,#1a3263 60%,#153b58);
  box-shadow:0 18px 42px #02081772
}
body[data-workspace="study"] .w9-home-heading>div:first-child>span{color:#a8b9ff;font-size:9px;font-weight:900;letter-spacing:.18em}
body[data-workspace="study"] .w9-home-heading h2{margin:5px 0;color:#f4f6ff;font-size:clamp(25px,2.3vw,34px);letter-spacing:-.04em}
body[data-workspace="study"] .w9-home-heading p{margin:0;color:#bdcbed;font-size:12px;line-height:1.7}
body[data-workspace="study"] .w9-home-heading__actions{display:flex;gap:8px;flex-wrap:wrap}
body[data-workspace="study"] .w9-home-heading__actions button{
  min-height:38px;padding:8px 12px;border:1px solid #5a70a0;border-radius:9px;
  background:#213b69;color:#e6efff;font-size:10px;font-weight:800
}
body[data-workspace="study"] .w9-home-heading__actions button:hover{background:#2c5284}
body[data-workspace="study"] .w9-practice-resume{margin-bottom:14px}
body[data-workspace="study"] .level-switch{max-width:520px;margin:0 0 16px!important}
body[data-workspace="study"] .progress-overview{
  padding:20px 22px;margin:0 0 16px;border:1px solid #364c7a;border-radius:16px;
  background:linear-gradient(135deg,#111f42,#152b52 60%,#102b45);box-shadow:0 13px 30px #02081768
}
body[data-workspace="study"] .progress-overview .po-info h4{color:#eef4ff;font-size:15px}
body[data-workspace="study"] .progress-overview .po-info p{color:#b3c3e4;font-size:12px;line-height:1.8}
body[data-workspace="study"] .progress-overview .po-info b{color:#fff}
body[data-workspace="study"] .w9-study-command{
  margin:0 0 16px;padding:22px;border:1px solid #3b5280;border-radius:17px;
  background:linear-gradient(145deg,#101f40,#101a35);box-shadow:0 17px 38px #02081765
}
body[data-workspace="study"] .w9-study-command__head h3{color:#f1f5ff;font-size:20px}
body[data-workspace="study"] .w9-study-command__head p{color:#aebfe0}
body[data-workspace="study"] .w9-study-command__metrics article{border-color:#354a76;background:linear-gradient(145deg,#21375f,#172c50)}
body[data-workspace="study"] .w9-study-command__metrics article span{color:#b8c8e7}
body[data-workspace="study"] .w9-study-command__metrics article strong{color:#f3f6ff;font-size:26px}
body[data-workspace="study"] .w9-study-command__metrics article small{color:#9eafd1}
body[data-workspace="study"] .w9-study-command__coverage{color:#bfcee9}
body[data-workspace="study"] .w9-study-command__focus,
body[data-workspace="study"] .w9-study-command__review{border-color:#354b77;background:#132447}
body[data-workspace="study"] .w9-study-command__section strong,
body[data-workspace="study"] .w9-study-command__review strong{color:#edf3ff}
body[data-workspace="study"] .w9-study-command__topic{border-color:#31476e}
body[data-workspace="study"] .w9-study-command__topic-main strong{color:#eff4ff}
body[data-workspace="study"] .w9-study-command__topic-main small{color:#aabbdc}
body[data-workspace="study"] .quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body[data-workspace="study"] .quick-card{min-height:116px;padding:17px;border:1px solid #354b78;border-radius:14px;background:linear-gradient(145deg,#1b2f58,#142444);transition:transform .16s,border-color .16s,box-shadow .16s}
body[data-workspace="study"] .quick-card:hover{transform:translateY(-2px);border-color:#6c82bd;box-shadow:0 13px 26px #02081766}
body[data-workspace="study"] .quick-card .qt{color:#f1f5ff;font-size:14px;font-weight:800}
body[data-workspace="study"] .quick-card .qs{color:#a9bddf}
body[data-workspace="study"] .sec-title{color:#aabce0;font-size:12px;letter-spacing:.12em}
@media(max-width:980px){
 body[data-workspace="study"] .app{grid-template-columns:76px minmax(0,1fr)}
 body[data-workspace="study"] .tabbar{padding:14px 7px}
 body[data-workspace="study"] .tabbar button{justify-content:center;padding:10px 4px;font-size:0}
 body[data-workspace="study"] .tabbar button .ico{width:28px;flex-basis:28px;font-size:18px}
 body[data-workspace="study"] .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
 body[data-workspace="study"] .app{display:flex;flex-direction:column;padding-bottom:70px}
 body[data-workspace="study"] .navbar{position:sticky;top:0;min-height:56px;height:56px;padding:0 13px}
 body[data-workspace="study"] .tabbar{position:fixed;z-index:100;inset:auto 0 0;display:flex;flex-direction:row;width:100%;height:66px;max-height:66px;padding:5px;border:0;border-top:1px solid #354b75}
 body[data-workspace="study"] .tabbar button{flex:1;flex-direction:column;justify-content:center;gap:1px;min-height:52px;font-size:9px}
 body[data-workspace="study"] .tabbar button .ico{height:18px;font-size:15px}
 body[data-workspace="study"] #view{min-height:0;padding:12px}
 body[data-workspace="study"] .w9-home-heading{align-items:flex-start;flex-direction:column;padding:17px}
 body[data-workspace="study"] .w9-home-heading__actions{width:100%}
 body[data-workspace="study"] .w9-home-heading__actions button{flex:1}
 body[data-workspace="study"] .progress-overview{padding:14px}
 body[data-workspace="study"] .w9-study-command{padding:14px}
 body[data-workspace="study"] .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(min-width:681px){
 body[data-workspace="study"] .navbar{grid-area:brand;inset:auto 0 auto 0;left:auto;right:auto;top:0;width:100%;height:76px}
 body[data-workspace="study"] .tabbar{grid-area:tabs;position:sticky;top:76px;width:100%;max-width:none;min-width:0;height:calc(100vh - 76px);max-height:calc(100vh - 76px);transform:none}
 body[data-workspace="study"] .study-intro{grid-area:hero;align-self:stretch;min-width:0}
 body[data-workspace="study"] .product-workflow{grid-area:workflow;min-width:0}
 body[data-workspace="study"] #view{grid-area:view;min-width:0;width:100%;max-width:none}
}