.khpi .px{--cr:239,231,214;--accent:#ff93c2;--cb:#191816;--wire:rgba(var(--cr),.5);--wire-dim:rgba(var(--cr),.24)}.khpi .px-track{margin-top:48px;position:relative}.khpi .px[data-live] .px-track:after{content:"";height:var(--px-run,0px);display:block}.khpi .px[data-live] .px-pin{top:var(--px-top,96px);transform:scale(var(--px-fit,1));transform-origin:50% 0;margin-bottom:var(--px-pull,0px);position:sticky}.khpi .pg{color:rgb(var(--cr));font-family:var(--body);text-decoration:none;transition:translate .35s cubic-bezier(.16,1,.3,1);display:block;position:relative}.khpi .pg:hover{color:rgb(var(--cr))}.khpi .pg__bg{background:color-mix(in srgb,var(--c)9%,var(--cb));border:1.5px solid color-mix(in srgb,var(--c)40%,transparent);border-radius:16px;transition:border-color .25s,box-shadow .35s;position:absolute;inset:0}.khpi .pg__glow{border:2px solid var(--accent);opacity:0;pointer-events:none;border-radius:19px;position:absolute;inset:-4px;box-shadow:0 0 22px #ff93c259}.khpi .pg__head{flex-direction:column;padding:8px 8px 10px;display:flex;position:relative}.khpi .pg__thumb{aspect-ratio:16/10;background:color-mix(in srgb,var(--c)26%,#24221f);border-radius:10px;flex:none;display:block;position:relative;overflow:hidden}.khpi .pg__thumb img{object-fit:cover;object-position:top left;width:100%;height:100%;transition:opacity .45s cubic-bezier(.16,1,.3,1)}.khpi .px[data-js] .pg__thumb img:not([data-loaded]){opacity:0}.khpi .pg__txt{flex-direction:column;min-width:0;display:flex}.khpi .pg__label{font-family:var(--head);letter-spacing:-.01em;align-items:center;gap:7px;margin:9px 2px 6px;font-size:14.5px;font-weight:700;line-height:1.15;display:flex}.khpi .pg__label:before{content:"";background:var(--c);border-radius:50%;flex:none;width:8px;height:8px}.khpi .pg__chips{flex-wrap:wrap;gap:4px 3px;margin:0 1px;display:flex}.khpi .pg__chip{background:rgba(var(--cr),.08);color:rgba(var(--cr),.8);white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:3px 6px;font-size:10.5px;font-weight:700;line-height:1.2;display:inline-flex}.khpi .pg__chip img{width:10px;height:10px}.khpi .pg--row .pg__head{flex-direction:row;align-items:center;gap:14px;padding:10px 14px 10px 10px}.khpi .pg--row .pg__thumb{width:120px}.khpi .pg--row .pg__label{white-space:nowrap;margin:0 0 7px;font-size:16.5px}.khpi .pg__more{z-index:40;background:var(--cream);width:250px;color:var(--ink);opacity:0;visibility:hidden;pointer-events:none;border-radius:14px;flex-direction:column;gap:4px;margin-left:-125px;padding:12px 14px;transition:opacity .2s cubic-bezier(.16,1,.3,1),translate .3s cubic-bezier(.16,1,.3,1),visibility 0s linear .3s;display:flex;position:absolute;top:calc(100% + 10px);left:50%;translate:0 6px;box-shadow:0 22px 44px -20px #000c}.khpi .pg__more-h{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:800}.khpi .pg__more-row{justify-content:space-between;gap:10px;font-size:13.5px;font-weight:700;line-height:1.3;display:flex}.khpi .pg__more-row em{color:var(--muted);white-space:nowrap;font-size:11px;font-style:normal;font-weight:800}.khpi .pg__more-go{color:#a94e7e;margin-top:3px;font-size:12.5px;font-weight:800}.khpi .px[data-rest] .pg:focus-visible .pg__more{opacity:1;visibility:visible;transition-delay:0s;translate:0}.khpi .px[data-rest] .pg:focus-visible{z-index:30}.khpi .px[data-rest] .pg:focus-visible .pg__bg{border-color:var(--c)}.khpi .pg:focus-visible{outline:none}.khpi .pg:focus-visible .pg__bg{outline:3px solid color-mix(in srgb,var(--accent)70%,transparent);outline-offset:3px}@media (hover:hover){.khpi .px[data-rest] .pg:hover{z-index:30;translate:0 -3px}.khpi .px[data-rest] .pg:hover .pg__bg{border-color:var(--c);box-shadow:0 18px 40px -22px #000000e6}.khpi .px[data-rest] .pg:hover .pg__more{opacity:1;visibility:visible;transition-delay:0s;translate:0}}.khpi .px[data-live]:not([data-rest]) .pg{pointer-events:none}.khpi .pk{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.khpi .pk__lit{background:linear-gradient(135deg,#f2bcd3 0%,#ff93c2 55%,#f2bcd3 100%);border-radius:28%;position:absolute;inset:0;box-shadow:0 0 34px #ff93c266}.khpi .pk__mark{width:70%;height:auto;position:relative;overflow:visible}.khpi .pk__line{stroke-dasharray:1;stroke-dashoffset:0}.khpi .pcon{z-index:25;color:#0e0e0e;width:104px;height:44px;box-shadow:0 14px 30px -12px #000c,0 0 0 2px var(--accent);pointer-events:none;background:#fbf4e7;border-radius:13px;flex-direction:column;justify-content:center;padding:0 12px 0 26px;display:flex;position:absolute}.khpi .pcon:before{content:"";background:var(--accent);border-radius:50%;width:9px;height:9px;margin-top:-4.5px;position:absolute;top:50%;left:11px}.khpi .pcon small{letter-spacing:.14em;text-transform:uppercase;color:#6b6255;font-size:9px;font-weight:800;line-height:1.1}.khpi .pcon b{font-family:var(--head);font-size:16px;font-weight:700;line-height:1.1}.khpi .pw{--iw:22em;--ih:14em;left:calc(50% - var(--iw)/2);top:calc(50% - var(--ih)/2);width:var(--iw);height:var(--ih);font-family:var(--body);color:#2a2723;text-align:left;opacity:0;pointer-events:none;transform-origin:50%;background:#e7e0d1;border-radius:.9em;flex-direction:column;line-height:1.25;display:flex;position:absolute;box-shadow:0 1.8em 3.2em -1.4em #000000bf,0 0 0 1px #ffffff0d}.khpi .pw>:not(.pw__tag){overflow:hidden}.khpi .pw__tag{white-space:nowrap;letter-spacing:.02em;color:rgb(var(--cr));border:1px solid rgba(var(--cr),.22);background:#0e0e0ed1;border-radius:99px;align-items:center;gap:.45em;padding:.32em .75em .32em .6em;font-size:max(1em,10px);font-weight:800;display:inline-flex;position:absolute;bottom:calc(100% + .7em);left:.2em}.khpi .pw__tag img{width:1.15em;height:1.15em}.khpi .pw__bar{white-space:nowrap;border-radius:.9em .9em 0 0;flex:none;align-items:center;gap:.45em;height:2.3em;padding:0 .8em;font-size:.92em;font-weight:700;display:flex}.khpi .pw__bar>i{background:#00000038;border-radius:50%;flex:none;width:.62em;height:.62em}.khpi .pw__bar em{opacity:.7;margin-left:auto;font-style:normal;font-weight:600}.khpi .pw__body{border-radius:0 0 .9em .9em;flex-direction:column;flex:1;gap:.5em;min-height:0;padding:.9em 1em;display:flex;position:relative}.khpi .pw__lines{flex-direction:column;gap:.42em;display:flex}.khpi .pw__lines i{background:#2a272338;border-radius:.25em;height:.5em;display:block}.khpi .pw__k{letter-spacing:.06em;text-transform:uppercase;color:#6b6255;font-size:.82em;font-weight:800}.khpi .pw__bar--light>i,.khpi .pw__bar--pdf>i,.khpi .pw__bar--doc>i,.khpi .pw__bar--chat>i{background:#ffffff4d}
.khpi .p1-stage{--nw:204px;--nh:212px;--ks:100px;--sw:176px;--sh:196px;--isl:11px;--cx:40%;--capr:0px;--rx:min(400px,calc(var(--cx) - var(--nw)/2 - 8px));--ry:calc((100% - var(--nh) - 12px - var(--capr))/1.809);--cy:calc(6px + var(--nh)/2 + .809*var(--ry));--tx:calc(var(--cx) + .951*var(--rx));--ty:calc(var(--cy) - .309*var(--ry));--pw:min(440px,calc(1.902*var(--rx) - var(--nw) - 24px));height:clamp(580px,100svh - 150px,680px);position:relative}@media (max-width:1180px){.khpi .p1-stage{--sw:156px;--sh:180px}}@media (max-width:1023px){.khpi .p1-stage{--nw:168px;--nh:190px;--sw:150px;--sh:176px;--ks:86px;--isl:9px}}@media (min-width:721px) and (max-width:1000px){.khpi .p1-stage{--nw:160px;--sw:132px;--sh:180px;--cx:35%;--capr:64px;--pw:min(440px,calc(2*var(--cx) - 8px));height:clamp(640px,100svh - 150px,800px)}.khpi .p1 .pg__chips{gap:0}.khpi .p1 .pg__chip{background:0 0;gap:3px;padding:0}.khpi .p1 .pg__chip:not(:last-child):after{content:"·";opacity:.6;margin:0 4px 0 3px}}.khpi .p1-wires{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.khpi .p1-spoke,.khpi .p1-arc{fill:none;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}.khpi .p1-spoke{stroke:var(--wire-dim);stroke-width:1.5px}.khpi .p1-arc{stroke:var(--wire);stroke-width:2.25px}.khpi .p1-static{pointer-events:none;z-index:0;position:absolute;inset:0}.khpi .p1-static svg{fill:none;position:absolute;overflow:visible}.khpi .p1-static path,.khpi .p1-static ellipse{stroke:var(--wire-dim);stroke-width:1.5px}.khpi .p1-static .p1-static__ring{stroke:var(--wire);stroke-width:2.25px}.khpi .p1-static__wide{left:calc(var(--cx) - var(--rx));width:calc(2*var(--rx));top:calc(var(--cy) - var(--ry));height:calc(2*var(--ry))}.khpi .p1-static__tall,.khpi .p1[data-measured] .p1-static{display:none}.khpi .p1-node{z-index:2;width:var(--nw);height:var(--nh);transform-origin:50%;left:calc(var(--cx) + var(--u)*var(--rx) - var(--nw)/2);top:calc(var(--cy) + var(--v)*var(--ry) - var(--nh)/2);position:absolute}.khpi .p1-node .pg{height:100%}.khpi .p1-node:hover,.khpi .p1-node:focus-within{z-index:6}.khpi .p1[data-live] .p1-node,.khpi .p1[data-live] .pw,.khpi .p1[data-live] .p1-ph,.khpi .p1[data-live] .pg{will-change:transform,opacity}.khpi .p1-node--assess .pg__more,.khpi .p1-node--practise .pg__more,.khpi .p1-node--feedback .pg__more{top:auto;bottom:calc(100% + 10px);translate:0 -6px}.khpi .p1-node--student{width:var(--sw);height:var(--sh);left:calc(100% - var(--sw) - 2px);top:calc(var(--ty) - var(--sh)/2)}.khpi .p1-loose .pg__bg{border-style:dashed;border-color:rgba(var(--cr),.3);background:rgba(var(--cr),.03)}.khpi .p1-loose .pg__head{opacity:.5;transition:opacity .3s}.khpi .p1-loose .pg__thumb img{filter:grayscale(.6)}.khpi .p1-loose .pg__label{font-size:13.5px}.khpi .p1-loose .pg__more{margin-left:0;left:auto;right:0}@media (hover:hover){.khpi .p1[data-rest] .p1-loose:hover .pg__head{opacity:.85}}.khpi .p1[data-rest] .p1-loose:focus-visible .pg__head{opacity:.85}.khpi .p1-tether{z-index:1;left:var(--tx);top:calc(var(--ty) - 1px);height:0;width:max(56px,calc(100% - var(--sw) - 16px - var(--tx)));border-top:2px dashed rgba(var(--cr),.34);transform-origin:0;position:absolute}.khpi .p1-ask{z-index:4;left:calc((var(--tx) + 100% - var(--sw) - 16px)/2);top:var(--ty);letter-spacing:.02em;color:#f2bcd3;white-space:nowrap;background:#0e0e0e;border:1.5px dashed #f2bcd3bf;border-radius:999px;padding:3px 10px 4px;font-size:12.5px;font-weight:800;line-height:1.2;position:absolute;translate:-50% -50%}.khpi .p1-bob{pointer-events:none;position:absolute;inset:0}.khpi .p1[data-live][data-beat1] .p1-bob{animation:5.2s ease-in-out infinite p1-bob}.khpi .p1[data-live][data-beat1] .p1-node:nth-of-type(2n) .p1-bob{animation-duration:6.1s;animation-delay:-1.7s}.khpi .p1[data-live][data-beat1] .p1-node:nth-of-type(3n) .p1-bob{animation-duration:4.7s;animation-delay:-3.1s}@keyframes p1-bob{0%,to{transform:translate(0,0)}50%{transform:translateY(-5px)}}.khpi .p1 .pw{font-size:var(--isl)}.khpi .pw--planner{--ih:15em;background:#7a7670}.khpi .pw--deck{--iw:23em}.khpi .pw--doc{--iw:21em;--ih:14.5em}.khpi .pw--chat{--iw:23em;color:rgba(var(--cr),.9);background:#23221f}.khpi .pw--folder{--ih:13.6em;background:#f1ede6}.khpi .pw__bar--pdf{color:rgba(var(--cr),.88);background:#3b3a37}.khpi .pw__bar--deck{color:#2a1a12;background:#c98b6b}.khpi .pw__bar--doc{color:#f3f6fa;background:#6f86a8}.khpi .pw__bar--chat{color:rgba(var(--cr),.85);background:#2e2d2a}.khpi .pw__bar--folder{color:#3a3630;background:#d8d3ca}.khpi .pw__body--pdf{background:#faf8f3;border-radius:0;margin:0 1.4em;box-shadow:0 0 0 1px #0000000f}.khpi .p1-bul{border-left:.2em solid #2a272324;flex-direction:column;gap:.5em;padding-left:1em;display:flex}.khpi .pw__body--deck{background:#e3ded5;flex-direction:row;gap:.8em}.khpi .p1-thumbs{flex-direction:column;flex:none;gap:.45em;width:4.4em;display:flex}.khpi .p1-thumbs i{background:#f8f6f2;border-radius:.25em;height:2.6em;display:block;box-shadow:0 0 0 1px #00000014}.khpi .p1-thumbs i.on{box-shadow:0 0 0 .18em #c98b6b}.khpi .p1-slide{background:#fbfaf7;border-radius:.3em;flex-direction:column;flex:1;gap:.7em;padding:.9em 1em;display:flex;box-shadow:0 .3em .8em -.4em #0000004d}.khpi .p1-slide>b{background:#2a272380;border-radius:.3em;width:62%;height:.9em;display:block}.khpi .pw__body--doc{background:#fcfbf8}.khpi .p1-note{color:#2a2723;background:#f4dc4e;border-radius:.3em;padding:.35em .6em;font-size:.9em;font-weight:800;position:absolute;bottom:.8em;right:.9em;transform:rotate(-3deg)}.khpi .pw__body--chat{gap:.55em}.khpi .p1-bub{white-space:nowrap;background:#3a3935;border-radius:.9em .9em .25em;align-self:flex-end;max-width:92%;padding:.5em .75em;font-size:.95em}.khpi .p1-bub em{opacity:.5;margin-left:.4em;font-size:.85em;font-style:normal}.khpi .p1-composer{height:2.5em;box-shadow:inset 0 0 0 1px rgba(var(--cr),.14);white-space:pre;background:#2e2d2a;border-radius:.7em;align-items:center;margin-top:auto;padding:0 .8em;font-size:.98em;display:flex;position:relative}.khpi .p1-caret{background:var(--accent);width:.12em;height:1.4em;animation:1s step-end infinite p1-blink;position:absolute;top:.55em;left:.8em}@keyframes p1-blink{50%{opacity:0}}.khpi .pw__body--folder{gap:.1em;padding:.5em .6em}.khpi .p1-file{white-space:nowrap;border-radius:.35em;align-items:center;gap:.6em;padding:.45em .5em;font-size:.95em;font-weight:600;display:flex}.khpi .p1-file:nth-child(odd){background:#0000000b}.khpi .p1-file b{background:#c9524a;border-radius:.15em;flex:none;width:1.1em;height:1.35em}.khpi .p1-ph{--iw:11.4em;--ih:22em;left:calc(50% - var(--iw)/2);top:calc(50% - var(--ih)/2);width:var(--iw);height:var(--ih);font-size:var(--isl);font-family:var(--body);opacity:0;transform-origin:50%;box-shadow:0 1.8em 3.2em -1.4em #000c,0 0 0 1px rgba(var(--cr),.22);background:#f3f0f7;border:.55em solid #050505;border-radius:2em;line-height:1.25;position:absolute}.khpi .p1-ph .pw__tag{left:-.5em}.khpi .p1-ph__notch{background:#050505;border-radius:.6em;width:3.2em;height:.9em;margin:.5em auto .3em;display:block}.khpi .p1-ph__app{letter-spacing:.1em;text-transform:uppercase;color:#7d6fa8;padding:0 1em;font-size:.8em;font-weight:800;display:block}.khpi .p1-ph__q{font-family:var(--head);color:#1d1a26;padding:.5em 1em .6em;font-size:1.15em;font-weight:700;line-height:1.15;display:block}.khpi .p1-ph__search{background:#fff;border-radius:.7em;height:2.2em;margin:0 .9em .8em;display:block;position:relative;box-shadow:inset 0 0 0 1px #1d1a2624}.khpi .p1-blink{background:#7d6fa8;width:.12em;height:1.2em;animation:1s step-end infinite p1-blink;position:absolute;top:.5em;left:.7em}.khpi .p1-ph__row{color:#3a3550;background:#e7e2f1;border-radius:.6em;align-items:center;gap:.6em;margin:0 .9em .45em;padding:.55em .6em;font-size:.88em;font-weight:700;display:flex}.khpi .p1-ph__row b{background:#c9bee6;border-radius:.35em;flex:none;width:1.3em;height:1.3em}.khpi .p1-k{z-index:3;width:var(--ks);height:var(--ks);left:calc(var(--cx) - var(--ks)/2);top:calc(var(--cy) - var(--ks)/2 - 14px);position:absolute}.khpi .p1-kbody{transform-origin:50% 100%;position:absolute;inset:0}.khpi .p1-burst{border:2px solid var(--accent);opacity:0;border-radius:28%;position:absolute;inset:0}.khpi .p1-cap{z-index:3;text-align:center;font-family:var(--head);letter-spacing:-.015em;color:rgb(var(--cr));pointer-events:none;margin:0;font-weight:700;position:absolute}.khpi .p1-mask{vertical-align:top;margin-bottom:-.1em;padding:0 .02em .1em;display:inline-block;overflow:hidden}.khpi .p1-mask>span{transform-origin:0 100%;display:inline-block}.khpi .p1-cap--a{top:calc(var(--cy) - 1.95em);left:calc(var(--cx) - 7.5em);opacity:0;width:15em;color:rgba(var(--cr),.6);font-size:clamp(24px,2.3vw,31px);line-height:1.2}.khpi .p1-cap--a .p1-mask{display:block}.khpi .p1-cap--a .p1-hit{color:rgb(var(--cr))}.khpi .p1-cap--b{top:calc(var(--cy) + var(--ks)/2 + 4px);left:calc(var(--cx) - var(--pw)/2);width:var(--pw);background:#0e0e0e;border-radius:40px;font-size:clamp(19px,1.9vw,25px);line-height:1.2;box-shadow:0 0 20px 12px #0e0e0e}@media (min-width:721px) and (max-width:1180px){.khpi .p1-stage{--pw:max(300px,min(440px,calc(1.902*var(--rx) - var(--nw) - 24px)))}.khpi .p1-cap--b{text-wrap:balance;font-size:18px;box-shadow:0 0 14px 8px #0e0e0e}.khpi .p1-ask{padding:3px 9px 4px;font-size:11.5px}}@media (min-width:721px) and (max-width:1000px){.khpi .p1-stage{--pw:min(440px,calc(2*var(--cx) - 8px))}.khpi .p1-cap--b{top:calc(100% - var(--capr) + 14px);box-shadow:none;background:0 0}}.khpi .p1 .pcon{left:calc(var(--cx) - .588*var(--rx) + var(--nw)/2 - 74px);top:calc(var(--cy) - .809*var(--ry) - var(--nh)/2 - 16px)}@media (max-width:720px){.khpi .px-track{margin-top:28px}.khpi .p1-stage{--nw:124px;--nh:150px;--gy:28px;--ks:58px;--isl:6.2px;--sw:112px;--sh:132px;--drop:22px;--gx:min(calc(50% - var(--nw)/2),132px);--capy:calc(3*var(--nh) + 2*var(--gy) + var(--drop) + 16px);height:calc(var(--capy) + 76px)}.khpi .p1-node{left:calc(50% + var(--col)*var(--gx) - var(--nw)/2);top:calc(var(--row)*(var(--nh) + var(--gy)))}.khpi .p1-node--student{left:calc(50% - var(--gx) - var(--sw)/2);top:calc(2*(var(--nh) + var(--gy)) + var(--drop))}.khpi .p1-k{left:calc(50% - var(--ks)/2);top:calc(var(--nh)*1.5 + var(--gy) - var(--ks)/2)}.khpi .p1-tether{left:calc(50% - var(--gx) - 1px);top:calc(2*var(--nh) + var(--gy));width:0;height:calc(var(--gy) + var(--drop) - 8px);border-top:0;border-left:2px dashed rgba(var(--cr),.34);transform-origin:50% 0}.khpi .p1-ask{left:calc(50% - var(--gx));top:calc(2*var(--nh) + 1.5*var(--gy) + var(--drop)/2);padding:2px 7px 3px;font-size:10px}.khpi .p1-static__wide{display:none}.khpi .p1-static__tall{left:calc(50% - var(--gx));width:calc(2*var(--gx));top:calc(var(--nh)/2);height:calc(2*(var(--nh) + var(--gy)));display:block}.khpi .p1 .pg__head{padding:6px 6px 8px}.khpi .p1 .pg__bg{border-radius:12px}.khpi .p1 .pg__thumb{border-radius:7px}.khpi .p1 .pg__glow{border-radius:15px}.khpi .p1 .pg__label,.khpi .p1-loose .pg__label{align-items:flex-start;gap:5px;margin:7px 1px 4px;font-size:12px}.khpi .p1 .pg__label:before{width:6px;height:6px;margin-top:4px}.khpi .p1 .pg__chips{gap:0}.khpi .p1 .pg__chip{background:0 0;gap:3px;padding:0;font-size:9.5px}.khpi .p1 .pg__chip:not(:last-child):after{content:"·";opacity:.6;margin:0 3px 0 2px}.khpi .p1 .pg__chip img{width:8px;height:8px}.khpi .p1 .pg__more{display:none}.khpi .p1-cap--a,.khpi .p1-cap--b{top:var(--capy);width:100%;max-width:330px;box-shadow:none;background:0 0;margin:0 auto;font-size:18px;left:0;right:0}.khpi .p1-cap--a{font-size:17px}.khpi .p1 .pw__tag{font-size:max(1em,9.5px)}.khpi .p1 .pcon{left:calc(50% - var(--gx) + var(--nw)/2 - 64px);border-radius:10px;width:84px;height:34px;padding:0 9px 0 21px;top:-14px}.khpi .p1 .pcon:before{width:7px;height:7px;margin-top:-3.5px;left:9px}.khpi .p1 .pcon small{font-size:7.5px}.khpi .p1 .pcon b{font-size:13px}}@media (prefers-reduced-motion:reduce){.khpi .p1-bob,.khpi .p1-caret,.khpi .p1-blink{animation:none!important}.khpi .p1 .pg,.khpi .p1 .pg__more,.khpi .p1 .pg__thumb img,.khpi .p1-loose .pg__head{transition:none}}
.khpi .problem.db{--night:#141c2b;--night-card:#1a2333;--db-bg:var(--ink);background-color:var(--db-bg);box-shadow:inset 0 1px 0 rgba(var(--cr),.1)}.khpi .db{--ch:96px;--cg:12px}.khpi .db-stage{grid-template-rows:auto auto auto;grid-template-columns:minmax(320px,420px) minmax(180px,1fr) minmax(290px,360px);align-items:center;column-gap:24px;display:grid;position:relative}.khpi .db-side{letter-spacing:.16em;text-transform:uppercase;color:rgba(var(--cr),.55);grid-row:1;align-self:end;margin-bottom:16px;font-size:12.5px;font-weight:800}.khpi .db-side--t{grid-column:1}.khpi .db-side--s{grid-column:3}.khpi .db-tcol{z-index:12;gap:var(--cg);flex-direction:column;grid-area:2/1;display:flex;position:relative}.khpi .db-mid{z-index:5;grid-area:2/2;align-self:stretch;min-height:300px;position:relative}.khpi .db-scol{z-index:14;grid-area:2/3;position:relative}.khpi .db-caption{z-index:16;grid-area:3/1/auto/-1;justify-self:center;position:relative}.khpi .db-tcol .pg{height:var(--ch)}.khpi .db-tcol .pg__more{margin:-64px 0 0;top:50%;left:calc(100% + 16px);translate:-6px}.khpi .db[data-live] .db-tcol .pg{will-change:transform,opacity}.khpi .db-spine{top:calc(var(--ch)/2);bottom:calc(var(--ch)/2);pointer-events:none;width:13px;position:absolute;right:-13px}.khpi .db-spine i{background:var(--wire);transform-origin:50% 0;border-radius:1px;width:2.25px;position:absolute;top:0;bottom:0;right:0}.khpi .db-spine b{width:12px;height:2.25px;left:0;top:calc(var(--k)*(var(--ch) + var(--cg)) - 1px);background:var(--wire);position:absolute}.khpi .db-chasm{opacity:0;pointer-events:none;position:absolute;inset:-18px -14px -18px 10px}.khpi .db-void{background:linear-gradient(90deg,#04040400 0%,#040404d9 16%,#030303 50%,#040404d9 84%,#04040400 100%);position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 10% 90%,#0000);mask-image:linear-gradient(#0000,#000 10% 90%,#0000)}.khpi .db-void i{background:linear-gradient(180deg,transparent,rgba(var(--cr),.32),transparent);width:1px;height:64px;animation:2.8s linear infinite paused db-fall;position:absolute;top:0}.khpi .db-void i:first-child{animation-delay:-.4s;left:22%}.khpi .db-void i:nth-child(2){animation-duration:3.4s;animation-delay:-1.9s;left:37%}.khpi .db-void i:nth-child(3){animation-delay:-1.1s;left:51%}.khpi .db-void i:nth-child(4){animation-duration:2.4s;animation-delay:-2.5s;left:64%}.khpi .db-void i:nth-child(5){animation-duration:3.1s;animation-delay:-.9s;left:78%}.khpi .db[data-falling][data-inview] .db-void i{animation-play-state:running}@keyframes db-fall{0%{transform:translateY(-100%)}to{transform:translateY(900%)}}.khpi .db-land{background:radial-gradient(120% 70% at var(--lx)50%,rgba(var(--cr),.12),rgba(var(--cr),.04)42%,rgba(var(--cr),0)72%);width:62vw;position:absolute;top:-6%;bottom:-6%;-webkit-mask-image:linear-gradient(#0000,#000 14% 86%,#0000);mask-image:linear-gradient(#0000,#000 14% 86%,#0000)}.khpi .db-land--t{--lx:100%;right:calc(100% - 10px)}.khpi .db-land--s{--lx:0%;left:calc(100% - 10px)}.khpi .db-edges{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.khpi .db-edges path{fill:none;stroke:rgba(var(--cr),.62);stroke-width:2px;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.khpi .db-edges--h{display:none}.khpi .db-deck{border-top:2.25px solid var(--wire);border-bottom:2.25px solid var(--wire);background:rgba(var(--cr),.04);height:20px;margin-top:-10px;position:absolute;top:50%}.khpi .db-deck i{background:repeating-linear-gradient(90deg,rgba(var(--cr),.26)0 2px,transparent 2px 10px);position:absolute;inset:2px 0}.khpi .db-deck--a{transform-origin:100%;left:-12px;right:50%}.khpi .db-deck--b{transform-origin:0;left:50%;right:-24px}.khpi .db-lane{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute}.khpi .db-lane--out{top:calc(50% - 104px);left:6px;right:-16px}.khpi .db-lane--in{flex-direction:column-reverse;top:calc(50% + 76px);left:-4px;right:-10px}.khpi .db-lane__label{letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--cr),.72);white-space:nowrap;font-size:12.5px;font-weight:800}.khpi .db-lane--out .db-lane__label:after{content:"  →";color:var(--cream)}.khpi .db-lane--in .db-lane__label:before{content:"←  ";color:var(--cream)}.khpi .db-nb{white-space:nowrap}.khpi .db-lane__line{background:var(--wire-dim);border-radius:1px;align-self:stretch;height:2.25px;position:relative}.khpi .db-lane--out .db-lane__line{transform-origin:0}.khpi .db-lane--in .db-lane__line{transform-origin:100%}.khpi .db-lane__line i{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 12'%3E%3Cpath d='M1 1l6 5-6 5' fill='none' stroke='%23EFE7D6' stroke-opacity='.75' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;width:8px;height:12px;position:absolute;top:-5px}.khpi .db-lane--out .db-lane__line i{right:-2px}.khpi .db-lane--in .db-lane__line i{left:-2px;transform:scaleX(-1)}.khpi .db-lane__flow{pointer-events:none;height:10px;position:absolute;left:0;right:0;overflow:hidden}.khpi .db-lane--out .db-lane__flow{bottom:-4px}.khpi .db-lane--in .db-lane__flow{top:-4px}.khpi .db-lane__flow b{animation:3.6s linear infinite paused db-flow;position:absolute;inset:0}.khpi .db-lane__flow b:before{content:"";background:var(--cream);border-radius:2px;width:13px;height:8px;position:absolute;top:1px;left:0;box-shadow:0 0 10px #fbf4e759}.khpi .db-lane--in .db-lane__flow b{animation-name:db-flow-back}.khpi .db-lane--in .db-lane__flow b:before{background:var(--accent);border-radius:50%;width:8px;box-shadow:0 0 10px #ff93c280}.khpi .db-lane__flow b:nth-child(2){animation-delay:-1.2s}.khpi .db-lane__flow b:nth-child(3){animation-delay:-2.4s}.khpi .db:not([data-live]) .db-lane__flow b,.khpi .db[data-flowing][data-inview] .db-lane__flow b{animation-play-state:running}@keyframes db-flow{0%{transform:translate(-6%)}to{transform:translate(100%)}}@keyframes db-flow-back{0%{transform:translate(100%)}to{transform:translate(-6%)}}.khpi .db-ask{z-index:4;opacity:0;pointer-events:none;background:var(--db-bg);letter-spacing:.02em;color:#f2bcd3;white-space:nowrap;border:1.5px dashed #f2bcd3bf;border-radius:999px;padding:3px 10px 4px;font-size:12.5px;font-weight:800;line-height:1.2;position:absolute;top:-10px;left:50%;translate:-50%}.khpi .db-core{z-index:3;width:112px;height:112px;margin:-56px 0 0 -56px;position:absolute;top:50%;left:50%}.khpi .db-core .pk__lit{box-shadow:0 0 34px #ff93c266,0 0 0 6px var(--db-bg)}.khpi .db-glow{opacity:0;background:radial-gradient(closest-side,#ff93c280,#ff93c200);border-radius:40%;position:absolute;inset:-18px}.khpi .db-phone{border:2px solid rgba(var(--cr),.24);opacity:0;pointer-events:none;border-radius:46px;width:326px;height:520px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.khpi .db-phone i{background:rgba(var(--cr),.14);border-radius:999px;width:84px;height:20px;margin-left:-42px;position:absolute;top:12px;left:50%}.khpi .db-sg{padding-bottom:14px}.khpi .db-sg .pg__head{padding:14px 14px 0}.khpi .db-sg .pg__thumb{width:112px}.khpi .db-sg .pg__more{margin:-64px 0 0;top:50%;left:auto;right:calc(100% + 16px);translate:6px}.khpi .db-rows{flex-direction:column;gap:6px;margin:14px 14px 0;display:flex;position:relative}.khpi .db-s{height:50px;display:block;position:relative}.khpi .db-row{background:rgba(var(--cr),.06);border-radius:11px;align-items:baseline;gap:10px;padding:15px 14px 0;display:flex;position:absolute;inset:0}.khpi .db-row b{color:var(--cream);white-space:nowrap;font-size:14.5px;font-weight:800}.khpi .db-row small{color:rgba(var(--cr),.55);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.khpi .db .db-app{--iw:26em;--ih:9.4em;font-size:11px}.khpi .db[data-live] .db-s,.khpi .db[data-live] .db-app{will-change:transform,opacity}.khpi .pw--notes{background:#fbf0bf}.khpi .pw--quiz{background:#ece7fa}.khpi .pw--tutor{background:#e6eefb}.khpi .pw--timer{background:#e6f0dc}.khpi .pw__bar--notes{color:#3b3112;background:#efd97a}.khpi .pw__bar--quiz{color:#f6f3ff;background:#7a64c8}.khpi .pw__bar--tutor{color:#f4f7fd;background:#4f6fb0}.khpi .pw__bar--timer{color:#f2f7ec;background:#5e7e3a}.khpi .pw__bar--quiz>i,.khpi .pw__bar--tutor>i,.khpi .pw__bar--timer>i{background:#ffffff52}.khpi .db-app .pw__body{gap:.4em;padding:.7em 1.1em}.khpi .db-app__h{font-family:var(--head);color:#26221d;font-size:1.45em;font-weight:700;line-height:1.1}.khpi .db-app__bar{background:#26221d24;border-radius:.4em;height:.65em;display:block;overflow:hidden}.khpi .db-app__bar i{background:#7a64c8;width:60%;height:100%;display:block}.khpi .db-app__q,.khpi .db-app__a{color:#f4f7fd;background:#4f6fb0;border-radius:1em 1em .25em;align-self:flex-end;padding:.25em .9em;font-size:1.05em;font-weight:700}.khpi .db-app__a{color:#26221d;background:#fff;border-radius:1em 1em 1em .25em;align-self:flex-start}.khpi .db-app__timer{align-items:center;gap:1em;display:flex}.khpi .db-app__ring{background:conic-gradient(#5e7e3a 0 72%,#26221d1f 72% 100%);border-radius:50%;flex:none;width:3.6em;height:3.6em;-webkit-mask:radial-gradient(circle,#0000 58%,#000 60%);mask:radial-gradient(circle,#0000 58%,#000 60%)}.khpi .db-app__timer .db-app__h{letter-spacing:-.02em;font-size:2em}.khpi .db .pcon{top:-30px;right:14px}.khpi .db-fly{z-index:30;opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:0;left:0}.khpi .db-fly small{color:rgba(var(--cr),.75);white-space:nowrap;font-size:11.5px;font-weight:700}.khpi .db-fly__doc{background:#f3efe6;border-radius:4px 13px 4px 4px;width:50px;height:62px;position:relative;box-shadow:0 10px 20px -8px #000000e6}.khpi .db-fly__doc:after{content:"";background:#c9c3b6;border-radius:0 0 0 4px;width:12px;height:12px;position:absolute;top:0;right:0}.khpi .db-fly__doc b{color:#fff6ee;letter-spacing:.04em;background:#b84a3a;border-radius:3px;padding:1px 4px;font-size:9px;font-weight:800;position:absolute;bottom:7px;left:5px}.khpi .db-fly__img{background:#eee9df;border-radius:4px;outline:3px solid #fff;flex-direction:column;justify-content:center;gap:4px;width:88px;height:56px;padding:9px;display:flex;box-shadow:0 10px 20px -8px #000000e6}.khpi .db-fly__img i{background:#2a293040;border-radius:3px;height:5px}.khpi .db-fly__img i:first-child{background:#2a293073;width:70%;height:7px}.khpi .db-caption{max-width:820px;font-family:var(--head);letter-spacing:-.012em;text-align:center;color:var(--cream);margin-top:30px;padding:2px 0 6px;font-size:25px;font-weight:700;line-height:1.25;display:grid;overflow:hidden}.khpi .db-caption>span{grid-area:1/1}.khpi .db-caption__a{color:rgba(var(--cr),.72);opacity:0;transform:translateY(105%)}.khpi .db-caption__b{font-size:1.2em}.khpi .db-cw{vertical-align:bottom;margin-bottom:-.1em;padding-bottom:.1em;display:inline-block;overflow:hidden}.khpi .db-cw>span{transform-origin:0 100%;display:inline-block}@media (max-width:1099px){.khpi .db-lane--out,.khpi .db-lane--in{left:6px;right:6px}.khpi .db-lane__label{letter-spacing:.08em;white-space:normal;text-align:center;max-width:100%;font-size:10.5px}}@media (max-width:1023px){.khpi .db{--ch:72px;--cg:8px}.khpi .db-stage{grid-template-columns:minmax(240px,300px) minmax(150px,1fr) minmax(220px,260px);column-gap:20px}.khpi .db .pg--row .pg__thumb{width:72px}.khpi .db .pg--row .pg__label{font-size:13.5px}.khpi .db-tcol .pg__chips{display:none}.khpi .db .db-app{font-size:8.4px}.khpi .db-phone{width:250px;height:430px}.khpi .db-s{height:42px}.khpi .db-core{width:92px;height:92px;margin:-46px 0 0 -46px}.khpi .db-caption{font-size:20px}.khpi .db-kori{display:none}}@media (max-width:720px){.khpi .db{--ch:48px;--cg:6px}.khpi .db-stage{flex-direction:column;align-items:stretch;display:flex}.khpi .db-side{align-self:flex-start;margin-bottom:8px;font-size:11px}.khpi .db-side--t{order:1}.khpi .db-tcol{order:2}.khpi .db-mid{order:3;height:140px;min-height:0;margin:10px 0 2px}.khpi .db-side--s{order:4}.khpi .db-scol{order:5}.khpi .db-caption{order:6;align-self:center;max-width:330px;margin-top:16px;font-size:16px}.khpi .db-land,.khpi .db-edges--v{display:none}.khpi .db-edges--h{display:block}.khpi .db .pg--row .pg__head{gap:10px;padding:5px 10px 5px 5px}.khpi .db .pg--row .pg__thumb{border-radius:6px;width:60px}.khpi .db .pg__bg{border-radius:11px}.khpi .db .pg--row .pg__label{white-space:normal;margin:0 0 2px;font-size:13px}.khpi .db .pg__label:before{width:6px;height:6px}.khpi .db-tcol .pg__chips{flex-wrap:nowrap;gap:0;display:flex;overflow:hidden}.khpi .db .pg__chip{background:0 0;gap:3px;padding:0;font-size:9.5px}.khpi .db .pg__chip:not(:last-child):after{content:"·";opacity:.6;margin:0 3px 0 2px}.khpi .db .pg__chip img{width:8px;height:8px}.khpi .db .pg__more{display:none}.khpi .db-spine{width:auto;height:2.25px;inset:auto 22% -9px}.khpi .db-spine i{transform-origin:50%;width:auto;height:2.25px;inset:0 0 auto}.khpi .db-spine b{display:none}.khpi .db-chasm{inset:-4px -6px}.khpi .db-void{background:linear-gradient(#04040400 0%,#040404d9 20%,#030303 50%,#040404d9 80%,#04040400 100%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.khpi .db-void i{height:34px}.khpi .db-deck{border:0;border-left:2.25px solid var(--wire);border-right:2.25px solid var(--wire);width:14px;height:auto;margin:0 0 0 -7px;top:auto;left:50%;right:auto}.khpi .db-deck i{background:repeating-linear-gradient(180deg,rgba(var(--cr),.2)0 2px,transparent 2px 9px);inset:0 2px}.khpi .db-deck--a{transform-origin:50% 100%;top:-12px;bottom:50%}.khpi .db-deck--b{transform-origin:50% 0;top:50%;bottom:-34px}.khpi .db-lane{gap:0;width:2px;top:6px;bottom:6px}.khpi .db-lane--out{left:calc(50% - 70px);right:auto}.khpi .db-lane--in{left:calc(50% + 68px);right:auto}.khpi .db-lane__line{align-self:auto;width:2.25px;height:100%}.khpi .db-lane--out .db-lane__line{transform-origin:50% 0}.khpi .db-lane--in .db-lane__line{transform-origin:50% 100%}.khpi .db-lane__line i{width:12px;height:8px;top:auto;left:-5px}.khpi .db-lane--out .db-lane__line i{bottom:-2px;right:auto;transform:rotate(90deg)}.khpi .db-lane--in .db-lane__line i{top:-2px;left:-5px;transform:rotate(-90deg)}.khpi .db-lane__label{letter-spacing:.08em;white-space:normal;width:92px;max-width:none;margin-top:-1.4em;font-size:10px;line-height:1.35;position:absolute;top:50%}.khpi .db-lane--out .db-lane__label{text-align:right;right:12px}.khpi .db-lane--in .db-lane__label{text-align:left;left:12px}.khpi .db-lane--out .db-lane__label:after{content:" ↓"}.khpi .db-lane--in .db-lane__label:before{content:"↑ "}.khpi .db-lane__flow,.khpi .db-lane--out .db-lane__flow,.khpi .db-lane--in .db-lane__flow{width:10px;height:auto;inset:0 auto 0 -4px}.khpi .db-lane__flow b{animation-name:db-flow-y}.khpi .db-lane--in .db-lane__flow b{animation-name:db-flow-y-back}.khpi .db-lane__flow b:before{width:8px;height:11px;top:0;left:1px}.khpi .db-lane--in .db-lane__flow b:before{height:8px}.khpi .db-ask{padding:2px 7px 3px;font-size:10px;top:50%;left:4px;translate:0 -50%}.khpi .db-core{width:72px;height:72px;margin:-36px 0 0 -36px}.khpi .db-glow{inset:-12px}.khpi .db-phone{display:none}.khpi .db-sg{padding-bottom:10px}.khpi .db-sg .pg__head{padding:10px 10px 0}.khpi .db-sg .pg__thumb{width:64px}.khpi .db-sg .pg__chips{display:flex}.khpi .db-rows{grid-template-columns:1fr 1fr;gap:6px;margin:10px 10px 0;display:grid}.khpi .db-s{height:44px}.khpi .db-row{flex-direction:column;gap:1px;padding:6px 10px 0}.khpi .db-row b{font-size:12.5px}.khpi .db-row small{max-width:100%;font-size:10.5px}.khpi .db .db-app{font-size:5.8px}.khpi .db .pcon{border-radius:10px;width:84px;height:34px;padding:0 9px 0 21px;top:-26px;right:10px}.khpi .db .pcon:before{width:7px;height:7px;margin-top:-3.5px;left:9px}.khpi .db .pcon small{font-size:7.5px}.khpi .db .pcon b{font-size:13px}@keyframes db-flow-y{0%{transform:translateY(-8%)}to{transform:translateY(100%)}}@keyframes db-flow-y-back{0%{transform:translateY(100%)}to{transform:translateY(-8%)}}}@media (prefers-reduced-motion:reduce){.khpi .db-lane__flow b,.khpi .db-void i{animation:none!important}.khpi .db-lane__flow b:first-child{transform:translate(18%)}.khpi .db-lane__flow b:nth-child(2){transform:translate(50%)}.khpi .db-lane__flow b:nth-child(3){transform:translate(80%)}.khpi .db .pg,.khpi .db .pg__more,.khpi .db .pg__bg{transition:none}}@media (prefers-reduced-motion:reduce) and (max-width:720px){.khpi .db-lane__flow b:first-child{transform:translateY(18%)}.khpi .db-lane__flow b:nth-child(2){transform:translateY(50%)}.khpi .db-lane__flow b:nth-child(3){transform:translateY(80%)}}
.tlv3 .vp__media--live{aspect-ratio:16/13;flex:0 780px;position:relative;overflow:visible}.mm-story{flex-direction:column;padding:3.5% 4% 3%;display:flex;position:absolute;inset:0}.mm-ribbon{position:relative}.mm-ribbon__steps{justify-content:space-between;margin:0;padding:0;list-style:none;display:flex;position:relative}.mm-ribbon:before,.mm-ribbon__fill{content:"";background:#4a2f2224;border-radius:3px;height:3px;position:absolute;top:6px;left:10%;right:10%}.mm-ribbon__fill{transform-origin:0;background:#3c2a20}.mm-ribbon li{z-index:1;flex:1;justify-content:center;display:flex;position:relative}.mm-ribbon button{cursor:pointer;color:#3c2a2080;font-family:var(--font-dm-sans),system-ui,sans-serif;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:0;display:flex}.mm-ribbon__dot{background:#e9dfce;border-radius:50%;width:15px;height:15px;transition:background .3s,transform .3s;box-shadow:0 0 0 3px #fbf4e7}.mm-ribbon small{letter-spacing:.04em;text-transform:uppercase;font-size:10.5px;font-weight:700}.mm-ribbon b{font-size:13px;font-weight:800}.mm-ribbon .is-done button{color:#3c2a20bf}.mm-ribbon .is-done .mm-ribbon__dot{background:#3c2a20}.mm-ribbon .is-on button{color:#2b1c14}.mm-ribbon .is-on .mm-ribbon__dot{background:var(--acc,#f4b2d9);transform:scale(1.15);box-shadow:0 0 0 3px #fbf4e7,0 0 0 5px #3c2a20}.mm-desk{aspect-ratio:1440/958;width:86%;margin:3% auto 0;position:relative}.mm-win{background:#fbf4e7;border-radius:12px;position:absolute;overflow:hidden;box-shadow:0 0 0 1px #00000073,0 18px 44px #28140a61}.mm-win.is-big{width:100%;top:0;left:0}.mm-win.is-mini{width:27%;bottom:-7%;box-shadow:0 0 0 1px #00000080,0 14px 30px #1e0e0673,0 0 0 4px #fbf4e7}.mm-win--teacher.is-mini{left:-4%}.mm-win--student.is-mini{right:-4%}.mm-win.is-mini .mm-win__bar{gap:5px;height:18px;padding:0 6px;font-size:8.5px}.mm-win.is-mini .mm-win__lights{gap:3px}.mm-win.is-mini .mm-win__lights i{width:6px;height:6px}.mm-win.is-mini .mm-win__title{text-overflow:ellipsis;text-align:center;flex:1;min-width:0;padding-right:24px;position:static;overflow:hidden;transform:none}.mm-win.is-mini .mm-win__app{display:none}.mm-cam{transform-origin:50%;will-change:transform;position:absolute;inset:0}.mm-win__bar{height:28px;font:800 11.5px/1 var(--font-dm-sans),system-ui,sans-serif;color:#0e0e0e;white-space:nowrap;background:linear-gradient(#ecebe9,#dad8d5);border-bottom:1px solid #bdbab5;align-items:center;gap:10px;margin:0;padding:0 10px;display:flex;position:relative}.mm-win__lights{flex:none;gap:6px;display:flex}.mm-win__lights i{background:#ff5f57;border-radius:50%;width:10px;height:10px;box-shadow:inset 0 0 0 1px #0000001f}.mm-win__lights i:nth-child(2){background:#febc2e}.mm-win__lights i:nth-child(3){background:#28c840}.mm-win__title{position:absolute;left:50%;transform:translate(-50%)}.mm-win__screen{aspect-ratio:1440/900;background:#f1eadb;position:relative;overflow:hidden}.mm-fill{position:absolute;inset:0}.mm-media{object-fit:cover;object-position:top center;width:100%;height:100%;display:block;position:absolute;inset:0}.mm-clip{opacity:0;transition:opacity .3s ease-out}.mm-wait{background:#efe6d4 linear-gradient(100deg,#0000 30%,#ffffff8c 50%,#0000 70%) 0 0/200% 100%;animation:1.4s ease-in-out infinite shimmer;position:absolute;inset:0}.mm-clip.is-live{opacity:1}.mm-lockover{z-index:3;color:#fff;background:#0e1230f0;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}.mm-padlock{width:56px;height:56px;overflow:visible}.mm-padlock__shackle{fill:none;stroke:#dce5f6;stroke-width:6px;stroke-linecap:round}.mm-padlock__body{fill:#f4b2d9}.mm-padlock__hole{fill:#3c2a20}.mm-lockover__text{font:800 12.5px/1.2 var(--font-dm-sans),system-ui,sans-serif;align-items:center;gap:5px;margin:6px 0 0;display:flex}.mm-lockover__sub{font:600 11px/1.2 var(--font-dm-sans),system-ui,sans-serif;opacity:.7;margin:0}.mm-flight{z-index:5;pointer-events:none;width:0;height:0;position:absolute}.mm-flight__shadow{background:radial-gradient(closest-side,#1e0e068c,#0000);border-radius:50%;width:120px;height:14px;position:absolute;top:22px;left:-60px}.mm-paper{transform-origin:50% 100%;color:#2b2118;width:150px;font-family:var(--font-dm-sans),system-ui,sans-serif;background:#fff;border-radius:8px;flex-direction:column;gap:6px;padding:0 0 10px;display:flex;position:absolute;top:0;left:0;overflow:hidden;translate:-50% -50%;box-shadow:0 14px 34px #28140a57,0 0 0 1px #00000012}.mm-sheet__head{background:var(--acc,#f4b2d9);color:#1c130e;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:5px;padding:6px 9px;font-size:9.5px;font-weight:800;display:flex}.mm-sheet__title{padding:0 9px;font-size:11px;font-weight:800;line-height:1.25}.mm-sheet__lines{flex-direction:column;gap:4px;padding:0 9px;display:flex}.mm-sheet__lines i{background:#ece6da;border-radius:2px;height:4px}.mm-sheet__lines i:nth-child(2){width:82%}.mm-sheet__lines i:nth-child(3){width:58%}.mm-sheet__tags{gap:4px;padding:0 9px;display:flex}.mm-sheet__tags em{background:#f3ebd9;border-radius:999px;padding:2px 6px;font-size:8.5px;font-style:normal;font-weight:800}.mm-sheet__tags em:first-child{background:#f2bcd3}.mm-toast{z-index:6;-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);width:min(62%,300px);font-family:var(--font-dm-sans),system-ui,sans-serif;color:#1c130e;background:#faf8f4db;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 0 0 1px #00000014,0 12px 32px #1e0e0647}.mm-toast__icon{background:#fff;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid;overflow:hidden;box-shadow:0 0 0 1px #00000014}.mm-toast__icon img{object-fit:contain;width:100%;height:100%}.mm-toast__text{flex-direction:column;gap:2px;min-width:0;display:flex}.mm-toast__text small{color:#7a7064;font-size:10px;font-weight:600}.mm-toast__text b{font-size:12.5px;font-weight:800;line-height:1.2}.mm-toast__text span{color:#4a4036;font-size:11px;line-height:1.3}.mm-ambient{border-radius:inherit;pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.mm-story>:not(.mm-ambient){z-index:1;position:relative}.mm-ambient__glow{aspect-ratio:1;background:radial-gradient(closest-side,color-mix(in srgb,var(--acc,#f4b2d9)38%,transparent),transparent 70%);opacity:.45;border-radius:50%;width:90%;animation:9s ease-in-out infinite alternate mm-breathe;position:absolute;top:45%;left:50%;translate:-50% -50%}.tlv3 .vp__media .mm-ambient__shape{object-fit:contain;opacity:.32;height:auto;animation:14s ease-in-out infinite alternate mm-drift;position:absolute}.tlv3 .vp__media .mm-ambient__shape--0{width:11%;top:18%;left:-2%}.tlv3 .vp__media .mm-ambient__shape--1{width:9%;animation-duration:17s;animation-delay:-5s;top:6%;right:-1%}.tlv3 .vp__media .mm-ambient__shape--2{width:7%;animation-duration:12s;animation-delay:-8s;bottom:4%;right:4%}.tlv3 .vp__media .mm-toast__icon img{object-fit:contain;width:100%;height:100%}@keyframes mm-drift{0%{transform:translate(0)rotate(-6deg)}to{transform:translate(10px,-14px)rotate(8deg)}}@keyframes mm-breathe{0%{transform:scale(.94)}to{transform:scale(1.06)}}.mm-catch{z-index:4;box-shadow:inset 0 0 0 4px var(--acc,#f4b2d9);pointer-events:none;border-radius:12px;position:absolute;inset:0}.mm-paper svg{color:#15803d;flex:none}.mm-caption{text-align:center;min-height:2.6em;font:800 clamp(13.5px,1.15vw,16px)/1.35 var(--font-dm-sans),system-ui,sans-serif;color:#2b1c14;margin:6.5% 0 0}@media (prefers-reduced-motion:reduce){.mm-ribbon__dot,.mm-clip{transition:none}.mm-wait,.tlv3 .vp__media .mm-ambient__glow,.tlv3 .vp__media .mm-ambient__shape,.mm-ambient__glow,.mm-ambient__shape{animation:none}}@media (max-width:899px){.tlv3 .vp__media--live{aspect-ratio:auto;flex:none;width:100%;max-width:560px}.mm-story{padding:16px;position:relative}.mm-ribbon small{display:none}.mm-ribbon b{text-align:center;font-size:11px}.mm-desk{width:88%;margin-top:18px}.mm-win.is-mini{width:28%;bottom:-16%}.mm-win--teacher.is-mini{left:-3%}.mm-win--student.is-mini{right:-3%}.mm-win.is-mini .mm-win__lights{display:none}.mm-win.is-mini .mm-win__title{padding-right:0}.mm-caption{margin-top:17%}.mm-lockover{justify-content:flex-start;padding-top:9%}.mm-padlock{width:40px;height:40px}.mm-toast{width:78%;padding:7px 9px;top:6px;right:6px}.mm-toast__text span{display:none}.mm-paper{width:118px}}@media (max-width:480px){.mm-ribbon b{letter-spacing:-.02em;white-space:nowrap;font-size:10px}}@media (max-width:380px){.mm-ribbon b{letter-spacing:-.03em;font-size:9.5px}.mm-story{padding:16px 10px}}