/* Scoped sharing surfaces; the existing course cards retain their appearance. */
.course-share-dialog,.shared-course-dialog{box-sizing:border-box;width:min(500px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:26px;border:1px solid #dfe7f4;border-radius:22px;background:#fff;color:#283954;box-shadow:0 24px 80px #24375830;overflow:auto;overscroll-behavior:contain}
.course-share-dialog::backdrop,.shared-course-dialog::backdrop{background:#14274170;backdrop-filter:blur(3px)}
.course-share-dialog:not([open]),.shared-course-dialog:not([open]){display:none!important}
.course-share-dialog *,.shared-course-dialog *{box-sizing:border-box}
.course-share-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.course-share-eyebrow{font-size:11px;color:#8192b0;letter-spacing:2px}
.course-share-dialog h2{font-size:22px;line-height:1.4;margin:3px 0 0}
#playerView .course-dialog-close{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #e5ebf4;border-radius:50%;background:#f6f8fc;color:#71829f;font:26px/1 sans-serif;cursor:pointer;flex:none}
#courseShareTitle{font-size:19px;line-height:1.6;margin:0;text-align:center;overflow-wrap:anywhere}
#courseShareGrade{font-size:12px;color:#7889a5;margin:5px 0 10px;text-align:center}
.course-share-code{display:flex;flex-direction:column;align-items:center;margin:4px 0 17px}
#courseShareQr{display:block;width:280px;height:auto;max-width:100%;aspect-ratio:1;background:#fff}
#playerView #courseShareEnlarge{border:0;border-radius:8px;padding:6px 14px;min-height:36px;color:#5376bb;background:#f2f6ff;font-size:12px;cursor:pointer}
.course-share-label{display:block;color:#7d8ca3;font-size:11px;margin-bottom:6px}
#courseShareLink{display:block;width:100%;min-width:0;min-height:44px;border:1px solid #dce5f1;border-radius:10px;padding:10px 12px;background:#f7f9fd;color:#536b90;font-size:12px;line-height:1.5}
.course-share-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
#courseShareStatus{color:#7a8aa4;font-size:12px;line-height:1.7;min-height:21px;margin:13px 0 0;text-align:center;overflow-wrap:anywhere}
.course-share-dialog.is-enlarged{width:740px}
.course-share-dialog.is-enlarged #courseShareQr{width:460px}
.course-share-dialog button:disabled{opacity:.48;cursor:default!important}
.course-share-dialog :is(input,button):focus-visible,.shared-course-dialog button:focus-visible{outline:3px solid #8ba9f4;outline-offset:3px}
.shared-course-dialog{text-align:center;padding:34px 28px;width:460px}
.course-link-mark{display:grid;place-items:center;width:56px;height:56px;border-radius:17px;background:#edf3ff;color:#476ed0;font-size:29px;margin:0 auto 18px}
.shared-course-dialog h2{font-size:22px;line-height:1.5;margin:0 0 10px}
.shared-course-dialog p{font-size:14px;line-height:1.8;color:#7888a1;margin:0 0 22px}
.course-link-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.shared-course-dialog .ghost{min-height:44px;border:1px solid #dce5f1}
.shared-course-dialog[data-state=error] .course-link-mark{color:#aa7550;background:#fff4e9}
@media(max-width:600px){.course-share-dialog,.shared-course-dialog{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:20px 18px;border-radius:18px}.course-share-header{margin-bottom:13px}.course-share-dialog h2{font-size:20px}#courseShareTitle{font-size:17px}#courseShareQr{width:250px}.course-share-dialog.is-enlarged #courseShareQr{width:100%}.course-share-actions{gap:8px}#playerView .course-share-actions :is(button,a){font-size:12px;padding:10px 8px}.shared-course-dialog{padding:28px 22px}.shared-course-dialog h2{font-size:20px}}