._item_57qap_1{--hsk-lesson-secondary-ink:var(--palette-secondary-text)}._item_57qap_1>:last-child{border-radius:12px;flex-direction:column;justify-content:center;align-self:stretch;min-width:0;padding:6px;display:flex}._item_57qap_1[aria-current=page]{--hsk-lesson-secondary-ink:var(--palette-white)}._item_57qap_1[aria-current=page]>:last-child{color:var(--palette-white);background:var(--palette-hsk-active-blue)}._number_57qap_5{width:100%;min-height:34px;color:var(--palette-primary-navy);background:var(--palette-white);font-weight:var(--kc-ui-weight-heading);border:0;border-radius:9px;place-items:center;display:grid}._item_57qap_1[aria-current=page]>._number_57qap_5{color:var(--palette-white);background:color-mix(in srgb, var(--palette-hsk-active-blue) 87%, var(--palette-white))}.site-shell:has(>.inner-main>._room_15mj3_1){grid-template-rows:auto minmax(0,1fr);height:100dvh;min-height:0;display:grid;overflow:hidden}.site-shell:has(>.inner-main>._room_15mj3_1)>footer{display:none}.inner-main:has(>._room_15mj3_1){width:100%;max-width:none;min-height:0;margin:0;padding:0}._room_15mj3_1{--writing-blue:var(--palette-hsk-active-blue);--writing-ink:var(--palette-hsk-writing-ink);width:100%;height:100%;min-height:0;color:var(--kc-hsk-learning-ink,var(--writing-ink));background:var(--palette-white);font-family:var(--kc-ui-font);grid-template-columns:clamp(235px,19vw,280px) minmax(0,1fr);display:grid;overflow:auto}._sidebar_15mj3_5{box-sizing:border-box;background:var(--palette-page-mint-background);flex-direction:column;gap:10px;min-width:0;height:100%;padding:12px;display:flex;overflow:hidden}._sidebar_15mj3_5 nav{flex:var(--writing-sidebar-nav-flex,none);align-content:start;gap:8px;height:auto;display:grid}._lesson_15mj3_7{height:auto;min-height:50px;color:var(--writing-ink);font-size:var(--kc-ui-label);grid-template-columns:34px minmax(0,1fr);align-items:center;gap:6px;padding:0;text-decoration:none;display:grid}._lesson_15mj3_7 strong{font-weight:800}._main_15mj3_10{grid-template-rows:var(--writing-main-rows,auto auto minmax(0, 1fr) auto);box-sizing:border-box;min-width:0;min-height:0;padding:0 clamp(16px, 2vw, 32px) var(--hsk-room-footer-inset);background:var(--writing-main-background,var(--palette-white));margin:0;display:grid;container:hsk-lesson/inline-size}._progress_15mj3_11{min-width:0}._toolbar_15mj3_12{--ordering-title-size:var(--kc-ui-section);align-items:center;gap:12px;min-width:0;min-height:42px;padding-inline:4px;display:flex}._toolbar_15mj3_12 h2{font-size:calc(var(--ordering-title-size) - .5rem);margin:0;font-weight:800;line-height:1.2}._navigationFooter_15mj3_14{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;min-height:44px;padding-top:6px;display:flex}._directions_15mj3_15{justify-self:center;align-items:center;gap:8px;width:fit-content;max-width:100%;min-height:30px;margin:5px 0 2px;display:flex}._directions_15mj3_15 a{--direction-color:var(--palette-hsk-answer-green);box-sizing:border-box;border:1px solid var(--direction-color);min-height:30px;color:var(--direction-color);background:var(--palette-white);font-size:var(--kc-ui-caption);white-space:nowrap;border-radius:24px;justify-content:center;align-items:center;padding:3px 13px;font-weight:800;line-height:1.2;text-decoration:none;display:inline-flex}._directions_15mj3_15 a[aria-current=page]{color:var(--palette-white);background:var(--direction-color);box-shadow:0 4px 10px #1b243026,inset 0 7px 12px #fff3}._directions_15mj3_15 a:not([aria-current=page]):hover{filter:brightness(.94)}._card_15mj3_19{flex-direction:column;gap:8px;min-width:0;min-height:0;padding:clamp(11px,2dvh,20px) 0;display:flex}._orderingCard_15mj3_20{overflow:hidden}._orderingCard_15mj3_20:focus{outline:none}._prompt_15mj3_22{flex:none;gap:2px;display:grid}._prompt_15mj3_22 h3{color:var(--color-text-secondary);font-size:var(--kc-ui-lead);margin:0;font-weight:800;line-height:1.3}._prompt_15mj3_22 p{color:var(--writing-ink);font-size:var(--kc-ui-body);margin:0;line-height:1.3}._prompt_15mj3_22 ._orderingMeaning_15mj3_25{min-height:1.3em;font-size:calc(var(--kc-ui-lead) + .125rem);text-align:center}._prompt_15mj3_22 ._chinese_15mj3_26,._prompt_15mj3_22 ._vietnamese_15mj3_26{color:var(--writing-ink);font-size:var(--kc-hsk-room-hanzi-size,clamp(24px, 3vw, 36px));line-height:1.3}._prompt_15mj3_22 ._vietnamese_15mj3_26{font-weight:700}._prompt_15mj3_22 ._chinese_15mj3_26{font-weight:calc(700 - var(--kc-hsk-hanzi-step,0));font-family:var(--kc-font-hanzi)}._translationCard_15mj3_29{--writing-answer-min-height:48px;--writing-result-width:min(100%, 720px);--writing-translation-prompt-size:calc(var(--kc-hsk-room-hanzi-size,var(--kc-ui-body)) + 4px);justify-content:flex-start;gap:12px;padding-top:clamp(32px,6dvh,60px);overflow:visible}._translationCard_15mj3_29 ._prompt_15mj3_22{text-align:left;align-self:center;gap:12px;width:min(100%,720px)}._translationCard_15mj3_29 ._prompt_15mj3_22 ._chinese_15mj3_26,._translationCard_15mj3_29 ._prompt_15mj3_22 ._vietnamese_15mj3_26{font-size:var(--writing-translation-prompt-size)}._answer_15mj3_32{box-sizing:border-box;resize:none;border:1px solid var(--palette-hsk-writing-answer-border);width:100%;min-height:68px;color:var(--writing-ink);background:var(--palette-white);font:inherit;font-size:var(--kc-ui-body);border-radius:11px;flex:auto;padding:10px 13px;line-height:1.45;display:block}._translationCard_15mj3_29 ._answer_15mj3_32{width:min(100%,720px);min-height:var(--writing-answer-min-height);flex:none;align-self:center;overflow-y:hidden}._translationCard_15mj3_29 ._actions_15mj3_34{align-self:center;width:min(100%,720px)}._answer_15mj3_32::placeholder{color:var(--palette-hsk-writing-muted);opacity:1}._orderingBoard_15mj3_36{align-self:center;gap:inherit;flex-direction:column;width:max-content;max-width:100%;display:flex}._tileSlots_15mj3_37,._availableTiles_15mj3_37{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;min-width:0;display:flex}._tileSlots_15mj3_37{min-height:55px}._orderingCard_15mj3_20 ._tileSlots_15mj3_37{margin-top:16px}._tileSlots_15mj3_37 button,._availableTiles_15mj3_37 button{--ordering-tile-font-size:var(--kc-hsk-room-hanzi-size,clamp(22px, 2.5vw, 30px));border:1px solid var(--palette-hsk-writing-answer-border);min-width:clamp(64px,8vw,125px);min-height:48px;color:var(--kc-hsk-learning-ink,var(--writing-ink));background:var(--palette-hsk-writing-soft);font-family:var(--kc-font-hanzi);font-size:calc(var(--ordering-tile-font-size) + .25rem);font-weight:calc(700 - var(--kc-hsk-hanzi-step,0));cursor:pointer;border-radius:11px;padding:4px 12px}._tileSlots_15mj3_37 ._placedTile_15mj3_41,._tileSlots_15mj3_37 ._placedTile_15mj3_41:hover{border-color:var(--palette-hsk-answer-green);color:var(--palette-white);background:var(--palette-hsk-answer-green)}._tileSlots_15mj3_37 ._emptyTile_15mj3_42{color:var(--palette-hsk-writing-previous);background:var(--palette-white);font-family:inherit;font-size:var(--ordering-tile-font-size);border-style:dashed;font-weight:400}._tileSlots_15mj3_37 button:disabled{cursor:default}._punctuation_15mj3_44{font-family:var(--kc-font-hanzi);font-size:var(--kc-hsk-room-hanzi-size,var(--kc-ui-card))}._availableTiles_15mj3_37{border-top:0;flex:auto;align-content:flex-start;padding-top:clamp(20px,3.2dvh,32px)}._orderingCard_15mj3_20 ._availableTiles_15mj3_37{box-sizing:border-box;flex:none;height:112px}._availableTiles_15mj3_37 button:hover,._placedTile_15mj3_41:hover{border-color:var(--writing-blue)}._actions_15mj3_34{flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:40px;display:flex}._orderingActions_15mj3_49{--room-navigation-ink:var(--palette-black);grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr);align-items:center;gap:4px;margin-top:14px;display:grid}._orderingActions_15mj3_49>:first-child{justify-self:start;padding-inline:0}._orderingActions_15mj3_49>:last-child{justify-self:end;padding-inline:0}._orderingControls_15mj3_52{justify-content:center;align-items:center;gap:8px;display:flex}._orderingControls_15mj3_52 button._reset_15mj3_53{color:var(--palette-hsk-answer-green)}._orderingControls_15mj3_52 ._reset_15mj3_53:disabled{opacity:.6}._translationFeedback_15mj3_55{width:var(--writing-result-width,min(100%, 900px));box-sizing:border-box;border:1px solid var(--color-warning-border);background:var(--color-warning-soft);color:var(--color-text-primary);overflow-wrap:anywhere;border-radius:16px;flex:none;grid-template-columns:minmax(0,1fr) auto;align-self:center;gap:6px 16px;padding:10px 16px;display:grid}._translationFeedback_15mj3_55[data-correct=true]{border-color:var(--color-success);background:var(--color-success-soft)}._orderingFeedback_15mj3_57{--writing-result-width:min(100%, 520px);contain:inline-size;align-content:center;height:112px}._resultHeading_15mj3_58{flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:6px 16px;display:flex}._resultHeading_15mj3_58>strong{color:var(--color-warning);font-size:var(--kc-ui-lead);font-weight:var(--kc-ui-weight-heading);line-height:var(--kc-ui-leading-control);align-items:center;gap:9px;display:flex}._translationFeedback_15mj3_55[data-correct=true] ._resultHeading_15mj3_58>strong{color:var(--color-success)}._resultIcon_15mj3_61{width:26px;height:26px;color:var(--color-white);background:var(--color-warning);border-radius:50%;flex:none;place-items:center;display:inline-grid}._translationFeedback_15mj3_55[data-correct=true] ._resultIcon_15mj3_61{background:var(--color-success)}._referenceAnswer_15mj3_63{gap:2px;display:grid}._referenceAnswer_15mj3_63>span{color:var(--color-text-secondary);font-size:var(--kc-ui-caption);line-height:var(--kc-ui-leading-control)}._referenceAnswer_15mj3_63>strong{font-size:var(--kc-hsk-room-hanzi-size,var(--kc-ui-learning-body));font-weight:calc(var(--kc-ui-weight-heading) - var(--kc-hsk-hanzi-step,0));line-height:var(--kc-ui-leading-block)}._referenceAnswer_15mj3_63>strong[lang=zh-Hans]{font-family:var(--kc-font-hanzi)}._resultActions_15mj3_67{justify-content:flex-end;align-items:flex-end;display:flex}._resultActions_15mj3_67 button{min-height:32px;color:var(--palette-white);background:var(--writing-blue);font:inherit;font-size:var(--kc-ui-caption);cursor:pointer;border:0;border-radius:24px;flex:none;padding:4px 14px;font-weight:800;box-shadow:0 4px 10px #1a63c72e}._resultActions_15mj3_67 button:hover{filter:brightness(.94)}._error_15mj3_70{color:var(--color-danger);font-size:var(--kc-ui-caption);margin:0}._room_15mj3_1 :is(a,button,textarea,select):focus-visible{outline:calc(2px * var(--kc-keyboard-focus,1)) solid var(--writing-blue);outline-offset:2px}._room_15mj3_1 ._answer_15mj3_32:focus-visible{background:var(--palette-hsk-speaking-background);outline:none}@media (min-width:960px) and (max-height:600px){._toolbar_15mj3_12{--ordering-title-size:var(--kc-ui-card);min-height:36px}._directions_15mj3_15{min-height:30px}._card_15mj3_19{gap:5px;padding:9px 0}._translationCard_15mj3_29{gap:12px;padding-top:40px}._navigationFooter_15mj3_14{min-height:38px;padding-top:3px}._prompt_15mj3_22 h3{font-size:var(--kc-ui-body)}._prompt_15mj3_22 ._chinese_15mj3_26,._prompt_15mj3_22 ._vietnamese_15mj3_26{font-size:var(--kc-hsk-room-hanzi-size,26px)}._translationCard_15mj3_29{--writing-answer-min-height:44px}._translationFeedback_15mj3_55{padding:8px 14px}._tileSlots_15mj3_37{min-height:43px}._orderingCard_15mj3_20 ._tileSlots_15mj3_37{margin-top:13px}._tileSlots_15mj3_37 button,._availableTiles_15mj3_37 button{--ordering-tile-font-size:var(--kc-hsk-room-hanzi-size,22px);min-height:39px}._availableTiles_15mj3_37{padding-top:16px}._orderingCard_15mj3_20 ._availableTiles_15mj3_37,._orderingFeedback_15mj3_57{height:94px}._orderingActions_15mj3_49{margin-top:8px}._actions_15mj3_34{min-height:35px}}@media (max-width:959px){.site-shell:has(>.inner-main>._room_15mj3_1){height:auto;min-height:100dvh;display:block;overflow:visible}.site-shell:has(>.inner-main>._room_15mj3_1)>footer{display:block}._room_15mj3_1{height:auto;min-height:calc(100dvh - var(--site-header-height,64px));overflow:visible}._sidebar_15mj3_5,._main_15mj3_10{min-height:calc(100dvh - var(--site-header-height,64px))}._card_15mj3_19{min-height:280px}._orderingCard_15mj3_20 ._availableTiles_15mj3_37{height:auto;min-height:55px}}@media (max-width:700px){._room_15mj3_1{grid-template-columns:minmax(0,1fr)}._sidebar_15mj3_5{flex-flow:wrap;align-items:center;height:auto;min-height:0}._sidebar_15mj3_5 nav{flex:1 0 100%;display:flex}._lesson_15mj3_7{flex:1;min-height:40px}._main_15mj3_10{min-height:590px}._toolbar_15mj3_12,._navigation_15mj3_14{flex-wrap:wrap}}