@charset "UTF-8";:root{--color-primary: #6366f1;--color-primary-hover: #4f46e5;--color-accent: #e01e49;--color-accent-hover: #be123c;--color-bg: rgb(17, 24, 39);--color-bg-elevated: #1f2937;--color-text: #ffffff;--color-text-muted: #9ca3af;--color-text-dim: #6b7280;--color-border: rgba(255, 255, 255, .1);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}[id^=com-id-],#main-content{scroll-margin-top:7rem}astro-island,astro-slot,astro-static-slot{display:contents}[data-hide] .pb-32{padding-bottom:0}[data-hide] .-mt-32{margin-top:0}[data-hide] .mx-auto.max-w-7xl.px-4.pb-12{padding:0;margin:0 auto}.leading-0{line-height:0}.lesson-box{max-height:460px;overflow:auto}@media(max-width:1300px){.max-w-7xl{padding:0 15px}}.main-height{min-height:calc(100vh - 132px)}.d-hover{transition:transform .3s}.d-hover:hover,.d-hover:focus{transform:scale(1.05)}.text-balance{text-wrap:balance}.article-content{line-height:1.65;max-width:72ch;color:#d1d5db}.article-content p{margin-top:0;margin-bottom:.75em}.article-content p:last-child{margin-bottom:0}.article-content h2,.article-content h3,.article-content h4{margin-top:1.25em;margin-bottom:.5em;color:#fff;font-weight:600}.article-content h2:first-child,.article-content h3:first-child,.article-content h4:first-child{margin-top:0}.article-content ul{margin-top:.5em;margin-bottom:.75em;padding-left:1.5em;list-style-type:disc}.article-content ol{margin-top:.5em;margin-bottom:.75em;padding-left:1.5em;list-style-type:decimal}.article-content li{margin-top:0;margin-bottom:.125em}.article-content li::marker{color:#9ca3af}.article-content li:last-child{margin-bottom:0}.article-content blockquote{margin:.75em 0;padding-left:1em;border-left:3px solid rgba(255,255,255,.2);color:#9ca3af}.article-content a{color:#818cf8;text-decoration:underline;text-underline-offset:2px}.article-content a:hover{color:#a5b4fc}.article-content strong{font-weight:600;color:#e5e7eb}.article-content code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875em;background:#ffffff14;color:#fde047;padding:.15em .4em;border-radius:.25rem;border:1px solid rgba(255,255,255,.06);word-break:break-word}.article-content pre{margin:1em 0;padding:.9rem 1.1rem;background:#0f172a;border:1px solid rgba(255,255,255,.08);border-radius:.5rem;overflow-x:auto;line-height:1.55;font-size:.875em;color:#e2e8f0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.article-content pre::-webkit-scrollbar{height:8px}.article-content pre::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.article-content pre code{display:block;background:transparent;color:inherit;padding:0;border:none;border-radius:0;font-size:1em;white-space:pre}.article-content.prose p,.article-content.prose-lg p{margin-top:0;margin-bottom:.75em}.article-content.prose li,.article-content.prose-lg li{margin-top:0;margin-bottom:.125em}.article-content.prose li:last-child,.article-content.prose-lg li:last-child{margin-bottom:0}*:focus-visible{outline:2px solid #6366f1;outline-offset:2px;border-radius:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #6366f1;outline-offset:2px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#111827;outline:1px inset rgb(17,24,39);border-radius:10px}::-webkit-scrollbar-thumb{background:#555;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#e01e49}#mobile-menu{display:none}body.menu-open{overflow:hidden}body.menu-open #mobile-menu{display:block}body.menu-open .menu-overlay{animation:menu-overlay-in .18s ease-out both}body.menu-open .menu-drawer{animation:menu-drawer-in .22s cubic-bezier(.22,1,.36,1) both}@keyframes menu-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes menu-drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){body.menu-open .menu-overlay,body.menu-open .menu-drawer{animation:none}}.video-container.pip-active:before{color:#ddd;content:"Video is now playing in a Picture-in-Picture window";position:absolute;z-index:22222222;inset:0;margin:auto;width:100%;height:20px;text-align:center}.video-container.pip-active .video-controls-container{display:none}input[name=faq]:checked~div{display:block}input[name=faq]:not(:checked)+label .minus{display:none}input[name=faq]:checked+label .minus{display:block}input[name=faq]:checked+label .plus{display:none}.google-btn{margin:0 auto 0rem;display:block;width:364px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.off-screen{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.svg-sprite{position:absolute;width:0;height:0;visibility:hidden}.skip-to-content{position:absolute;top:-100px;left:50%;transform:translate(-50%);z-index:9999;background:#6366f1;color:#fff;padding:.75rem 1.5rem;text-decoration:none;border-radius:.375rem;font-weight:600;transition:top .2s ease}.skip-to-content:focus{top:1rem;outline:2px solid white;outline-offset:2px}video{aspect-ratio:16/9}.demo-banner{animation:slideInDown .5s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.ytp-button{background:none;border:none;color:#fff;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;width:44px;height:44px;transition:opacity .2s;border-radius:20px;transition:all .1s cubic-bezier(0,0,.2,1)}.ytp-button:hover,.ytp-button:focus-visible{background-color:#ffffff1a}.ytp-button_long{width:48px}.ytp-button svg{width:24px;height:24px;margin:0 auto;filter:drop-shadow(0 0 1px rgba(0,0,0,.8))}.tooltip{display:none}@media(min-width:768px){.tooltip{position:absolute;bottom:calc(100% + 30px);border-radius:28px;background:#0006;padding:0 10px;display:flex;align-items:center;justify-content:center;height:32px;color:#fff;font-size:12px;white-space:nowrap;pointer-events:none;z-index:1000;gap:5px;box-shadow:0 2px 8px #0006}.tooltip.volume{bottom:calc(100% + 45px)}.tooltip-center{left:50%;transform:translate(-50%)}.tooltip-left{left:0;transform:none;margin-left:-4px}.tooltip-right{right:0;transform:none}.tooltip-label{font-weight:500}.tooltip-shortcut{border:1px solid rgba(255,255,255,.3);border-radius:3px;padding:0 4px;font-size:11px;font-weight:500;letter-spacing:.5px}}.push-prompt{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);z-index:9999;width:calc(100% - 2rem);max-width:520px;animation:push-prompt-slide-up .35s ease-out}.push-prompt-inner{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem 2.5rem 1rem 1rem;border-radius:.75rem;background:#1f2937;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 30px #00000080;color:#d1d5db;font-size:.875rem;line-height:1.4}.push-prompt-text{flex:1 1 100%;margin:0}.push-prompt-actions{display:flex;gap:.5rem}.push-prompt-btn{cursor:pointer;border:none;border-radius:.375rem;padding:.4rem 1rem;font-size:.8125rem;font-weight:600;transition:background .15s}.push-prompt-enable{background:#e11d48;color:#fff}.push-prompt-enable:hover{background:#be123c}.push-prompt-later{background:transparent;color:#9ca3af}.push-prompt-later:hover{color:#fff}.push-prompt-close{position:absolute;top:.4rem;right:.5rem;background:none;border:none;color:#6b7280;font-size:1.25rem;cursor:pointer;line-height:1;padding:.25rem}.push-prompt-close:hover{color:#fff}@keyframes push-prompt-slide-up{0%{opacity:0;transform:translate(-50%) translateY(1rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}