.content-match{box-sizing:border-box;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;min-height:0;padding:2rem 2rem .8rem;display:flex}.content-match-shell{position:relative}.content-match-shell .courseware-pill-badge{top:2rem;left:2rem}.content-match--dragging{-webkit-user-select:none;user-select:none}.content-match--dragging .option-button{touch-action:none;cursor:grabbing}.content-match__placeholder{flex:1;justify-content:center;align-items:center;width:100%;max-width:122.6rem;display:flex}.content-match__placeholder-text{color:#6b7280;margin:0;font-size:1.1rem}.content-match__stage{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:122.6rem;min-height:62.3rem;margin:0;display:flex;position:relative}.content-match__canvas{flex-direction:column;flex:none;justify-content:flex-start;align-items:stretch;gap:5rem;width:94.2rem;max-width:100%;display:flex}.content-match__hint{width:100%;height:auto;min-height:2.4rem;color:var(--on-dark);flex:none;justify-content:center;align-items:center;gap:.8rem;margin:0;font-size:2.6rem;font-weight:300;line-height:1.35;display:flex}.content-match__hint--hidden{visibility:hidden}.content-match__hint-icon{flex-shrink:0;width:2.4rem;height:2.4rem;display:block}.content-match__targets{flex:none;gap:6rem;width:100%;margin:0;list-style:none}.content-match__target,.content-match__targets{justify-content:center;align-items:center;height:31.2rem;padding:0;display:flex}.content-match__target{cursor:pointer;flex-direction:column;gap:2rem;width:27.4rem}.content-match[data-phase=intro] .content-match__target--revealed .content-match__avatar,.content-match[data-phase=practice] .content-match__avatar,.content-match__target--matched .content-match__avatar{filter:drop-shadow(0 4px 20px #72ff844d);border-color:#72ff84}.content-match__avatar-btn{cursor:pointer;background:0 0;border:none;padding:0;display:block;position:relative}.content-match__avatar{-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;user-select:none;background:#ffffff14;border:2px solid #fff;border-radius:50%;width:20rem;height:20rem;transition:border-color .2s,filter .2s;display:block}.content-match__check{color:#fff;text-align:center;background:#00a921;border-radius:50%;width:3rem;height:3rem;font-size:1.8rem;line-height:3rem;position:absolute;bottom:.4rem;right:.4rem}.content-match__name{display:none}.content-match__slot{box-sizing:border-box;-webkit-backdrop-filter:blur(34.4px);backdrop-filter:blur(34.4px);border-radius:1.2rem;flex-shrink:0;justify-content:center;align-items:center;width:27.4rem;height:9.2rem;padding:0;transition:border-color .2s,background .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 4px 12.3px #00000040,0 25.2px 50.4px -12.6px #0000004d}.content-match__slot:not(.content-match__slot--filled):not(.content-match__slot--wrong-placement){padding:.8rem 2rem}.content-match[data-phase=intro] .content-match__slot:not(.content-match__slot--filled){background:#ffffff08;border:2px dashed #ffffff80}.content-match[data-phase=practice] .content-match__slot:not(.content-match__slot--filled):not(.content-match__slot--wrong-placement){background:#00a9210d;border:2px dashed #72ff84}.content-match__slot--clue:not(.content-match__slot--filled):not(.content-match__slot--wrong-placement){background:#00a9211f;border:2px dashed #72ff84;box-shadow:0 0 0 4px #72ff8447,0 4px 12.3px #00000040,0 25.2px 50.4px -12.6px #0000004d}.content-match__slot--flash:not(.content-match__slot--filled):not(.content-match__slot--wrong-placement){animation:.8s infinite content-match-slot-flash}@keyframes content-match-slot-flash{0%,to{box-shadow:0 0 #72ff8400}50%{box-shadow:0 0 0 6px #72ff848c}}.content-match__slot-placeholder{color:#72ff84;margin:0;font-size:2.2rem;font-weight:400;line-height:2.4rem}.content-match__slot--wrong-placement{padding:0;overflow:hidden;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:none!important}.content-match__slot--wrong-placement.content-match__slot--clue,.content-match__slot--wrong-placement.content-match__slot--flash{animation:none}.content-match__slot--filled{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;padding:0;overflow:hidden}.content-match[data-phase=intro] .content-match__slot--filled{border:none}.content-match__card{box-sizing:border-box;border-radius:1.2rem;flex-direction:column;flex-shrink:0;justify-content:center;align-items:stretch;width:27.4rem;padding:.8rem 2rem;display:flex}.content-match__card-inner{flex-direction:row;flex:none;justify-content:space-between;align-self:stretch;align-items:flex-start;gap:1.2rem;width:100%;height:7.6rem;display:flex;position:relative}.content-match__card--in-slot{flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;position:absolute;inset:0}.content-match__card--in-slot:not(.content-match__card--wrong){-webkit-backdrop-filter:blur(34.4px);backdrop-filter:blur(34.4px);background:#00a92133;border:2px solid #00a921;animation:.3s content-match-fade-in;box-shadow:0 4px 12.3px #00000040,0 25.2px 50.4px -12.6px #0000004d}.content-match__card--in-slot.content-match__card--wrong{z-index:1;box-sizing:border-box;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);width:27.4rem;height:9.2rem;box-shadow:none;background:#a9313133;border:2px solid #a93131;border-radius:1.2rem;flex-direction:row;flex:none;order:1;justify-content:center;align-items:center;gap:1.2rem;padding:0;display:flex;position:absolute;inset:0}.content-match__card--in-slot.content-match__card--wrong .content-match__card-body,.content-match__card-body{flex:none;justify-content:center;gap:.2rem}.content-match__card-body{align-items:flex-start;min-width:0;display:flex}.content-match__card--in-slot .content-match__card-body{flex:none}.content-match__glyph-col{flex-direction:column;justify-content:center;align-items:center;gap:.4rem;width:7rem;display:flex}.content-match[data-phase=intro] .content-match__source .content-match__glyph-col{opacity:1}@keyframes content-match-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.content-match__card-zh{text-align:center;font-size:4rem;font-weight:400;line-height:4.8rem}.content-match__card--pinyin{text-align:center;font-size:2.2rem;line-height:2.4rem}.content-match__celebration{font-size:3.2rem;font-weight:var(--type-subtitle-weight);color:#ffd166;text-align:center;pointer-events:none;justify-content:center;align-items:center;margin:0;animation:.4s content-match-pop;display:flex;position:absolute;inset:0}@keyframes content-match-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.content-match__tray-section{flex-direction:column;flex:none;align-items:stretch;gap:2rem;width:100%;height:15.2rem;display:flex}.content-match__tray-divider{border:none;border-top:.5px solid #ffffff80;flex:none;width:100%;height:0;margin:0}.content-match__tray-panel{box-sizing:border-box;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:2rem;width:100%;height:13.2rem;padding:2rem}.content-match__tray,.content-match__tray-panel{flex:none;justify-content:center;align-items:center;display:flex}.content-match__tray{gap:4rem;width:auto;max-width:100%;height:9.2rem}.content-match__source{box-sizing:border-box;flex-direction:row;justify-content:center;align-items:center;gap:1.2rem;width:100%;min-height:9.2rem;padding:.8rem 5.6rem .8rem 2rem;display:flex;position:relative}.content-match__source .content-match__glyph-col{width:6rem}.content-match__source .content-match__card-body{flex:none;justify-content:center}.content-match__ghost{z-index:1000;box-sizing:border-box;-webkit-backdrop-filter:blur(34.4px);backdrop-filter:blur(34.4px);color:#fff;pointer-events:none;will-change:transform;contain:layout style paint;background:#ffffff1a;border:.5px solid #ffffff80;border-radius:1.2rem;flex-direction:row;justify-content:center;align-items:center;width:27.4rem;min-height:9.2rem;padding:.8rem 2rem;display:flex;position:absolute;top:0;left:0;box-shadow:0 8px 24px #0000004d}.content-match__audio-btn{cursor:pointer;flex:none;width:3.6rem;height:3.6rem;position:absolute;top:50%;right:1.6rem;transform:translateY(-50%)}.content-match__audio-btn-icon{width:2rem;height:2rem;display:block}.content-match__tray .option-button.option-button--selected,.content-match__tray .option-button:active{-webkit-backdrop-filter:blur(34.4px);backdrop-filter:blur(34.4px);color:#fff;background:#ffffff38;border-color:#ffffff80;box-shadow:0 4px 12.3px #00000040,0 25.2px 50.4px -12.6px #0000004d}.content-match__tray .option-button:not(:disabled):hover:not(.option-button--selected){-webkit-backdrop-filter:blur(34.4px);backdrop-filter:blur(34.4px);background:#ffffff2e}.content-match--slot-ordering .content-match__canvas{gap:3.2rem}.content-match--slot-ordering .content-match__hint{z-index:1;margin:0;position:relative;transform:translateY(-15rem)}.content-match--slot-ordering .content-match__sentence-tray-stack{flex-direction:column;flex:none;align-items:stretch;gap:2rem;width:100%;display:flex}.content-match--slot-ordering .content-match__sentence-slots{flex:none;justify-content:center;align-items:flex-end;gap:3rem;width:100%;min-height:13.2rem;margin:0;padding:0;list-style:none;display:flex}.content-match--slot-ordering .content-match__sentence-slot{flex-direction:column;justify-content:flex-end;align-items:center;width:27.4rem;padding:0;display:flex}.content-match--slot-ordering .content-match__slot--locked{pointer-events:none}.content-match--slot-ordering .content-match__slot--locked:not(.content-match__slot--filled){background:0 0;border:none}.content-match--slot-ordering .content-match__tray-section{flex:none;gap:0;height:auto}.content-match--slot-ordering .content-match__tray--sentence{gap:3rem}.content-match.content-match--slot-ordering[data-phase=practice] .content-match__slot:not(.content-match__slot--filled):not(.content-match__slot--wrong-placement){padding:0;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:none!important}.content-match--slot-ordering .content-match__slot:not(.content-match__slot--filled):not(.content-match__slot--wrong-placement){justify-content:center;align-items:stretch;position:relative}.content-match--slot-ordering:not(.content-match--answer-settled) .content-match__slot{height:auto;min-height:13.2rem;box-shadow:none}.content-match--slot-ordering .content-match__slot-line{z-index:2;pointer-events:none;border:none;border-top:2px solid #fff;flex:none;width:27.4rem;height:0;margin:0;padding:0;display:block;position:absolute;bottom:0;left:0;right:0;transform:rotate(.12deg)}.content-match--slot-ordering .content-match__slot--filled{height:auto;min-height:13.2rem;overflow:visible}.content-match--slot-ordering .content-match__card--in-slot{left:0;right:0}.content-match--slot-ordering .content-match__card--in-slot,.content-match--slot-ordering .content-match__card--in-slot.content-match__card--wrong{width:27.4rem;height:9.2rem;top:auto;bottom:calc(4rem + 2px)}.content-match--slot-ordering.content-match--answer-settled .content-match__sentence-tray-stack{gap:0}.content-match--slot-ordering .content-match__sentence-audio-row{flex:none;justify-content:center;width:100%;margin:1.2rem 0 0;padding:0;display:flex}.content-match--slot-ordering .content-match__sentence-audio-btn{box-sizing:border-box;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);cursor:pointer;background:#00a92133;border:.05rem solid #00a92180;border-radius:9.1rem;flex-direction:row;flex:none;justify-content:center;align-items:center;gap:1rem;width:3.6rem;height:3.6rem;padding:0;display:flex}.content-match--slot-ordering .content-match__sentence-audio-btn-icon{flex:none;width:3.6rem;height:3.6rem;display:block}.content-match--slot-ordering.content-match--answer-settled .content-match__sentence-slots{align-items:center;min-height:13.2rem}.content-match--slot-ordering .content-match__card--in-slot.content-match__card--downgrade-anchor{width:27.4rem;height:9.2rem;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;cursor:default;background:0 0;border:none;animation:none;top:auto;bottom:calc(4rem + 2px)}.content-match--slot-ordering .content-match__card--slot-dragging{visibility:hidden;pointer-events:none}.content-match--slot-ordering .content-match__card--in-slot:not(.content-match__card--downgrade-anchor):not(.content-match__card--wrong){cursor:grab}.content-match--slot-ordering.content-match--dragging .content-match__card--in-slot:not(.content-match__card--downgrade-anchor):not(.content-match__card--wrong){cursor:grabbing}.content-match.content-match--slot-ordering[data-answer-settled=true] .content-match__card--in-slot.content-match__card--success-slot,.content-match.content-match--slot-ordering[data-revealed-answer=true] .content-match__card--in-slot.content-match__card--success-slot{-webkit-backdrop-filter:blur(34.4px);backdrop-filter:blur(34.4px);background:#00a92133;border:2px solid #00a921;box-shadow:0 4px 12.3px #00000040,0 25.2px 50.4px -12.6px #0000004d}.content-match[data-phase=intro] .content-match__audio-btn{pointer-events:none;cursor:default;opacity:.45}.content-match--chat-timeline{padding-top:1.2rem}.content-match--chat-timeline .content-match__task-row{align-self:stretch;align-items:flex-start;width:100%;max-width:122.6rem;margin:0 0 2.4rem;display:flex}.content-match__task-prompt-anchor{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.content-match--chat-timeline .content-match__stage{justify-content:flex-start;gap:0;min-height:0}.content-match--chat-timeline .content-match__canvas{pointer-events:none;flex:none;gap:0;min-height:0;overflow:visible}.content-match--chat-timeline.content-match--dragging .content-match__canvas .content-match__slot,.content-match--chat-timeline.content-match--dragging .content-match__canvas .content-match__slot *,.content-match--chat-timeline.content-match--source-selected .content-match__canvas .content-match__slot,.content-match--chat-timeline.content-match--source-selected .content-match__canvas .content-match__slot *{pointer-events:auto}.content-match--chat-timeline .content-match__chat-thread{flex-direction:column;gap:1.6rem;width:100%;margin:0;padding:0 0 1rem;list-style:none;display:flex}.content-match--chat-timeline .content-match__chat-row{flex-direction:column;gap:.6rem;width:auto;max-width:100%;display:flex}.content-match--chat-timeline .content-match__chat-row--thread{z-index:3;pointer-events:auto;width:60rem;max-width:100%;position:relative}.content-match--chat-timeline .content-match__chat-row--left{align-self:flex-start;align-items:flex-start}.content-match--chat-timeline .content-match__chat-row--right{align-self:flex-end;align-items:flex-end}.content-match--chat-timeline .content-match__chat-thread>.content-match__chat-row--thread.content-match__chat-row--left{margin-top:2rem}.content-match--chat-timeline .content-match__chat-thread>.content-match__chat-row--thread.content-match__chat-row--right{margin-top:-2rem}.content-match--chat-timeline .content-match__chat-meta{flex-direction:row;align-items:center;gap:1.2rem;margin-bottom:.4rem;display:flex}.content-match--chat-timeline .content-match__chat-row--left .content-match__chat-meta{padding-left:.4rem}.content-match--chat-timeline .content-match__chat-row--right .content-match__chat-meta{flex-direction:row-reverse;padding-right:.4rem}.content-match--chat-timeline .content-match__chat-avatar{-o-object-fit:cover;object-fit:cover;background:#ffffff26;border:1px solid #fff6;border-radius:50%;flex-shrink:0;width:5rem;height:5rem;display:block}.content-match--chat-timeline .content-match__chat-name{color:#fffffff2;white-space:nowrap;font-size:2.2rem;font-weight:600;line-height:1.25}.content-match--chat-timeline .content-match__bubble{box-sizing:border-box;border-radius:1.4rem;align-items:stretch;width:fit-content;min-width:0;max-width:100%;min-height:0;padding:1.3rem 1.8rem;display:flex;position:relative;overflow:visible}.content-match--chat-timeline .content-match__chat-row--thread .content-match__bubble{width:100%;min-height:9rem;padding:1.8rem 2rem}.content-match--chat-timeline .content-match__chat-row--thread .content-match__bubble--left,.content-match--chat-timeline .content-match__chat-row--thread .content-match__bubble--right{padding:1.8rem 2.4rem 1.8rem 3rem}.content-match--chat-timeline .content-match__bubble--left{color:#1a1a1a;background:#fffffff2}.content-match--chat-timeline .content-match__bubble--right{color:#fff;background:#00a921}.content-match--chat-timeline .content-match__slot--chat{width:27.4rem;min-width:27.4rem;height:9.2rem;min-height:9.2rem}.content-match--chat-timeline .content-match__glyph-col--slot-chat{gap:.3rem;width:4.8rem}.content-match--chat-timeline .content-match__glyph-col--slot-chat .content-match__card-zh{font-size:2.8rem;line-height:3.2rem}.content-match--chat-timeline .content-match__glyph-col--slot-chat .content-match__card--pinyin{font-size:1.5rem;line-height:1.8rem}.content-match--chat-timeline .content-match__bubble--left:not(.content-match__bubble--drop):after{content:"";clip-path:polygon(0 100%,50% 0,100% 100%);pointer-events:none;background:#fffffff2;width:1.25rem;height:.95rem;position:absolute;top:-.95rem;left:2.9rem;transform:translate(-50%)}.content-match--chat-timeline .content-match__bubble--right:not(.content-match__bubble--drop):after{content:"";clip-path:polygon(0 100%,50% 0,100% 100%);pointer-events:none;background:#00a921;width:1.25rem;height:.95rem;position:absolute;top:-.95rem;right:2.9rem;transform:translate(50%)}.content-match--chat-timeline .content-match__bubble-body{justify-content:space-between;align-items:center;gap:.8rem;width:100%;min-width:0;display:flex}.content-match--chat-timeline .content-match__chat-row--thread .content-match__bubble-body{min-height:6rem}.content-match--chat-timeline .content-match__bubble-glyphs{flex-wrap:nowrap;flex:0 auto;align-items:flex-end;gap:.5rem;min-width:0;display:flex}.content-match--chat-timeline .content-match__glyph-col--chat{flex-direction:column;flex:none;justify-content:flex-end;align-items:center;gap:.45rem;width:auto;min-width:0;padding:0 .15rem;display:inline-flex}.content-match--chat-timeline .content-match__glyph-col--chat-punct{align-self:flex-end}.content-match--chat-timeline .content-match__glyph-col--chat .content-match__bubble--pinyin,.content-match--chat-timeline .content-match__glyph-col--chat .content-match__bubble-zh{text-align:center;width:100%}.content-match--chat-timeline .content-match__bubble-zh{text-align:center;font-size:3rem;font-weight:400;line-height:1.15;display:block}.content-match--chat-timeline .content-match__bubble--pinyin{text-align:center;min-height:1.9rem;font-size:2.4rem;font-weight:400;line-height:1.15;display:block}.content-match--chat-timeline .content-match__bubble--left .content-match__bubble--pinyin{color:#0000008c}.content-match--chat-timeline .content-match__bubble--right .content-match__bubble--pinyin{color:#ffffffbf}.content-match--chat-timeline .content-match__bubble--right .content-match__bubble--pinyin,.content-match--chat-timeline .content-match__bubble--right .content-match__bubble-zh{color:#fff}.content-match--chat-timeline .content-match__bubble-body .courseware-audio-button{z-index:1;flex-shrink:0;align-self:center;position:relative}.content-match--chat-timeline .content-match__drop-placeholder{color:#72ff84;text-align:center;margin:0;font-size:2rem;font-weight:400;line-height:2.4rem}.content-match--chat-timeline .content-match__chat-row--target.content-match__chat-row--right{z-index:1;margin-top:-13rem;position:relative}.content-match--chat-timeline .content-match__chat-row--target.content-match__chat-row--left{z-index:1;position:relative;transform:none}.content-match--chat-timeline .content-match__chat-row--target.content-match__chat-row--right{transform:none}.content-match--chat-timeline .content-match__chat-row--target,.content-match--chat-timeline .content-match__chat-row--target *{pointer-events:none}.content-match--chat-timeline.content-match--dragging .content-match__chat-row--target,.content-match--chat-timeline.content-match--dragging .content-match__chat-row--target *,.content-match--chat-timeline.content-match--source-selected .content-match__chat-row--target,.content-match--chat-timeline.content-match--source-selected .content-match__chat-row--target *{pointer-events:auto}.content-match--chat-timeline .content-match__tray-section{z-index:20;pointer-events:auto;flex:none;gap:0;width:100%;max-width:94.2rem;height:auto;margin-top:2.4rem;margin-bottom:5.6rem;position:relative}.content-match--chat-timeline .content-match__drop-slot{flex-direction:column;align-items:stretch;gap:2rem;width:27.4rem;display:flex}.content-match--chat-timeline .content-match__drop-divider{border:none;border-top:.5px solid #ffffff80;flex:none;width:100%;height:0;margin:0}.content-match--chat-timeline .content-match__source .content-match__glyph-col,.content-match__glyph-col--chat-source{gap:.3rem;width:5rem}.content-match--chat-timeline .content-match__source .content-match__card-zh,.content-match__glyph-col--chat-source .content-match__card-zh{font-size:3rem;line-height:3.4rem}.content-match--chat-timeline .content-match__source .content-match__card--pinyin,.content-match__glyph-col--chat-source .content-match__card--pinyin{font-size:2.4rem;line-height:1.25}.content-match--chat-timeline .content-match__card-body--chat-word,.content-match__ghost--chat .content-match__card-body--chat-word{flex-direction:column;justify-content:center;align-items:center;gap:.35rem;min-width:0;display:flex}.content-match--chat-timeline .content-match__card-glyphs,.content-match__ghost--chat .content-match__card-glyphs{flex-direction:row;justify-content:center;align-items:flex-start;gap:.2rem;display:flex}.content-match--chat-timeline .content-match__card--in-slot{box-sizing:border-box}.content-match--chat-timeline .content-match__card--in-slot,.content-match--chat-timeline .content-match__card--in-slot.content-match__card--wrong{flex-direction:column;justify-content:center;align-items:center;padding:.6rem .8rem}.content-match--chat-timeline .content-match__card--in-slot.content-match__card--wrong .content-match__card-body--chat-word{flex-direction:column;justify-content:center;align-items:center;gap:.35rem}.content-match--chat-timeline .content-match__card--in-slot .content-match__card-body--chat-word{flex:none;width:100%}.content-match--chat-timeline .content-match__source-en,.content-match__ghost--chat .content-match__source-en{color:#ffffffbf;text-align:center;white-space:nowrap;font-size:2.2rem;font-weight:400;line-height:1.3}.content-match--chat-timeline .content-match__card--in-slot .content-match__source-en{font-size:1.3rem;line-height:1.4rem}.content-match__ghost--chat{flex-direction:column;justify-content:center;align-items:stretch;display:flex}.content-match__ghost--chat .content-match__card-inner--chat-ghost{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.content-match__ghost--chat .content-match__card-inner--chat-ghost .content-match__card-body--chat-word{box-sizing:border-box;width:100%;height:100%;position:static}