:root{--bg:#0b1020;--surface:#121733;--muted:#8ea0bd;--text:#333;--accent:#5dd0ff;--accent-2:#7c67ff;--ok:#3ddc97;--ring:rgba(93,208,255,.5);--radius:16px}body,html{height:100%}body{margin:0}.sai-wrap{color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans;margin:0 auto;max-width:1200px;padding:24px}.sai-eyebrow{color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.14em;margin:24px 0 6px;text-transform:uppercase}.sai-h1{font-size:clamp(24px,3.6vw,36px);line-height:1.15;margin:0 0 6px}.sai-h1,.sai-h2{color:var(--text);font-weight:800;letter-spacing:.1px}.sai-h2{font-size:clamp(18px,2.6vw,24px);line-height:1.2;margin:18px 0 8px}.sai-h3{color:var(--text);font-size:20px;font-weight:700;letter-spacing:.1px;line-height:1.2;margin:6px 0 4px}.sai-p{color:#333;font-size:16px;line-height:1.5;margin:8px 0}#courseLede.sai-p{margin-bottom:20px}.sai-muted{color:var(--muted);font-size:12px}.sai-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.sai-card{background:#f1f4f9;border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius);box-shadow:0 4px 16px rgba(0,0,0,.25),inset 0 1px 0 hsla(0,0%,100%,.04);color:var(--text);display:grid;gap:10px;grid-template-rows:auto auto auto 1fr;padding:8px 14px 14px;position:relative}.sai-thumb{aspect-ratio:16/9;background:#0e1330;border-radius:12px;display:grid;overflow:hidden;place-items:center;width:100%}.sai-thumb img{display:block;height:100%;object-fit:cover;width:100%}.sai-badge{backdrop-filter:blur(6px);background:rgba(14,19,48,.2);border:1px solid hsla(0,0%,100%,.12);border-radius:999px;color:#333;font-size:12px;font-weight:700;padding:6px 10px;transform:translateX(-8px);width:fit-content}.sai-input,.sai-select{background:rgba(18,23,51,.6);border:1px solid hsla(0,0%,100%,.14);border-radius:10px;box-shadow:0 0 0 0 var(--ring);color:var(--text);font-size:16px;outline:none;padding:12px 14px;width:100%}.sai-input:focus,.sai-select:focus{box-shadow:0 0 0 3px var(--ring)}.sai-toolbar{align-items:center;display:none;gap:12px;grid-template-columns:1fr auto auto;margin:6px 0 18px}.sai-btn{--bg:rgba(18,23,51,.6);--fg:var(--text);--bd:hsla(0,0%,100%,.14);align-items:center;background:var(--bg);border:1px solid var(--bd);border-radius:10px;color:var(--fg);cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:10px 12px;text-decoration:none;transition:filter .15s ease,transform .06s ease;user-select:none}.sai-btn:hover{color:#fff;filter:brightness(1.08);font-weight:700!important;text-decoration:none}.sai-btn:active{transform:translateY(1px)}.sai-btn:focus-visible{color:#fff;font-weight:700!important;outline:3px solid var(--ring);outline-offset:2px}.sai-btn:focus{color:#fff;font-weight:700!important;outline-offset:2px}.sai-btn[disabled]{cursor:not-allowed;opacity:.55}.sai-btn--primary{--bg:linear-gradient(90deg,var(--accent-2),var(--accent));--fg:#fff;--bd:transparent;border:none}.sai-btn--ghost{--bg:transparent;--fg:var(--text);--bd:hsla(0,0%,100%,.18);display:none}.sai-btn--subtle{--bg:hsla(0,0%,100%,.04);--fg:var(--text);--bd:hsla(0,0%,100%,.08)}.sai-details{border-top:1px dashed hsla(0,0%,100%,.14);margin-top:4px}.sai-collapsible{border:1px solid hsla(0,0%,100%,.12);border-radius:12px;overflow:hidden}.sai-collapsible summary{background:hsla(0,0%,100%,.04);cursor:pointer;font-weight:800;list-style:revert;padding:10px 12px}.sai-collapsible[open] summary{background:linear-gradient(270deg,rgba(93,208,255,.3),rgba(124,103,255,.3));color:#333}.sai-collapsible summary::-webkit-details-marker{display:none}.sai-objectives{padding:10px 12px 10px 30px}.sai-objectives li{color:#333;font-size:16px;margin:6px 0}.sai-footer{color:var(--muted);font-size:12px;padding:22px 0 10px;text-align:center}.sai-modal{background:rgba(4,6,16,.7);display:none;inset:0;place-items:center;position:fixed;z-index:50}.sai-modal.show,.sai-panel{display:grid}.sai-panel{background:#0d1330;border:1px solid hsla(0,0%,100%,.12);border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.5);color:var(--text);grid-template-rows:auto 1fr auto;height:min(640px,85vh);overflow:hidden;width:min(920px,92vw)}.sai-editor{background:#070a1d;border:none;color:#daf1ff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;height:100%;outline:none;padding:12px;width:100%}.sai-panel footer,.sai-panel header{align-items:center;background:hsla(0,0%,100%,.03);display:flex;gap:8px;justify-content:space-between;padding:12px 16px}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}