/* XingSaiTong Workspace V5 — celestial learning observatory */
:root{--s-bg:#080d20;--s-panel:#121a33;--s-line:#29365b;--s-ink:#eef2ff;--s-muted:#9ca9cf;--s-cyan:#64d9ee;--s-gold:#f4c66d}
body[data-workspace="study"]{background:radial-gradient(ellipse at 50% -12%,#27356c 0,transparent 42%),var(--s-bg)!important;color:var(--s-ink)!important;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif}
body[data-workspace="study"] .app{min-height:100vh;background:transparent!important}
body[data-workspace="study"] .navbar{position:sticky;top:0;z-index:30;min-height:68px;padding:0 clamp(16px,3vw,40px);background:#090f22eF;border-bottom:1px solid #29355a;backdrop-filter:blur(18px);box-shadow:0 8px 26px #0002}
body[data-workspace="study"] .navbar .brand,body[data-workspace="study"] .navbar h1,body[data-workspace="study"] .navbar .logo{color:#f0f4ff;font-weight:850}
body[data-workspace="study"] .navbar a,body[data-workspace="study"] .navbar button{color:#aebbe0}
body[data-workspace="study"] .study-intro{position:relative;isolation:isolate;overflow:hidden;margin:22px clamp(15px,3vw,42px) 18px;padding:31px clamp(22px,3.4vw,46px);border:1px solid #44517e;border-radius:22px;background:radial-gradient(circle at 78% 20%,#5a74ce42,transparent 25%),radial-gradient(circle at 25% 110%,#22bbd324,transparent 30%),linear-gradient(120deg,#1b2850,#111b38 57%,#172e4a);box-shadow:0 18px 44px #03081780}
body[data-workspace="study"] .study-intro:after{content:"✦  ·  ⋆  ·  ✧";position:absolute;right:8%;top:16%;z-index:-1;color:#e6e9ff37;font-size:clamp(26px,5vw,58px);letter-spacing:18px;transform:rotate(-9deg)}
body[data-workspace="study"] .study-intro .eyebrow{color:#8de5f0;font-size:10px;letter-spacing:2px;font-weight:850}
body[data-workspace="study"] .study-intro h2{color:#f5f5ff;font-size:clamp(26px,3vw,39px);letter-spacing:-1px}
body[data-workspace="study"] .study-intro p{max-width:780px;color:#b6c3e2;font-size:12px;line-height:1.85}
body[data-workspace="study"] .study-tags span{background:#ffffff0d;border:1px solid #7f91c34a;color:#cad8fa;border-radius:7px;padding:6px 10px;font-size:10px}
body[data-workspace="study"] .study-intro .orbit{width:90px;height:90px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#334d8b,#18274d);border:1px solid #7c93d2;color:#f7d887;font-size:34px;box-shadow:0 0 0 12px #7193e20b,0 0 45px #4d8dcf44}
body[data-workspace="study"] .product-workflow{margin:0 clamp(15px,3vw,42px) 18px;padding:19px;border:1px solid #303d65;border-radius:17px;background:linear-gradient(140deg,#141d39,#10172d);box-shadow:0 12px 30px #0003}
body[data-workspace="study"] .product-workflow__head h3{color:#ecf1ff;font-size:17px}
body[data-workspace="study"] .product-workflow__head p,body[data-workspace="study"] .product-workflow__foot{color:#9aa9cf}
body[data-workspace="study"] .product-workflow__mode{background:#26345b;border:1px solid #485b8d;color:#9ee7f1}
body[data-workspace="study"] .product-workflow__item{min-height:116px;border:1px solid #364675;border-radius:13px;background:linear-gradient(145deg,#1c294b,#141e39);color:#eff3ff}
body[data-workspace="study"] .product-workflow__item i{background:#2c3d70;color:#a9e9f1}
body[data-workspace="study"] .product-workflow__item b{color:#f2f4ff}
body[data-workspace="study"] .product-workflow__item small{color:#a6b4d9}
body[data-workspace="study"] .product-workflow__item span{color:#8de3ed}
body[data-workspace="study"] .view{padding:0 clamp(15px,3vw,42px) 90px;background:transparent!important}
body[data-workspace="study"] .view :is(.card,.panel,.question-card,.quiz-card,.module-card,.quick-card){background:linear-gradient(145deg,#17213e,#111a32)!important;border:1px solid #303e63!important;border-radius:15px!important;box-shadow:0 9px 24px #0003!important;color:#eaf0ff}
body[data-workspace="study"] .view h2,body[data-workspace="study"] .view h3{color:#f0f4ff}
body[data-workspace="study"] .view p,body[data-workspace="study"] .view small{color:#a7b5d6}
body[data-workspace="study"] .view input,body[data-workspace="study"] .view select,body[data-workspace="study"] .view textarea{background:#0d1730!important;border:1px solid #35466e!important;color:#edf4ff!important;border-radius:9px}
body[data-workspace="study"] .view .btn.primary{background:linear-gradient(110deg,#247eaa,#5264b5);color:#fff;box-shadow:0 7px 18px #456bd444}
body[data-workspace="study"] .view .btn.ghost{background:#202e50;border:1px solid #42547e;color:#c0d3f5}
body[data-workspace="study"] .tabbar{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);width:min(860px,calc(100% - 28px));padding:7px 10px calc(7px + env(safe-area-inset-bottom));border:1px solid #46557e;border-radius:16px;background:#101a31ed;box-shadow:0 12px 36px #0006;backdrop-filter:blur(18px)}
body[data-workspace="study"] .tabbar button,body[data-workspace="study"] .tabbar .tab{color:#9eadd2}
body[data-workspace="study"] .tabbar .active{color:#8de7f0;background:#27385d;border-radius:10px}
body[data-workspace="study"] :where(button,input,select,textarea,a,[tabindex]):focus-visible{outline:3px solid #6de3ee!important;outline-offset:3px}
@media(max-width:900px){body[data-workspace="study"] .study-intro{margin:14px 13px;padding:22px 18px}body[data-workspace="study"] .product-workflow{margin:0 13px 14px;padding:14px 12px}body[data-workspace="study"] .product-workflow__grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-workspace="study"] .view{padding:0 13px 100px}}
@media(max-width:560px){body[data-workspace="study"] .study-intro .orbit{display:none}body[data-workspace="study"] .study-intro h2{font-size:23px}body[data-workspace="study"] .product-workflow__item{min-height:108px;padding:10px}body[data-workspace="study"] .tabbar{bottom:6px}}
@media(prefers-reduced-motion:reduce){body[data-workspace="study"] *,body[data-workspace="study"] *:before,body[data-workspace="study"] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* V5 command palette and universal module launcher */
.w5-command-trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;margin-left:10px;padding:7px 11px;border:1px solid #58748a;border-radius:9px;background:#102d3d;color:#c8f5f1;font:inherit;font-size:10px;font-weight:700;line-height:1.2;white-space:nowrap;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
.w5-command-trigger:hover{background:#19465a;border-color:#6bcac7;transform:translateY(-1px)}
.w5-command-backdrop{position:fixed;inset:0;z-index:10000;display:grid;place-items:start center;padding:14vh 16px 24px;background:rgba(4,11,21,.68);backdrop-filter:blur(8px)}
.w5-command-backdrop[hidden]{display:none}
.w5-command-panel{width:min(560px,100%);max-height:min(620px,75vh);overflow:auto;padding:17px;border:1px solid #526980;border-radius:18px;background:linear-gradient(145deg,#14243a,#0c1929);color:#edf5ff;box-shadow:0 28px 90px #0009}
.w5-command-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.w5-command-heading small{display:block;color:#83d9dd;font-size:9px;letter-spacing:1.7px;font-weight:850}
.w5-command-heading strong{display:block;margin-top:4px;color:#f1f7ff;font-size:16px}
.w5-command-close{min-width:38px;min-height:30px;border:1px solid #3b526b;border-radius:8px;background:#1b2d44;color:#b3c6dc;font-size:10px;cursor:pointer}
.w5-command-input{width:100%;min-height:44px;padding:10px 13px;border:1px solid #3d5872!important;border-radius:10px!important;background:#081626!important;color:#f0f6ff!important;font:inherit;font-size:13px}
.w5-command-list{display:grid;gap:6px;margin-top:12px}
.w5-command-entry{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:11px 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#dbe9f5;text-align:left;cursor:pointer}
.w5-command-entry small{color:#829bb4;font-size:9px}
.w5-command-entry:hover,.w5-command-entry.active{border-color:#44677b;background:#1a354b;color:#fff}
.w5-command-empty{padding:22px 12px;text-align:center;color:#91a7bc;font-size:12px}
.w5-command-hint{margin-top:13px;padding-top:11px;border-top:1px solid #30465c;color:#8198af;font-size:9px}
@media(max-width:620px){.w5-command-trigger{min-height:31px;margin-left:4px;padding:6px 8px;font-size:9px}.w5-command-backdrop{padding-top:9vh}.w5-command-panel{padding:13px;border-radius:14px}}
@media(prefers-reduced-motion:reduce){.w5-command-trigger{transition:none}}

/* V5.1 module context headers */
.w5-module-context{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 15px;padding:13px 16px;border:1px solid var(--w5-context-border,#30465e);border-radius:13px;background:var(--w5-context-bg,#111f31);box-shadow:0 6px 18px #0002}
.w5-module-context__copy{min-width:0}
.w5-module-context__eyebrow{font-size:8px;letter-spacing:1.7px;font-weight:850;color:var(--w5-context-accent,#6dcfd0)}
.w5-module-context__title{margin:3px 0;font-size:14px;line-height:1.35;font-weight:820;color:var(--w5-context-title,#eef5ff)}
.w5-module-context__description{margin:0;color:var(--w5-context-muted,#91a6bb);font-size:10px;line-height:1.55}
.w5-module-context__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0}
.w5-module-context__state{padding:5px 8px;border:1px solid var(--w5-context-border,#30465e);border-radius:7px;color:var(--w5-context-muted,#9bb0c4);font-size:9px;white-space:nowrap}
.w5-module-context__home{min-height:31px;padding:6px 10px;border:1px solid var(--w5-context-accent,#528b9a);border-radius:8px;background:transparent;color:var(--w5-context-title,#eaf6ff);font-size:10px;font-weight:750;white-space:nowrap;cursor:pointer}
.w5-module-context__home:hover{background:var(--w5-context-hover,#1b3448)}
.w5-experiment-context{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 clamp(14px,2vw,28px) 13px;padding:11px 15px;border:1px solid #36546d;border-left:3px solid #6bd7d8;border-radius:11px;background:#102238}
.w5-experiment-context__text{display:flex;flex-direction:column;gap:3px;min-width:0}
.w5-experiment-context__text strong{font-size:12px;color:#eef6ff}
.w5-experiment-context__text span{font-size:9px;color:#9db1c9;line-height:1.5}
.w5-experiment-context__tags{display:flex;gap:6px;flex-shrink:0}
.w5-experiment-context__tags span{padding:5px 8px;border-radius:6px;background:#1c3850;color:#9ce6e1;font-size:9px}
body[data-workspace="health"]{--w5-context-bg:#fff;--w5-context-border:#dce9e1;--w5-context-title:#21483e;--w5-context-muted:#789087;--w5-context-accent:#328f72;--w5-context-hover:#edf7f1}
body[data-workspace="erp"]{--w5-context-bg:#fff;--w5-context-border:#e0e5dd;--w5-context-title:#304c3c;--w5-context-muted:#849187;--w5-context-accent:#5d8a66;--w5-context-hover:#f1f5ef}
body[data-workspace="ekpo"]{--w5-context-bg:#fff;--w5-context-border:#dbe8e2;--w5-context-title:#244b46;--w5-context-muted:#80958f;--w5-context-accent:#339c8d;--w5-context-hover:#eff8f5}
body[data-workspace="study"]{--w5-context-bg:#141f3b;--w5-context-border:#35466f;--w5-context-title:#f0f4ff;--w5-context-muted:#a5b4d7;--w5-context-accent:#8adce9;--w5-context-hover:#24375d}
body[data-workspace="health"] .w5-module-context__home,body[data-workspace="erp"] .w5-module-context__home,body[data-workspace="ekpo"] .w5-module-context__home{color:var(--w5-context-title)}
body[data-workspace="health"] .w5-experiment-context,body[data-workspace="erp"] .w5-experiment-context,body[data-workspace="ekpo"] .w5-experiment-context{display:none}
@media(max-width:640px){.w5-module-context{align-items:flex-start;padding:11px 12px}.w5-module-context__actions{flex-direction:column;align-items:flex-end;gap:5px}.w5-module-context__description{max-width:48ch}.w5-module-context__state{display:none}.w5-experiment-context{align-items:flex-start;flex-direction:column}.w5-experiment-context__tags{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.w5-module-context__home{transition:none}}