.professor-open{margin-top:12px;padding:10px 16px;border:1px solid #a8d7c9;border-radius:10px;background:#e8f6ef;color:#075b4d;font-weight:700;cursor:pointer}.professor-open:disabled{opacity:.55;cursor:default}
.professor-layer{position:fixed;inset:0;z-index:100000;color:#12382e;font-family:inherit}.professor-backdrop{position:absolute;inset:0;background:#062b254f;backdrop-filter:blur(1px)}.professor-highlight{position:fixed;border:3px solid #ffd75e;border-radius:12px;box-shadow:0 0 0 5px #fff8;pointer-events:none}.professor-pointer{position:fixed;color:#ffc83b;font-size:34px;filter:drop-shadow(0 2px 2px #173a32);pointer-events:none;transition:top .35s,left .35s}.professor-player{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);width:min(680px,calc(100% - 24px));max-height:70vh;overflow:auto;box-sizing:border-box;padding:22px;background:#fff;border:1px solid #b7d9ce;border-radius:20px;box-shadow:0 16px 70px #052c2555}.professor-player header{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;letter-spacing:1px;font-weight:800;color:#087b65}.professor-player h2{font-size:24px;margin:14px 0 10px}.professor-caption{font-size:16px;line-height:1.6;margin:0 0 8px}.professor-note{font-size:12px;color:#627e75}.professor-player button,.professor-player select{font:inherit;padding:9px;border:1px solid #c2d9d0;border-radius:8px;background:#eff7f3;color:#12382e;cursor:pointer}.professor-player select{max-width:100%;margin:8px}.professor-controls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:10px 0}.professor-controls [data-action=play]{background:#087b65;color:#fff;min-width:100px}.professor-progress{display:block;font-size:12px}.professor-progress input{display:block;width:100%;margin:10px 0;accent-color:#087b65}.professor-player output{font-size:12px;color:#4d6c61}.professor-feedback{font-size:13px;color:#805300;margin-bottom:0}.professor-layer [hidden]{display:none!important}.professor-layer :focus-visible{outline:3px solid #eab000;outline-offset:3px}@media(max-width:600px){.professor-player{bottom:12px;padding:16px;max-height:62vh}.professor-player h2{font-size:20px}.professor-caption{font-size:14px}.professor-controls button{font-size:12px}.professor-player header{font-size:10px}}@media(prefers-reduced-motion:reduce){.professor-pointer{transition:none}}
.professor-layer *{box-sizing:border-box}.professor-player{overflow-x:hidden}.professor-backdrop{backdrop-filter:none}
.professor-backdrop{cursor:none}.professor-player.is-collapsed h2,.professor-player.is-collapsed .professor-caption,.professor-player.is-collapsed .professor-note,.professor-player.is-collapsed label:has(select){display:none}.professor-player header span{flex:1}