body.course-new .system-context,body.course-new .page-links{display:none!important}
.course-page{height:calc(100dvh - 58px);min-height:0;display:flex;flex-direction:column;gap:10px;padding:12px 20px!important;max-width:none!important}
.course-topbar,.course-toolbar,.course-card-title,.course-playbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:0}
.course-topbar{flex:0 0 38px}.course-topbar h1{font-size:21px;margin:0;white-space:nowrap}.course-toolbar{justify-content:flex-end;gap:18px}.course-toolbar label{display:flex;align-items:center;gap:7px;white-space:nowrap}.course-toolbar input[type=range]{width:115px}.course-toolbar output{min-width:35px;font-variant-numeric:tabular-nums}.course-toolbar .btn{font-size:13px;padding:5px 10px;min-height:30px}
.concept-grid{display:grid;grid-template-columns:minmax(0,2.8fr) minmax(245px,1fr);gap:12px;flex:1;min-height:0}.concept-main,.concept-side,.model-left,.model-right{min-height:0;display:grid;gap:12px}.concept-main{grid-template-rows:minmax(0,.95fr) minmax(0,1.05fr)}.concept-side{grid-template-rows:minmax(0,1.25fr) minmax(0,1fr)}.course-card{border:1px solid var(--line);border-radius:4px;min-width:0;min-height:0;padding:12px 16px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.course-card h2{font-size:17px;margin:0;line-height:1.3}.course-card-title{flex:0 0 auto}.course-card-title .legend{padding:0;font-size:12px;gap:10px}.response-card canvas{display:block;width:100%;height:100%;flex:1;min-height:0}.live-loop{width:100%;min-height:0;flex:1;display:flex;align-items:center;justify-content:center}.live-loop svg{display:block;width:100%;height:100%;overflow:visible}.live-loop .signal-dot{fill:var(--blue)}.live-loop text{font-family:var(--academic-math)}.live-loop .loop-current{fill:var(--blue);font-size:24px}.object-rotor{min-height:0;flex:1;display:flex;align-items:center;justify-content:center}.object-rotor svg{display:block;width:100%;height:100%;max-height:205px}.rotor-reading{display:flex;align-items:baseline;justify-content:center;gap:8px;white-space:nowrap}.rotor-reading strong{font-family:var(--academic-math);font-size:34px;color:var(--blue);font-weight:400}.rotor-reading span{font-size:13px;color:var(--muted)}.signal-card{justify-content:space-evenly;padding-top:8px;padding-bottom:8px}.signal-card>div{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px}.signal-card strong{font:22px var(--academic-math);color:var(--blue)}.signal-card p{font-size:13px;margin:0;border-top:1px solid var(--line);padding-top:6px;color:var(--muted)}
.course-playbar{flex:0 0 38px;justify-content:flex-start;gap:8px}.course-playbar .btn{min-height:32px;padding:4px 12px;font-size:14px}.course-playbar>label{display:flex;align-items:center;gap:8px;white-space:nowrap}.course-playbar select{width:72px;height:32px;padding:2px 7px}.course-timeline{flex:1;margin-left:15px;min-width:0}.course-timeline input{flex:1;min-width:60px}.course-timeline output{min-width:64px;text-align:right;font-variant-numeric:tabular-nums}.course-dialog{border:1px solid #b9c3d1;border-radius:4px;max-width:640px;font-family:var(--academic-text);font-size:16px;line-height:1.85;padding:24px 28px;color:var(--ink)}.course-dialog::backdrop{background:#17283e33}.course-dialog h2{font-size:21px}.course-dialog p{margin-bottom:14px}.course-dialog .btn{float:right}.course-muted{font-size:13px;color:var(--muted)}
.model-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:12px;flex:1;min-height:0}.model-left{grid-template-rows:minmax(0,1.05fr) minmax(0,1fr)}.model-right{grid-template-rows:minmax(0,.95fr) minmax(0,1.05fr)}.model-physical{flex:1;min-height:0}.model-physical svg{width:100%;height:100%;display:block}.model-live-values{display:flex;justify-content:center;gap:30px;font-size:15px}.model-live-values strong{font:23px var(--academic-math);color:var(--blue)}.model-equations{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:16px;font:22px var(--academic-math);line-height:1.5}.model-equation{display:flex;align-items:center;justify-content:center;gap:6px}.model-variable-buttons,.model-stage-buttons{display:flex;align-items:center;gap:5px}.model-variable-buttons .btn,.model-stage-buttons .btn{font-size:13px;padding:4px 8px;min-height:28px}.model-variable-buttons .active,.model-stage-buttons .active{color:var(--blue);border-color:#9eb8ed;background:#f2f6ff}.model-transform{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;font:26px var(--academic-math);line-height:1.6;text-align:center}.model-transform math{font-size:27px}.model-closed-formula{border-top:1px solid var(--line);padding-top:7px;font-size:22px;text-align:center}.model-closed-formula math{font-size:22px}.model-equations [data-var],.model-transform [data-var]{transition:color .1s,background .1s}.variable-active{color:var(--blue);background:#edf3ff;outline:1px solid #d3e0fa;outline-offset:2px}.model-physical rect.variable-active{fill:#edf3ff;stroke:#3568e8;stroke-width:2}.model-physical text.variable-active{fill:#3568e8;stroke:none;outline:none;background:transparent}.model-equation-card .course-muted{font-size:12px;line-height:1.4}.model-object-card svg text{font-size:21px}.model-physical .model-flow-dot{fill:#3568e8}
@media(min-width:1000px){body.course-new{height:100dvh;overflow:hidden}}
@media(max-height:760px) and (min-width:1000px){.course-page{gap:8px;padding:8px 16px!important}.course-topbar{flex-basis:30px}.course-card{padding:8px 12px}.course-card h2{font-size:16px}.concept-grid,.concept-main,.concept-side,.model-grid,.model-left,.model-right{gap:8px}.model-equations{font-size:20px;gap:8px}.model-transform math{font-size:25px}.model-closed-formula math{font-size:21px}.rotor-reading strong{font-size:29px}.signal-card strong{font-size:20px}.signal-card>div{font-size:14px}.course-playbar{flex-basis:34px}}
@media(max-width:999px){body.course-new{height:auto;overflow:auto}.course-page{height:auto;min-height:calc(100dvh - 58px)}.course-topbar{flex-wrap:wrap;flex-basis:auto}.course-toolbar{flex-wrap:wrap;gap:8px}.concept-grid,.model-grid{grid-template-columns:minmax(0,1fr)}.concept-main{grid-template-rows:210px 270px}.concept-side{grid-template-columns:1fr 1fr;grid-template-rows:230px}.model-left,.model-right{grid-template-rows:260px 260px}.course-playbar{flex-wrap:wrap;flex-basis:auto}.course-timeline{flex-basis:100%;margin-left:0}.model-variable-buttons{flex-wrap:wrap}}