.CodeSnapsNavigation_navWrapper__F_n_Y{position:relative;min-height:100vh}.CodeSnapsNavigation_navToggle__SKg9T{display:none}.CodeSnapsNavigation_hamburger__SKx0L{display:none;position:fixed;top:70px;left:15px;z-index:99999;cursor:pointer;padding:12px;background:rgba(0,0,0,.9);border-radius:8px;transition:all .3s ease}.CodeSnapsNavigation_hamburger__SKx0L:hover{background:rgba(25,240,226,.2)}.CodeSnapsNavigation_hamburger__SKx0L span{display:block;width:28px;height:4px;background:#19f0e2;margin:6px 0;transition:all .3s ease;border-radius:3px}.CodeSnapsNavigation_lessonNav__vvnAY{width:260px;background-color:#0a0a0a;color:#f0f0f0;font-family:Inter,sans-serif;padding-top:20px;position:fixed;top:70px;left:0;height:calc(100vh - 70px);overflow-y:auto;overflow-x:hidden;z-index:1000;max-height:100vh;padding-bottom:5rem;scrollbar-gutter:stable;box-shadow:2px 0 10px rgba(0,0,0,.5);transition:transform .3s cubic-bezier(.4,0,.2,1)}.CodeSnapsNavigation_lessonNav__vvnAY::-webkit-scrollbar{width:8px}.CodeSnapsNavigation_lessonNav__vvnAY::-webkit-scrollbar-track{background:transparent}.CodeSnapsNavigation_lessonNav__vvnAY::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#19f0e2,#00bfa5);border-radius:10px;background-clip:padding-box;border:2px solid transparent;box-shadow:inset 0 0 6px rgba(0,0,0,.3);transition:background .3s ease}.CodeSnapsNavigation_lessonNav__vvnAY::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#00e5ff,#00bfa5)}.CodeSnapsNavigation_lessonNav__vvnAY{scrollbar-width:thin;scrollbar-color:#19f0e2 transparent}.CodeSnapsNavigation_navTitle__AoE_Y{font-size:1.7em;font-weight:800;color:#19f0e2;margin-bottom:20px;text-align:center;letter-spacing:1px;position:relative}.CodeSnapsNavigation_navTitle__AoE_Y:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:50px;height:2px;background:linear-gradient(90deg,transparent,#19f0e2,transparent)}.CodeSnapsNavigation_noContent__0qqZE{color:#f0f0f0;text-align:center;padding:1rem;font-size:.95rem;opacity:.8}.CodeSnapsNavigation_navList__w23mP{list-style:none;padding:0;margin:0}.CodeSnapsNavigation_navListItem___LFY3{margin-bottom:.15rem;position:relative}.CodeSnapsNavigation_lessonItem__WSkDk{padding:.7rem 1rem;margin:.3rem 1rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;color:#a0f0ff;font-size:1rem;cursor:pointer;transition:all .2s ease;white-space:normal;word-break:break-word;line-height:1.5;position:relative;background:rgba(15,15,15,.7)}.CodeSnapsNavigation_lessonItem__WSkDk:hover{background:rgba(30,30,30,.8);color:#ffffff;transform:translateX(5px);padding-left:1.2rem}.CodeSnapsNavigation_lessonItem__WSkDk:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#19f0e2;border-radius:50%;opacity:0;transition:all .3s ease}.CodeSnapsNavigation_lessonItem__WSkDk:hover:before{opacity:1;left:8px}.CodeSnapsNavigation_lessonItem__WSkDk a{text-decoration:none;color:inherit;width:100%;white-space:normal;word-break:break-word}.CodeSnapsNavigation_active__PbcfZ{background:rgba(25,240,226,.15)!important;color:#19f0e2!important;font-weight:500;border-left:3px solid #19f0e2;box-shadow:0 0 10px rgba(25,240,226,.3)}.CodeSnapsNavigation_active__PbcfZ a{color:#19f0e2!important}.CodeSnapsNavigation_active__PbcfZ:before{opacity:1!important;left:8px!important;background:#19f0e2!important}.CodeSnapsNavigation_bottomSpacer__UZuax{padding:3rem 1rem 2rem;text-align:center;color:#666;font-size:.85rem;border-top:1px solid rgba(25,240,226,.1);margin-top:2rem;position:relative}.CodeSnapsNavigation_bottomSpacer__UZuax:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:60px;height:1px;background:linear-gradient(90deg,transparent,#19f0e2,transparent)}.CodeSnapsNavigation_bottomSpacer__UZuax p{margin:.5rem 0;transition:color .3s ease}.CodeSnapsNavigation_bottomSpacer__UZuax a{color:#19f0e2;text-decoration:none;transition:all .3s ease;display:inline-block;position:relative}.CodeSnapsNavigation_bottomSpacer__UZuax a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#19f0e2;transition:width .3s ease}.CodeSnapsNavigation_bottomSpacer__UZuax a:hover:after{width:100%}.CodeSnapsNavigation_bottomSpacer__UZuax a:hover{color:#ffffff;text-shadow:0 0 8px rgba(25,240,226,.5)}.CodeSnapsNavigation_loadingOverlay__QC3ID{position:fixed;top:70px;left:0;width:100%;height:calc(100vh - 70px);background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:9999}.CodeSnapsNavigation_spinner__fwOkk{border:6px solid rgba(255,255,255,.2);border-top-color:#19f0e2;border-radius:50%;width:50px;height:50px;animation:CodeSnapsNavigation_spin__AQh8G 1s linear infinite}@keyframes CodeSnapsNavigation_spin__AQh8G{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:767px){.CodeSnapsNavigation_hamburger__SKx0L{display:block!important}.CodeSnapsNavigation_lessonNav__vvnAY{transform:translateX(-100%);top:70px;height:calc(100vh - 70px)}.CodeSnapsNavigation_navToggle__SKg9T:checked~.CodeSnapsNavigation_lessonNav__vvnAY{transform:translateX(0)}.CodeSnapsNavigation_navToggle__SKg9T:checked+.CodeSnapsNavigation_hamburger__SKx0L span:first-child{transform:rotate(45deg) translate(5px,5px)}.CodeSnapsNavigation_navToggle__SKg9T:checked+.CodeSnapsNavigation_hamburger__SKx0L span:nth-child(2){opacity:0}.CodeSnapsNavigation_navToggle__SKg9T:checked+.CodeSnapsNavigation_hamburger__SKx0L span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.CodeSnapsNavigation_loadingOverlay__QC3ID{width:100%}}@media (min-width:768px){.CodeSnapsNavigation_lessonNav__vvnAY{transform:translateX(0)}}@media (max-width:480px){.CodeSnapsNavigation_lessonNav__vvnAY{width:220px}.CodeSnapsNavigation_lessonItem__WSkDk{font-size:.85rem;padding:.5rem .8rem;margin:.3rem .75rem}.CodeSnapsNavigation_bottomSpacer__UZuax{padding:2rem 1rem 1rem;font-size:.8rem;margin-top:1rem}}.CodeSnapsNavigation_navList__w23mP,.CodeSnapsNavigation_subList__vhCeW{list-style-type:none!important;padding-left:0!important}.CodeSnapsNavigation_category__R02jt:before,.CodeSnapsNavigation_lessonItem__WSkDk:before,.CodeSnapsNavigation_navListItem___LFY3:before{content:none!important}.CodeSnapsNavigation_lessonItem__WSkDk input[type=radio],.CodeSnapsNavigation_navListItem___LFY3 input[type=radio]{display:none!important}.CodeSnapsNavigation_lessonItem__WSkDk{padding-left:1.5rem!important;margin-left:0!important}.CodeSnapsNavigation_navTitle__AoE_Y+.CodeSnapsNavigation_navList__w23mP .CodeSnapsNavigation_navListItem___LFY3{background-image:none;list-style:none}.CodeSnapsLayout_layoutWrapper__IGytd{margin-top:70px;display:flex;min-height:100vh;background-color:#121212}.CodeSnapsLayout_mainContent__qnbDg{flex:1;padding:20px;background-color:#121212;color:#f0f0f0;font-family:Inter,sans-serif;min-height:calc(100vh - 70px)}@media (max-width:767px){.CodeSnapsLayout_mainContent__qnbDg{margin-left:0}}@media (min-width:768px){.CodeSnapsLayout_mainContent__qnbDg{margin-left:260px}}@media (max-width:480px){.CodeSnapsLayout_mainContent__qnbDg{padding:15px}}.CodeSnapPage_contentWrapper__Tq6kt{display:flex;flex-direction:column;min-height:calc(100vh - 70px);background-color:#1e1e1e;border-radius:12px;box-shadow:0 0 10px rgba(25,240,226,.3)}.CodeSnapPage_title__QML_M{font-size:2rem;font-weight:700;color:#19f0e2;margin-bottom:15px}.CodeSnapPage_description__G2ABd{font-size:1.1rem;color:#a0f0ff;line-height:1.6;max-width:600px}@media (max-width:767px){.CodeSnapPage_contentWrapper__Tq6kt{margin:15px;padding:20px}.CodeSnapPage_title__QML_M{font-size:1.5rem}.CodeSnapPage_description__G2ABd{font-size:1rem}}@media (max-width:480px){.CodeSnapPage_contentWrapper__Tq6kt{margin:10px;padding:15px}.CodeSnapPage_title__QML_M{font-size:1.3rem}.CodeSnapPage_description__G2ABd{font-size:.9rem}}