.task_view_content{width:100%;display:flex;flex-direction:column;align-items:center}.task_select_container{display:contents}.task_instruction_label{text-align:center;color:#8e8e8e;color:var(--c-text-muted);font-weight:600;font-size:16px;margin-bottom:16px;flex-shrink:0}.main_image_holder{margin-bottom:20px;text-align:center;width:100%;flex-shrink:0}.task_question_text{font-size:25px;font-weight:800;line-height:1.3;margin-bottom:10px;margin-top:10px}.task_hero_img{height:clamp(100px,20vh,200px);width:auto;max-width:100%;object-fit:contain;border-radius:16px;border:2px solid #333333;border:2px solid var(--c-border)}.options_list{display:flex;flex-direction:column;width:100%;max-width:480px;margin:0 auto}.options_list>*+*{margin-top:10px}.btn_cant_listen{background:none;border:none;color:#8e8e8e;color:var(--c-text-muted);font-size:14px;font-weight:600;cursor:pointer;text-decoration:underline;display:block;margin:24px auto 0;opacity:.8;transition:opacity .2s}.options_grid{display:flex;flex-wrap:wrap;width:100%;margin:0 auto;flex-shrink:1;min-height:0;max-width:calc((100vh - 344px)*.9);max-width:calc((100vh - var(--header-height) - var(--footer-height) - 180px) * .9);max-width:min(calc((100vh - 344px)*.9),500px);max-width:min(calc((100vh - var(--header-height) - var(--footer-height) - 180px) * .9),500px)}.c_option{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;background-color:#1e1e1e;background-color:var(--c-bg-card);font-weight:600}.c_option:hover{cursor:pointer}.options_grid .c_option{width:50%;padding:6px;box-sizing:border-box;background:transparent;border:none;flex-direction:column}.c_image_card_content{background-color:#1e1e1e;background-color:var(--c-bg-card);border:3px solid #333333;border:3px solid var(--c-border);border-bottom-width:4px;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;width:100%;transition:all .2s}.c_option.is_selected .c_image_card_content{border-color:#1865f2;border-color:var(--c-accent-blue);background-color:#1865f21a}.c_option_img_wrap{position:relative;width:100%;padding-bottom:100%;background-color:#fff}.c_option_img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.c_option_footer{display:flex;align-items:center;padding:8px 10px;min-height:40px}.c_option:not(.is_image_card):not(.script_opt_symbol){width:100%;box-sizing:border-box;border:2px solid #333333;border:2px solid var(--c-border);border-bottom-width:4px;border-radius:12px;padding:14px 18px;display:flex;align-items:center}.c_option.script_opt_symbol{box-sizing:border-box;border:2px solid #333333;border:2px solid var(--c-border);border-bottom-width:4px;border-radius:12px}.c_option.is_selected:not(.is_image_card){border-color:#1865f2;border-color:var(--c-accent-blue);background-color:#1865f226}.c_option.is_disabled{pointer-events:none}.c_option_text{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.c_option_trc{font-size:12px;font-weight:500;color:#ffffff80;text-align:center;margin-top:2px}.cjk_mode .c_option_trc{font-size:13px}.question_with_audio_col{display:flex;flex-direction:column;align-items:center;position:relative}.question_with_audio{display:flex;align-items:center;justify-content:center}.question_with_audio>*+*{margin-left:12px}.question_with_audio .task_question_text{margin-bottom:0}.gap_question_hint{margin-bottom:12px;color:#8e8e8e;color:var(--c-text-muted);font-size:16px;text-align:center}.c_token_container.is_centered{justify-content:center}.task_view_matching{display:flex;flex-direction:column;width:100%;max-height:calc(100vh - 284px);max-height:calc(100vh - var(--header-height) - var(--footer-std-height) - 100px);flex-shrink:1;min-height:0;margin-top:10px}.match_grid{display:flex;width:100%;max-width:600px;margin:0 auto}.match_column{display:flex;flex-direction:column;width:calc(50% - 8px);min-height:0}.match_column+.match_column{margin-left:16px}.c_match_item{background-color:#1e1e1e;background-color:var(--c-bg-card);border:2px solid #333333;border:2px solid var(--c-border);border-bottom:4px solid #3e3e3e;border-radius:14px;padding:12px;font-weight:700;font-size:16px;transition:all .1s;min-height:60px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex:1}.c_match_item+.c_match_item{margin-top:10px}.c_match_item:hover{border-color:#444;border-color:var(--c-border-hover);transform:scale(1.02)}.c_match_item.is_selected{border-color:#1865f2;border-color:var(--c-accent-blue);background-color:#1865f226}.c_match_item.is_solved{opacity:.4;pointer-events:none;background-color:#222;border-color:transparent;color:#aaa}.match_audio_icon{width:28px;height:28px;fill:#fff;display:block}.c_match_item.is_error{animation:shake_match .4s ease-in-out;border-color:#ff4b4b!important;border-bottom-color:#ff4b4b!important;color:#ff4b4b!important;background-color:#ff4b4b1a!important}@keyframes shake_match{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.text_only_rich_text table,.split_rich_text table{width:100%;border-collapse:separate;border-spacing:0;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.1);margin:16px 0;font-size:14px}.text_only_rich_text th,.split_rich_text th{background:#ffffff14;color:#fff;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.5px;padding:12px 14px;text-align:left;border-bottom:2px solid rgba(255,255,255,.12)}.text_only_rich_text td,.split_rich_text td{padding:10px 14px;color:#ffffffd9;border-bottom:1px solid rgba(255,255,255,.06);line-height:1.5}.text_only_rich_text tr:last-child td,.split_rich_text tr:last-child td{border-bottom:none}.text_only_rich_text tr:hover td,.split_rich_text tr:hover td{background:#ffffff08}.text_only_rich_text td b,.split_rich_text td b{color:#23ac5e;color:var(--c-accent-green);font-weight:800}.text_only_rich_text table[border],.split_rich_text table[border]{border-style:solid;border-color:#ffffff1a}.text_only_rich_text td,.text_only_rich_text th,.split_rich_text td,.split_rich_text th{border-left:none;border-right:none;border-top:none}@media(max-height:700px){.l_main{overflow-y:auto;-webkit-overflow-scrolling:touch}.task_view_content{padding-bottom:20px}.task_view_content .main_image_holder{margin-bottom:8px}.task_instruction_label{margin-bottom:4px;font-size:14px}.options_grid{max-width:100%}.options_grid .c_option{padding:4px}.c_option_img_wrap{padding-bottom:70%;background-color:#1e1e1e;background-color:var(--c-bg-card)}.l_main{overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.task_wrapper{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}