*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center;background-image:url(/assets/yellow_brick_road-BePqM-G7.jpg);background-size:cover;background-position:center;background-attachment:fixed;height:100vh;overflow:auto}.loading-text{color:red}.nav{background-color:#fff;color:#000;display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1rem}.sticky{position:fixed;width:100%;top:0}.hamburger{border:0;height:2.5rem;width:2.5rem;padding:.5rem;border-radius:50%;background-color:#6355fa;cursor:pointer;transition:background-color .2s ease-in-out;position:absolute;top:50%;right:25px;transform:translateY(-50%);display:none}.hamburger:hover{background-color:#630fff}.nav ul{padding:0;margin:0;list-style:none;display:flex;gap:2rem}.nav a{color:inherit;text-decoration:none;height:100%;display:flex;align-items:center}.nav li{padding-bottom:.2rem}.nav li.active,.nav li:hover{border-bottom:solid .125rem #6355FA}@media screen and (max-width: 768px){.hamburger{display:block}.nav ul{display:none}.nav ul.expanded{display:block;position:absolute;top:4rem;left:0;flex-direction:column;width:100%;background-color:#333;color:#fff}a.button-slide{display:none;width:30%}.nav .nav-link{height:3rem}}._site_title_mjhw1_1{font-size:2rem}._nav_padding_mjhw1_5{height:4.375rem}@media screen and (max-width: 768px){._nav_padding_mjhw1_5{height:3.125rem}._site_title_mjhw1_1{font-size:1rem}}._user_icon_mjhw1_19{width:30px;height:30px;margin-left:auto;display:flex;align-items:center}._dropdown_mjhw1_27{position:relative;display:inline-block}._dropdown_button_mjhw1_32{background-color:transparent;color:#000;padding:10px 16px;font-size:16px;border:none;cursor:pointer}._dropdown_button_mjhw1_32:hover,._dropdown_button_mjhw1_32:focus{background-color:#ffffff1a}._dropdown_menu_mjhw1_44{position:absolute;top:100%;right:0;background-color:#fff;box-shadow:0 8px 16px #0003;z-index:1;display:flex;flex-direction:column}._dropdown_menu_mjhw1_44 a,._dropdown_menu_mjhw1_44 button{padding:10px;text-decoration:none;color:#000;display:block;background:none;border:none;cursor:pointer;text-align:left}._dropdown_menu_mjhw1_44 a:hover,._dropdown_menu_mjhw1_44 button:hover{background-color:#f1f1f1}.home-container{height:100vh}.home-title{text-align:center;width:100vw;margin-top:1vh;font-size:3rem;color:#fff;text-shadow:2px 2px 4px #000000}.training-games-container{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;justify-items:center;align-items:center;margin:auto;margin-top:5vh;max-width:80vw;padding:1vh;border-radius:4vh;background-color:#c8e6ffb3}.training-games-title{font-size:2.5rem;grid-column:span 2}.training-games-description{font-size:1.5rem;margin-bottom:2vh;grid-column:span 2}.game-container{background-color:#fff;border:2px solid black;border-radius:2vh;margin:auto;margin-top:1vh;margin-bottom:1vh;width:38vw;font-size:1.5rem;text-decoration:none;padding:1rem}.game-title{text-decoration:none;color:#000}.game-description{font-size:1rem;color:#000}.game-image{height:5vh}.guided-journey-container{display:flex;flex-direction:column;gap:1rem;justify-items:center;align-items:center;margin:auto;margin-top:5vh;max-width:80vw;padding:1vh;border-radius:4vh;background-color:#c8e6ffb3;text-decoration:none;color:inherit}.guided-journey-image{height:20vh}@media (max-width: 768px){.training-games-container{grid-template-columns:1fr}.game-container{width:80vw;height:3rem;font-size:1.2rem}.game-description{font-size:.9rem}}@media (max-width: 480px){.training-games-container{grid-template-columns:1fr}.game-container{width:90vw;height:2.5rem;font-size:1rem}.game-description{font-size:.6rem}}._milestones_container_u9lk0_1{padding:1rem;background-color:#fffc;width:80vw;margin:1rem auto}._table_u9lk0_8{border-collapse:collapse;width:100%}._table_u9lk0_8 th,._table_u9lk0_8 td{border:1px solid black;padding:8px}._table_u9lk0_8 tr{cursor:pointer;transition:background-color .3s,color .3s}._table_u9lk0_8 tr:hover{background-color:#f0f0f0;color:#007bff}._table_u9lk0_8 thead tr:hover{background-color:transparent;color:inherit;cursor:default}._modal_u9lk0_34{width:50vw;position:absolute;top:50%;left:50%;right:auto;bottom:auto;margin-right:-50%;transform:translate(-50%,-50%);background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0003;text-align:center;max-height:80vh;overflow-y:auto;scroll-behavior:smooth}._overlay_u9lk0_54{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf}._milestone_description_u9lk0_63{padding:.5rem 2rem}._begin_button_u9lk0_67{background-color:green;color:#fff;border:none;padding:5px 10px;cursor:pointer;border-radius:5px;margin:0 auto;margin-top:1rem;display:block}._begin_button_u9lk0_67:hover{background-color:#006400}._close_button_u9lk0_83{position:absolute;top:5px;right:10px;background:none;border:none;font-size:28px;font-weight:700;cursor:pointer;color:#333;padding:5px}._close_button_u9lk0_83:hover{color:#000}._feedback_button_u9lk0_100{margin:.25rem;padding:.5rem 1rem;border:none;border-radius:.25rem;font-size:1rem;cursor:pointer;transition:background-color .3s ease,transform .3s ease}._piano_keyboard_container_u9lk0_114{display:flex;justify-content:center;align-items:center;width:100%;margin:1rem auto;padding:0}._piano_scale_wrapper_u9lk0_123{transform:scaleX(.6);transform-origin:center center;margin:0 auto;font-size:.1rem}@media (max-width: 600px){._piano_scale_wrapper_u9lk0_123{transform:scaleX(.45);font-size:.08rem}}@media (min-width: 601px) and (max-width: 900px){._piano_scale_wrapper_u9lk0_123{transform:scaleX(.55);font-size:.09rem}}@media (min-width: 901px) and (max-width: 1200px){._piano_scale_wrapper_u9lk0_123{transform:scaleX(.65);font-size:.1rem}}@media (min-width: 1201px) and (max-width: 1600px){._piano_scale_wrapper_u9lk0_123{transform:scaleX(.5);font-size:.11rem}}@media (min-width: 1601px){._piano_scale_wrapper_u9lk0_123{transform:scaleX(.45);font-size:.12rem}}._bullet_list_u9lk0_165{display:inline-block;padding-left:1.5rem;margin-left:0;list-style-position:outside;width:auto}._bullet_list_container_u9lk0_173{display:block;margin:.5rem 0}._bullet_list_u9lk0_165 li{padding-left:.5rem}._continue_button_u9lk0_183{background-color:#28a745;color:#fff;border:3px solid #1e7e34;padding:15px 30px;cursor:pointer;border-radius:8px;margin:2rem auto;display:block;font-size:1.5rem;font-weight:700;text-align:center;box-shadow:0 4px 10px #0003;transition:transform .2s ease,background-color .3s ease}._continue_button_u9lk0_183:hover{background-color:#218838;transform:scale(1.1)}._show_full_list_button_u9lk0_204{display:block;margin:10rem auto .25rem;border-radius:10%;box-shadow:.1rem .1rem #4f4f4f;font-size:1rem;font-weight:700;border:1px solid #4f4f4f;cursor:pointer;padding:.5rem;text-align:center}._dialogueContainer_1jt8h_1{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:30vw;background-color:#fffffff2;box-shadow:0 -4px 8px #0003;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;z-index:10}._characterImage_1jt8h_17{width:8vw;height:auto;margin-bottom:10px}._dialogueText_1jt8h_23{font-size:16px;text-align:center;margin-bottom:10px}._closeButton_1jt8h_29{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}._closeButton_1jt8h_29:hover{background-color:#0056b3}._journeyContainer_1p5eo_1{position:relative;width:70vw;height:42vw;background-image:url(/journey_map.png);background-size:cover;background-position:center;background-repeat:no-repeat;padding:0;margin:0 auto}._path_1p5eo_13{position:absolute;left:50%;top:0;width:4px;height:100%;background-color:transparent;transform:translate(-50%)}._point_1p5eo_24{position:absolute;width:20px;height:20px;background-color:#bbb;border-radius:50%;cursor:pointer;transition:background-color .3s}._point_1p5eo_24._completed_1p5eo_35{background-color:#4caf50}._label_1p5eo_39{position:absolute;top:50%;transform:translateY(-50%);font-size:12px;white-space:nowrap;background-color:#000000b3;color:#fff;padding:4px 8px;border-radius:4px}._labelRight_1p5eo_52{left:120%;text-align:left}._labelAbove_1p5eo_57{left:50%;top:-30px;transform:translate(-50%);text-align:center}._labelBelow_1p5eo_64{left:50%;top:30px;transform:translate(-50%);text-align:center}._piano_keyboard_1kcop_3{position:relative;display:flex;flex-direction:row;-webkit-user-select:none;user-select:none;height:120px;z-index:0}._piano_key_1kcop_3{position:relative;display:flex;align-items:flex-end;justify-content:center;box-sizing:border-box;border:1px solid #333;font-size:.7rem}._white_key_1kcop_24{width:1.8vw;height:100%;background-color:#fff;z-index:1}._black_key_1kcop_32{width:1.125vw;height:60%;background-color:#000;margin-left:-12.5px;margin-right:-12.5px;z-index:2;color:#fff}._highlighted_1kcop_43{background-color:gold!important;color:#000!important}._note_label_1kcop_49{font-size:.6vw;padding:4px;pointer-events:none;-webkit-user-select:none;user-select:none}._interval_detector_1wg4g_1{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;font-family:Arial,sans-serif;border:2px solid #4caf50;border-radius:10px;box-shadow:0 4px 8px #0000001a;background-color:#fff;margin:20px auto}h2{font-size:24px;margin-bottom:15px;color:#333}label{font-size:16px;margin-bottom:10px;font-weight:700}select{padding:8px 12px;font-size:16px;border-radius:5px;border:1px solid #ccc;margin-bottom:15px;cursor:pointer}._progress_bar_container_1wg4g_37{width:100%;max-width:300px;height:10px;background-color:#e0e0e0;border-radius:5px;overflow:hidden;margin-top:10px}._progress_bar_1wg4g_37{width:100%;max-width:300px;height:10px;background-color:#e0e0e0;border-radius:5px;overflow:hidden;margin:10px auto;position:relative}._progress_1wg4g_37{height:100%;background-color:#4caf50;transition:width .3s ease-in-out}._interval_info_1wg4g_65{display:flex;flex-direction:column;align-items:center;background-color:#f8f8f8;padding:15px;border-radius:10px;box-shadow:0 4px 8px #0000001a;width:300px;text-align:center;margin-top:15px}._interval_info_1wg4g_65 p{font-size:18px;margin:5px 0;color:#444}._interval_info_1wg4g_65 p:first-child{font-weight:700}._pitch_wheel_container_1wg4g_88{position:relative;width:250px;height:250px;margin:20px auto}._pitch_wheel_1wg4g_88{width:100%;height:100%;transition:transform .3s ease-in-out}._pitch_wheel_1wg4g_88 img{width:100%}._pitch_needle_1wg4g_105{position:absolute;top:-10px;left:50%;width:0;height:60px;border-left:4px solid red;transform:translate(-50%)}._instructions_1wg4g_115{text-align:center;font-size:1.2rem;margin-bottom:1rem;color:#555}._note_display_1wg4g_122{font-size:1.5rem;font-weight:700;color:#333;margin-top:10px}._circular_progress_wrapper_1wg4g_130{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px}._circular_progress_container_1wg4g_138{position:relative;width:100px;height:100px}._circular_progress_1wg4g_130{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:conic-gradient(#4caf50 calc(var(--progress) * 1%),#e0e0e0 0);display:flex;align-items:center;justify-content:center}._circular_progress_1wg4g_130 ._note_display_1wg4g_122{position:absolute;font-size:1rem;font-weight:700;color:#333}._arrow_1wg4g_168{width:50px;height:2px;background-color:#333;position:relative}._arrow_1wg4g_168:after{content:"";position:absolute;top:-5px;right:-5px;width:10px;height:10px;border-top:2px solid #333;border-right:2px solid #333;transform:rotate(45deg)}._interval_game_1m6r0_1{background-color:#fffc;width:95vw;margin:auto;margin-top:1.5rem;padding:1rem;border-radius:4rem;min-height:50vh}._header_section_1m6r0_11{display:flex;justify-content:space-between;padding-left:1rem;padding-right:1rem}._scoreboard_1m6r0_18{border:1px solid black;background-color:#fff;padding:.5rem;display:grid;grid-template-columns:1fr 1fr;gap:.5rem;border-radius:1rem}._music_staff_1m6r0_29{width:10vw;margin:auto;border:1px solid black}._guess_btn_group_1m6r0_35{margin:.5rem;display:inline-block;border:solid black .15rem}._default_button_1m6r0_41{background-color:#fff;border-radius:10%;height:1.5rem;box-shadow:.1rem .1rem #4f4f4f;font-size:1rem;font-weight:700;border:1px solid #4f4f4f;margin:.25rem;cursor:pointer}._play_button_1m6r0_53{background-color:green;border-radius:10rem;height:3rem;box-shadow:.25rem .25rem #4f4f4f;font-size:2rem;font-weight:700;border:2px solid #4f4f4f;margin:.5rem;cursor:pointer}._play_button_1m6r0_53:hover{filter:brightness(1.2)}._settings_button_1m6r0_69{display:block;margin:10rem auto .25rem;border-radius:10%;box-shadow:.1rem .1rem #4f4f4f;font-size:1rem;font-weight:700;border:1px solid #4f4f4f;cursor:pointer;padding:.5rem;text-align:center}@media (max-width: 768px){._scoreboard_1m6r0_18{width:40vw}}@media (max-width: 480px){._header_section_1m6r0_11{flex-direction:column;align-items:center}._scoreboard_1m6r0_18{width:50vw;display:flex;justify-content:space-between}}._settings_container_fzxa6_2{border:1px solid black;padding:1rem;background-color:#d3d3d3e6;border-radius:2rem;margin:1rem auto;width:fit-content}._interval_checkboxes_container_fzxa6_12{border:1px solid black;width:30vw;padding:.5rem;background-color:#fff;border-radius:2rem}._misc_settings_container_fzxa6_21{border:1px solid black;background-color:#fff;width:30vw;display:flex;flex-direction:column;gap:1rem;padding:.5rem;border-radius:2rem;align-items:center}._header_row_fzxa6_34{display:flex;justify-content:right;align-items:center;flex-direction:row}._interval_row_fzxa6_41{display:flex;justify-content:right;align-items:center;flex-direction:row;border-top:1px solid black}._row_item_fzxa6_49{flex:1;margin:.25rem 0}._row_double_item_fzxa6_54{flex:2;margin:.25rem 0}._controls_container_fzxa6_60{display:flex;justify-content:space-around}._select_dropdown_fzxa6_65{width:10rem}._delay_input_fzxa6_69{width:3rem}._note_range_container_fzxa6_73{background-color:#fff;width:fit-content;margin:1rem auto;padding:.5rem;border-radius:2rem;border:1px solid black}._note_select_container_fzxa6_82{display:flex;justify-content:center;gap:5rem}._piano_keyboard_container_fzxa6_88{display:flex;justify-content:center;padding:1rem}._new_preset_container_fzxa6_94{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;box-shadow:0 4px 8px #0000001a;z-index:1000;border-radius:8px}._modal_overlay_fzxa6_106{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999}._preset_configs_container_fzxa6_116{border:1px solid black;background-color:#fff;width:fit-content;padding:1rem;border-radius:2rem;margin:1rem auto}._preset_configs_controls_container_fzxa6_125{display:flex;flex-direction:row;gap:.5rem;justify-content:center;margin:1rem auto}._plus_icon_fzxa6_133,._trash_icon_fzxa6_138{cursor:pointer;font-size:2rem}@media (max-width: 480px){._settings_container_fzxa6_2{margin:0;padding:0;font-size:80%}._interval_checkboxes_container_fzxa6_12{margin-left:0rem;margin-right:0rem;padding:0}._header_row_fzxa6_34,._interval_row_fzxa6_41{margin:auto}._scoreboard_fzxa6_164,._settings_container_fzxa6_2{width:100%;margin-bottom:1rem}._note_select_container_fzxa6_82{display:flex;justify-content:space-between}._note_select_fzxa6_82{flex:1;margin-left:2rem;margin-right:2rem}}._difficulty_select_container_hcwjv_1{border:1px solid #ccc;background-color:#fffc;padding:1rem;margin:1rem;border-radius:4vh}._optionsContainer_hcwjv_9{display:grid;grid-template-columns:1fr;gap:2rem}._option_hcwjv_9{padding:2rem;margin:1rem;border:1px solid #ccc;cursor:pointer;height:10rem;border-radius:2vh}._selectedOption_hcwjv_24{background-color:#ddd}._unselectedOption_hcwjv_28{background-color:#fff}._feedback_container_2siro_1{margin:1rem auto;padding:1rem;background-color:#f8f9fa;border:1px solid black;border-radius:2rem;box-shadow:0 .5rem 1rem #00000026;width:fit-content}._feedback_button_2siro_15{margin:.25rem;padding:.5rem 1rem;border:none;border-radius:.25rem;font-size:1rem;cursor:pointer;transition:background-color .3s ease,transform .3s ease}._feedback_button_2siro_15:hover{background-color:#0056b3;transform:scale(1.05)}._feedback_button_2siro_15:active{background-color:#004085;transform:scale(1)}._settings_container_7r530_2{border:1px solid black;padding:1rem;background-color:#d3d3d3e6;border-radius:2rem;margin:1rem auto;width:fit-content}._interval_checkboxes_container_7r530_12{border:1px solid black;width:fit-content;padding:.5rem;background-color:#fff;border-radius:2rem}._header_row_7r530_21,._interval_row_7r530_21{display:flex;justify-content:right;align-items:center;flex-direction:row;width:18rem}._row_item_7r530_29{flex:1}._controls_container_7r530_33{display:flex;justify-content:space-around}._misc_settings_container_7r530_39{border:1px solid black;background-color:#fff;width:fit-content;display:flex;flex-direction:column;gap:1rem;padding:.5rem;border-radius:2rem;align-items:center}._note_range_container_7r530_51{background-color:#fff;width:fit-content;margin:1rem auto;padding:.5rem;border-radius:2rem;border:1px solid black}._note_select_container_7r530_60{display:flex;justify-content:center;gap:5rem}@media (max-width: 480px){._settings_container_7r530_2{margin:0;padding:0;font-size:80%}._interval_checkboxes_container_7r530_12{margin-left:0rem;margin-right:0rem;padding:0}._header_row_7r530_21,._interval_row_7r530_21{margin:auto}._scoreboard_7r530_91,._settings_container_7r530_2{width:100%;margin-bottom:1rem}._note_select_container_7r530_60{display:flex;justify-content:space-between}._note_select_7r530_60{flex:1;margin-left:2rem;margin-right:2rem}}._harmonic_interval_game_tey3c_1{background-color:#fffc;width:95vw;margin:auto;margin-top:5rem;padding:4rem;border-radius:4rem;min-height:50vh}._header_section_tey3c_11{display:flex;justify-content:space-between;padding-left:1rem;padding-right:1rem}._scoreboard_tey3c_18{border:1px solid black;width:20vw}._music_staff_tey3c_23{width:10vw;margin:auto;border:1px solid black}._guess_btn_group_tey3c_29{margin:.5rem;display:inline-block;border:solid black .15rem}._default_button_tey3c_35{background-color:#fff;border-radius:10%;height:1.5rem;box-shadow:.1rem .1rem #4f4f4f;font-size:1rem;font-weight:700;border:1px solid #4f4f4f;margin:.25rem;cursor:pointer}._play_button_tey3c_47{background-color:green;border-radius:10rem;height:3rem;box-shadow:.25rem .25rem #4f4f4f;font-size:2rem;font-weight:700;border:2px solid #4f4f4f;margin:.5rem;cursor:pointer}._play_button_tey3c_47:hover{filter:brightness(1.2)}._settings_button_tey3c_63{display:block;margin:10rem auto .25rem;border-radius:10%;box-shadow:.1rem .1rem #4f4f4f;font-size:1rem;font-weight:700;border:1px solid #4f4f4f;cursor:pointer;padding:.5rem;text-align:center}._visualization_1gzhq_1{border:1px solid black;background:#fff}._progressContainer_1gzhq_6{width:100%;max-width:400px;height:20px;background-color:#ddd;border-radius:10px;overflow:hidden;margin-top:10px}._progressBar_1gzhq_16{height:100%;background-color:#32cd32;width:0%;transition:width .1s linear}._pitch_detector_1gzhq_23{text-align:center;font-family:Arial,sans-serif}._pitch_wheel_container_1gzhq_28{position:relative;width:250px;height:250px;margin:20px auto}._pitch_wheel_1gzhq_28{width:100%;height:100%;transition:transform .3s ease-in-out}._pitch_wheel_1gzhq_28 img{width:100%}._pitch_needle_1gzhq_45{position:absolute;top:-10px;left:50%;width:0;height:60px;border-left:4px solid red;transform:translate(-50%)}._interval_selector_j4o8k_1{margin:1rem 0;text-align:center}._interval_selector_j4o8k_1 label{margin-right:.5rem;font-size:1rem;color:#555}._interval_selector_j4o8k_1 select{padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:4px}._leaderboard_container_gxz0z_1{display:flex;flex-direction:column;background-color:#fffc;padding:1rem;margin:3rem auto;border-radius:4vh;align-items:center;width:80%}._tables_container_gxz0z_12{display:flex;justify-content:space-evenly;flex-wrap:wrap;width:100%;margin:1rem 0}._table_container_gxz0z_20{display:flex;flex-direction:column;align-items:center;background-color:#7c7878cc;padding:1rem;border-radius:1rem;width:fit-content}._leaderboard_table_gxz0z_30{width:45%;border-collapse:collapse;margin:20px 0;background-color:#fff}._leaderboard_table_gxz0z_30 th,._leaderboard_table_gxz0z_30 td{border:1px solid #ddd;padding:8px;text-align:left}._leaderboard_table_gxz0z_30 th{background-color:#f2f2f2;font-weight:700}._profile_pic_gxz0z_48{width:30px;height:30px;border-radius:50%;object-fit:cover;margin-right:10px}._username_container_gxz0z_56{display:flex;align-items:center}._loginContainer_1iwvb_1{background-size:cover;background-position:center;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}._loginBox_1iwvb_12{max-width:400px;width:100%;margin:auto;padding:40px 80px 80px;background-color:#fffc;border-radius:40px}._loginTitle_1iwvb_22{font-size:2rem;text-align:center;margin-bottom:3rem}._loginInput_1iwvb_28{width:100%;padding:8px;margin:10px 0}._loginError_1iwvb_34{color:red}._loginSuccess_1iwvb_38{color:green}._loginToggle_1iwvb_42{margin-top:10px}._title_1iwvb_46{text-align:center;width:100%;margin-top:5rem;font-size:6rem;color:#fff;text-shadow:2px 2px 4px #000000}._loginButton_1iwvb_56{background-color:#fff;border:2px solid #008CBA;color:#000;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:4px;margin-top:2rem;transition:background-color .3s ease}._loginButton_1iwvb_56:hover{background-color:#008cba;color:#fff}._loginToggle_1iwvb_42{background-color:#008cba;border:none;color:#fff;padding:10px 24px;text-align:center;text-decoration:none;display:inline-block;font-size:14px;margin:4px 2px;cursor:pointer;border-radius:4px;transition:background-color .3s ease}._loginToggle_1iwvb_42:hover{background-color:#007bb5}._checkboxContainer_1iwvb_97{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}._checkboxContainer_1iwvb_97 input{margin-right:10px}._checkboxContainer_1iwvb_97 label{font-size:14px}@media (max-width: 600px){._loginBox_1iwvb_12{max-width:90%;padding:40px;border-radius:20px}._title_1iwvb_46{font-size:3rem;margin-top:2rem}}._passwordRequirements_1iwvb_125{margin:10px 0;padding:10px;background-color:#f8f9fa;border-radius:4px;font-size:.9rem}._passwordRequirements_1iwvb_125 p{margin-bottom:5px;font-weight:700}._passwordRequirements_1iwvb_125 ul{list-style-type:none;padding-left:5px;margin:0}._passwordRequirements_1iwvb_125 li{margin:5px 0;padding-left:20px;position:relative}._validRequirement_1iwvb_150{color:#28a745}._validRequirement_1iwvb_150:before{content:"✓";position:absolute;left:0}._invalidRequirement_1iwvb_160{color:#dc3545}._invalidRequirement_1iwvb_160:before{content:"✗";position:absolute;left:0}._footer_1n7wu_1{background-color:#f1f1f1;text-align:center;padding:10px 0;width:100%;bottom:0}._profile_settings_container_ooon3_3{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80vw;background-color:#f0f0f0;margin:20px auto}._profile_picture_preview_ooon3_14{width:100px;height:100px;object-fit:cover;border-radius:50%;margin-top:10px}._file_input_ooon3_22{display:block;margin:10px 0;padding:10px;border:1px solid #ccc;border-radius:4px;background-color:#f9f9f9;cursor:pointer}._file_input_ooon3_22:hover{background-color:#e9e9e9}._file_input_ooon3_22:focus{outline:none;border-color:#007bff;box-shadow:0 0 5px #007bff80}._page_k9xfg_1{background-color:#d0d0d0;min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}._container_k9xfg_10{background-color:#e0e0e0;padding:20px;border-radius:10px;box-shadow:0 4px 6px #0000001a;font-family:Arial,sans-serif;color:#333}._character_k9xfg_19{text-align:center}._character_k9xfg_19 img{width:180px;height:auto;border-radius:50%;box-shadow:0 6px 8px #0003;margin-bottom:15px}._dialogue_k9xfg_31{background-color:#fff;padding:15px 20px;border-radius:15px;box-shadow:0 4px 6px #0000001a;font-size:1.1rem;color:#333;max-width:400px;text-align:center;line-height:1.5}._button_k9xfg_43{margin-top:20px;padding:15px 30px;background-color:#4caf50;color:#fff;border:none;border-radius:8px;font-size:1.2rem;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:background-color .3s ease}._button_k9xfg_43:hover{background-color:#45a049}