[data-ll-root] .demo-unit{min-width:0}[data-ll-root] .demo-label{display:flex;justify-content:space-between;gap:12px;font:calc(var(--ll-body-size,18px) * 0.5556) ui-monospace,monospace;letter-spacing:.2px;color:inherit;padding-bottom:16px;border-bottom:1px solid #ffffff20;min-height:45px}[data-ll-root] .demo-label>span:last-child{color:var(--ll-color-d6ff63);text-align:right;font-size:calc(var(--ll-body-size,18px) * 0.5)}[data-ll-root] .hover-demo{display:block;width:100%;height:var(--ll-preview-height,405px);position:relative;border:0;background:none;padding:0;perspective:1000px;text-align:left;color:var(--ll-color-17231a);touch-action:pan-y;-webkit-tap-highlight-color:transparent}[data-ll-root] .demo-space{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--hx,0deg)) rotateY(var(--hy,0deg));transition:transform .16s ease-out;pointer-events:none}[data-ll-root] .hover-demo:focus-visible{outline:2px solid var(--ll-color-d6ff63);outline-offset:3px;border-radius:10px}[data-ll-root] .interaction-status{position:absolute;bottom:6px;left:0;right:0;text-align:center;color:inherit;font:calc(var(--ll-body-size,18px) * 0.5556) ui-monospace,monospace;letter-spacing:1px;pointer-events:none}[data-ll-root] .hover-demo.is-active .interaction-status{color:var(--ll-color-d6ff63)}
[data-ll-root] .lesson-window{position:absolute;inset:66px 12px 64px;display:block;background:var(--ll-color-f2f4eb);border:1px solid color-mix(in srgb,var(--ll-color-17231a) 25%,var(--ll-color-f2f4eb));border-radius:9px;box-shadow:5px 8px 0 color-mix(in srgb,var(--ll-color-17231a) 65%,var(--ll-color-d6ff63)),17px 25px 35px #0005;transform:rotateY(-13deg) rotateX(8deg) rotateZ(-3deg);transition:transform .55s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}[data-ll-root] .lesson-demo.is-active .lesson-window{transform:rotateY(-6deg) rotateX(4deg) rotateZ(-2deg) translateZ(25px)}[data-ll-root] .preview-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;font:calc(var(--ll-body-size,18px) * 0.5) ui-monospace,monospace;border-bottom:1px solid color-mix(in srgb,var(--ll-color-17231a) 15%,transparent)}[data-ll-root] .preview-bar b{font:700 calc(var(--ll-body-size,18px) * 0.8333) var(--ll-body-font, sans-serif);letter-spacing:-.5px}[data-ll-root] .lesson-screen{display:block;padding:19px;background:var(--ll-color-3155df);color:var(--ll-surface-text,#fff);min-height:197px}[data-ll-root] .screen-label{font:calc(var(--ll-body-size,18px) * 0.5) ui-monospace,monospace;color:var(--ll-color-d6ff63)}[data-ll-root] .lesson-screen strong{display:block;font-size:calc(var(--ll-body-size,18px) * 1.6111);line-height:1.05;letter-spacing:-1px;margin:13px 0 15px}[data-ll-root] .lesson-action{font-size:calc(var(--ll-body-size,18px) * 0.6111);display:flex;justify-content:space-between;align-items:center}[data-ll-root] .lesson-action i{font-size:calc(var(--ll-body-size,18px) * 1.1111);font-style:normal;color:var(--ll-color-d6ff63)}[data-ll-root] .lesson-footer{display:flex;justify-content:space-between;padding:11px 14px;font:calc(var(--ll-body-size,18px) * 0.4444) ui-monospace,monospace}[data-ll-root] .lift-note{position:absolute;display:block;padding:13px 15px;background:var(--ll-color-d6ff63);border:1px solid color-mix(in srgb,var(--ll-color-17231a) 25%,var(--ll-color-d6ff63));border-radius:6px;box-shadow:6px 14px 20px #0003;opacity:0;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .3s;transform:translateZ(0) scale(.9)}[data-ll-root] .lift-note>span{font:calc(var(--ll-body-size,18px) * 0.4444) ui-monospace,monospace;display:block;margin-bottom:5px}[data-ll-root] .lift-note>b{font-size:calc(var(--ll-body-size,18px) * 0.7778);display:block;letter-spacing:-.2px}[data-ll-root] .note-one{top:58px;left:10px}[data-ll-root] .note-two{bottom:67px;right:6px;background:var(--ll-color-edf2e6)}[data-ll-root] .lesson-demo.is-active .note-one{transform:translate3d(-3px,-27px,85px) rotate(-5deg);opacity:1}[data-ll-root] .lesson-demo.is-active .note-two{transform:translate3d(0,18px,105px) rotate(4deg);opacity:1}
[data-ll-root] .workbook-sheet{position:absolute;inset:60px 27px 58px;display:block;padding:21px;border-radius:6px;box-shadow:5px 9px 0 #0002,15px 20px 30px #0004;border:1px solid #ffffff45;transition:transform .65s cubic-bezier(.2,.8,.2,1)}[data-ll-root] .sheet-top{display:block;font:calc(var(--ll-body-size,18px) * 0.5) ui-monospace,monospace;letter-spacing:.5px}[data-ll-root] .workbook-sheet strong{display:block;font-size:calc(var(--ll-body-size,18px) * 1.5556);line-height:1.05;letter-spacing:-1px;margin:21px 0}[data-ll-root] .sheet-one{background:var(--ll-color-f2f4eb);transform:translateZ(28px) rotate(-6deg)}[data-ll-root] .sheet-two{background:var(--ll-color-3155df);color:var(--ll-surface-text,#fff);transform:translateZ(0) rotate(2deg)}[data-ll-root] .sheet-three{background:var(--ll-color-d6ff63);transform:translateZ(-28px) rotate(10deg)}[data-ll-root] .worksheet-field{font:calc(var(--ll-body-size,18px) * 0.4444) ui-monospace,monospace;display:block;border-top:1px solid color-mix(in srgb,var(--ll-color-17231a) 19%,transparent);padding:10px 0}[data-ll-root] .worksheet-field b{display:block;font:calc(var(--ll-body-size,18px) * 0.7778) var(--ll-body-font, sans-serif);margin-top:5px}[data-ll-root] .sheet-bottom{display:block;font:calc(var(--ll-body-size,18px) * 0.4444) ui-monospace,monospace;margin-top:11px}[data-ll-root] .sheet-line{display:block;font:calc(var(--ll-body-size,18px) * 0.6111)/1.5 inherit;padding-top:14px;border-top:1px solid currentColor}[data-ll-root] .workbook-demo.is-active .sheet-one{transform:translate3d(-35px,34px,95px) rotate(-13deg)}[data-ll-root] .workbook-demo.is-active .sheet-two{transform:translate3d(14px,-27px,30px) rotate(1deg)}[data-ll-root] .workbook-demo.is-active .sheet-three{transform:translate3d(41px,-73px,-35px) rotate(12deg)}
[data-ll-root] .flip-shell{display:block;position:absolute;inset:53px 25px 58px;transform-style:preserve-3d;transform:rotateY(-14deg) rotateZ(4deg);transition:transform .85s cubic-bezier(.25,.8,.25,1)}[data-ll-root] .checklist-demo.is-active .flip-shell{transform:rotateY(180deg) rotateZ(-3deg)}[data-ll-root] .flip-front,[data-ll-root] .flip-back{position:absolute;inset:0;display:flex;flex-direction:column;padding:24px;border:1px solid color-mix(in srgb,var(--ll-color-d6ff63) 60%,transparent);border-radius:9px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:5px 8px 0 #0003,16px 20px 25px #0004}[data-ll-root] .flip-front{background:var(--ll-color-d6ff63);transform:translateZ(2px)}[data-ll-root] .launch-word{display:block;font:bold calc(var(--ll-body-size,18px) * 2.7778)/.96 inherit;letter-spacing:-2px;margin-top:25px}[data-ll-root] .launch-word em{color:var(--ll-color-3155df);font:italic calc(var(--ll-body-size,18px) * 2.7222)/.98 var(--ll-accent-font, serif);letter-spacing:-3px}[data-ll-root] .flip-prompt{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font:calc(var(--ll-body-size,18px) * 0.5) ui-monospace,monospace;border-top:1px solid color-mix(in srgb,var(--ll-color-17231a) 19%,transparent);padding-top:12px}[data-ll-root] .flip-prompt b{font:calc(var(--ll-body-size,18px) * 1.3333) var(--ll-body-font, sans-serif)}[data-ll-root] .flip-back{background:var(--ll-color-ebf0e4);transform:rotateY(180deg) translateZ(2px)}[data-ll-root] .flip-back>strong{font-size:calc(var(--ll-body-size,18px) * 1.5);line-height:1.07;letter-spacing:-1px;margin:19px 0 16px}[data-ll-root] .launch-task{font-size:calc(var(--ll-body-size,18px) * 0.6667);padding:9px 0;border-top:1px solid color-mix(in srgb,var(--ll-color-17231a) 15%,transparent)}[data-ll-root] .back-foot{margin-top:auto;font:calc(var(--ll-body-size,18px) * 0.4444) ui-monospace,monospace;padding-top:8px}
[data-ll-root] .flip-back>strong{font-size:calc(var(--ll-body-size,18px) * 1.3889);margin:14px 0 10px}[data-ll-root] .launch-task{padding:7px 0}
@media(max-width:1100px) and (min-width:721px){[data-ll-root] .demo-label{font-size:calc(var(--ll-body-size,18px) * 0.5556)}}
@media(max-width:720px){[data-ll-root] .hover-demo{height:var(--ll-preview-height,405px)}[data-ll-root] .demo-label{font-size:calc(var(--ll-body-size,18px) * 0.6111)}[data-ll-root] .workbook-sheet{inset-inline:40px}[data-ll-root] .lesson-window{inset-inline:22px}}
@media(prefers-reduced-motion:reduce){[data-ll-root] .demo-space{transform:none!important}[data-ll-root] .lesson-window{transform:none!important}[data-ll-root] .workbook-demo.is-active .sheet-one{transform:translate(-20px,35px)}[data-ll-root] .workbook-demo.is-active .sheet-two{transform:translate(0,-20px)}[data-ll-root] .workbook-demo.is-active .sheet-three{transform:translate(20px,-65px)}[data-ll-root] .flip-shell,[data-ll-root] .checklist-demo.is-active .flip-shell{transform:none}[data-ll-root] .flip-front,[data-ll-root] .flip-back{transform:none}[data-ll-root] .flip-back{visibility:hidden}[data-ll-root] .checklist-demo.is-active .flip-front{visibility:hidden}[data-ll-root] .checklist-demo.is-active .flip-back{visibility:visible}}

[data-ll-root] .hover-demo { font-family:inherit; font-size:var(--ll-body-size,calc(var(--ll-body-size,18px) * 1.0)); cursor:pointer; }
[data-ll-root] .demo-unit { --ll-preview-scale:1; }
[data-ll-root] .demo-unit h4 { margin-top:22px; }
[data-ll-root] .demo-unit .ll-preview-caption { font:inherit; }
@media(max-width:767px){[data-ll-root] .demo-unit{max-width:440px;margin-inline:auto}}