@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,serif;text-decoration:none;font-optical-sizing:auto;font-weight:400;font-style:normal}html{width:100%;height:100%}html,body{-webkit-tap-highlight-color:transparent;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;scroll-behavior:smooth}body{overflow-x:hidden;overscroll-behavior-y:none;overscroll-behavior:none}#app{display:flex;flex-direction:column;flex-grow:1;height:fit-content;scroll-behavior:smooth}.auth-form{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;width:100%;max-width:360px;padding:48px 24px;margin:0 auto;height:100%}.auth-form input{width:100%}.sidebar-options{display:flex;flex-direction:column;gap:12px;padding:24px 12px;position:fixed;top:12px;left:84px;border-radius:24px;box-shadow:0 0 24px #0000001a;width:460px;background-color:#333;height:fit-content;overflow-y:auto;z-index:10;max-height:calc(100vh - 24px)}.sidebar-options::-webkit-scrollbar{display:none}.sidebar-options .sidebar-options-videos-filter{display:flex;justify-content:space-between;gap:8px}.sidebar-options .sidebar-options-videos-filter .sidebar-options-videos-filter-option{padding:4px 8px;border-radius:8px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;background-color:#444;color:#fff;transition:background-color .2s}.sidebar-options .sidebar-options-videos-filter .sidebar-options-videos-filter-option.sidebar-options-videos-filter-option-all{font-size:14px;padding:4px 12px}.sidebar-options .sidebar-options-videos-filter .sidebar-options-videos-filter-option:hover{background-color:#555}.sidebar-options .sidebar-options-videos-filter .sidebar-options-videos-filter-option.active{border:1px solid #f5d0fe;background-color:#f5d0fe34}.sidebar-options .sidebar-options-videos{display:flex;flex-wrap:wrap;gap:12px}.sidebar-options .sidebar-options-videos .sidebar-options-videos-video{display:flex;flex-direction:column;gap:12px;width:calc(50% - 12px);cursor:pointer}.sidebar-options .sidebar-options-videos .sidebar-options-videos-video img{width:100%;border-radius:12px;aspect-ratio:16/9;object-fit:cover}.sidebar-options .sidebar-options-videos .sidebar-options-videos-video .video-title{font-size:12px;font-weight:300}.sidebar-options .sidebar-options-videos .sidebar-options-videos-video:hover img{filter:brightness(.8)}.sidebar-options .sidebar-options-quote{display:flex;flex-direction:column;padding:12px;gap:8px}.sidebar-options .sidebar-options-quote .quote{font-size:18px;font-weight:300;color:#fff}.sidebar-options .sidebar-options-quote .quote-author{font-size:14px;font-weight:300;color:#fff;opacity:.5;font-style:italic;display:flex;justify-content:flex-end}.sidebar-options .sidebar-options-notes{display:flex;flex-wrap:wrap;flex-direction:row;gap:12px;max-height:80vh;overflow-y:auto}.sidebar-options .sidebar-options-notes .note{background-color:#444;padding:12px;border-radius:12px;position:relative;height:210px;width:calc(50% - 6px);overflow:hidden;overflow-y:auto;justify-content:space-between;display:flex;flex-direction:column;gap:8px}.sidebar-options .sidebar-options-notes .note .note-text{font-size:16px;font-weight:300;color:#fff;word-break:break-all}.sidebar-options .sidebar-options-notes .note .note-container{display:flex;gap:8px;align-items:center;justify-content:space-between}.sidebar-options .sidebar-options-notes .note .note-date{font-size:12px;font-weight:300;color:#fff;opacity:.5}.sidebar-options .sidebar-options-notes .note .note-delete{width:32px;height:32px;cursor:pointer;color:#b83555;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out}.sidebar-options .sidebar-options-notes .note .note-delete:hover{opacity:.9}.sidebar-options .sidebar-options-timer{display:flex;flex-direction:column;gap:24px}.sidebar-options .sidebar-options-timer .sidebar-options-timer-options{display:flex;background-color:#555;border-radius:12px}.sidebar-options .sidebar-options-timer .sidebar-options-timer-options .sidebar-options-timer-option{width:100%;padding:12px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;color:#fff;transition:background-color .2s}.sidebar-options .sidebar-options-timer .sidebar-options-timer-options .sidebar-options-timer-option:hover{background-color:#666;border-radius:12px}.sidebar-options .sidebar-options-timer .sidebar-options-timer-options .sidebar-options-timer-option.active{border-radius:12px;border:1px solid #f5d0fe;background-color:#f5d0fe34}.sidebar-options .sidebar-options-timer .sidebar-options-timer-clock{display:flex;flex-direction:column;font-size:48px;font-weight:600;color:#fff;text-align:center}.sidebar-options .sidebar-options-sounds{display:flex;flex-direction:column;gap:12px}.sidebar-options .sidebar-options-sounds .sidebar-options-sounds-sound{gap:12px;padding:12px;border-radius:12px;cursor:pointer;font-size:16px;display:flex;justify-content:space-between;background-color:#444;color:#fff;transition:background-color .2s}.sidebar-options .sidebar-options-sounds .sidebar-options-sounds-sound .sidebar-options-sounds-sound-title{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:300}.sidebar-options .sidebar-options-sounds .sidebar-options-sounds-sound .sidebar-options-sounds-sound-title img{width:24px;height:24px;object-fit:contain}.sidebar-options .sidebar-options-sounds .sidebar-options-sounds-sound .sidebar-options-sounds-sound-play{width:30px;height:30px;cursor:pointer;border:1px solid #f5d0fe;background-color:#f5d0fe34;color:#fff}.sidebar-options .sidebar-options-sounds .sidebar-options-sounds-sound:hover{background-color:#555}.sidebar-options .sidebar-options-tasks{display:flex;flex-direction:column;gap:12px}.sidebar-options .sidebar-options-tasks .task{gap:12px;padding:12px;border-radius:12px;font-size:16px;display:flex;flex-direction:column;background-color:#444;color:#fff;transition:background-color .2s;position:relative}.sidebar-options .sidebar-options-tasks .task .task-date{font-size:12px;font-weight:300;color:#fff;opacity:.5}.sidebar-options .sidebar-options-tasks .task .task-text{display:flex;gap:8px;align-items:center}.sidebar-options .sidebar-options-tasks .task .task-text.complete .task-text-title{opacity:.5;position:relative}.sidebar-options .sidebar-options-tasks .task .task-text.complete .task-text-title:after{content:"";position:absolute;width:100%;height:2px;background-color:#fff;bottom:50%;left:0;transform:translateY(50%);z-index:1}.sidebar-options .sidebar-options-tasks .task .task-delete{position:absolute;bottom:50%;transform:translateY(50%);right:12px;width:32px;height:32px;cursor:pointer;color:#b83555;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out}.sidebar-options .sidebar-options-tasks .task .task-delete:hover{opacity:.9}.sidebar-options .sidebar-options-tasks .task:hover{background-color:#555}.video-player{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:1;height:120%;width:120%;pointer-events:none}.video-thumbnail{opacity:.9;transition:all .2s ease-in-out}.video-thumbnail:hover{transform:scale(1.02);opacity:1}