.pencil-line-vertical[data-v-623bcfcf]{background:linear-gradient(#0000 0%,#9a9890 2%,#a8a69e 8%,#8e8c84 15%,#a09e96 25%,#929088 40%,#9c9a92 55%,#888680 70%,#a4a29a 85%,#96948c 95%,#0000 100%);width:1px}.pencil-line-horizontal[data-v-623bcfcf]{background:linear-gradient(90deg,#96948c 0%,#a8a69e 30%,#8e8c84 60%,#a09e96 100%);height:1px}@media (min-width:1024px){aside[data-v-623bcfcf]{scrollbar-width:none;-ms-overflow-style:none}aside[data-v-623bcfcf]::-webkit-scrollbar{display:none}}@media (max-width:1023px){aside[data-v-623bcfcf]::-webkit-scrollbar{width:8px}aside[data-v-623bcfcf]::-webkit-scrollbar-track{background:#f9f8f4}aside[data-v-623bcfcf]::-webkit-scrollbar-thumb{background:#d4d0c8;border-radius:4px}aside[data-v-623bcfcf]::-webkit-scrollbar-thumb:hover{background:#bfbbb3}}[data-v-623bcfcf] .lesson-content .task-item{border-radius:.75rem;margin:1rem 0;padding:1rem;transition:all .2s;box-shadow:0 1px 3px #00000014}@media (min-width:640px){[data-v-623bcfcf] .lesson-content .task-item{margin:1.5rem 0;padding:1.25rem 1.5rem}}[data-v-623bcfcf] .lesson-content .task-item:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001f}[data-v-623bcfcf] .lesson-content .task-item label{-webkit-user-select:none;user-select:none}[data-v-623bcfcf] .lesson-content .task-checkbox{flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;transition:all .2s;display:flex}[data-v-623bcfcf] .lesson-content .task-checkbox svg{width:100%;height:100%}[data-v-623bcfcf] .lesson-content .task-checkbox-todo svg{color:#9ca3af}[data-v-623bcfcf] .lesson-content .task-item:hover .task-checkbox-todo svg{color:#6b7280}[data-v-623bcfcf] .lesson-content .task-checkbox-progress svg{color:#3b82f6}[data-v-623bcfcf] .lesson-content .task-item:hover .task-checkbox-progress svg{color:#2563eb}[data-v-623bcfcf] .lesson-content .task-checkbox-checked svg{color:#22c55e}[data-v-623bcfcf] .lesson-content .task-item:hover .task-checkbox-checked svg{color:#16a34a}[data-v-623bcfcf] .lesson-content .task-checkbox-failed svg{color:#ef4444}[data-v-623bcfcf] .lesson-content .task-item:hover .task-checkbox-failed svg{color:#dc2626}[data-v-623bcfcf] .lesson-content .task-content{color:#1f2937;font-size:.9375rem;font-weight:500;line-height:1.6}[data-v-623bcfcf] .lesson-content .task-content p{margin:0}[data-v-623bcfcf] .lesson-content .task-item[data-task-status=completed] .task-content{color:#6b7280}[data-v-623bcfcf] .lesson-content .lesson-content>div:has(h4):not(.task-item):not(.lesson-link-card):not(.code-block-wrapper){border-left:3px solid;border-radius:.5rem;margin:1.5rem 0;padding:1rem;box-shadow:0 2px 4px #0000000d}@media (min-width:640px){[data-v-623bcfcf] .lesson-content .lesson-content>div:has(h4):not(.task-item):not(.lesson-link-card):not(.code-block-wrapper){border-left:4px solid;border-radius:.75rem;margin:2rem 0;padding:1.5rem}}[data-v-623bcfcf] .lesson-content div[class*=border-yellow]{background:linear-gradient(90deg,#fef3c7,#fefce8)!important;border-color:#f59e0b!important}[data-v-623bcfcf] .lesson-content div[class*=border-yellow] h4{align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:1rem;font-weight:700;display:flex;color:#92400e!important}@media (min-width:640px){[data-v-623bcfcf] .lesson-content div[class*=border-yellow] h4{font-size:1.1rem}}[data-v-623bcfcf] .lesson-content div[class*=border-yellow] p{margin:0;font-size:.875rem;line-height:1.6;color:#78350f!important}@media (min-width:640px){[data-v-623bcfcf] .lesson-content div[class*=border-yellow] p{font-size:.95rem}}[data-v-623bcfcf] .lesson-content div[class*=border-blue]{background:linear-gradient(90deg,#dbeafe,#eff6ff)!important;border-color:#3b82f6!important}[data-v-623bcfcf] .lesson-content div[class*=border-blue] h4{align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:1rem;font-weight:700;display:flex;color:#1e40af!important}@media (min-width:640px){[data-v-623bcfcf] .lesson-content div[class*=border-blue] h4{font-size:1.1rem}}[data-v-623bcfcf] .lesson-content div[class*=border-blue] p{margin:0;font-size:.875rem;line-height:1.6;color:#1e3a8a!important}@media (min-width:640px){[data-v-623bcfcf] .lesson-content div[class*=border-blue] p{font-size:.95rem}}[data-v-623bcfcf] .lesson-content div[class*=border-gray]{background:linear-gradient(90deg,#f3f4f6,#f9fafb)!important;border-color:#6b7280!important}[data-v-623bcfcf] .lesson-content div[class*=border-gray] h4{align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:1rem;font-weight:700;display:flex;color:#1f2937!important}@media (min-width:640px){[data-v-623bcfcf] .lesson-content div[class*=border-gray] h4{font-size:1.1rem}}[data-v-623bcfcf] .lesson-content div[class*=border-gray] p{margin:0;font-size:.875rem;line-height:1.6;color:#374151!important}@media (min-width:640px){[data-v-623bcfcf] .lesson-content div[class*=border-gray] p{font-size:.95rem}}[data-v-623bcfcf] .lesson-content .auth-content{margin:2rem 0}[data-v-623bcfcf] .lesson-content .code-block-wrapper{border:1px solid #e5e7eb;border-left:none;border-right:none;border-radius:0;margin:1.5rem -1rem;overflow:hidden}@media (min-width:640px){[data-v-623bcfcf] .lesson-content .code-block-wrapper{border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;border-radius:1rem;margin:2rem 0}}[data-v-623bcfcf] .lesson-content .code-block-wrapper>div:first-child{background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:0;justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}@media (min-width:640px){[data-v-623bcfcf] .lesson-content .code-block-wrapper>div:first-child{border-radius:1rem 1rem 0 0;padding:.75rem 1rem}}[data-v-623bcfcf] .lesson-content .code-block-wrapper>div:first-child span{color:#6b7280}[data-v-623bcfcf] .lesson-content .code-block-wrapper pre{-webkit-overflow-scrolling:touch;border-radius:0;overflow-x:auto;background:#fff!important;margin:0!important;padding:1rem!important}@media (min-width:640px){[data-v-623bcfcf] .lesson-content .code-block-wrapper pre{border-radius:0 0 1rem 1rem;padding:1.5rem!important}}[data-v-623bcfcf] .lesson-content .code-block-wrapper code{font-family:Fira Code,Consolas,Monaco,Courier New,monospace;font-size:.8rem;line-height:1.6;background:0 0!important}@media (min-width:640px){[data-v-623bcfcf] .lesson-content .code-block-wrapper code{font-size:.9rem}}[data-v-623bcfcf] .lesson-content .copy-code-btn{color:#374151;cursor:pointer;background:#e5e7eb;border:none;border-radius:.5rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s}[data-v-623bcfcf] .lesson-content .copy-code-btn:hover{color:#1f2937;background:#d1d5db}[data-v-623bcfcf] .lesson-content .copy-code-btn:active{transform:scale(.95)}[data-v-623bcfcf] .lesson-content .lesson-link-card{border:2px solid;border-radius:.5rem;margin:1.5rem 0;padding:1rem;transition:all .3s;display:block;box-shadow:0 2px 4px #0000000d;text-decoration:none!important}@media (min-width:640px){[data-v-623bcfcf] .lesson-content .lesson-link-card{border-radius:.75rem;margin:2rem 0;padding:1.5rem}}[data-v-623bcfcf] .lesson-content .lesson-link-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}[data-v-623bcfcf] .lesson-content .lesson-link-card h4{align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1rem;font-weight:700;display:flex}@media (min-width:640px){[data-v-623bcfcf] .lesson-content .lesson-link-card h4{font-size:1.1rem}}[data-v-623bcfcf] .lesson-content .lesson-link-card p{margin:0;font-size:.875rem;line-height:1.5}@media (min-width:640px){[data-v-623bcfcf] .lesson-content .lesson-link-card p{font-size:.9rem}}[data-v-623bcfcf] .lesson-content>*+*{margin-top:1.5rem}[data-v-623bcfcf] .lesson-content h1{color:#1b1b18;letter-spacing:-.025em;margin-top:2rem;margin-bottom:1rem;font-size:1.5rem;font-weight:800;line-height:1.2}@media (min-width:640px){[data-v-623bcfcf] .lesson-content h1{margin-top:3rem;margin-bottom:1.5rem;font-size:2.25rem}}[data-v-623bcfcf] .lesson-content h2{color:#1b1b18;letter-spacing:-.02em;margin-top:1.75rem;margin-bottom:1rem;font-size:1.25rem;font-weight:700;line-height:1.25}@media (min-width:640px){[data-v-623bcfcf] .lesson-content h2{margin-top:2.5rem;margin-bottom:1.25rem;font-size:1.75rem}}[data-v-623bcfcf] .lesson-content h3{color:#1b1b18;letter-spacing:-.015em;margin-top:1.5rem;margin-bottom:.75rem;font-size:1.125rem;font-weight:700;line-height:1.3}@media (min-width:640px){[data-v-623bcfcf] .lesson-content h3{margin-top:2rem;margin-bottom:1rem;font-size:1.375rem}}[data-v-623bcfcf] .lesson-content h4{margin-top:2rem;margin-bottom:1rem;font-weight:600;line-height:1.3}[data-v-623bcfcf] .lesson-content h5{margin-top:2rem;margin-bottom:1rem;font-weight:600;line-height:1.3}[data-v-623bcfcf] .lesson-content h6{margin-top:2rem;margin-bottom:1rem;font-weight:600;line-height:1.3}[data-v-623bcfcf] .lesson-content h1:first-child{margin-top:0}[data-v-623bcfcf] .lesson-content h2:first-child{margin-top:0}[data-v-623bcfcf] .lesson-content h3:first-child{margin-top:0}[data-v-623bcfcf] .lesson-content img{max-width:100%;height:auto;margin:2rem auto;display:block}[data-v-623bcfcf] .lesson-content ul{margin:1.5rem 0;padding-left:1.75rem}[data-v-623bcfcf] .lesson-content ol{margin:1.5rem 0;padding-left:1.75rem}[data-v-623bcfcf] .lesson-content li{margin:.5rem 0;line-height:1.7}[data-v-623bcfcf] .lesson-content hr{border:none;border-top:2px solid #e5e7eb;margin:3rem 0}[data-v-623bcfcf] .lesson-content del{color:#5a5a52;opacity:.7;text-decoration:line-through}[data-v-623bcfcf] .lesson-content s{color:#5a5a52;opacity:.7;text-decoration:line-through}[data-v-623bcfcf] [data-lesson-content] mark{background-color:#fef08a;border-radius:2px;padding:2px 0}[data-v-623bcfcf] [data-lesson-content] mark.private{background-color:#fed7aa}