@import "https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#000;flex-direction:column;min-height:100vh;padding:20px 20px 0;font-family:Sora,sans-serif;display:flex;position:relative;overflow-x:hidden}.library-background{z-index:-10;pointer-events:none;background-image:url(/BackgroundMAIN.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;width:100%;height:100%;position:fixed;top:0;left:0;transform:scale(1.1)}.bookshelf-layer,.ambient-light{display:none}.container{z-index:10;flex-direction:column;flex:1;width:100%;max-width:1200px;margin:0 auto;display:flex;position:relative}header{text-align:center;margin-bottom:40px;padding:40px 20px;position:relative}.library-button{color:#fff;cursor:pointer;background:#0d0d204d;border:1px solid #6b728033;border-radius:4px;align-items:center;gap:8px;padding:12px 24px;font-family:Sora,sans-serif;font-size:1rem;font-weight:600;transition:all .4s;display:flex;position:absolute;top:110px;right:20px;overflow:hidden}.library-button:before{content:"";background:linear-gradient(90deg,#6b7280,#4b5563);height:3px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.library-button:hover{background:#ffffff14;border-color:#6b728066;transform:translateY(-2px);box-shadow:0 12px 40px #6b728026}.library-button:hover:before{transform:scaleX(1)}.logo{filter:drop-shadow(0 2px 20px #6b72804d);cursor:pointer;height:240px;margin-bottom:10px;transition:transform .3s,filter .3s}.logo:hover{filter:drop-shadow(0 4px 24px #6b728080);transform:scale(1.05)}.tagline{color:#9ca3af;font-size:.95rem;font-weight:300}.search-container{max-width:500px;margin:0 auto 50px;position:relative}#poda{justify-content:center;align-items:center;height:70px;display:flex;position:relative}#main{width:100%;position:relative}.white,.border,.darkBorderBg,.glow{z-index:-1;filter:blur(3px);border-radius:12px;width:100%;height:100%;max-height:70px;position:absolute;overflow:hidden}.input{box-sizing:border-box;color:#fff;background-color:#010201;border:none;border-radius:10px;width:100%;height:56px;padding-inline:59px;font-family:Sora,sans-serif;font-size:18px}.input::placeholder{color:#c0b9c0}.input:focus{outline:none}#pink-mask{pointer-events:none;filter:blur(20px);opacity:.8;background:#35f;width:30px;height:20px;transition:all 2s;animation:4s ease-in infinite leftright;position:absolute;top:10px;left:5px}#main:hover>#pink-mask{opacity:0}.white{filter:blur(2px);border-radius:10px;max-height:63px}.white:before{content:"";z-index:-2;text-align:center;filter:brightness(1.4);background-image:conic-gradient(#0000 0%,#89d,#0000 8% 50%,#68f,#0000 58%);background-position:0 0;background-repeat:no-repeat;width:600px;height:600px;transition:all 2s;animation:4s linear infinite rotate;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(83deg)}.border{filter:blur(.5px);border-radius:11px;max-height:59px}.border:before{content:"";z-index:-2;text-align:center;filter:brightness(1.3);background-image:conic-gradient(#1c191c,#35f 5%,#1c191c 14% 50%,#5b6abf 60%,#1c191c 64%);background-position:0 0;background-repeat:no-repeat;width:600px;height:600px;transition:all 2s;animation:4s linear .1s infinite rotate;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(70deg)}.darkBorderBg{max-height:65px}.darkBorderBg:before{content:"";z-index:-2;text-align:center;background-image:conic-gradient(#0000,#0a1a6e,#0000 10% 50%,#1f2a8a,#0000 60%);background-position:0 0;background-repeat:no-repeat;width:600px;height:600px;transition:all 2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(82deg)}#poda:hover>.darkBorderBg:before{transform:translate(-50%,-50%)rotate(-98deg)}#poda:hover>.glow:before{transform:translate(-50%,-50%)rotate(-120deg)}#poda:hover>.white:before{transform:translate(-50%,-50%)rotate(-97deg)}#poda:hover>.border:before{transform:translate(-50%,-50%)rotate(-110deg)}#poda:focus-within>.darkBorderBg:before{transition:all 4s;transform:translate(-50%,-50%)rotate(442deg)}#poda:focus-within>.glow:before{transition:all 4s;transform:translate(-50%,-50%)rotate(420deg)}#poda:focus-within>.white:before{transition:all 4s;transform:translate(-50%,-50%)rotate(443deg)}#poda:focus-within>.border:before{transition:all 4s;transform:translate(-50%,-50%)rotate(430deg)}.glow{filter:blur(30px);opacity:.4;max-height:130px;overflow:hidden}.glow:before{content:"";z-index:-2;text-align:center;background-image:conic-gradient(#000,#35f 5%,#000 38% 50%,#5b6abf 60%,#000 87%);background-position:0 0;background-repeat:no-repeat;width:999px;height:999px;transition:all 2s;animation:4s linear .3s infinite rotate;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(60deg)}#filter-icon{z-index:2;isolation:isolate;background:linear-gradient(#161329,#000,#1d1b4b);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;width:100%;max-width:38px;height:100%;max-height:40px;display:flex;position:absolute;top:8px;right:8px;overflow:hidden}.filterBorder{border-radius:10px;width:40px;height:42px;position:absolute;top:7px;right:7px;overflow:hidden}.filterBorder:before{content:"";text-align:center;filter:brightness(1.35);background-image:conic-gradient(#0000,#3d3a4f,#0000 50% 50%,#3d3a4f,#0000 100%);background-position:0 0;background-repeat:no-repeat;width:600px;height:600px;animation:4s linear infinite rotate;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}#search-icon{position:absolute;top:15px;left:20px}@keyframes rotate{to{transform:translate(-50%,-50%)rotate(450deg)}}@keyframes leftright{0%{opacity:1;transform:translate(0)}49%{opacity:0;transform:translate(250px)}80%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@media (max-width:600px){.search-container{max-width:100%}}.search-results-dropdown{z-index:1000;background:linear-gradient(135deg,#0d0d20 0%,#1a1410 100%);border:2px solid #6b728066;border-radius:2px;max-height:500px;display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 32px #000000b3,0 0 40px #6b72801a}.search-results-dropdown.active{animation:.3s slideDown;display:block}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-result-group{border-bottom:1px solid #1a1a3a;padding:16px 0}.search-result-group:last-child{border-bottom:none}.search-result-group-title{color:#6b7280;text-transform:uppercase;letter-spacing:1px;padding:8px 24px;font-size:.85rem;font-weight:700}.search-result-item{cursor:pointer;flex-direction:column;gap:4px;padding:12px 24px;transition:all .2s;display:flex}.search-result-item:hover{background:#6b728026}.search-result-name{color:#fff;font-size:1rem;font-weight:600}.search-result-path{color:#9ca3af;font-size:.85rem}.search-no-results{text-align:center;color:#a8b2c1;padding:32px 24px}.folders-grid,.subjects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-bottom:40px;display:grid}.folder-card,.subject-card{cursor:pointer;background:#0d0d204d;border:1px solid #6b728033;border-radius:4px;padding:32px 24px;transition:all .4s;position:relative;overflow:hidden}.folder-card:before,.subject-card:before{content:"";background:linear-gradient(90deg,#6b7280,#4b5563);height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.folder-card:hover,.subject-card:hover{background:#ffffff14;border-color:#6b728066;transform:scale(1.1);box-shadow:0 12px 40px #6b728026}.folder-card:hover:before,.subject-card:hover:before{transform:scaleX(1)}.folders-grid:hover>.folder-card:not(:hover){filter:blur(4px);transform:scale(.9)}.folder-icon,.subject-icon{margin-bottom:16px;font-size:3rem}.folder-name,.subject-name{color:#fff;margin-bottom:12px;font-size:1.4rem;font-weight:600}.folder-description,.subject-description{color:#a8b2c1;font-size:.95rem;line-height:1.5}.folder-count,.subject-count{color:#6b7688;margin-top:12px;font-size:.85rem}.subject-view{opacity:0;visibility:hidden;transition:opacity .3s;position:absolute}.subject-view.active{opacity:1;visibility:visible;position:relative}.back-button{color:#6b7280;cursor:pointer;background:#ffffff0d;border:1px solid #1a1a3a;border-radius:2px;align-items:center;gap:8px;margin-bottom:30px;padding:12px 24px;font-family:Sora,sans-serif;font-size:1rem;font-weight:500;transition:all .3s;display:inline-flex}.back-button:hover{background:#6b72801a;border-color:#6b7280;transform:translate(-4px)}.breadcrumb{color:#a8b2c1;align-items:center;gap:8px;margin-bottom:30px;font-size:.95rem;display:flex}.breadcrumb-item{align-items:center;gap:8px;display:flex}.breadcrumb-link{color:#6b7280;cursor:pointer;transition:color .3s}.breadcrumb-link:hover{color:#6b7280;text-decoration:underline}.breadcrumb-separator{color:#6b7688}.breadcrumb-current{color:#e8eaed}.units-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:30px;display:grid}.unit-card{cursor:pointer;background:#ffffff0d;border:1px solid #1a1a3a;border-radius:4px;padding:28px 24px;transition:all .4s}.unit-card:hover{background:#ffffff14;border-color:#6b728066;transform:scale(1.1);box-shadow:0 10px 35px #6b728026}.unit-name{color:#fff;margin-bottom:12px;font-size:1.3rem;font-weight:600}.unit-video-count{color:#a8b2c1;font-size:.9rem}.subject-header{border-bottom:1px solid #1a1a3a;align-items:center;gap:16px;margin-bottom:40px;padding-bottom:20px;display:flex}.subject-header-icon{font-size:3rem}.subject-title{background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700}.videos-list{flex-direction:column;gap:24px;display:flex}.video-card{background:#ffffff0d;border:1px solid #1a1a3a;border-radius:4px;grid-template-columns:200px 1fr;gap:24px;padding:24px;transition:all .3s;display:grid}.video-card:hover{background:#ffffff14;border-color:#6b72804d;box-shadow:0 8px 32px #6b72801a}.video-thumbnail{background:linear-gradient(135deg,#0d0d20 0%,#12122a 100%);border:1px solid #1a1a3a;border-radius:2px;justify-content:center;align-items:center;height:120px;font-size:3rem;display:flex;position:relative;overflow:hidden}.video-thumbnail img{object-fit:cover;width:100%;height:100%}.watch-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,red 0%,#c00 100%);border:none;border-radius:2px;align-items:center;gap:8px;margin-top:8px;padding:10px 24px;font-family:Sora,sans-serif;font-size:.9rem;font-weight:600;transition:all .3s;display:inline-flex}.watch-button:hover{background:linear-gradient(135deg,#c00 0%,#900 100%);transform:scale(1.05);box-shadow:0 4px 15px #f006}.video-actions{flex-wrap:wrap;gap:12px;display:flex}.video-info{flex-direction:column;gap:12px;display:flex}.video-title{color:#fff;font-size:1.3rem;font-weight:600;line-height:1.4}.video-source{color:#6b7280;font-size:.95rem;font-weight:500}.video-rating-container{align-items:center;gap:12px;display:flex}.star-rating{gap:4px;display:flex}.star{cursor:pointer;color:#4a5568;font-size:1.3rem;transition:all .2s}.star.filled{color:gold}.star:hover{transform:scale(1.2)}.rating-count{color:#a8b2c1;font-size:.9rem}.video-tags{flex-wrap:wrap;gap:8px;display:flex}.tag{color:#6b7280;background:#6b72801a;border:1px solid #6b72804d;border-radius:4px;padding:6px 14px;font-size:.85rem;font-weight:500}.hidden{display:none}.save-button{color:#6b7280;cursor:pointer;background:#6b72801a;border:1px solid #6b72804d;border-radius:2px;margin-top:8px;padding:10px 20px;font-family:Sora,sans-serif;font-size:.9rem;font-weight:600;transition:all .3s}.save-button:hover{background:#6b728033;border-color:#6b7280;transform:scale(1.05)}.save-button.saved{color:#22c55e;background:#22c55e1a;border-color:#22c55e66}.save-button.saved:hover{background:#22c55e33}.nooz-score{white-space:nowrap;border-radius:4px;flex-shrink:0;align-items:baseline;gap:2px;padding:4px 10px;display:inline-flex}.nooz-score-num{font-size:1.25rem;font-weight:800;line-height:1}.nooz-score-denom{opacity:.75;font-size:.78rem;font-weight:500}.nooz-score.ns-green{color:#22c55e;background:#22c55e1f;border:1px solid #22c55e4d}.nooz-score.ns-ygreen{color:#a3e635;background:#84cc161f;border:1px solid #84cc164d}.nooz-score.ns-yellow{color:#eab308;background:#eab3081f;border:1px solid #eab3084d}.nooz-score.ns-red{color:#ef4444;background:#ef44441f;border:1px solid #ef44444d}.video-type-tags{flex-wrap:wrap;gap:6px;display:flex}.vtype-tag{letter-spacing:.02em;border-radius:20px;padding:3px 10px;font-size:.72rem;font-weight:600}.vt-crash-course{color:#60a5fa;background:#3b82f62e;border:1px solid #3b82f64d}.vt-deep-dive{color:#818cf8;background:#4f46e52e;border:1px solid #4f46e54d}.vt-theory-based{color:#c084fc;background:#a855f72e;border:1px solid #a855f74d}.vt-problem-solving{color:#fb923c;background:#f973162e;border:1px solid #f973164d}.vt-visual-learner{color:#2dd4bf;background:#14b8a62e;border:1px solid #14b8a64d}.vt-lecture-style{color:#fbbf24;background:#d977062e;border:1px solid #d977064d}.vt-beginner-friendly{color:#4ade80;background:#22c55e2e;border:1px solid #22c55e4d}.vt-advanced{color:#a78bfa;background:#7c3aed2e;border:1px solid #7c3aed4d}.vt-short{color:#86efac;background:#4ade802e;border:1px solid #4ade804d}.vt-long{color:#f87171;background:#dc26262e;border:1px solid #dc26264d}.vt-exam-prep{color:#f472b6;background:#ec48992e;border:1px solid #ec48994d}.save-dropdown-wrapper{display:inline-block;position:relative}.save-dropdown{z-index:200;background:#10101e;border:1px solid #6b72804d;border-radius:4px;min-width:210px;position:absolute;bottom:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 8px 28px #00000080}.save-dropdown-section-label{text-transform:uppercase;letter-spacing:.07em;color:#4b5563;border-top:1px solid #6b728026;padding:8px 14px 5px;font-size:.68rem;font-weight:700}.save-dropdown-section-label:first-child{border-top:none}.save-dropdown-item{color:#a8b2c1;cursor:pointer;padding:9px 14px;font-size:.875rem;transition:background .15s,color .15s}.save-dropdown-item:hover{color:#fff;background:#ffffff12}.save-dropdown-item.dim{color:#4b5563;cursor:default;font-size:.82rem;font-style:italic}.save-dropdown-item.dim:hover{color:#4b5563;background:0 0}.library-view{opacity:0;visibility:hidden;width:100%;height:calc(100vh - 80px);transition:opacity .3s;position:absolute}.library-view.active{opacity:1;visibility:visible;position:relative}.desktop-workspace{z-index:1;background-color:#0000;background-image:radial-gradient(circle at 20px 20px,#ffffff08 1px,#0000 1px),radial-gradient(circle at 20px 20px,#ffffff08 1px,#0000 1px);background-position:0 0,20px 20px;background-repeat:repeat,repeat;background-size:40px 40px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #1a1a3a;border-radius:4px;width:100%;height:calc(100vh - 140px);position:relative;overflow:hidden}.desktop-canvas{z-index:2;width:100%;height:100%;padding:40px;position:relative;overflow:auto}.desktop-toolbar{z-index:10;gap:12px;display:flex;position:absolute;top:20px;right:20px}.add-folder-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%);border:none;border-radius:2px;padding:12px 24px;font-family:Sora,sans-serif;font-size:.95rem;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #6b72804d}.add-folder-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b728080}.desktop-folder{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:8px;width:140px;transition:transform .2s;display:flex;position:absolute}.desktop-folder:hover{transform:translateY(-4px)}.desktop-folder.dragging{opacity:.7;z-index:1000}.folder-icon-wrapper{filter:drop-shadow(0 4px 12px #0000004d);font-size:5rem;position:relative}.folder-badge{color:#0a0e1a;text-align:center;background:#6b7280;border-radius:2px;min-width:24px;padding:4px 8px;font-size:.75rem;font-weight:700;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 8px #6b728080}.folder-name{color:#fff;text-align:center;text-overflow:clip;white-space:normal;word-wrap:break-word;text-shadow:0 2px 4px #00000080;max-width:140px;font-size:.9rem;font-weight:600;line-height:1.3;overflow:visible}.library-empty{color:#a8b2c1;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px;display:flex}.library-empty-icon{opacity:.5;margin-bottom:24px;font-size:6rem}.library-empty h2{color:#fff;margin-bottom:12px;font-size:2rem}.library-empty p{max-width:500px;font-size:1.1rem}.folder-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#000000b3;animation:.3s fadeIn;display:none;position:fixed;inset:0}.folder-modal-overlay.active{justify-content:center;align-items:center;display:flex}.folder-modal{background:linear-gradient(135deg,#0d0d20 0%,#1a1410 100%);border:2px solid #6b72804d;border-radius:4px;flex-direction:column;width:90%;max-width:900px;max-height:85vh;animation:.4s modalSlideIn;display:flex;box-shadow:0 20px 60px #00000080}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.folder-modal-header{border-bottom:1px solid #1a1a3a;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.folder-modal-title{color:#fff;align-items:center;gap:16px;font-size:1.8rem;font-weight:700;display:flex}.folder-modal-title-icon{font-size:2.5rem}.close-modal-button{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;transition:all .3s;display:flex}.close-modal-button:hover{background:#ef44444d;transform:rotate(90deg)}.folder-modal-tabs{border-bottom:1px solid #1a1a3a;padding:0 32px;display:flex}.folder-modal-tab{color:#a8b2c1;cursor:pointer;border-bottom:3px solid #0000;padding:16px 32px;font-weight:600;transition:all .3s}.folder-modal-tab:hover{color:#6b7280}.folder-modal-tab.active{color:#6b7280;border-bottom-color:#6b7280}.folder-modal-content{flex:1;padding:32px;overflow-y:auto}.folder-tab-panel{display:none}.folder-tab-panel.active{display:block}.video-chain{flex-direction:column;gap:16px;display:flex}.video-chain-item{cursor:move;background:#ffffff0d;border:2px solid #6b728033;border-radius:4px;align-items:center;gap:20px;padding:20px;transition:all .3s;display:flex;position:relative}.video-chain-item:hover{background:#ffffff14;border-color:#6b728080;transform:translate(4px)}.video-chain-item.dragging{opacity:.5;transform:rotate(2deg)}.video-chain-number{color:#6b7280;text-align:center;min-width:40px;font-size:1.5rem;font-weight:700}.video-chain-thumbnail{border-radius:2px;width:120px;height:68px;overflow:hidden;box-shadow:0 4px 12px #0000004d}.video-chain-thumbnail img{object-fit:cover;width:100%;height:100%}.video-chain-details{flex:1;min-width:0}.video-chain-title{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;font-size:1.2rem;font-weight:600;overflow:hidden}.video-chain-source{color:#6b7280;font-size:.9rem}.video-chain-actions{gap:12px;display:flex}.video-chain-connector{background:linear-gradient(#6b728080,#6b728033);width:3px;height:16px;margin-left:72px;position:relative}.notes-editor{flex-direction:column;gap:16px;display:flex}.notes-textarea{color:#e8eaed;resize:vertical;background:#ffffff0d;border:2px solid #6b728033;border-radius:2px;width:100%;min-height:400px;padding:20px;font-family:Sora,sans-serif;font-size:1rem;line-height:1.8;transition:all .3s}.notes-textarea:focus{background:#ffffff14;border-color:#6b7280;outline:none;box-shadow:0 0 20px #6b728033}.notes-textarea::placeholder{color:#6b7688}.save-notes-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%);border:none;border-radius:2px;align-self:flex-end;padding:12px 32px;font-family:Sora,sans-serif;font-size:1rem;font-weight:600;transition:all .3s}.save-notes-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.watch-button,.remove-button{cursor:pointer;border:none;border-radius:2px;padding:10px 20px;font-family:Sora,sans-serif;font-size:.9rem;font-weight:600;transition:all .3s}.watch-button{color:#fff;background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%)}.watch-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6b728066}.remove-button{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d}.remove-button:hover{background:#ef444433;border-color:#ef4444}.coming-soon{text-align:center;color:#a8b2c1;padding:60px 20px;font-size:1.2rem}.toast{color:#fff;opacity:0;z-index:1000;pointer-events:none;background:#6b7280f2;border-radius:2px;padding:16px 24px;font-weight:600;transition:all .3s;position:fixed;bottom:30px;right:30px;transform:translateY(20px);box-shadow:0 8px 32px #0000004d}.toast.show{opacity:1;transform:translateY(0)}.toast.success{background:#22c55ef2}.toast.error{background:#ef4444f2}.auth-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3000;background:#000000bf;justify-content:center;align-items:center;animation:.3s fadeIn;display:none;position:fixed;inset:0}.auth-modal-overlay.active{display:flex}.auth-modal{background:linear-gradient(135deg,#0d0d20 0%,#1a1410 100%);border:2px solid #6b72804d;border-radius:4px;width:90%;max-width:480px;max-height:90vh;padding:48px 40px;animation:.4s cubic-bezier(.4,0,.2,1) modalSlideUp;position:relative;overflow-y:auto;box-shadow:0 24px 80px #000c,0 0 60px #6b728026}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-modal-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:2px;padding:8px;font-size:1.5rem;line-height:1;transition:all .2s;position:absolute;top:20px;right:20px}.auth-modal-close:hover{color:#6b7280;background:#6b72801a}.auth-modal-title{color:#fff;text-align:center;margin-bottom:12px;font-size:2rem;font-weight:700}.auth-modal-subtitle{color:#9ca3af;text-align:center;margin-bottom:32px;font-size:.95rem}.form_container{background-color:#fff;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:15px;width:90vw;max-width:400px;height:fit-content;max-height:90vh;padding:40px 36px 24px;font-family:Inter,Sora,sans-serif;display:flex;position:relative;overflow-y:auto;box-shadow:0 106px 42px #00000003,0 59px 36px #0000000d,0 26px 26px #00000017,0 7px 15px #0000001a}.form_container .auth-modal-close{color:#555}.form_container .auth-modal-close:hover{color:#222;background:#0000000f}.title_container{flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;display:flex}.title_container .title{color:#212121;margin:0;font-size:1.2rem;font-weight:700}.title_container .subtitle{text-align:center;color:#8b8e98;max-width:90%;margin:0;font-size:.8rem;line-height:1.3rem}.input_container{flex-direction:column;gap:5px;width:100%;height:fit-content;display:flex;position:relative}.input_label{color:#8b8e98;font-size:.75rem;font-weight:600}.input_field{box-sizing:border-box;filter:drop-shadow(0 1px #efefef)drop-shadow(0 1px .5px #efefef80);color:#212121;background:#fff;border:1px solid #e5e5e5;border-radius:7px;outline:none;width:100%;height:40px;padding:0 12px;font-family:Inter,Sora,sans-serif;font-size:.9rem;transition:all .3s cubic-bezier(.15,.83,.66,1)}.input_field:focus{background-color:#0000;border:1px solid #0000;box-shadow:0 0 0 2px #242424}.input_field::placeholder{color:#b0b3bb}.sign-in_btn{color:#fff;cursor:pointer;background:#115dfc;border:0;border-radius:7px;outline:none;width:100%;height:40px;font-family:Inter,Sora,sans-serif;font-size:.95rem;font-weight:600;transition:background .2s}.sign-in_btn:hover{background:#0d4ed4}.sign-in_ggl{color:#242424;filter:drop-shadow(0 1px #efefef)drop-shadow(0 1px .5px #efefef80);cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:7px;outline:none;justify-content:center;align-items:center;gap:10px;width:100%;height:40px;font-family:Inter,Sora,sans-serif;font-size:.9rem;font-weight:500;transition:background .2s;display:flex}.sign-in_ggl:hover{background:#f5f5f5}.sign-in_phone{color:#242424;filter:drop-shadow(0 1px #efefef)drop-shadow(0 1px .5px #efefef80);cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:7px;outline:none;justify-content:center;align-items:center;gap:10px;width:100%;height:40px;font-family:Inter,Sora,sans-serif;font-size:.9rem;font-weight:500;transition:background .2s;display:flex}.sign-in_phone:hover{background:#f0fdf4;border-color:#86efac}.separator{color:#8b8e98;justify-content:center;align-items:center;gap:12px;width:100%;font-size:.8rem;display:flex}.separator .line{background-color:#e8e8e8;border:0;width:100%;height:1px;margin:0;display:block}.note{color:#8b8e98;margin:0;font-size:.8rem;text-decoration:underline}.auth-inline-error{color:#dc2626;box-sizing:border-box;background:#fff2f2;border:1px solid #fca5a5;border-radius:7px;width:100%;padding:10px 14px;font-size:.8rem;line-height:1.5;display:none}.auth-inline-error span{cursor:pointer;font-weight:700;text-decoration:underline}.auth-panel{flex-direction:column;gap:12px;width:100%;display:none}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:#9ca3af;font-size:.9rem;font-weight:600}.form-input{color:#fff;background:#ffffff0d;border:1.5px solid #6b728033;border-radius:2px;padding:14px 18px;font-family:Sora,sans-serif;font-size:1rem;transition:all .3s}.form-input:focus{background:#ffffff14;border-color:#6b7280;outline:none;box-shadow:0 0 0 3px #6b72801a}.form-input::placeholder{color:#6b7688}.auth-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%);border:none;border-radius:2px;margin-top:8px;padding:16px 24px;font-family:Sora,sans-serif;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 16px #6b72804d}.auth-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6b728080}.auth-submit-btn:active{transform:translateY(0)}.auth-switch{text-align:center;color:#9ca3af;margin-top:24px;font-size:.95rem}.auth-switch-link{color:#6b7280;cursor:pointer;font-weight:600;text-decoration:none;transition:color .2s}.auth-switch-link:hover{color:#6b7280;text-decoration:underline}.user-menu{align-items:center;gap:12px;display:flex;position:absolute;top:110px;right:20px}.user-menu-trigger{color:#6b7280;cursor:pointer;background:#6b728026;border:2px solid #6b72804d;border-radius:2px;align-items:center;gap:12px;padding:10px 16px;font-family:Sora,sans-serif;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.user-menu-trigger:hover{background:#6b728040;border-color:#6b7280;box-shadow:0 4px 16px #6b72804d}.user-avatar{color:#fff;background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:700;display:flex}img.user-avatar,img.friend-avatar{object-fit:cover;display:block}.user-dropdown{z-index:100;background:linear-gradient(135deg,#0d0d20 0%,#1a1410 100%);border:2px solid #6b72804d;border-radius:2px;min-width:220px;animation:.3s slideDown;display:none;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 12px 40px #0009,0 0 40px #6b728026}.user-dropdown.active{display:block}.user-dropdown-item{color:#fff;cursor:pointer;border-bottom:1px solid #1a1a3a80;align-items:center;gap:12px;padding:14px 20px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.user-dropdown-item:last-child{border-bottom:none}.user-dropdown-item:hover{color:#6b7280;background:#6b72801a}.user-dropdown-item.danger{color:#ef4444}.user-dropdown-item.danger:hover{color:#f87171;background:#ef44441a}.settings-icon-wrapper{z-index:100;position:absolute;top:20px;left:20px}.settings-icon{cursor:pointer;filter:drop-shadow(0 2px 8px #6b72804d);border:2px solid #0000;border-radius:50%;width:80px;height:80px;transition:all .3s}.settings-icon:hover{filter:drop-shadow(0 4px 16px #6b728099);border-color:#6b72804d;transform:rotate(90deg)scale(1.1)}.settings-dropdown{z-index:200;background:linear-gradient(135deg,#0d0d20 0%,#12122a 100%);border:2px solid #6b72804d;border-radius:2px;min-width:240px;animation:.3s slideDown;display:none;position:absolute;top:calc(100% + 12px);left:0;overflow:hidden;box-shadow:0 12px 40px #000c,0 0 40px #6b728026}.settings-dropdown.active{display:block}.settings-dropdown-item{color:#fff;cursor:pointer;border-bottom:1px solid #1a1a3a80;align-items:center;gap:12px;padding:14px 20px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.settings-dropdown-item:last-child{border-bottom:none}.settings-dropdown-item:hover{color:#6b7280;background:#6b728026}.settings-dropdown-item.danger{color:#ef4444}.settings-dropdown-item.danger:hover{color:#f87171;background:#ef44441a}.settings-item-icon{text-align:center;width:24px;font-size:1.2rem}.mode-toggle-wrapper{border-bottom:1px solid #1a1a3a80;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.mode-toggle-label{color:#fff;align-items:center;gap:12px;font-size:.95rem;font-weight:500;display:flex}.toggle-switch{cursor:pointer;background:#1a1a3acc;border:1px solid #6b72804d;border-radius:2px;width:48px;height:24px;transition:background .3s;position:relative}.toggle-switch.active{background:#6b72804d}.toggle-slider{background:#6b7280;border-radius:50%;width:18px;height:18px;transition:transform .3s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0000004d}.toggle-switch.active .toggle-slider{background:#6b7280;transform:translate(24px)}@media (max-width:768px){.logo{height:180px}.tagline{font-size:.85rem}.settings-icon-wrapper{top:15px;left:15px}.settings-icon{width:65px;height:65px}.settings-dropdown{min-width:200px}.library-button{width:fit-content;margin:20px auto 0;position:relative;top:auto;right:auto}header{padding-bottom:20px}.subjects-grid,.video-card{grid-template-columns:1fr}.video-thumbnail{height:180px}.subject-title{font-size:2rem}.library-tabs{overflow-x:auto}.toast{bottom:20px;left:20px;right:20px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s fadeIn}#homepage-view,#subject-view,#library-view{animation:.5s cubic-bezier(.4,0,.2,1) slideIn}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}button,.library-button,.back-button,.watch-button,.save-button,.remove-button,.save-notes-button,.add-folder-button{transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),background .2s}button:hover,.library-button:hover,.back-button:hover,.watch-button:hover,.save-button:hover,.add-folder-button:hover{transform:translateY(-2px)scale(1.02)}button:active,.library-button:active,.back-button:active,.watch-button:active,.save-button:active,.add-folder-button:active{transform:translateY(0)scale(.98)}.breadcrumb{animation:.4s cubic-bezier(.4,0,.2,1) breadcrumbSlide}@keyframes breadcrumbSlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.breadcrumb-link{transition:color .2s,transform .2s;display:inline-block}.breadcrumb-link:hover{color:#6b7280;transform:translate(2px)}.star{transition:color .3s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.star.filled{animation:.4s cubic-bezier(.4,0,.2,1) starFill}@keyframes starFill{0%{opacity:.5;transform:scale(.8)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.star:hover{filter:brightness(1.2);transform:scale(1.15)}.desktop-folder{transition:transform .3s cubic-bezier(.4,0,.2,1)}.desktop-folder:hover{filter:brightness(1.1);transform:translateY(-6px)}.folder-modal{animation:.5s cubic-bezier(.4,0,.2,1) folderExpand}@keyframes folderExpand{0%{opacity:0;border-radius:50%;transform:scale(.3)translateY(-100px)}60%{transform:scale(1.05)translateY(0)}to{opacity:1;border-radius:4px;transform:scale(1)translateY(0)}}.video-chain-item{transition:transform .3s cubic-bezier(.4,0,.2,1),background .3s,border-color .3s}.video-chain-item:hover{transform:translate(8px)}.video-chain-connector{animation:2s ease-in-out infinite connectorPulse}@keyframes connectorPulse{0%,to{opacity:.3}50%{opacity:.7}}.search-result-item{animation:.3s backwards resultFadeIn}.search-result-item:first-child{animation-delay:50ms}.search-result-item:nth-child(2){animation-delay:.1s}.search-result-item:nth-child(3){animation-delay:.15s}.search-result-item:nth-child(4){animation-delay:.2s}.search-result-item:nth-child(5){animation-delay:.25s}@keyframes resultFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.folder-modal-overlay{animation:.3s overlayFadeIn}@keyframes overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}input,textarea{transition:border-color .3s,background .3s,box-shadow .3s,transform .2s}input:focus,textarea:focus{transform:scale(1.01)}.folder-card,.subject-card,.unit-card{animation:.6s cubic-bezier(.4,0,.2,1) backwards cardAppear}@keyframes cardAppear{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.my-library-button{color:#fff;cursor:pointer;background:#0d0d204d;border:1px solid #6b728033;border-radius:4px;padding:12px 24px;font-family:Sora,sans-serif;font-size:1rem;font-weight:600;transition:all .4s;position:absolute;top:110px;left:20px;overflow:hidden}.my-library-button:before{content:"";background:linear-gradient(90deg,#6b7280,#4b5563);height:3px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.my-library-button:hover{background:#ffffff14;border-color:#6b728066;transform:translateY(-2px);box-shadow:0 12px 40px #6b728026}.my-library-button:hover:before{transform:scaleX(1)}.classrooms-button{color:#fff;cursor:pointer;background:#0d0d204d;border:1px solid #6b728033;border-radius:4px;align-items:center;gap:8px;padding:12px 24px;font-family:Sora,sans-serif;font-size:1rem;font-weight:600;transition:all .4s;display:flex;position:absolute;top:162px;left:20px;overflow:hidden}.classrooms-button:before{content:"";background:linear-gradient(90deg,#6b7280,#4b5563);height:3px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.classrooms-button:hover{background:#ffffff14;border-color:#6b728066;transform:translateY(-2px);box-shadow:0 12px 40px #6b728026}.classrooms-button:hover:before{transform:scaleX(1)}.friends-view,.classroom-view{opacity:0;visibility:hidden;min-height:100vh;padding:20px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.friends-view.active,.classroom-view.active{opacity:1;visibility:visible;position:relative}.social-tabs{border-bottom:1px solid #1a1a3a;margin-bottom:28px;display:flex}.social-tab{color:#a8b2c1;cursor:pointer;border-bottom:3px solid #0000;padding:14px 28px;font-family:Sora,sans-serif;font-weight:600;transition:all .3s}.social-tab:hover{color:#6b7280}.social-tab.active{color:#6b7280;border-bottom-color:#6b7280}.library-tabs{border-bottom:1px solid #1a1a3a;margin-bottom:0;display:flex}.library-tab{color:#a8b2c1;cursor:pointer;border-bottom:3px solid #0000;padding:14px 28px;font-family:Sora,sans-serif;font-weight:600;transition:all .3s}.library-tab:hover{color:#6b7280}.library-tab.active{color:#6b7280;border-bottom-color:#6b7280}.library-panel{display:none}.library-panel.active{display:block}.friends-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.friend-card{background:#ffffff0d;border:1px solid #6b728033;border-radius:4px;align-items:center;gap:16px;padding:20px 24px;transition:all .3s;display:flex}.friend-card:hover{background:#ffffff14;border-color:#6b728066}.friend-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.2rem;font-weight:700;display:flex}.friend-info{flex:1;min-width:0}.friend-name{color:#fff;margin-bottom:2px;font-size:1rem;font-weight:600}.friend-username{color:#6b7280;font-size:.85rem}.friend-actions{flex-shrink:0;gap:8px;display:flex}.friends-search-input{color:#fff;box-sizing:border-box;background:#ffffff0d;border:1.5px solid #6b728033;border-radius:2px;width:100%;margin-bottom:24px;padding:14px 18px;font-family:Sora,sans-serif;font-size:1rem;transition:all .3s}.friends-search-input:focus{background:#ffffff14;border-color:#6b7280;outline:none}.friends-search-input::placeholder{color:#6b7688}.colibs-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.colib-card{cursor:pointer;background:#06b6d40f;border:1px solid #06b6d459;border-radius:4px;padding:28px 24px;transition:all .3s;position:relative}.colib-card:hover{background:#06b6d41a;border-color:#06b6d499;transform:translateY(-2px);box-shadow:0 0 28px #06b6d42e}.colib-card-icon{margin-bottom:12px;font-size:2.4rem}.colib-card-name{color:#fff;margin-bottom:6px;font-size:1rem;font-weight:600}.colib-card-meta{color:#6b7280;font-size:.85rem}.colib-badge{color:#06b6d4;background:#06b6d433;border:1px solid #06b6d466;border-radius:2px;padding:3px 8px;font-size:.7rem;font-weight:700;position:absolute;top:10px;right:10px}.new-colib-card{cursor:pointer;background:#ffffff08;border:2px dashed #6b728040;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:130px;padding:28px 24px;transition:all .3s;display:flex}.new-colib-card:hover{background:#06b6d40a;border-color:#06b6d466}.new-colib-card-text{color:#6b7280;font-size:.95rem;font-weight:600}.social-modal{background:linear-gradient(135deg,#0d0d20 0%,#1a1410 100%);border:2px solid #6b72804d;border-radius:4px;width:90%;max-width:700px;max-height:85vh;animation:.3s modalSlideUp;position:relative;overflow-y:auto}.social-modal-header{border-bottom:1px solid #1a1a3a;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.social-modal-title{color:#fff;font-size:1.4rem;font-weight:700}.social-modal-body{padding:24px 32px}.classrooms-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.classroom-card{cursor:pointer;background:#8b5cf60f;border:1px solid #8b5cf659;border-radius:4px;padding:28px;transition:all .3s;position:relative}.classroom-card:hover{border-color:#8b5cf699;transform:translateY(-2px);box-shadow:0 0 28px #8b5cf62e}.classroom-card-name{color:#fff;margin-bottom:8px;font-size:1.1rem;font-weight:700}.classroom-card-meta{color:#a8b2c1;margin-bottom:12px;font-size:.9rem}.classroom-code-badge{color:#a78bfa;letter-spacing:.05em;background:#8b5cf626;border:1px solid #8b5cf666;border-radius:2px;padding:4px 10px;font-family:monospace;font-size:.8rem;font-weight:700;display:inline-block}.classroom-admin-badge{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b66;border-radius:2px;margin-left:8px;padding:3px 8px;font-size:.75rem;font-weight:700;display:inline-block}.classroom-member-count{color:#6b7280;margin-top:8px;font-size:.85rem}.classroom-detail-header{background:#8b5cf614;border:1px solid #8b5cf64d;border-radius:4px;margin-bottom:28px;padding:28px 32px}.classroom-detail-title{color:#fff;margin-bottom:12px;font-size:1.8rem;font-weight:700}.classroom-detail-meta{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.note-item{background:#ffffff0a;border:1px solid #6b728033;border-radius:4px;margin-bottom:12px;padding:16px 20px}.note-author{margin-bottom:6px;font-size:.85rem;font-weight:600}.note-text{color:#e8eaed;font-size:.95rem;line-height:1.6}.note-time{color:#6b7280;margin-top:6px;font-size:.8rem}.note-input-area{gap:12px;margin-top:20px;display:flex}.note-input{color:#fff;resize:none;background:#ffffff0d;border:1.5px solid #6b728033;border-radius:2px;flex:1;padding:12px 16px;font-family:Sora,sans-serif;font-size:.95rem;transition:all .3s}.note-input:focus{background:#ffffff14;border-color:#6b7280;outline:none}.members-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.member-card{background:#ffffff0a;border:1px solid #6b728033;border-radius:4px;align-items:center;gap:12px;padding:16px;display:flex}.member-info{flex:1;min-width:0}.member-name{color:#fff;font-size:.9rem;font-weight:600}.member-username{color:#6b7280;font-size:.8rem}.profile-stats-row{border:1px solid #6b728033;border-radius:4px;gap:0;margin:20px 0;display:flex;overflow:hidden}.profile-stat{text-align:center;border-right:1px solid #6b728033;flex:1;padding:16px}.profile-stat:last-child{border-right:none}.profile-stat-value{color:#fff;font-size:1.6rem;font-weight:700}.profile-stat-label{color:#6b7280;margin-top:4px;font-size:.8rem}.subject-checkbox-grid{grid-template-columns:repeat(2,1fr);gap:8px;max-height:200px;padding:4px;display:grid;overflow-y:auto}.subject-checkbox-item{cursor:pointer;background:#ffffff0a;border:1px solid #6b728033;border-radius:2px;align-items:center;gap:8px;padding:8px 12px;transition:all .2s;display:flex}.subject-checkbox-item:hover{border-color:#6b728066}.subject-checkbox-item input{cursor:pointer;accent-color:#6b7280}.subject-checkbox-item label{color:#a8b2c1;cursor:pointer;font-size:.85rem}.btn-sm{cursor:pointer;border-radius:2px;padding:8px 16px;font-family:Sora,sans-serif;font-size:.85rem;font-weight:600;transition:all .2s}.btn-primary{color:#fff;background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%);border:none}.btn-primary:hover{opacity:.85}.btn-ghost{color:#6b7280;background:#6b72801a;border:1px solid #6b72804d}.btn-ghost:hover{color:#9ca3af;border-color:#6b7280}.btn-friend{color:#6b7280;background:#6b72801a;border:1px solid #6b72804d}.btn-friend.added{color:#22c55e;cursor:default;background:#22c55e1a;border-color:#22c55e66}.btn-purple{color:#a78bfa;background:#8b5cf626;border:1px solid #8b5cf666}.btn-purple:hover{background:#8b5cf640;border-color:#8b5cf699}.btn-teal{color:#06b6d4;background:#06b6d41f;border:1px solid #06b6d459}.btn-teal:hover{background:#06b6d438;border-color:#06b6d499}.btn-danger-sm{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d}.btn-danger-sm:hover{border-color:#ef4444}.section-header-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-title{color:#fff;font-size:1.2rem;font-weight:700}.action-buttons-row{gap:10px;display:flex}@media (max-width:768px){.my-library-button{padding:10px 18px;font-size:.9rem;top:130px}.classrooms-button{padding:10px 18px;font-size:.9rem;top:180px}.friends-grid,.classrooms-grid,.colibs-grid{grid-template-columns:1fr}.profile-stats-row{flex-direction:column}.profile-stat{border-bottom:1px solid #6b728033;border-right:none}.subject-checkbox-grid{grid-template-columns:1fr}}.card-menu-wrapper{position:relative}.card-menu-btn{color:#6b7280;cursor:pointer;opacity:0;z-index:10;background:#6b72801a;border:1px solid #6b728033;border-radius:4px;justify-content:center;align-items:center;width:26px;height:26px;font-family:inherit;font-size:1.1rem;line-height:1;transition:opacity .2s,background .2s;display:flex;position:absolute;top:8px;right:8px}.card-menu-wrapper:hover .card-menu-btn{opacity:1}.card-menu-btn:hover{color:#fff;background:#6b728047}.card-menu-dropdown{z-index:200;background:#10101e;border:1px solid #6b72804d;border-radius:4px;min-width:175px;display:none;position:absolute;top:36px;right:8px;overflow:hidden;box-shadow:0 8px 24px #0000008c}.card-menu-dropdown.active{display:block}.card-menu-item{color:#a8b2c1;cursor:pointer;padding:10px 14px;font-size:.84rem;transition:background .15s,color .15s}.card-menu-item:hover{color:#fff;background:#ffffff0f}.card-menu-item.danger{color:#f87171}.card-menu-item.danger:hover{color:#ef4444;background:#ef44441a}.desktop-folder-delete{color:#f87171;cursor:pointer;opacity:0;z-index:20;background:#ef44441f;border:1px solid #ef444440;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;font-family:inherit;font-size:.7rem;transition:opacity .2s,background .2s;display:flex;position:absolute;top:2px;right:2px}.desktop-folder:hover .desktop-folder-delete{opacity:1}.desktop-folder-delete:hover{background:#ef44444d}.site-footer{text-align:center;background:#05050fe6;border-top:1px solid #1a1a3a;margin-top:auto;padding:32px 20px 28px}.footer-logo-row{justify-content:center;align-items:center;gap:9px;margin-bottom:14px;display:flex}.footer-logo-img{opacity:.7;width:20px;height:20px}.footer-logo-name{color:#8892b0;letter-spacing:.09em;font-size:.82rem;font-weight:700}.footer-links-row{flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.footer-link{color:#8892b0;cursor:pointer;letter-spacing:.02em;background:0 0;border:none;padding:4px 13px;font-family:inherit;font-size:.76rem;font-weight:400;transition:color .2s}.footer-link:hover{color:#fff}.footer-sep{color:#8892b059;-webkit-user-select:none;user-select:none;font-size:.6rem;line-height:1}.footer-copyright{color:#8892b0;letter-spacing:.03em;opacity:.6;font-size:.7rem}.footer-overlay{z-index:9999;background:#000000b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.footer-overlay-content{text-align:center;background:#0d0d20;border:1px solid #6b728038;border-radius:8px;width:90%;max-width:380px;padding:48px 56px}