:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%;width:100%;margin:0;padding:0;background:var(--bg-complex)}.thinScroll{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.5) transparent}.thinScroll::-webkit-scrollbar{width:6px}.thinScroll::-webkit-scrollbar-track{background:transparent}.thinScroll::-webkit-scrollbar-thumb{background-color:#ffffff80;border-radius:3px}.thinScroll::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}:root{--color-bg: #ffffff;--color-text: #000000;--color-primary: #1976d2;--color-secondary: #2e7d32;--color-border: #cccccc;--gradient-example: linear-gradient( 90deg, var(--color-primary), var(--color-secondary) )}:root{--color-dark-2: #0B485C;--color-dark-6: #141C27}:root{--bg-complex: radial-gradient( circle at 20% 30%, rgba(6, 43, 8, .35), transparent 60% ), radial-gradient( circle at 70% 40%, rgba(0, 48, 92, .35), transparent 55% ), radial-gradient( circle at 95% 10%, rgb(19, 0, 19), transparent 40% ), linear-gradient( 180deg, #000000, #002922 )}:root{--color-green-1: #00FA6A;--color-green-2: #00ff99;--color-blue-2: #048DF7;--gradient-green-blue: linear-gradient( 90deg, var(--color-green-1), var(--color-blue-2) );--gradient-green-blue-t50: linear-gradient( 90deg, rgba(0, 250, 106, .2), rgba(4, 141, 247, .2) )}:root{--color-border-1: rgba(255, 255, 255, .2)}.app{display:flex;flex-direction:row;height:100vh;width:100%;margin:0;overflow:hidden}.app2{display:flex;flex-direction:column;width:100%;height:100%;min-height:0}.pages{flex:1;min-height:0;overflow:hidden;box-sizing:border-box;margin:1rem}.overlay{position:fixed;inset:0;background:#00000080;z-index:99995}.dashboard{height:100%;overflow-y:auto;overflow-x:hidden}.loaded{display:flex;flex-direction:column;width:100%;height:50%;align-content:center;justify-content:center}.dots{display:flex}.dots span{border-radius:50%;background:#0f9;animation:bounce 1.4s infinite ease-in-out both}.dots span:nth-child(1){animation-delay:-.32s}.dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.loader-wrapper{display:flex;flex-direction:row;align-self:center;justify-self:center;justify-content:center;align-items:center}.spinner{width:48px;height:48px;border:4px solid rgba(0,0,0,.1);border-top-color:#0f9;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.circle-loader{animation:rotate 1s linear infinite}.circle-loader circle{fill:none;stroke:#0f9;stroke-width:4;stroke-linecap:round;stroke-dasharray:90;stroke-dashoffset:60}@keyframes rotate{to{transform:rotate(360deg)}}.playlist{display:flex;flex-direction:column;padding:.5rem;min-height:5rem;border:1px solid var(--color-border-1);border-radius:.5rem;background:linear-gradient(150deg,#ffffff1a,#fff0);width:100%;margin:0;box-sizing:border-box}.playlistInfo{display:flex;flex-direction:row}.names{display:flex;flex-direction:column;align-items:flex-start}.names p{margin:0;line-height:1.2}.countVideoInfo{display:flex;flex-direction:row;gap:.5rem;align-items:center}.countVideoInfo p{margin:0;font-size:12px}.listVideo{display:flex;flex-direction:column;gap:.5rem}.videoItem{display:flex;flex-direction:row;width:auto;border-radius:.5rem;background:linear-gradient(150deg,#ffffff1a,#fff0);padding:1rem;gap:1rem}.videoItem:active{opacity:.6}.videoIcon{width:48px;height:48px;border-radius:.5rem}.icons_stack{position:relative;margin:.5rem}.stacked_icon{position:absolute;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 0 4px #000}.default_icon{background:linear-gradient(135deg,#002922,#000);border:1px solid var(--color-border-1);border-radius:.5rem}.profilePage{display:grid;grid-template-columns:1fr 1fr 1fr;height:100%;overflow-y:auto;gap:.7rem}.oauth2{display:flex;flex-direction:column;grid-column:2;gap:1rem}.avatar{width:6rem;height:6rem;border-radius:50%;object-fit:cover}@media(max-width:1024px){.profilePage{grid-template-columns:1fr 1fr}}@media(max-width:768px){.profilePage{grid-template-columns:1fr}.oauth2{grid-column:1}}.topbar{border-bottom:1px solid var(--color-border-1);height:3rem;display:flex;align-items:center;box-sizing:border-box;margin-right:1rem;padding:1rem;overflow:hidden;flex-shrink:0}.burger,.closeArrow{font-size:1.2rem;border:none;cursor:pointer;margin-right:1rem}.sidebar{display:flex;flex-direction:column;width:200px;flex-shrink:0;transition:width .3s ease;overflow:hidden;box-shadow:inset -1px 0 0 var(--color-border-1)}.sidebar.closed{width:0}.head{display:flex;flex-direction:row;padding:1rem;height:15%;align-items:center;font-style:italic;gap:1rem}.head img{width:3rem;height:3rem}.avatar{border-radius:50%;object-fit:cover}.menu{display:flex;flex-direction:column;height:100%;margin-top:1rem;margin-left:1rem}.item-menu{display:flex;flex-direction:row;align-items:center;gap:1rem;width:100%;cursor:pointer;color:#c5c5c5;transition:background .2s ease,color .2s ease;box-sizing:border-box}.item-menu.active{color:#fff;border-radius:8px 0 0 8px;padding-left:.6rem;background:var(--gradient-green-blue-t50);border-right:3px solid var(--color-green-2)}.icon{font-size:1.3rem;transition:background .2s ease,color .2s ease}@media(max-width:480px){.sidebar{position:fixed;top:0;left:0;height:100vh;background:var(--bg-complex);z-index:99999}}.videoMp4{width:50%;height:50vh}.phraseItem{display:flex;flex-direction:column;background-color:#c17777;padding:8px;align-items:center;border:1px solid var(--color-border-1);border-radius:.5rem;background:linear-gradient(150deg,#ffffff1a,#fff0)}.phraseItem p{margin:0;line-height:1.2}.speaker_box{display:flex;align-items:center}.clickable:hover{opacity:.5}.clickable:active{transform:scale(1.1)}.currentPhrase{display:flex;flex-direction:column;padding:8px;align-items:center;border:1px solid var(--color-border-1);border-radius:.5rem;background:linear-gradient(150deg,#00fa6a33,#048df733)}.currentPhrase p{margin:0;line-height:1.2}.nativeDiv{display:flex;flex-direction:row;gap:12px}.phraseList{display:flex;flex-direction:column;flex:1;gap:.2rem;min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:30%;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.5) transparent}.phraseList::-webkit-scrollbar{width:6px}.phraseList::-webkit-scrollbar-track{background:transparent}.phraseList::-webkit-scrollbar-thumb{background-color:#ffffff80;border-radius:3px}.phraseList::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}.videoPage{display:flex;flex-direction:column;min-height:0;overflow:hidden;height:100%;gap:.5rem}.video{height:50%;width:auto;border:1px solid var(--color-border-1);border-radius:.5rem}