.ann,.ann-circled{--ann-ink:var(--ui-accent-text)}.ann{color:var(--ann-ink);font:600 21px/1.05 var(--font-hand), "Bradley Hand", "Segoe Print", cursive;letter-spacing:0;pointer-events:none;align-items:center;gap:4px;display:inline-flex}.ann--up,.ann--down{flex-direction:column;align-items:flex-start;gap:0}.ann--down{flex-direction:column-reverse}.ann-text{transform:rotate(-2deg)}.ann-arrow{flex-shrink:0;overflow:visible}.ann--left .ann-arrow{width:40px;height:20px}.ann--up .ann-arrow,.ann--down .ann-arrow{width:18px;height:30px;margin-left:10px}.ann-arrow path,.ann-ring path{stroke:var(--ann-ink);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;animation:ann-draw .5s var(--ui-ease,ease-out) backwards}.ann-arrow path+path{animation-delay:.35s}.ann-circled{display:inline-block;position:relative}.ann-ring{pointer-events:none;width:calc(100% + 18px);height:calc(100% + 14px);position:absolute;inset:-7px -9px;overflow:visible}.ann-ring path{stroke-width:1.6px;opacity:.9}@keyframes ann-draw{0%{stroke-dashoffset:1px}}@media (prefers-reduced-motion:reduce){.ann-arrow path,.ann-ring path{animation:none}}.lt .lt-note{margin-top:10px;padding:16px 14px 12px;position:relative}.lt .lt-note p{margin:0}.lt-note>.lt-note-tag{background:linear-gradient(to bottom, transparent 45%, var(--ui-panel) 45%);padding:0 6px;font-size:20px;line-height:1.1;position:absolute;top:-13px;left:10px;transform:rotate(-2deg)}.lt-note--trap{border-left-color:var(--ui-err)}.lt-note--trap>.lt-note-tag{--ann-ink:var(--ui-err)}.lt-note--code>.lt-note-pointer{background:0 0;padding:0;top:-40px;left:auto;right:16px;transform:none}.lt-note--code>.lt-note-pointer .ann-text{background:linear-gradient(to bottom, transparent 45%, var(--ui-panel) 45%);padding:0 6px}.lt-note--code{margin-top:18px}html:not(.dark) .lesson-page:before{content:"";z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .28 0 0 0 0 .2 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.lt-note-pointer .ann-arrow{width:20px;height:34px}.lt-note--code>.lt-note-pointer{top:-46px}