:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--gray-3:#f0f0f0;--gray-4:#e8e8e8;--gray-6:#d9d9d9;--gray-10:#838383;--gray-11:#646464;--gray-12:#202020;--blue-11:#0d74ce;--blue-12:#113264}*{box-sizing:border-box}body{color:var(--gray-12);letter-spacing:-.0025em;background:#fff;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:1.125rem;line-height:1.625rem}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}h1,h2,p{margin:0}button:focus-visible,a:focus-visible{outline:2px solid var(--gray-12);outline-offset:3px}.login-shell{flex-direction:column;align-items:center;min-height:100svh;padding:3rem 1rem;display:flex}.login-shell .brand{overflow-wrap:anywhere;text-align:center;margin-bottom:1.5rem;font-weight:700}.login-card{border:1px solid var(--gray-6);background:#fff;border-radius:.75rem;width:100%;max-width:28rem;padding:min(1.5rem,5vw)}.login-flow{min-width:0}.login-flow h1{letter-spacing:-.0075em;overflow-wrap:anywhere;margin-bottom:1.5rem;font-size:1.75rem;line-height:2.25rem}.login-flow input,.google-button,.primary-button{border-radius:.375rem;min-width:0;max-width:100%;min-height:3rem;padding:.625rem .75rem;scroll-margin-block:1rem}.google-button,.primary-button{overflow-wrap:normal;width:100%;font-weight:600}.google-button{border:2px solid var(--gray-10);color:var(--gray-12);background:#fff;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.google-button span{min-width:min-content;max-width:100%}.google-icon{flex:none;width:1.25rem;height:1.25rem}.google-button:hover:enabled{background:var(--gray-3);border-color:var(--gray-11)}.divider{color:var(--gray-11);align-items:center;gap:1rem;margin-block:1.5rem;display:flex}.divider:before,.divider:after{content:"";background:var(--gray-6);flex:1;height:1px}.field{flex-direction:column;gap:.5rem;display:flex}.field label{font-weight:600}.field input{border:2px solid var(--gray-10);background:var(--gray-3);width:100%;color:var(--gray-12);outline:none}.field input:hover:enabled{border-color:var(--gray-11)}.field input[aria-invalid=true]{border-color:#8a1c13}.field input:focus-visible{border-color:var(--gray-12)}.primary-button{border:2px solid var(--blue-11);color:#fff;background:var(--blue-11);justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;display:flex}.primary-button:hover:enabled,.primary-button:active:enabled{border-color:var(--blue-12);background:var(--blue-12)}.login-flow :is(.google-button,.primary-button,input):disabled{color:var(--gray-11);background:var(--gray-4);border-color:var(--gray-10);opacity:1}.setup-note,.error-note,.success-note{overflow-wrap:anywhere;border-radius:.375rem;padding:1rem}.setup-note{background:var(--gray-3);margin-bottom:1.5rem}.error-note{color:#8a1c13;background:#fff;border:2px solid #8a1c13;margin-top:1rem}.success-note{background:var(--gray-3);margin-top:1rem}.code-intro{margin-bottom:1.5rem}.code-intro p{overflow-wrap:anywhere}.code-intro strong{font-weight:600}.inline-link{color:var(--blue-11);text-align:inherit;text-underline-offset:.15em;background:0 0;border:0;border-radius:0;margin:0;padding:0;text-decoration:underline;display:inline}.inline-link:hover:enabled,.inline-link:active:enabled{color:var(--blue-12)}.inline-link:disabled{color:var(--gray-11)}.resend-note{color:var(--gray-11);margin-top:1rem}.busy-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.busy-spinner{border-right-style:dotted;animation:none}}.member-placeholder{max-width:540px;margin:100px auto;padding:25px}.member-placeholder h1{margin:15px 0}.member-placeholder p{margin:14px 0;line-height:1.6}@media (max-width:520px){.login-shell{padding-block:1.5rem}}.course-header{border-bottom:1px solid var(--gray-6);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem max(1rem,50% - 32rem);display:flex}.course-header>a{font-weight:700;text-decoration:none}.course-header nav{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.course-header nav a,.course-link{align-items:center;min-height:2.75rem;padding:.5rem;display:inline-flex}.course-link{color:var(--gray-12);background:0 0;border:0;text-decoration:underline}.course-main{overflow-wrap:anywhere;width:100%;max-width:64rem;margin:auto;padding:2rem 1rem}.course-main h1{margin:1.5rem 0;font-size:1.75rem;line-height:2.25rem}.course-main h2{font-size:1.375rem;line-height:1.75rem}.course-main p{margin-block:1rem}.lesson-list{padding-left:1.5rem}.lesson-list li{border-bottom:1px solid var(--gray-6);padding-block:.75rem}.lesson-list a{padding:.5rem;display:block}.lesson-video{aspect-ratio:16/9;background:#202020;width:100%;margin-block:1.5rem;display:block}.lesson-content{white-space:pre-wrap}.lesson-editor{border-top:1px solid var(--gray-6);gap:.5rem;max-width:44rem;margin-block:2rem;padding-block:1.5rem;display:grid}.lesson-editor h2{margin-bottom:1rem}.lesson-editor input:not([type=checkbox]),.lesson-editor textarea{border:2px solid var(--gray-10);background:var(--gray-3);width:100%;min-width:0;min-height:3rem;color:var(--gray-12);font:inherit;border-radius:.375rem;padding:.625rem .75rem}.lesson-editor textarea{resize:vertical}.lesson-editor input:focus-visible,.lesson-editor textarea:focus-visible{border-color:var(--gray-12);outline:none}.lesson-editor label:not(:first-of-type){margin-top:1rem}.publication-choice{align-items:center;gap:.75rem;min-height:3rem;display:flex}.publication-choice input{width:1.5rem;height:1.5rem}.course-button{border:2px solid var(--gray-12);background:var(--gray-12);color:#fff;width:fit-content;min-height:3rem;font:inherit;border-radius:.375rem;margin-top:1rem;padding:.625rem 1rem}
