body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sidebar{background-color:#1c1c1c;border-right:1px solid #ff14931a;box-shadow:inset -10px 0 20px -10px #ff14930d;font-family:Inter,sans-serif;height:calc(100vh - 60px);padding:20px;width:280px}.sidebar h2{border-bottom:2px solid #ff14931a;color:#ff1493;font-size:22px;font-weight:600;letter-spacing:1px;margin-bottom:20px;padding-bottom:15px;text-shadow:0 0 10px #ff149333;text-transform:uppercase}.nested-list{border-left:1px solid #ff14931a;list-style-type:none;margin:5px 0;padding-left:18px}.nested-list li{margin-bottom:2px}.sidebar-link,.sidebar-title{align-items:center;background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:500;justify-content:space-between;padding:10px;text-align:left;transition:all .3s ease;width:100%}.sidebar-title{font-size:16px;font-weight:600;letter-spacing:.3px;margin-bottom:5px}.sidebar-link{padding:8px 10px}.link-content{align-items:center;display:flex;gap:8px;width:100%}.sidebar-link:hover,.sidebar-title:hover{background:#ff14930d;color:#ff1493;transform:translateX(5px)}.sidebar-link.active,.sidebar-title.active{background:#ff14930d;color:#ff1493;font-weight:600}.section-icon{color:#ff149380;font-size:12px;margin-left:8px;transition:transform .3s ease}.sidebar-title.active .section-icon{color:#ff1493}.completion-check{color:#4caf50;font-size:14px;font-weight:700;margin-left:8px}.completed{color:#4caf50;position:relative}.completed:before{background:#4caf50;border-radius:50%;box-shadow:0 0 5px #4caf5080;content:"";height:4px;left:-15px;position:absolute;top:50%;transform:translateY(-50%);width:4px}.sidebar-link:focus,.sidebar-title:focus{box-shadow:0 0 0 2px #ff14934d;outline:none}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:#1c1c1c}.sidebar::-webkit-scrollbar-thumb{background:#ff149333;border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ff14934d}.nested-list{transition:max-height .3s ease}@media (max-width:768px){.sidebar{height:auto;max-height:300px;padding:10px;width:100%}.sidebar h2{font-size:18px;margin-bottom:10px;padding-bottom:10px}.nested-list{padding-left:10px}.sidebar-link,.sidebar-title{font-size:14px;padding:8px}.section-icon{font-size:10px}}.sidebar button{-webkit-appearance:none;margin:0}.sidebar-link:focus-visible,.sidebar-title:focus-visible{outline:2px solid #ff1493;outline-offset:2px}.main-content{color:#fff;min-height:calc(100vh - 60px);padding:30px}.content-title{border-bottom:2px solid #ff14931a;margin-bottom:1.5rem;padding-bottom:1rem}.highlight{text-shadow:0 0 10px #ff149333}.video-container{border-radius:12px;box-shadow:0 0 30px #ff14931a;margin:0 auto 30px;max-width:800px;overflow:hidden;width:100%}.video-container iframe{border:none}.lesson-controls{display:flex;gap:15px;justify-content:center;margin:30px 0}.completion-button,.favorite-button{border:none;border-radius:25px;cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.completion-button{background:linear-gradient(45deg,#333,#444);box-shadow:0 2px 10px #0003;color:#fff}.completion-button.completed{background:linear-gradient(45deg,#4caf50,#45a049);box-shadow:0 2px 15px #4caf504d}.favorite-button{background:#0000;border:2px solid #ff1493;color:#ff1493;overflow:hidden;position:relative}.favorite-button:before{background:linear-gradient(90deg,#0000,#ff14931a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.favorite-button:hover:before{left:100%}.favorite-button.favorited{background:linear-gradient(45deg,#ff1493,#ff69b4);border:none;box-shadow:0 2px 15px #ff14934d;color:#fff}.completion-button:hover,.favorite-button:hover{transform:translateY(-2px)}.additional-content{align-items:center;display:flex;flex-direction:column;gap:15px;margin:30px 0}.content-button{background:linear-gradient(45deg,#ff1493,#ff69b4);border-radius:25px;box-shadow:0 2px 10px #ff149333;font-weight:500;letter-spacing:.5px;padding:12px 24px;transition:all .3s ease}.content-button:hover{box-shadow:0 4px 15px #ff14934d;transform:translateY(-2px)}.download-link{background:none;border:none;color:#ff1493;cursor:pointer;font-family:inherit;font-size:inherit;padding-bottom:2px;position:relative;text-decoration:none;transition:all .3s ease}.download-link:after{background:linear-gradient(90deg,#ff1493,#ff69b4);bottom:0;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.download-link:hover:after{width:100%}.additional-links{background:#ff14930d;border:1px solid #ff14931a;border-radius:12px;margin-top:30px;padding:20px}.additional-links h3{color:#ff1493;font-size:1.2rem;margin-bottom:15px;text-shadow:0 0 10px #ff149333}.text-content{background:#ffffff05;border:1px solid #ff14931a;border-radius:12px;line-height:1.8;margin:0 auto;max-width:800px;padding:20px}.text-content h2{font-size:1.8rem;margin-bottom:1.5rem;margin-top:2rem;text-shadow:0 0 10px #ff149333}.text-content p{color:#ffffffe6}.text-content ol,.text-content p,.text-content ul{margin-bottom:1.5rem}.text-content li{margin-bottom:.5rem}.text-content a{padding-bottom:2px;position:relative;transition:all .3s ease}.text-content a:hover{color:#ff69b4}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-track{background:#000}.main-content::-webkit-scrollbar-thumb{background:#ff149333;border-radius:4px}.main-content::-webkit-scrollbar-thumb:hover{background:#ff14934d}@media (max-width:768px){.video-container{margin:15px auto}.lesson-controls{flex-direction:column;gap:10px}.completion-button,.favorite-button{padding:15px;width:100%}.text-content{font-size:1rem;margin:15px}.text-content h2{font-size:1.5rem}.additional-links{margin:15px}.content-title{font-size:2rem;margin-bottom:1rem}}.open-in-drive-button{background:linear-gradient(45deg,#ff1493,#ff69b4);border:none;border-radius:20px;color:#fff;cursor:pointer;display:none;font-weight:500;margin:10px 0;padding:8px 16px}@media (max-width:768px){.open-in-drive-button{display:block}}.header{align-items:center;background-color:#1a1a1a;box-shadow:0 2px 10px #ff149326;color:#fff;display:flex;justify-content:space-between;padding:10px 20px}.logo-container{align-items:flex-start;display:flex;flex-direction:column}.logo{color:#ff1493;font-size:1.8em;font-weight:700;letter-spacing:1px;text-shadow:0 0 10px #ff14934d}.sub-logo{color:#888;font-size:1em;letter-spacing:2px}nav{display:flex;gap:20px}nav .nav-button{background:none;border:none;color:#fff;cursor:pointer;font-size:1em;padding:5px 10px;position:relative;text-decoration:none;transition:all .3s ease}nav .nav-button:after{background-color:#ff1493;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}nav .nav-button:hover:after{width:100%}nav .nav-button.active{color:#ff1493}nav .nav-button.active:after{width:100%}.user-section{align-items:center;display:flex;gap:20px}.user-info{align-items:flex-end;display:flex;flex-direction:column;gap:5px}.username{color:#ff1493;font-size:1.1em;font-weight:500;text-transform:capitalize}.progress-container{align-items:center;display:flex;gap:10px}.progress-bar{background-color:#ff14931a;border:1px solid #ff149333;border-radius:10px;height:6px;overflow:hidden;width:150px}.progress{background:linear-gradient(90deg,#ff1493,#ff69b4);box-shadow:0 0 10px #ff149380;height:100%;transition:width .3s ease}.progress-text{color:#ff1493;min-width:40px;text-align:right}.logout-button,.progress-text{font-size:.9em;font-weight:500}.logout-button{background:linear-gradient(45deg,#ff1493,#ff69b4);border:none;border-radius:20px;box-shadow:0 2px 10px #ff149333;color:#fff;cursor:pointer;letter-spacing:1px;padding:8px 16px;text-transform:uppercase;transition:all .3s ease}.logout-button:hover{background:linear-gradient(45deg,#ff69b4,#ff1493);box-shadow:0 4px 15px #ff14934d;transform:translateY(-1px)}@media (max-width:768px){.header{flex-direction:column;gap:10px;padding:10px}.logo-container{align-items:center;text-align:center}.user-section,nav{flex-wrap:wrap;justify-content:center;width:100%}.user-info{align-items:center}.progress-container{justify-content:center;width:100%}.progress-bar{width:200px}}.favorites-container{color:#fff;flex:1 1;padding:2rem}.favorites-container,.favorites-container.empty{background-color:#1a1a1a;min-height:calc(100vh - 60px);width:100%}.favorites-container.empty{align-items:center;display:flex;justify-content:center}.favorites-empty{background-color:#242424;border-radius:8px;margin:0 auto;max-width:400px;padding:3rem;text-align:center}.favorites-empty h2{color:#ff1493;margin-bottom:1rem}.favorites-empty p{color:#888;line-height:1.5}.favorites-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.favorites-header h2{color:#ff1493;margin:0}.favorites-count{color:#888;font-size:.9rem}.favorites-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.favorite-item{background-color:#242424;border-radius:8px;transition:transform .2s ease,box-shadow .2s ease}.favorite-item:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.favorite-link{background:none;border:none;color:#fff;cursor:pointer;justify-content:space-between;padding:1rem;text-align:left;width:100%}.favorite-content,.favorite-link{align-items:center;display:flex;gap:1rem}.favorite-content{flex:1 1}.favorite-icon{align-items:center;background-color:#333;border-radius:8px;display:flex;font-size:1.5rem;height:40px;justify-content:center;min-width:40px}.favorite-info{display:flex;flex-direction:column;gap:.5rem}.favorite-title{color:#fff;font-size:1rem;font-weight:500}.favorite-meta{display:flex;font-size:.8rem;gap:1rem}.favorite-type{color:#ff1493;text-transform:capitalize}.favorite-duration{color:#888}.favorite-arrow{color:#ff1493;font-size:1.2rem;opacity:0;transition:opacity .2s ease,transform .2s ease}.favorite-item:hover .favorite-arrow{opacity:1;transform:translateX(4px)}@media (max-width:768px){.favorites-container{padding:1rem}.favorites-list{grid-template-columns:1fr}.favorites-container{padding:1rem}.favorites-header{align-items:flex-start;flex-direction:column;gap:10px}.favorites-list{grid-template-columns:1fr}.favorite-item{margin-bottom:10px}.favorite-content{align-items:flex-start;flex-direction:column}.favorite-meta{flex-direction:column;gap:5px}}body{color:#fff;font-family:Arial,sans-serif;margin:0}.app,body{background-color:#000}.app{display:flex;flex-direction:column;min-height:100vh}.header{flex-shrink:0}.app-content{display:flex;flex-grow:1}.sidebar{background-color:#111;color:#fff;flex-shrink:0;overflow-y:auto;width:250px}.main-content{background-color:#000;flex-grow:1;padding:2rem}.text-content,.video-container{margin-bottom:20px;margin-left:0;margin-right:auto;max-width:800px;width:100%}.video-container{position:relative}.video-container:before{content:"";display:block;padding-top:56.25%}.video-container iframe{height:100%;left:0;position:absolute;top:0;width:100%}.text-content{background-color:#000;color:#fff;font-size:1.1rem;line-height:1.6;padding:20px 0;text-align:left}.text-content h2{color:#ff1493;font-size:2.5rem}.text-content h2,.text-content p{margin-bottom:1rem}.text-content ol,.text-content ul{margin-bottom:1rem;padding-left:2rem}.text-content a{color:#ff1493;text-decoration:none}.text-content a:hover{text-decoration:underline}.content-button{background-color:#ff1493;border-radius:5px;color:#fff;display:inline-block;margin-bottom:10px;margin-right:10px;padding:10px 20px;text-align:center;text-decoration:none;transition:background-color .3s ease}.content-button:hover{background-color:#ff69b4}.text-content .content-button,.text-content a.content-button{color:#fff!important;font-size:.9em;font-weight:700;margin:0 5px;padding:2px 8px;text-decoration:none}.text-content .content-button:hover,.text-content a.content-button:hover{background-color:#ff69b4;text-decoration:none}.login-container{align-items:center;background-color:#000;display:flex;flex-direction:column;height:100vh;justify-content:center}.login-container h1{color:#ff1493;margin-bottom:20px}.login-container input{background-color:#111;border:2px solid #ff1493;border-radius:4px;color:#fff;font-size:16px;padding:10px;width:250px}.login-container input:focus{box-shadow:0 0 5px #ff1493;outline:none}.additional-content,.additional-links,.content-title,.lesson-controls{margin-left:0;margin-right:auto;max-width:800px;text-align:left}.content-title{font-size:2.5rem;margin-bottom:1rem}.highlight{color:#ff1493}@media (max-width:768px){.app-content{flex-direction:column}.sidebar{border-bottom:1px solid #ff14931a;border-right:none;height:auto;max-height:300px;width:100%}.main-content{padding:1rem}.content-title{font-size:2rem}.text-content{font-size:1rem;padding:15px}}.login-button{background:linear-gradient(45deg,#ff1493,#ff69b4);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:15px;padding:10px 30px;transition:all .3s ease}.login-button:hover{box-shadow:0 4px 15px #ff14934d;transform:translateY(-2px)}
/*# sourceMappingURL=main.d0e66bf2.css.map*/