:root{--learning-column-width:560px;--learning-column-gap:56px;--chalk:#f2f0e5;--chalk-soft:#f2f0e5c7;--chalk-muted:#e7e9db8a;--yellow-chalk:#efd993;--green-chalk:#b9d3aa;--blue-chalk:#add0cc;--pink-chalk:#dfb1aa;--board:#172720;--board-deep:#0c1713;--chalk-body:"Kalam", "Segoe Print", "Bradley Hand", cursive;--chalk-display:"Schoolbell", "Segoe Print", "Bradley Hand", cursive}body.learning-mode{background:var(--board-deep);min-height:100dvh;color:var(--chalk);position:relative;overflow:hidden}.learning-page{isolation:isolate;width:100%;height:100dvh;min-height:620px;font-family:var(--chalk-body);background:radial-gradient(at 16% 15%,#d2e1d10e,#0000 27%),radial-gradient(at 76% 71%,#c3d6c409,#0000 32%),radial-gradient(at 48% 42%,#ffffff05,#0000 46%),linear-gradient(112deg,#101d18,#1a2b24 48%,#112019);flex-direction:column;gap:15px;padding:30px 34px 21px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 115px 18px #020805b8,inset 0 0 0 7px #2f241a,inset 0 0 0 9px #bd9a6840,inset 0 0 0 12px #17110d,inset 0 0 0 14px #e8d6ad1f}.learning-page:before{z-index:0;content:"";opacity:.82;pointer-events:none;background-image:repeating-linear-gradient(3deg,#0000 0 5px,#ffffff03 6px),repeating-linear-gradient(93deg,#0000 0 8px,#ffffff03 9px),radial-gradient(at 22% 28%,#0000 0 16%,#e4ece109 17%,#0000 34%),radial-gradient(at 79% 43%,#0000 0 18%,#e4ece107 19%,#0000 36%),radial-gradient(at 49% 82%,#0000 0 12%,#e4ece108 13%,#0000 31%);background-size:auto,auto,620px 330px,740px 390px,560px 300px;position:absolute;inset:14px}.learning-page:after{z-index:4;content:"";pointer-events:none;border:1px solid #e5cb9e29;position:absolute;inset:7px;box-shadow:inset 0 2px 3px #ffe5b71a,inset 0 -3px 6px #0006}.learning-header,.learning-main{z-index:1;position:relative}.learning-header{isolation:isolate;width:100%;min-height:72px;color:var(--chalk);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(104deg,#ffffff0a,#0000 34% 72%,#ffffff06),#09130f9e;border:1px solid #eeeeda3b;border-radius:13px 17px 14px 18px/16px 13px 18px 14px;flex:0 0 72px;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 13px;display:grid;box-shadow:0 15px 30px #0000002e,inset 0 0 24px #00000029}.learning-header:before{z-index:-1;content:"";pointer-events:none;border:1px dashed #e8e9d814;border-radius:14px 11px 15px 12px;position:absolute;inset:4px 5px;transform:rotate(-.05deg)}.learning-exit,.learning-highlight{color:#f2f0e5bf;cursor:pointer;background:#edefdd09;border:1px solid #efefde57;border-radius:46% 54% 50% 48%/51% 45% 55% 49%;place-items:center;width:44px;height:44px;padding:0;transition:background .18s,border-color .18s,color .18s,transform .18s;display:grid;position:relative;box-shadow:inset 0 0 0 2px #eeefdc06,0 0 12px #eeefdc06}.learning-exit{justify-self:start}.learning-exit svg,.learning-highlight svg{filter:drop-shadow(0 0 2px #f6f4e638);width:18px;height:18px}.learning-exit svg{stroke-width:2px;width:21px;height:21px;transform:scaleX(-1)rotate(-2deg)}.learning-exit:hover,.learning-exit:focus-visible,.learning-highlight:not(:disabled):hover,.learning-highlight:focus-visible{color:var(--yellow-chalk);background:#efdb9a14;border-color:#f5e7b7b8;outline:none;transform:translateY(-1px)rotate(-1deg)}.learning-highlight:disabled{opacity:.34;cursor:default}.learning-highlight.is-ready:not(:disabled){color:var(--yellow-chalk);background:#efd9931c;border-color:#efd993b8;box-shadow:0 0 0 3px #efd99309,0 0 16px #efd9930d}.learning-highlight.is-saved{background:#efd99333;animation:.7s cubic-bezier(.2,.78,.24,1) learning-highlight-button-settle}.learning-highlight__count{min-width:19px;height:19px;color:var(--yellow-chalk);font-family:var(--chalk-body);background:#273329;border:1px solid #f5e6ad9e;border-radius:53% 47% 51% 49%;place-items:center;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:grid;position:absolute;top:-5px;right:-6px}.learning-highlight__count[hidden]{display:none}.learning-brand{color:var(--chalk);text-align:center;flex-direction:column;align-items:center;line-height:1;display:flex;transform:rotate(-.35deg)}.learning-brand span:first-child{font-family:var(--chalk-display);letter-spacing:.025em;text-shadow:0 0 4px #f6f5e92e;font-size:24px;position:relative}.learning-brand span:first-child:after{content:"";background:linear-gradient(90deg,#0000,#efd993bf 8% 90%,#0000);width:102%;height:2px;margin:2px 0 3px;display:block;transform:rotate(-1.8deg)}.learning-brand span:last-child{color:var(--chalk-muted);letter-spacing:.19em;text-transform:uppercase;font-size:9px;font-weight:700}.learning-header__right,.learning-user{align-items:center;display:flex}.learning-header__right{justify-self:end;gap:10px}.learning-user{color:#f2f0e5c7;min-height:44px;font-family:var(--chalk-body);cursor:pointer;background:#eff0e00a;border:1px solid #eeefdc3b;border-radius:999px 940px 999px 970px;gap:9px;padding:4px 13px 4px 5px;font-size:15px}.learning-user__avatar{width:34px;height:34px;color:var(--green-chalk);font-family:var(--chalk-display);background:#eff0e014;border:1px solid #eeefdd30;border-radius:49% 51% 47% 53%;place-items:center;font-size:13px;display:grid}.learning-main{flex-direction:column;flex:1;min-height:0;display:flex}.learning-track{overscroll-behavior-x:contain;scroll-behavior:smooth;scrollbar-color:#efefdc2e transparent;scrollbar-width:thin;outline:none;flex:1;min-height:0;padding:22px 10px 12px;position:relative;overflow:auto hidden}.learning-track:focus-visible{box-shadow:inset 0 0 0 1px #efd9933d}.learning-track::-webkit-scrollbar{height:6px}.learning-track::-webkit-scrollbar-track{background:0 0}.learning-track::-webkit-scrollbar-thumb{background:#efefdc33;border-radius:50%}.learning-article{height:100%;width:var(--learning-column-width);columns:var(--learning-column-width) auto;column-fill:auto;column-gap:var(--learning-column-gap);column-rule:1px dashed #e9ebda36;padding:0}.learning-article__flow{display:contents}.learning-eyebrow,.learning-section__number{color:var(--green-chalk);letter-spacing:.09em;text-transform:uppercase;text-shadow:0 0 3px #b9d3aa26;margin:0;font-size:12px;font-weight:700}.learning-article h1{max-width:500px;color:var(--chalk);font-family:var(--chalk-display);letter-spacing:-.018em;text-shadow:0 0 1px #ffffffb3,0 0 5px #f5f3e31f,1px 1px #ffffff09;text-wrap:balance;margin:17px 0 23px;font-size:clamp(53px,4.4vw,72px);font-weight:400;line-height:.92;display:table;position:relative;transform:rotate(-.35deg)}.learning-article h1:after{content:"";background:linear-gradient(177deg,#0000 30%,#efd993b8 38% 58%,#0000 67%),linear-gradient(181deg,#0000 43%,#efd99357 48% 60%,#0000 66%);width:88%;height:5px;margin:6px 0 0 4%;display:block;transform:rotate(-1deg)}.learning-deck{color:#f2f0e5d1;font-family:var(--chalk-body);text-shadow:0 0 3px #f6f4e517;margin:0;font-size:20px;font-weight:300;line-height:1.44}.learning-meta{flex-wrap:wrap;gap:9px;margin:24px 0 30px;display:flex}.learning-meta span{color:#e8e9da99;letter-spacing:.045em;text-transform:uppercase;border:1px solid #e8e9d833;border-radius:47% 53% 46% 54%/54% 46% 55% 45%;align-items:center;min-height:29px;padding:1px 10px 0;font-size:11px;font-weight:700;display:inline-flex;transform:rotate(-.4deg)}.learning-meta span:nth-child(2){color:var(--blue-chalk);transform:rotate(.5deg)}.learning-meta span:nth-child(3){color:var(--yellow-chalk);transform:rotate(-.15deg)}.learning-key-idea{break-inside:avoid;background:#efd99306;border:2px solid #efd99370;border-radius:8px 15px 10px 14px/13px 8px 16px 9px;margin:0 3px 35px;padding:22px 24px 23px;position:relative;transform:rotate(.15deg);box-shadow:inset 0 0 22px #efd99306,0 0 7px #efd99306}.learning-key-idea:after{content:"";pointer-events:none;border:1px dashed #efd99326;border-radius:12px 9px 15px 7px;position:absolute;inset:5px -4px -4px 4px;transform:rotate(-.35deg)}.learning-key-idea>span{color:var(--yellow-chalk);letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.learning-key-idea svg{filter:drop-shadow(0 0 2px #efd9932e);width:16px;height:16px}.learning-key-idea p{color:#f4efd9e0;font-family:var(--chalk-body);margin:13px 0 0;font-size:19px;font-weight:400;line-height:1.45}.learning-section{margin:0 0 40px}.learning-section__number{width:32px;height:29px;color:var(--green-chalk);font-family:var(--chalk-display);border:1px solid #b9d3aa6b;border-radius:51% 49% 47% 53%;place-items:center;margin-bottom:10px;font-size:13px;display:grid;transform:rotate(-2deg)}.learning-section h2{break-after:avoid-column;color:#f4f2e6f2;font-family:var(--chalk-display);letter-spacing:.005em;text-shadow:0 0 4px #f6f4e71c;margin:0 0 17px;font-size:34px;font-weight:400;line-height:1.03;display:table;position:relative;transform:rotate(-.2deg)}.learning-section h2:after{content:"";background:linear-gradient(178deg,#0000 35%,#add0cc8a 42% 59%,#0000 66%);width:72%;height:4px;margin-top:4px;display:block;transform:rotate(.8deg)}.learning-section>p:not(.learning-section__number){color:#edede1bf;font-family:var(--chalk-body);hanging-punctuation:first last;text-shadow:0 0 3px #f6f4e612;margin:0 0 17px;font-size:17px;font-weight:300;line-height:1.62}.learning-section>p:not(.learning-section__number):first-of-type:first-letter{color:var(--pink-chalk);font-family:var(--chalk-display);font-size:29px;line-height:0}.learning-article mark.learning-user-highlight{color:#fff8da;text-shadow:0 0 4px #fff3c12e;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:linear-gradient(182deg,#0000 8%,#efd99326 10% 88%,#0000 92%),#efd9931a;border-radius:42% 48% 46% 54%;margin:0 -.04em;padding:.02em .09em .06em;animation:.62s ease-out learning-text-highlight-settle;box-shadow:0 0 13px #efd9930d}.learning-article ::selection{color:#fffdf3;background:#add0cc6b}@keyframes learning-highlight-button-settle{0%{transform:scale(.9)rotate(-3deg)}45%{transform:scale(1.08)rotate(1.5deg)}to{transform:scale(1)}}@keyframes learning-text-highlight-settle{0%{background-color:#f7e2977a;box-shadow:0 0 20px #efd9932e}to{background-color:#efd9931a}}.learning-end{break-inside:avoid;text-align:center;background:#b9d3aa06;border:2px solid #b9d3aa47;border-radius:10px 19px 12px 16px/18px 10px 17px 12px;place-content:center;min-height:220px;padding:27px;display:grid;position:relative;transform:rotate(-.2deg)}.learning-end:before{content:"";border:1px dashed #b9d3aa1c;border-radius:16px 9px 14px 10px;position:absolute;inset:6px}.learning-end>span{width:48px;height:48px;color:var(--green-chalk);border:1px solid #b9d3aa66;border-radius:48% 52% 46% 54%;place-items:center;margin:0 auto 15px;display:grid;transform:rotate(3deg)}.learning-end svg{filter:drop-shadow(0 0 2px #b9d3aa2e);width:23px;height:23px}.learning-end p{color:var(--chalk);font-family:var(--chalk-display);margin:0;font-size:25px}.learning-end a{z-index:1;color:var(--yellow-chalk);text-underline-offset:5px;margin-top:11px;font-size:14px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;position:relative}.learning-footer{color:#e6e7d773;letter-spacing:.07em;text-transform:uppercase;border-top:1px solid #eeedd924;flex:0 0 48px;grid-template-columns:1fr minmax(160px,360px) 1fr;align-items:center;gap:30px;min-height:48px;padding:11px 10px 0;font-size:11px;font-weight:700;display:grid;box-shadow:inset 0 7px 14px -13px #ffffff80}.learning-footer p{margin:0}.learning-footer__story{color:var(--green-chalk);margin-right:10px}.learning-progress{background:#e7e8d71a;border-radius:52% 48% 47% 53%;height:3px;position:relative;overflow:visible;transform:rotate(-.2deg)}.learning-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--yellow-chalk), var(--green-chalk));transform-origin:0;width:100%;height:100%;transition:transform .1s linear;display:block;transform:scaleX(.06);box-shadow:0 0 5px #efd99329}.learning-footer__hint{justify-content:flex-end;align-items:center;gap:9px;display:flex}.learning-scroll-button{color:#ededde9e;cursor:pointer;background:#e9eadb06;border:1px solid #e7e8d840;border-radius:47% 53% 50% 45%;place-items:center;width:30px;height:30px;padding:0;display:grid;transform:rotate(-1deg)}.learning-scroll-button:last-child{transform:rotate(1deg)}.learning-scroll-button svg{width:14px;height:14px}.learning-scroll-button:hover,.learning-scroll-button:focus-visible{color:var(--yellow-chalk);background:#efd99312;border-color:#efd993a3;outline:none}.learning-scroll-button:disabled{opacity:.22;cursor:default}@media (width<=1040px){.learning-page{padding-inline:27px}.learning-user>span:last-child{display:none}.learning-user{padding-right:5px}}@media (width<=760px){:root{--learning-column-width:calc(100vw - 56px);--learning-column-gap:34px}.learning-page{gap:10px;min-height:560px;padding:22px 22px 15px;box-shadow:inset 0 0 75px #020805a6,inset 0 0 0 5px #2f241a,inset 0 0 0 7px #15100c,inset 0 0 0 9px #e8d6ad1a}.learning-page:before{inset:10px}.learning-page:after{inset:5px}.learning-header{flex-basis:61px;min-height:61px;padding:0 9px}.learning-brand span:first-child{font-size:20px}.learning-brand span:last-child{display:none}.learning-header__right{gap:7px}.learning-exit,.learning-highlight{width:39px;height:39px}.learning-user{min-height:39px}.learning-user__avatar{width:29px;height:29px;font-size:11px}.learning-track{padding:18px 6px 8px}.learning-article h1{font-size:clamp(48px,14vw,62px)}.learning-deck,.learning-key-idea p{font-size:18px}.learning-section h2{font-size:31px}.learning-section>p:not(.learning-section__number){font-size:16px;line-height:1.58}.learning-footer{flex-basis:39px;grid-template-columns:1fr auto;gap:18px;min-height:39px;padding-top:5px}.learning-footer>p,.learning-footer__hint>span{display:none}.learning-progress{min-width:110px}}@media (width<=420px){.learning-brand{transform:none}.learning-brand span:first-child{font-size:17px}.learning-user{display:none}}@media (height<=700px) and (width>=761px){.learning-page{gap:11px;padding-block:22px 14px}.learning-header{flex-basis:62px;min-height:62px}.learning-track{padding-top:14px}}@media (prefers-reduced-motion:reduce){.learning-track{scroll-behavior:auto}}