html.story_active,.story_active body,.lesson_layout.story_mode{width:100%;position:relative}.story_mode .l_main{padding:0;justify-content:flex-start;align-items:center;width:100%}.story_split_view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;max-width:700px;max-width:var(--content-max-width);height:100%}.story_scroll_panel{-ms-flex:1;flex:1;-webkit-box-flex:1;overflow-y:auto;min-height:0;width:100%;padding:16px 16px 10px;padding:var(--space-lg) var(--space-lg) 10px;position:relative}.story_scroll_panel+.story_scroll_panel{border-top:1px solid #333333;border-top:1px solid var(--c-border)}.story_scroll_panel::-webkit-scrollbar{width:3px}.story_scroll_panel::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:10px}@media(min-width:701px){.story_split_view{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;max-width:960px}.story_scroll_panel+.story_scroll_panel{border-top:none;border-left:1px solid #333333;border-left:1px solid var(--c-border)}}.story_container{display:block;width:100%;line-height:1.85;text-align:left;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;z-index:300}.story_container .c_token_outer{display:inline!important}.story_container .c_token_container{display:inline!important;white-space:normal!important;pointer-events:auto}.story_container .c_token{display:inline-block!important;font-size:1.15rem;color:inherit;vertical-align:baseline;margin:0 1px}.cjk_mode .story_container .c_token{font-size:1.35rem}.story_title{display:block;width:100%;text-align:center;font-weight:900;margin-bottom:12px;margin-bottom:var(--space-md);padding-bottom:12px;padding-bottom:var(--space-md);border-bottom:1px solid rgba(255,255,255,.06)}.story_title.target{font-size:1.4rem;color:#fff;color:var(--c-text-main)}.story_title.native{font-size:1.4rem;color:#777}.story_sentence_unit{display:block;white-space:normal;margin-bottom:4px}.story_sentence_unit.target{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;color:#ffffff73}.story_sent_ctrls{-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:8px;margin-top:4px}.story_sent_ctrls .c_story_audio_btn{margin-right:4px}.story_sent_ctrls .c_story_audio_btn:last-child{margin-right:0}.story_sent_text{-webkit-box-flex:1;-ms-flex:1;flex:1;cursor:pointer;border-radius:4px;border-radius:var(--radius-xs);padding:2px 6px;-webkit-transition:background .15s;transition:background .15s}.story_sent_text:hover{background:#ffffff0d}.story_sentence_unit.target.is_current,.story_sentence_unit.target.is_current .c_token{color:#fff!important;color:var(--c-text-main)!important}.story_sentence_unit.native{font-size:1.15rem;color:#777;-webkit-transition:filter .3s,opacity .3s;transition:filter .3s,opacity .3s}.story_sentence_unit.native.is_current{color:#bbb}.story_sentence_unit.native.is_blurred{-webkit-filter:blur(8px);filter:blur(8px);opacity:.3;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#ffffff0a;border-radius:4px;border-radius:var(--radius-xs);padding:0 2px;padding:0 var(--space-2xs)}.story_sentence_unit.native.is_blurred:hover{-webkit-filter:blur(4px);filter:blur(4px);opacity:.5}.story_sentence_unit.native:not(.is_blurred){-webkit-filter:blur(0);filter:blur(0);opacity:1;background:transparent}.story_blur_toggle{position:absolute;top:8px;top:var(--space-sm);right:8px;right:var(--space-sm);background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border:1px solid var(--c-accent-border);border-radius:8px;border-radius:var(--radius-sm);color:#8e8e8e;color:var(--c-text-muted);font-size:11px;font-weight:700;padding:5px 10px;cursor:pointer;z-index:10;-webkit-transition:background .2s,color .2s;transition:background .2s,color .2s;text-transform:uppercase;letter-spacing:.5px}.story_blur_toggle:hover{background:#ffffff1a;color:#fff;color:var(--c-text-main)}.story_blur_toggle.is_active{background:#1865f2;background:var(--c-accent-blue);color:#fff;color:var(--c-text-main);border-color:#1865f2;border-color:var(--c-accent-blue)}.story_panel_label{display:block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#fff3;margin-bottom:10px;padding-bottom:6px}.story_mode .progress_track{-webkit-box-flex:1;-ms-flex:1;flex:1;height:10px;background:#333;background:var(--c-border);border-radius:5px;overflow:hidden}.story_mode .progress_fill{height:100%;background-color:#23ac5e;background-color:var(--c-accent-green);-webkit-transition:width .3s ease;transition:width .3s ease}.animated_text{-webkit-animation:storyFadeIn .4s ease-out forwards;animation:storyFadeIn .4s ease-out forwards}@-webkit-keyframes storyFadeIn{0%{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes storyFadeIn{0%{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.story_quiz_popup{position:absolute;bottom:0;left:50%;width:100%;max-width:700px;max-width:var(--content-max-width);-webkit-transform:translateX(-50%) translateY(100%);transform:translate(-50%) translateY(100%);background:#1a1a1a;border-radius:24px 24px 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:10;-webkit-transition:-webkit-transform .4s cubic-bezier(.2,.8,.2,1),height .4s ease;transition:transform .4s cubic-bezier(.2,.8,.2,1),height .4s ease;-webkit-box-shadow:0 -10px 50px rgba(0,0,0,.9);box-shadow:0 -10px 50px #000000e6;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.story_quiz_popup.is_active{-webkit-transform:translateX(-50%) translateY(0);transform:translate(-50%) translateY(0)}.story_quiz_popup.is_expanded{height:70vh}.story_quiz_popup.is_collapsed{height:56px;overflow:hidden;-webkit-transform:translateX(-50%) translateY(0);transform:translate(-50%) translateY(0)}.quiz_popup_inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%}.quiz_popup_header{height:56px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 20px;padding:0 var(--space-xl);border-bottom:1px solid #333333;border-bottom:1px solid var(--c-border);-ms-flex-negative:0;flex-shrink:0}.quiz_toggle_btn{background:#1865f2;background:var(--c-accent-blue);border:none;color:#fff;color:var(--c-text-main);padding:6px 14px;border-radius:10px;font-size:12px;font-weight:800;cursor:pointer;-webkit-box-shadow:0 3px 0 rgba(0,0,0,.2);box-shadow:0 3px #0003}.quiz_toggle_btn.is_collapsed{background:#23ac5e;background:var(--c-accent-green)}.quiz_popup_title{margin-left:14px;font-weight:800;font-size:14px;color:#1865f2;color:var(--c-accent-blue)}.quiz_popup_body{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:20px;padding:var(--space-xl)}.quiz_popup_footer{-ms-flex-negative:0;flex-shrink:0;background:#1a1a1a;border-top:1px solid #333333;border-top:1px solid var(--c-border)}#story_native_panel{position:relative}.story_blur_icon{font-size:12px;margin-right:4px;margin-right:var(--space-xs)}