.video_search_section .search_tag_container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px 4px}.video_search_section .search_tag_container .search_tag_wrapper{display:flex;justify-content:center;align-items:center;width:22%;color:#141c24;border:1px solid #F4C753;border-radius:24px}.video_search_section .search_tag_container .search_tag{font-size:12px;padding:4px 16px;background-color:transparent}.video_subtitle{text-align:left}.search_bar{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:20px auto;padding:10px;background-color:#fff;border-radius:10px;box-shadow:0 6px 12px #000000b3}.search_bar .search_input:first-child,.search_bar .search_input:nth-child(2){margin-right:10px}.search_field{display:flex;flex-direction:column;gap:4px;width:30%}.search_label{font-size:.6rem;font-weight:700;text-align:left;color:#666}.search_input{color:gray;padding:10px 4px;border:1px solid #ccc;border-radius:5px;margin-bottom:10px}.search_button{width:40%;padding:10px 15px}.search_icon{margin-right:10px}.close_button{position:absolute;top:-14px;right:-14px;width:30px;height:30px;border:none;border-radius:50%;background-color:red;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s}.close-button:hover{background-color:#ff1a1a}.video_template_section .template_wrapper{display:flex;justify-content:center;align-items:center;height:2rem;border-radius:12px}.video_template_section .template_wrapper:nth-child(1){background:#8136e2;background:linear-gradient(45deg,#8136e2,#e0a9bb);background:-moz-linear-gradient(45deg,hsla(266,75%,55%,1) 0%,hsla(340,47%,77%,1) 100%);background:-webkit-linear-gradient(45deg,hsla(266,75%,55%,1) 0%,hsla(340,47%,77%,1) 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr="#8338E3",endColorstr="#E0A9BB",GradientType=1)}.video_template_section .template_wrapper:nth-child(2){background:#69e510;background:linear-gradient(45deg,#69e510,#95e75a);background:-moz-linear-gradient(45deg,hsla(95,87%,48%,1) 0%,hsla(95,75%,63%,1) 100%);background:-webkit-linear-gradient(45deg,hsla(95,87%,48%,1) 0%,hsla(95 100% 65.6%) 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr="#69E610",endColorstr="#95E75A",GradientType=1)}.video_template_section .template_wrapper:nth-child(3){background:#f20752;background:linear-gradient(45deg,#f20752,#f9ac90);background:-moz-linear-gradient(45deg,hsla(341,94%,49%,1) 0%,hsla(16,90%,77%,1) 100%);background:-webkit-linear-gradient(45deg,hsla(341,94%,49%,1) 0%,hsla(16,90%,77%,1) 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr="#F40752",endColorstr="#F9AB8F",GradientType=1)}.video_template_section .template_wrapper:nth-child(4){background:#003edb;background:linear-gradient(45deg,#003edb,#6b95ff);background:-moz-linear-gradient(45deg,hsla(223,100%,43%,1) 0%,hsla(223,100%,71%,1) 100%);background:-webkit-linear-gradient(45deg,hsla(223,100%,43%,1) 0%,hsla(223,100%,71%,1) 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr="#003EDB",endColorstr="#6A94FF",GradientType=1)}.video_template_section .template_wrapper{background:#ff930f;background:linear-gradient(45deg,#ff930f,#fffa5c);background:-moz-linear-gradient(45deg,hsla(33,100%,53%,1) 0%,hsla(58,100%,68%,1) 100%);background:-webkit-linear-gradient(45deg,hsla(33,100%,53%,1) 0%,hsl(58deg 91.53% 54.56%) 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr="#FF930F",endColorstr="#FFF95B",GradientType=1)}.video_template_section .template_name{color:#f0f0f0;font-weight:700;font-size:14px;border-radius:8px;padding:8px 0}.template_description{font-size:14px;white-space:pre-line;text-align:left}.video_list_wrapper{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem}.video_list_wrapper .video_list_item{width:48%;max-width:360px;padding:0}.video_list_wrapper .video_list_item_feedback{display:flex;justify-content:space-between;align-items:flex-start;padding:0;text-align:left}.video_list_wrapper .video_thumbnail{border-radius:12px}.video_name{font-size:12px}.task_container .task_list{display:flex;flex-direction:column;gap:2rem;margin-bottom:4rem}.task_container .task_item{position:relative;padding:0 8px 16px;border-radius:24px;box-shadow:0 2px 4px #0000001a}.task_container .task_item .task_name_wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-left:4px}.task_container .task_item .task_name{font-size:16px;font-weight:500}.task_container .task_item .task_link{color:#141c24;font-size:20px;width:30px;padding:8px 12px 4px}.task_container .task_item:nth-of-type(1){box-shadow:0 0 10px #ff6a6a,0 0 20px #ffd4cf4d}.task_container .task_item:nth-of-type(2){box-shadow:0 0 10px #44f4ff80,0 0 20px #bbe4ff4d}.task_container .task_item:nth-of-type(3){box-shadow:0 0 10px #3aff8c67,0 0 20px #c3ffdc4d}.task_container .task_item:nth-of-type(4){box-shadow:0 0 10px #f8a560,0 0 20px #c3ffdc4d}.task_container .task_item:nth-of-type(5){box-shadow:0 0 10px #f0b5ff,0 0 20px #c3ffdc4d}.task_container .task_item:nth-of-type(1) .dayWrapper.active{background-color:#ff6a6a;border-color:#ff6a6a}.task_container .task_item:nth-of-type(2) .dayWrapper.active{background-color:#44f4ff80;border-color:#44f4ff80}.task_container .task_item:nth-of-type(3) .dayWrapper.active{background-color:#3aff8c67;border-color:#3aff8c67}.task_container .task_item:nth-of-type(4) .dayWrapper.active{background-color:#f8a560;border-color:#f8a560}.task_container .task_item:nth-of-type(5) .dayWrapper.active{background-color:#f0b5ff;border-color:#f0b5ff}.task_container .days{display:flex;justify-content:space-between}.task_container .days .dayWrapper{position:relative;display:flex;justify-content:center;align-items:center;width:36px;height:36px;border-radius:50%;border:1px solid #555;cursor:pointer}.task_container .days .weekday{position:absolute;top:-10px;left:50%;transform:translate(-50%,-50%);font-size:12px;color:#707070}.task_container .note_button{width:40%;padding:10px 0;font-size:12px;font-weight:700}.task_container .edit_mode_button{border:none;cursor:pointer}.task_container .delete_button{background:red;color:#fff;border:none;border-radius:50%;width:30px;height:30px;font-size:20px;cursor:pointer;position:absolute;right:18px}.task_item.task_detail{display:block;margin-bottom:40px}.task_add_form .label{font-weight:700}.task_add_form .input{padding:8px 4px;border:1px solid #ccc;border-radius:4px;font-size:16px}.task_add_form .button_wrapper{width:100%}.visible{opacity:1;transition:opacity .3s ease-in-out}.hidden{opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}.calendar_container{color:#292929}.calendar_header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.calendar_header button{background:none;border:none;color:#292929;cursor:pointer;font-size:16px}.calendar_container .weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;justify-content:center;justify-items:center;margin-bottom:10px}.calendar_container .weekday{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#707070}.calendar_container .calendar_days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;justify-content:center;justify-items:center;font-size:12px;padding-bottom:20px;margin-bottom:40px;border-bottom:2px double #808080ab}.calendar_container .calendar_day{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(128,128,128,.8)}.calendar_container .calendar_day.active{background-color:#f4c753;border-color:#f4c753}.calendar_container .calendar_day.today{border:2px solid #F4C753;box-sizing:border-box}.calendar_container .blank-day{width:24px;height:24px}.calendar_subtitle{text-align:left;font-weight:700}.note_item{padding-bottom:.5rem;border-bottom:.1px solid #808080ab}.note_item .note_text{text-align:left;padding:4px 8px;white-space:pre-wrap}.note_header_button{background-color:inherit;color:#2929296b}.note_text,.note_text_area{font-size:12px}.note_text_area{margin-bottom:12px}.note_container .note_button_wrapper{display:flex;justify-content:space-between}.note_button{width:24%;padding:10px 0;font-size:12px;font-weight:700}.note_button.inactive{color:#292929ad;background-color:#bcbcbc}.add_note_button_container{display:flex;justify-content:flex-end;padding-right:20px}.add_note_button{border-radius:50%;width:40px;height:40px;padding:0;background-color:#f4c753}.weekly_calendar_container{display:flex;flex-direction:column;gap:1rem;margin:1rem 0 2rem}.weekly_calendar_container .selected_date_wrapper{display:flex;align-items:center}.weekly_calendar_container .selected_date{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:2rem;text-align-last:left}.weekly_calendar_container .selected_date_today{color:gray;font-size:10px;margin-left:10px}.weekly_calendar_container .calendar_navigation{display:flex;align-items:center;justify-content:center;gap:10px}.weekly_calendar_container .calendar_button{background:#fff;border:none;padding:10px;cursor:pointer;font-size:24px;border-radius:5px}.weekly_calendar_container .calendar_button:hover{background:#bbb}.weekly_calendar_container .calendar_day{min-width:30px;padding:3px 10px;border-radius:10px;background-color:#cccccc1f;color:#000;text-align:center;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:2px}.weekly_calendar_container .calendar_day.selected{background-color:#000;color:#fff}.weekly_calendar_container .calendar_weekday{font-size:12px;font-weight:400}.weekly_calendar_container .calendar_date{font-size:16px;font-weight:700}.circle-container{position:relative;width:300px;height:300px;margin:0 auto}.svg-area{width:100%;height:100%}.goal-label{font-weight:700;font-size:4px;-webkit-user-select:none;user-select:none}.center-circle{position:absolute;background:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;box-shadow:0 0 5px #0003;font-size:12px}.third-goal{position:absolute;width:48px;height:48px;background:#add8e6;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700}.back-button{position:absolute;bottom:-200px;left:50%;transform:translate(-50%);padding:6px 12px;background-color:#333;color:#fff;border:none;border-radius:6px;cursor:pointer;z-index:10}.skeleton-path,.skeleton-text{fill:#e0e0e0;animation:pulse 1.5s ease-in-out infinite}.skeleton-center{background:#f5f5f5;display:flex;align-items:center;justify-content:center}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}*,*:before,*:after{margin:0;padding:0}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{max-width:1280px;margin:0 auto;padding:1rem;text-align:center;width:100%;box-sizing:border-box}a{font-weight:500;text-decoration:inherit;color:#000000de}a:hover{color:#535bf2}input,textarea,select,button{outline:none}input:focus,textarea:focus,select:focus,button:focus{outline:none}.MuiInputBase-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#ffffff3b!important}img{width:100%}ul,li{list-style:none;padding:0;margin:0}body{margin:0;padding-bottom:60px;display:flex;min-width:320px;min-height:100vh}section{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}h1{font-size:3.2em;line-height:1.1}p{margin:0}button{cursor:pointer;transition:border-color .25s;background-color:#f4c753;color:#141c24;border:none;border-radius:25px}button:disabled{cursor:not-allowed}.button_wrapper{display:flex;justify-content:space-around}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);width:80%;max-width:400px;background-color:#fff;border:1px solid #ccc;padding:10px;border-radius:5px;box-shadow:0 2px 5px #0003;display:flex;justify-content:space-between;align-items:center;z-index:1000}.toast.success{border-color:green;color:green}.toast.error{border-color:red;color:red}.toast .toast_message{margin-right:10px;font-weight:700}.toast button{background:none;border:none;cursor:pointer;font-size:1.2em}.header_tip_wrapper{position:relative;display:block;align-items:center;justify-content:space-between;margin-bottom:60px;padding:20px 10px 16px;border-radius:24px;box-shadow:0 2px 4px #0000001a}.header_tip_wrapper.first{box-shadow:0 0 10px #ff6a6a,0 0 20px #ffd4cf4d}.header_tip_wrapper.second{box-shadow:0 0 10px #44f4ff80,0 0 20px #bbe4ff4d}.header_tip_wrapper.third{box-shadow:0 0 10px #3aff8c67,0 0 20px #c3ffdc4d}.header_tip_wrapper.fourth{box-shadow:0 0 10px #f8a560,0 0 20px #c3ffdc4d}.header_tip_wrapper.fifth{box-shadow:0 0 10px #f0b5ff,0 0 20px #c3ffdc4d}.header_tip_title{font-size:16px;font-weight:500}header{position:fixed;top:0;left:0;width:100%;color:#0009;margin:0 0 20px;height:64px;z-index:100}.header_title{background:#fff;font-size:2em;line-height:2em;margin:0}.tab_container .css-1h9z7r5-MuiButtonBase-root-MuiTab-root{color:#ffffffde}.bottom_tab_wrapper{position:fixed;left:0;bottom:0;width:100%;height:60px;background-color:#fff}.bottom_tab_item .MuiBottomNavigationAction-label{font-size:10px;color:#0009}.section_title{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:2rem;padding-bottom:2rem;text-align-last:left}.login-box{position:absolute;top:40%;left:50%;width:80vw;max-width:560px;padding:60px 30px 30px;transform:translate(-50%,-50%);background:#181414fc;box-sizing:border-box;box-shadow:0 15px 25px #0009;border-radius:10px}.login-box .user-box{position:relative}.login-box .user-box input,.login-box .user-box select{width:100%;padding:10px 0;font-size:16px;color:#fff;margin-bottom:30px;border:none;border-bottom:1px solid #fff;outline:none;background:transparent}.login-box .user-box label{position:absolute;top:0;left:0;padding:10px 0;font-size:16px;color:#fff;pointer-events:none;transition:.5s}.login-box .user-box input:focus~label,.login-box .user-box input:valid~label,.login-box .user-box select:focus~label,.login-box .user-box select:valid~label{top:-20px;left:0;color:#bdb8b8;font-size:12px}.login-box form button{border:none;position:relative;overflow:hidden;transition:.7s;font-size:14px;padding:10px 15px;background-color:#1a1a1a;color:#ffffffde}.login-box form button:hover{background:#06ed129c;color:#fff;border-radius:5px;box-shadow:0 0 5px #03f40fa8,0 0 20px #03f40fad,0 0 20px #03f40fa8,0 0 50px #03f40f}.login-box button span{position:absolute;display:block}@keyframes btn-anim1{0%{left:-100%}50%,to{left:100%}}.login-box button span:nth-child(1){bottom:2px;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#03f40f);animation:btn-anim1 2s linear infinite}.scroll_content{display:flex;max-width:800px;margin:auto;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#aaa #ddd}.scroll_content li{width:48%;padding:8px;margin:3px;flex-shrink:0;list-style:none;display:flex;flex-direction:column}.scroll_content img{width:100%;height:90px;object-fit:cover;border-radius:12px}.scroll_content::-webkit-scrollbar{height:12px}.scroll_content::-webkit-scrollbar-thumb{background:#aaa;border-radius:6px}.scroll_content::-webkit-scrollbar-track{background:#ddd;border-radius:6px}