@import "https://cdn.jsdelivr.net/npm/normalize.css@8.0.1/normalize.css";.control-btn,.pill{align-items:center;display:inline-flex}.control-btn{justify-content:center}.btn{cursor:pointer;border-radius:var(--radius-lg);min-height:2.5rem;font-weight:var(--weight-extrabold);align-items:center;gap:.5rem;padding:0 1rem;display:inline-flex}.btn--primary{background:var(--app-pink);color:#fff;box-shadow:0 14px 26px color-mix(in srgb,var(--app-pink) 28%,transparent);border:1px solid #ea6788}.btn--secondary{border:1px solid var(--app-border);color:var(--app-text);background:#fff}.btn--sm{border-radius:var(--radius-md);min-height:2.25rem;font-size:var(--text-sm);padding:0 .75rem}.btn--saved{border-color:var(--app-green);color:#237943;background:#effaf2}.btn--icon{border:1px solid var(--app-border);border-radius:var(--radius-md);width:2.5rem;color:var(--app-text);background:#fff;justify-content:center;padding:0;transition:transform .15s,border-color .15s,box-shadow .15s;box-shadow:0 10px 24px #24304412}.btn--icon:hover{border-color:#f0a5b7;transform:translateY(-1px);box-shadow:0 14px 26px #2430441a}.btn--filter{border-radius:var(--radius-pill);min-height:unset;color:var(--app-muted);font-size:var(--text-sm);border:1px solid #0000;padding:.375rem .75rem;transition:color .15s,border-color .15s,background .15s}.btn--filter:hover{color:var(--app-text)}.btn--filter-active{border-color:var(--app-pink);color:var(--app-pink);background:#fff0f4}.badge{border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-black);align-items:center;gap:.3rem;padding:.2rem .55rem;display:inline-flex}.badge--red{background:color-mix(in srgb,var(--app-pink) 8%,#fff);color:color-mix(in srgb,var(--app-pink) 75%,#000)}.badge--outline{border:1px solid var(--app-border);width:max-content;font-size:var(--text-sm);font-weight:var(--weight-bold);background:#fff;gap:.5rem;padding:.5rem .75rem}.badge--outline span{color:var(--app-pink)}@font-face{font-family:Fredoka;src:url(../fonts/dvn-fredoka-bold.woff2)format("woff2");font-weight:400 800;font-style:normal;font-display:swap}.text-cn{font-family:var(--font-cn)}.text-cn--tc{font-family:var(--font-cn-tc)}.text-py{font-family:var(--font-py)}:root{--font-sans:Be Vietnam Pro, sans-serif;--font-heading:Fredoka, sans-serif;--font-cn:LXGW WenKai, Noto Serif SC, serif;--font-cn-tc:LXGW WenKai TC, LXGW WenKai, Noto Serif SC, serif;--font-py:Noto Sans SC, sans-serif;--app-bg:#fff6ee;--app-surface:#fff;--app-surface-strong:#ffe1e8;--app-text:#1b1530;--app-muted:#667085;--app-border:#e4e4e4;--app-pink:#ec5a7a;--app-orange:#ffa869;--app-green:#3f8d34;--app-blue:#5ba8e5;--app-purple:#a98ad8;--app-yellow:#f6c04a;--app-steel:#5c8fde;--shadow-soft:0 18px 50px #813a4e1f;--shadow-card:0 14px 32px #24304414;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.75rem;--text-3xl:2rem;--text-4xl:3rem;--text-5xl:4.5rem;--weight-semibold:500;--weight-bold:600;--weight-extrabold:700;--weight-black:800;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-pill:999px;--leading-none:1;--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.5;--leading-relaxed:1.6}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{background:var(--app-bg);color:var(--app-text);font-weight:400;font-family:var(--font-sans);margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}.pill{border-radius:var(--radius-pill);color:#bd2f5a;font-size:var(--text-xs);font-weight:var(--weight-black);background:#fff0f4;gap:.25rem;padding:.25rem .5rem}.section{padding:2rem 0}.level-hero{padding-top:2rem;padding-bottom:0}.level-hero__stats{border:1px solid var(--app-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);background:#fff;flex-wrap:wrap;gap:.5rem;padding:.5rem;display:flex}.level-hero__metric{min-width:0;color:inherit;border-radius:var(--radius-lg);flex-direction:column;flex:1;gap:.25rem;padding:1rem;text-decoration:none;display:flex}.level-hero__metric+.level-hero__metric{border-radius:0}.level-hero__metric--link{border:2px dashed var(--app-border);cursor:pointer;transition:background .15s,border-color .15s;position:relative;border-radius:var(--radius-lg)!important}.level-hero__metric--link:hover{background:var(--app-border);border-style:solid!important}.level-hero__metric-arrow{width:1rem;height:1rem;color:var(--app-muted);transition:transform .15s,color .15s;position:absolute;bottom:.875rem;right:.875rem}.level-hero__metric--link:hover .level-hero__metric-arrow{transform:translate(3px)}.level-hero__metric--featured{color:#fff}.level-hero__metric--featured .level-hero__metric-label{color:#ffffffbf}.level-hero__metric--featured .level-hero__metric-value strong{color:#fff}.level-hero__metric--featured .level-hero__metric-desc{color:#fffc}.level-hero__metric-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);text-transform:uppercase;color:var(--app-muted)}.level-hero__metric-value{align-items:baseline;gap:.25rem;display:flex}.level-hero__metric-value strong{font-family:var(--font-heading);font-size:var(--text-4xl);line-height:var(--leading-none);color:var(--level-color,var(--app-pink))}.level-hero__metric-value span{color:var(--app-muted);font-weight:var(--weight-semibold)}.level-hero__metric-desc{color:var(--app-muted);font-size:var(--text-xs);margin-top:.5rem}.level-hero__focus{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.stage-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.empty-state,.stage-card{border:1px solid var(--app-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:#ffffffe0}.stage-card{gap:1rem;padding:1rem;display:grid}.stage-card h3{font-size:var(--text-md);margin:0}.stage-card p{color:var(--app-muted);line-height:var(--leading-relaxed);margin:0}.stage-card__badge{border-radius:var(--radius-pill);color:#fff;width:max-content;font-size:var(--text-xs);font-weight:var(--weight-black);align-items:center;padding:.5rem .75rem;display:inline-flex}.empty-state{place-items:start;gap:1rem;padding:1.25rem;display:grid}.empty-state h3{font-size:var(--text-md);margin:0}.empty-state p{color:var(--app-muted);line-height:var(--leading-relaxed);margin:0}.control-btn{border:1px solid var(--app-border);border-radius:var(--radius-md);min-height:2.75rem;color:var(--app-text);font-weight:var(--weight-black);background:#fff;gap:.5rem;padding:0 .75rem}.control-btn--primary{background:var(--app-pink);color:#fff;border-color:#e56484}.modal-backdrop{z-index:60;background:#24304457;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.stroke-filter{flex-wrap:wrap;gap:.25rem;margin-bottom:1.25rem;display:flex}.radical-group{margin-bottom:2rem}.radical-group__heading{font-size:var(--text-sm);font-weight:var(--weight-extrabold);color:var(--app-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem}.radical-grid{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.5rem;display:grid}.radical-card{border:1px solid var(--app-border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;font:inherit;color:inherit;background:#fff;grid-template-columns:1fr auto;gap:.125rem .5rem;padding:.625rem .75rem;transition:border-color .15s,box-shadow .15s;display:grid}.radical-card:hover{border-color:var(--app-pink);box-shadow:var(--shadow-card)}.radical-card__head{flex-direction:column;grid-column:1;gap:.125rem;min-width:0;display:flex}.radical-card__char{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--app-pink);line-height:var(--leading-none)}.radical-card__img{-o-object-fit:contain;object-fit:contain;grid-area:1/2;place-self:stretch end;width:4rem}.radical-icon--fallback{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--app-pink);line-height:var(--leading-none);justify-content:center;align-items:center;display:flex}.radical-card__trad{font-size:var(--text-md);color:var(--app-muted);margin-left:.25rem}.radical-card__name{font-size:var(--text-sm);font-weight:var(--weight-extrabold)}.radical-card__pinyin,.radical-card__variants{font-size:var(--text-xs);color:var(--app-muted)}.radical-card__variants{grid-column:1/-1}.radical-card__meaning{font-size:var(--text-xs);color:var(--app-text);line-height:var(--leading-snug);-webkit-line-clamp:3;-webkit-box-orient:vertical;grid-column:1/-1;display:-webkit-box;overflow:hidden}.hanzi-grid{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:1rem;display:grid}.hanzi-card{border:1px solid var(--app-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);cursor:pointer;background:#fff;flex-direction:column;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;overflow:hidden}.hanzi-card:hover{border-color:color-mix(in srgb,var(--app-border) 80%,#000);transform:translateY(-2px);box-shadow:0 18px 36px #2430441c}.hanzi-card__header{text-align:center;flex-direction:column;align-items:center;gap:.35rem;padding:1.25rem .75rem 1rem;display:flex}.hanzi-card__char{font-size:var(--text-4xl);font-weight:var(--weight-black);line-height:var(--leading-none)}.hanzi-card__pinyin{font-weight:var(--weight-bold)}.hanzi-card__meaning,.hanzi-card__pinyin{color:var(--app-muted);font-size:var(--text-sm)}.hanzi-card__meaning{line-height:var(--leading-normal);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:.75rem;display:-webkit-box;overflow:hidden}.hanzi-card__foot,.hanzi-card__meaning{border-top:1px dashed var(--app-border)}.hanzi-card__foot{color:var(--app-muted);font-size:var(--text-xs);justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.hanzi-card__foot span:first-child{font-weight:var(--weight-bold)}.hanzi-modal__char-wrap{align-items:baseline;gap:.75rem;display:flex}.hanzi-modal__char{font-size:var(--text-5xl);font-weight:var(--weight-black);line-height:var(--leading-none)}.hanzi-modal__trad{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--app-muted);line-height:var(--leading-none)}.hanzi-modal__info{gap:.75rem;min-width:0;display:grid}.hanzi-modal__pinyin{color:var(--app-pink);font-size:var(--text-lg);font-weight:var(--weight-extrabold)}.hanzi-modal__section{gap:.25rem;display:grid}.hanzi-modal__section p{color:var(--app-text);line-height:var(--leading-normal);margin:0}.hanzi-modal__label{color:var(--app-muted);font-size:var(--text-xs);font-weight:var(--weight-extrabold);text-transform:uppercase;letter-spacing:.05em}.hanzi-modal__stats{grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));gap:.5rem;display:grid}.hanzi-stat{background:var(--app-bg);border-radius:var(--radius-lg);gap:.5rem;padding:.625rem .75rem;display:grid}.hanzi-stat__label{color:var(--app-muted);font-size:var(--text-xs);font-weight:var(--weight-extrabold);text-transform:uppercase}.hanzi-stat__value{color:var(--app-text);font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:var(--leading-none)}.hanzi-stat__value--sm{font-size:var(--text-sm)}.hanzi-stroke{border:1px solid var(--app-border);border-radius:var(--radius-lg);background-color:#fff8fa;background-image:linear-gradient(90deg,#f4d6dc7a 1px,#0000 0),linear-gradient(#f4d6dc7a 1px,#0000 0),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:2rem 2rem;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;flex-shrink:0;width:fit-content;padding:.5rem;position:relative}.hanzi-stroke__canvas{width:250px;height:250px}.hanzi-stroke__replay{border:1px solid var(--app-border);border-radius:var(--radius-sm);width:2rem;height:2rem;color:var(--app-muted);cursor:pointer;background:#fff;justify-content:center;align-items:center;transition:color .15s;display:inline-flex;position:absolute;bottom:.5rem;right:.5rem}.hanzi-stroke__replay:hover{color:var(--app-text)}.word-stroke-panel{flex-direction:column;flex-shrink:0;gap:.5rem;display:flex}.word-stroke-panel__selector{flex-wrap:wrap;gap:.375rem;width:250px;display:flex}.word-stroke-panel__char-btn{border:1.5px solid var(--app-border);border-radius:var(--radius-sm);width:2.25rem;height:2.25rem;color:var(--app-muted);font-size:var(--text-lg);font-weight:var(--weight-black);cursor:pointer;background:#fff;justify-content:center;align-items:center;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.word-stroke-panel__char-btn:hover{color:var(--app-text)}.word-stroke-panel__char-btn--active,.word-stroke-panel__char-btn:hover{background:var(--app-surface-strong)}.word-grid{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:1rem;display:grid}.list-sentinel{height:1px}.shadowing-video-grid{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem;display:grid}.shadowing-practice-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:1.5rem;display:grid}@media (width<=1060px){.shadowing-practice-layout{grid-template-columns:1fr}}.word-card{border:1px solid var(--app-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);cursor:pointer;text-align:left;color:inherit;background:#fff;flex-direction:column;gap:.25rem;padding:1rem;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.word-card:hover{border-color:#f0a5b7;transform:translateY(-2px);box-shadow:0 18px 36px #2430441c}.word-card__header{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.word-card__word{font-size:var(--text-2xl);font-weight:var(--weight-black);line-height:var(--leading-none)}.word-card__badge{border:1px solid var(--app-border);border-radius:var(--radius-pill);background:var(--app-bg);color:var(--app-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);flex-shrink:0;padding:.125rem .375rem;display:inline-block}.word-card__side{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.25rem;display:flex}.word-card__audio-btn{border:1px solid var(--app-border);border-radius:var(--radius-md);width:2rem;height:2rem;color:var(--app-muted);cursor:pointer;background:#fff;justify-content:center;align-items:center;display:inline-flex}.word-card__audio-btn:hover{color:var(--app-text)}.word-card__audio-btn--playing{border-color:var(--app-pink);color:var(--app-pink)}.word-card__audio-btn--playing svg{animation:.6s ease-in-out infinite word-card-audio-pulse}@keyframes word-card-audio-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.word-card__pinyin{color:var(--app-muted);font-size:var(--text-sm);font-weight:var(--weight-bold)}.word-card__meaning{color:var(--app-text);font-size:var(--text-sm);line-height:var(--leading-normal);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-top:.25rem;display:-webkit-box;overflow:hidden}@media (width<=860px){.stage-grid{grid-template-columns:1fr}.level-hero__stats{flex-flow:column wrap}.level-hero__metric{flex:50%;min-width:50%}.level-hero__metric+.level-hero__metric{border-left:0;border-top:1px solid var(--app-border)}.level-hero__metric:nth-child(2n){border-left:1px solid var(--app-border)}}.print-sheets{display:none}@media print{body.is-print-page{background:#fff}body.is-print-page .footer,body.is-print-page .header,body.is-print-page .screen-only,body.is-print-page .section-header{display:none!important}body.is-print-page .main{max-width:none!important;padding:0!important}body.is-print-page .print-sheets{display:block!important}}.grammar-hero{color:#fff;background:linear-gradient(135deg,#ec5a7a,#ffa869);border-radius:1.25rem;flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.5rem 1.25rem;display:flex}.grammar-hero__badge{color:#fff;background:#ffffff38}.grammar-hero__title{margin:0;font-family:Fredoka,sans-serif;font-size:clamp(1.75rem,4vw,2.5rem)}.grammar-hero__desc{color:#ffffffb8;max-width:40rem;margin:0;line-height:1.6}.grammar-hero__stat{color:#fff;background:#ffffff1a}.grammar-category-label{color:var(--app-muted);align-items:center;gap:.25rem;padding:.375rem 0;font-size:.875rem;font-weight:600;display:inline-flex}.grammar-card{gap:.5rem}.grammar-card__level-badge{color:#fff;border-radius:999px;flex-shrink:0;padding:.125rem .5rem;font-size:.75rem;font-weight:600}.grammar-card__title{font-weight:600;line-height:1.25}.grammar-card__subtitle{color:var(--app-muted);font-size:.875rem}.grammar-exercises__back{margin-bottom:1rem}