:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#402c3c;background:#fff7fb;font-synthesis:none;--pink:#c33574;--ink:#402c3c;--muted:#846b7c;--line:#f0dce7;--gradient:linear-gradient(125deg,#e978ac,#cb3a7f 60%,#a9438d)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#fbdcec99,transparent 48%),linear-gradient(150deg,#fffafd,#fff3f8 55%,#f7efff);min-height:100vh}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button{color:inherit}button:disabled{opacity:.32;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #84366d;outline-offset:4px}a{color:inherit}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link:focus{display:block;padding:12px;background:white}
.site-header{max-width:1280px;margin:auto;padding:26px 36px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:18px;text-decoration:none}.brand-name{font-size:29px;font-weight:800;letter-spacing:-1.5px;color:#562348}.brand-dot{color:#dc609c}.brand-divider{height:25px;width:1px;background:#dfbfd1}.brand-academy{font-size:13px;font-weight:600}.header-note{font-size:11px;color:var(--muted);display:flex;gap:7px;align-items:center}.header-note>span{width:6px;height:6px;border-radius:50%;background:#cf6097}main{max-width:1208px;margin:34px auto 70px;padding:0 24px}.session-heading{display:flex;justify-content:space-between;gap:22px;align-items:center;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:750;color:#b04b80;margin:0 0 10px}h1{font-size:clamp(22px,2.5vw,31px);line-height:1.25;letter-spacing:-.7px;font-weight:650;margin:0;max-width:890px}.session-number{flex-shrink:0;padding-left:22px;border-left:1px solid #e9cddd}.session-number>span{display:block;font-size:9px;letter-spacing:2px;color:var(--muted);margin-bottom:4px}.session-number strong{font-size:27px;font-weight:600;color:#b8447b}.session-number small{font-size:15px;color:#ae889e;font-weight:400}
.presentation{border:1px solid #eccbdc;border-radius:23px;overflow:hidden;background:linear-gradient(118deg,#fbe1ef,#fff7fb 45%,#f6eaf7);box-shadow:0 16px 55px #aa568515}.presentation-top{display:flex;justify-content:space-between;align-items:center;background:#ffffff75;padding:14px 24px;border-bottom:1px solid #eddae5;font-size:10px;color:#8d5977;letter-spacing:.3px}.presentation-top>span:first-child{display:flex;align-items:center;gap:7px}.live-dot{width:6px;height:6px;background:#c2548a;border-radius:50%}.learning-stage{display:grid;grid-template-columns:24% 76%;grid-template-rows:1fr auto;position:relative;padding:24px 24px 0 0;min-height:420px}.presenter{grid-column:1;grid-row:1/3;position:relative;min-width:0;overflow:hidden;align-self:stretch}.presenter-halo{position:absolute;width:130%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#efb9d8aa,#fae0ef22);top:15%;left:-20%}.avatar-rig{position:absolute;width:172%;left:50%;bottom:36px;transform:translateX(-50%);aspect-ratio:1;transform-origin:50% 90%}.avatar-rig img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.avatar-rig #avatar-pointing{opacity:0}.avatar-rig.is-pointing #avatar-pointing{opacity:1}.avatar-rig.is-pointing #avatar-image{opacity:0}#avatar-mouth{position:absolute;left:50%;top:32%;width:10%;height:6%;transform:translate(-50%,-50%)}.presenter-caption{position:absolute;bottom:16px;left:8px;right:8px;text-align:center;display:grid;gap:5px;z-index:2}.presenter-name{font-size:11px;font-weight:700;color:#8a3c64}#avatar-status{font-size:9px;color:#9a6b85}.slide-area{grid-column:2;grid-row:1;min-width:0;align-self:center;position:relative;z-index:2}.slide-frame{aspect-ratio:16/9;position:relative;border-radius:12px;background:#fff;box-shadow:0 5px 23px #713f6315;border:1px solid #eddae5;overflow:hidden}#slide-image{width:100%;height:100%;object-fit:contain;display:block}.expand-button{position:absolute;right:9px;bottom:9px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #efdce8;border-radius:9px;background:#fffffff0;color:#965279}.expand-button svg{width:17px;height:17px}.slide-error{position:absolute;inset:0;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;text-align:center;background:#fff5fa;font-size:14px}.slide-error button{background:white;border:1px solid #dfbad0;padding:10px;border-radius:8px}.slide-note{font-size:10px;line-height:1.5;color:var(--muted);margin:7px 2px 0;min-height:7px}.caption-panel{grid-column:2;grid-row:2;padding:18px 18px 20px;min-height:100px}.caption-label{font-size:8px;letter-spacing:1.7px;font-weight:750;color:#b34e81}.caption-panel p{font-size:16px;line-height:1.6;margin:7px 0 0;min-height:2em;color:#674255}.pointing .slide-frame{box-shadow:0 0 0 3px #e3a3c333,0 5px 23px #713f6315}
.playback{max-width:900px;margin:25px auto 0}.time-row{display:flex;align-items:center;justify-content:space-between;font-variant-numeric:tabular-nums;font-size:11px;color:var(--muted);gap:15px}.time-row #audio-status{text-align:center;font-size:11px;color:#b25a86}.seek{display:block;width:100%;height:20px;margin:8px 0 14px;accent-color:#c64281;cursor:pointer}.control-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.control-side{display:flex;align-items:center}.main-controls{display:flex;align-items:center;gap:22px}.round-button{border:1px solid #efdce7;background:#fff9fc;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;color:#985275}.play-button{background:var(--gradient);border:0;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;color:white;box-shadow:0 8px 20px #c33a7c33}.play-button svg{width:27px;height:27px}.quiet-button{border:0;background:none;padding:8px;display:flex;align-items:center;gap:5px;color:#94617d;font-size:10px}.quiet-button svg{width:19px;height:19px}.speed-control{justify-content:flex-end;gap:9px}.speed-control label{font-size:10px;color:var(--muted)}.speed-control select{border:1px solid #eed4e3;border-radius:9px;background:#fff9fc;color:#935173;padding:9px 6px;font-size:12px;font-weight:600;min-height:40px}.text-button{display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:12px 18px;background:white;border:1px solid #e7c6d8;color:#a93d73;border-radius:10px;font-size:13px}.notice{font-size:12px;color:#8d476c}.overall-progress{max-width:900px;margin:30px auto 0;padding-top:23px;border-top:1px solid var(--line)}.overall-progress>div{display:flex;justify-content:space-between;gap:15px}.overall-progress strong{font-size:12px;font-weight:600}.overall-progress #overall-percent{font-size:12px;color:#b94c80;font-weight:700}progress{appearance:none;border:0;border-radius:8px;overflow:hidden;width:100%;height:6px;margin:13px 0 10px;background:#ecdce5}progress::-webkit-progress-bar{background:#ecdce5}progress::-webkit-progress-value{background:var(--gradient);border-radius:8px}progress::-moz-progress-bar{background:var(--gradient)}.progress-meta{font-size:10px;color:var(--muted)}.transcript{max-width:900px;margin:27px auto 0;border-top:1px solid var(--line);padding-top:21px}.transcript summary{cursor:pointer;display:flex;justify-content:space-between;font-size:12px;font-weight:600;list-style:none}.transcript summary::-webkit-details-marker{display:none}.transcript summary>span{font-size:10px;font-weight:400;color:var(--muted)}#transcript-note{font-size:11px;line-height:1.5;color:var(--muted)}#transcript-list{list-style:none;padding:0;max-height:320px;overflow:auto}#transcript-list button{display:flex;gap:15px;text-align:left;width:100%;border:0;border-radius:8px;background:transparent;padding:12px;font-size:13px;line-height:1.5}#transcript-list time{color:#b4618a;font-size:11px;flex-shrink:0;padding-top:2px}#transcript-list .active{background:#f7dcebd9;color:#87375f}.completion{max-width:900px;margin:26px auto 0;padding:24px;background:#fff7fc;border:1px solid #eccbdf;border-radius:16px}.completion h2{font-size:22px;margin:10px 0}.completion p{font-size:13px;line-height:1.6}footer{max-width:1208px;margin:auto;border-top:1px solid var(--line);padding:22px 24px;display:flex;justify-content:space-between;gap:15px;color:#aa7e97;font-size:9px}dialog{border:0;background:#fff9fc;border-radius:16px;padding:50px 10px 10px;max-width:96vw;width:1500px;max-height:96vh}dialog::backdrop{background:#35202fd9}dialog img{display:block;width:100%;max-height:calc(96vh - 65px);object-fit:contain}dialog .round-button{position:absolute;right:8px;top:5px;width:38px;height:38px}
@media(min-width:1400px){.learning-stage{min-height:470px}}
@media(max-width:760px){.site-header{padding:18px 20px}.brand-name{font-size:25px}.brand{gap:12px}.brand-academy{font-size:11px}.header-note{display:none}main{padding:0 16px;margin-top:26px}.session-heading{gap:15px;margin-bottom:19px}.eyebrow{font-size:8px;letter-spacing:1.4px}h1{font-size:22px}.session-number{padding-left:13px}.session-number strong{font-size:22px}.session-number small{font-size:12px}.presentation{border-radius:17px}.presentation-top{padding:12px 15px;font-size:9px}.learning-stage{grid-template-columns:116px minmax(0,1fr);grid-template-rows:auto minmax(170px,auto);padding:13px 13px 0;min-height:0}.slide-area{grid-column:1/3;grid-row:1}.slide-frame{border-radius:9px}.slide-note{font-size:9px}.presenter{grid-column:1;grid-row:2;margin-left:-13px;min-height:170px;align-self:stretch}.avatar-rig{width:185%;bottom:20px;left:49%}.presenter-caption{bottom:10px;left:3px;right:3px}.presenter-name{font-size:8px}#avatar-status{display:none}.presenter-halo{top:0}.caption-panel{grid-column:2;grid-row:2;padding:22px 2px 18px 8px;min-height:170px;align-content:center}.caption-label{font-size:7px;letter-spacing:1px}.caption-panel p{font-size:13px;line-height:1.6;margin-top:6px}.playback{margin-top:20px}.main-controls{gap:15px}.play-button{width:59px;height:59px}.round-button{width:40px;height:40px}.speed-control label{display:none}.speed-control select{padding:8px 3px;font-size:11px}.quiet-button{padding:5px;gap:3px}.overall-progress{margin-top:23px}.transcript{margin-top:24px}footer{padding:20px 16px;flex-direction:column;text-align:center;gap:8px}.expand-button{width:31px;height:31px}.time-row{gap:7px}.time-row #audio-status{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.avatar-rig{mix-blend-mode:multiply}.presentation.intro .learning-stage{display:flex;flex-direction:column;align-items:center;padding:15px 24px 0}.presentation.intro .presenter{width:340px;height:340px;min-height:340px;flex:none;align-self:center}.presentation.intro .avatar-rig{width:112%;bottom:30px}.presentation.intro .caption-panel{width:100%;max-width:820px;min-height:104px;text-align:center;padding-top:10px}.presentation.intro .presenter-halo{width:100%;left:0;top:5%}
@media(max-width:760px){.presentation.intro .learning-stage{padding:8px 15px 0}.presentation.intro .presenter{width:260px;height:275px;min-height:275px;margin-left:0}.presentation.intro .avatar-rig{width:115%;bottom:22px}.presentation.intro .caption-panel{min-height:100px;padding:10px 4px 20px}.presentation.intro .presenter-name{font-size:10px}}
/* Keep the complete face and pointing hand inside the presenter column. */
.avatar-rig{width:100%;left:50%;top:50%;margin-top:-50%;bottom:auto}
.presentation:not(.intro) .presenter-caption{display:none}
.presentation.intro .presenter{height:380px;min-height:380px}
.presentation.intro .avatar-rig{width:100%;left:50%;top:0;margin-top:0;bottom:auto}
#avatar-mouth{width:12%;height:7.2%}
@media(max-width:760px){.avatar-rig{width:100%;left:50%;top:50%;margin-top:-50%;bottom:auto}.presentation.intro .presenter{height:300px;min-height:300px}.presentation.intro .avatar-rig{width:100%;left:50%;top:0;margin-top:0;bottom:auto}}