@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;600;700&family=Nunito:wght@400;600;700;800&family=Caveat:wght@400;600&family=Noto+Sans+SC:wght@400;500;700&display=swap";.llsb{--llsb-paper-50: #FDFAF2;--llsb-paper-100: #FAF3E7;--llsb-paper-200: #F5EBD6;--llsb-paper-300: #EADCC0;--llsb-paper-400: #DCC9A6;--llsb-ink-900: #3A2A1C;--llsb-ink-800: #4A3526;--llsb-ink-700: #5B4636;--llsb-ink-500: #8A7259;--llsb-ink-300: #B4A187;--llsb-coral-300: #F6C2B2;--llsb-coral-400: #F1A493;--llsb-coral-500: #E8917F;--llsb-coral-600: #D4705C;--llsb-coral-700: #B5543F;--llsb-marigold-300: #FDD884;--llsb-marigold-500: #F2B33D;--llsb-marigold-600: #DD9B28;--llsb-marigold-700: #BE7E1C;--llsb-olive-300: #C7C68A;--llsb-olive-500: #9BA15A;--llsb-olive-600: #868B49;--llsb-olive-700: #6C6F39;--llsb-success-bg: #ECEBCF;--llsb-font-display: "Baloo 2", system-ui, sans-serif;--llsb-font-body: "Nunito", system-ui, sans-serif;--llsb-font-hand: "Caveat", cursive;--llsb-font-hanzi: "Noto Sans SC", system-ui, sans-serif;--llsb-r-md: 16px;--llsb-r-lg: 22px;--llsb-r-xl: 30px;--llsb-r-pill: 999px;--llsb-shadow-sm: 0 1px 2px rgba(91, 70, 54, .06), 0 2px 6px rgba(91, 70, 54, .05);--llsb-shadow-md: 0 2px 4px rgba(91, 70, 54, .07), 0 6px 16px rgba(91, 70, 54, .07);--llsb-shadow-lg: 0 4px 8px rgba(91, 70, 54, .08), 0 12px 28px rgba(91, 70, 54, .09);--llsb-ease-out: cubic-bezier(.22, .61, .36, 1);--llsb-ease-soft: cubic-bezier(.34, 1.32, .64, 1);--llsb-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23b)' opacity='0.035'/%3E%3C/svg%3E");box-sizing:border-box;min-height:100%;padding:56px 24px 72px;display:flex;flex-direction:column;align-items:center;gap:24px;font-family:var(--llsb-font-body);color:var(--llsb-ink-700);background:transparent}.llsb *,.llsb *:before,.llsb *:after{box-sizing:border-box}.llsb__head{width:100%;max-width:760px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.llsb__h1{margin:0;font-family:var(--llsb-font-display);font-weight:700;font-size:clamp(28px,5vw,44px);line-height:1.12;color:var(--llsb-ink-900);text-wrap:balance}.llsb__intro{margin:0;max-width:60ch;font-family:var(--llsb-font-body);font-size:clamp(15px,1.6vw,17px);line-height:1.6;color:var(--llsb-ink-700);text-wrap:pretty}.llsb__hero{width:100%;max-width:760px;display:grid;align-items:center;justify-items:center;gap:24px}.llsb__hero--wide{grid-template-columns:1fr auto 1fr}.llsb__hero--narrow{grid-template-columns:1fr}.llsb__annotation{display:flex;flex-direction:column;gap:20px;padding-left:20px;border-left:2px dashed var(--llsb-paper-400);transition:opacity .42s var(--llsb-ease-out),transform .48s var(--llsb-ease-soft)}.llsb__annGroup{display:flex;flex-direction:column;gap:2px}.llsb__eyebrow{font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--llsb-olive-600)}.llsb__annPinyin{font-weight:800;font-size:34px;line-height:1.15;color:var(--llsb-ink-900)}.llsb__annHanzi{font-family:var(--llsb-font-hanzi);font-weight:500;font-size:44px;line-height:1.15;color:var(--llsb-ink-900)}.llsb__annNote{margin:0;font-size:14px;line-height:1.45;color:var(--llsb-ink-500)}.llsb__flip{border:0;padding:0;background:none;cursor:pointer;perspective:1200px;transition:transform .22s var(--llsb-ease-out)}.llsb__flip:hover{transform:translateY(-3px)}.llsb__flip:focus-visible{outline:3px solid rgba(242,179,61,.55);outline-offset:2px;border-radius:var(--llsb-r-lg)}.llsb__word{width:248px;height:168px}.llsb__branch{width:100%;max-width:224px;height:216px}.llsb__flipInner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .56s var(--llsb-ease-soft)}.llsb__flipInner--up{transform:rotateY(180deg)}.llsb__face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;border:1px solid var(--llsb-paper-300);border-radius:var(--llsb-r-lg);background-color:var(--llsb-paper-100);background-image:var(--llsb-grain);backface-visibility:hidden;-webkit-backface-visibility:hidden}.llsb__face--front{justify-content:center;gap:8px;padding:20px;text-align:center;box-shadow:var(--llsb-shadow-md)}.llsb__face--back{transform:rotateY(180deg);box-shadow:var(--llsb-shadow-lg);border-top-width:4px;border-top-style:solid}.llsb__face--wordBack{justify-content:center;gap:2px}.llsb__face--branchBack{justify-content:space-between;padding:20px;text-align:center}.llsb__cardTitle{font-family:var(--llsb-font-display);font-weight:700;color:var(--llsb-ink-900)}.llsb__cardTitle--word{font-size:24px}.llsb__cardTitle--branch{font-size:20px}.llsb__tap{font-family:var(--llsb-font-hand);color:var(--llsb-olive-600)}.llsb__tap--word{font-size:20px}.llsb__tap--branch{font-size:18px}.llsb__wordPinyin{font-weight:800;font-size:30px;letter-spacing:.01em;color:var(--llsb-ink-900)}.llsb__wordHanzi{font-family:var(--llsb-font-hanzi);font-weight:500;font-size:46px;line-height:1.1;color:var(--llsb-ink-900)}.llsb__wordGloss{font-size:14px;color:var(--llsb-ink-500)}.llsb__termLabel{font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.llsb__termBody{font-size:14px;line-height:1.45;color:var(--llsb-ink-700);text-wrap:pretty}.llsb__termExample{font-weight:800}.llsb__fan{width:100%;max-width:720px;height:104px;overflow:visible;fill:none;stroke-linecap:round}.llsb__stack{width:20px;height:72px;fill:none;stroke-linecap:round}.llsb__down{width:20px;height:76px;fill:none;stroke-linecap:round}.llsb__branchWrap{position:relative;width:100%;max-width:720px;margin:0 auto}.llsb__branchRow{width:100%;display:flex;align-items:flex-start;justify-content:center;gap:20px}.llsb__branchRow--row{flex-direction:row}.llsb__branchRow--col{flex-direction:column}.llsb__branchSlot{flex:1 1 0;min-width:0;display:flex;justify-content:center;align-self:stretch;transition:opacity .42s var(--llsb-ease-out),transform .48s var(--llsb-ease-soft)}.llsb__side{display:flex;flex-direction:column;gap:6px;padding-left:20px;border-left:2px dashed var(--llsb-paper-400);transition:opacity .42s var(--llsb-ease-out),transform .48s var(--llsb-ease-soft)}.llsb__side--float{position:absolute;left:100%;top:0;margin-left:20px;width:240px}.llsb__side--inline{position:static;margin-top:18px;width:100%}.llsb__sideBody{margin:0;font-size:14px;line-height:1.45;color:var(--llsb-ink-500);text-wrap:pretty}.llsb__sideBody--pre{white-space:pre-line}.llsb__toneWrap{position:relative;width:100%;max-width:760px;margin:0 auto}.llsb__grid{width:100%;display:grid;transition:grid-template-rows .62s var(--llsb-ease-out),opacity .42s var(--llsb-ease-out)}.llsb__gridInner{overflow:hidden;min-height:0}.llsb__panel{background-color:var(--llsb-paper-100);background-image:var(--llsb-grain);border:1px solid var(--llsb-paper-300);border-radius:var(--llsb-r-xl);box-shadow:var(--llsb-shadow-md);padding:28px 24px}.llsb__accordionBtn{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;border:0;padding:0;background:none;cursor:pointer;text-align:left}.llsb__accordionBtn--stacked .llsb__h2{flex:1 1 auto}.llsb__accordionBtn--stacked .llsb__tonePrompt{order:1;flex-basis:100%;margin-right:0}.llsb__accordionBtn:focus-visible{outline:3px solid rgba(242,179,61,.55);outline-offset:4px;border-radius:var(--llsb-r-md)}.llsb__h2{margin:0;font-family:var(--llsb-font-display);font-weight:700;font-size:24px;color:var(--llsb-ink-900)}.llsb__caret{flex:0 0 auto;width:22px;height:22px;fill:none;stroke:var(--llsb-olive-600);stroke-width:2.4;stroke-linecap:round;transition:transform .42s var(--llsb-ease-soft)}.llsb__innerGrid{display:grid;transition:grid-template-rows .56s var(--llsb-ease-out)}.llsb__tonePrompt{margin-right:auto;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.llsb__tonePromptText{font-family:var(--llsb-font-hand);font-size:20px;line-height:1.25;color:var(--llsb-olive-700)}.llsb__toneCount{flex:0 0 auto;border-radius:var(--llsb-r-pill);padding:4px 12px;background:var(--llsb-success-bg);border:1px solid var(--llsb-olive-500);color:var(--llsb-olive-700);font-size:13px;font-weight:800;letter-spacing:.04em}.llsb__tonePrompt--done .llsb__tonePromptText{color:var(--llsb-ink-800)}.llsb__tones{padding-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(126px,1fr));gap:16px}.llsb__tone{width:100%;height:166px}.llsb__toneFace{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px;border-radius:var(--llsb-r-md);backface-visibility:hidden;-webkit-backface-visibility:hidden}.llsb__toneFace--front{gap:10px;background-color:var(--llsb-paper-50);background-image:var(--llsb-grain);border:1px solid var(--llsb-paper-300);box-shadow:var(--llsb-shadow-sm)}.llsb__toneFace--seen{border:2px solid var(--llsb-olive-500);background-color:var(--llsb-success-bg);box-shadow:var(--llsb-shadow-md)}.llsb__toneFace--back{gap:6px;text-align:center;transform:rotateY(180deg);background:var(--llsb-success-bg);border:2px solid var(--llsb-olive-500);box-shadow:var(--llsb-shadow-md)}.llsb__toneNum{width:26px;height:26px;border-radius:var(--llsb-r-pill);display:flex;align-items:center;justify-content:center;background:var(--llsb-success-bg);color:var(--llsb-olive-700);font-size:12px;font-weight:800}.llsb__toneHanzi{font-family:var(--llsb-font-hanzi);font-weight:500;font-size:22px;line-height:1;min-height:22px;color:var(--llsb-ink-900)}.llsb__tonePinyin{font-weight:600;color:var(--llsb-ink-900)}.llsb__tonePinyin--front{font-size:20px}.llsb__tonePinyin--back{font-size:18px}.llsb{--llsb-tg-t1: #E08A1E;--llsb-tg-t2: #C6472F;--llsb-tg-t3: #4F7A34;--llsb-tg-t4: #6A4C93;--llsb-tg-nu: #9C8F7C;--llsb-tg-grid: rgba(123, 92, 67, .22);--llsb-tg-muted: #8A7259}.llsb__tgChart{width:100%}.llsb__tgSvg{width:100%;height:auto;display:block}.llsb__tgGrid line{stroke:var(--llsb-tg-grid);stroke-width:1}.llsb__tgNum{font-size:17px;font-weight:800;fill:var(--llsb-ink-700);font-family:var(--llsb-font-body)}.llsb__tgWord{font-size:11px;font-weight:700;fill:var(--llsb-tg-muted);font-family:var(--llsb-font-body);letter-spacing:.01em}.llsb__tgXlab{font-size:12px;font-weight:700;fill:var(--llsb-tg-muted);font-family:var(--llsb-font-body);letter-spacing:.04em}.llsb__tgLine{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.llsb__tgLine--t1{stroke:var(--llsb-tg-t1)}.llsb__tgLine--t2{stroke:var(--llsb-tg-t2)}.llsb__tgLine--t3{stroke:var(--llsb-tg-t3)}.llsb__tgLine--t4{stroke:var(--llsb-tg-t4)}.llsb__tgLine--nu{stroke:var(--llsb-tg-nu);stroke-width:3.5}.llsb__tgLegend{display:flex;flex-direction:column;gap:7px;margin-top:14px}.llsb__tgLeg{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:700;line-height:1.3;color:var(--llsb-ink-700);font-family:var(--llsb-font-body)}.llsb__tgSw{flex:0 0 auto;width:30px;height:0;border-top-width:5px;border-top-style:solid;border-radius:2px}.llsb__tgSw--dash{border-top-style:dashed}.llsb__tgSw--dot{border-top-style:dotted}.llsb__tgSw--t1{border-top-color:var(--llsb-tg-t1)}.llsb__tgSw--t2{border-top-color:var(--llsb-tg-t2)}.llsb__tgSw--t3{border-top-color:var(--llsb-tg-t3)}.llsb__tgSw--t4{border-top-color:var(--llsb-tg-t4)}.llsb__tgSw--nu{border-top-color:var(--llsb-tg-nu)}.llsb__tgSide{position:absolute;right:100%;top:8px;margin-right:28px;width:264px}.llsb__tgTrail{position:absolute;right:-28px;top:108px;width:28px;height:20px;fill:none;stroke-linecap:round;overflow:visible}.llsb__tgTop{display:grid;width:100%;max-width:620px;margin:0 auto;transition:grid-template-rows .56s var(--llsb-ease-out),opacity .42s var(--llsb-ease-out)}.llsb__tgTopInner{overflow:hidden;min-height:0;position:relative;display:flex;flex-direction:column;align-items:center;padding:16px 10px 48px}.llsb__tgTopInner .llsb__tgChart{width:100%;max-width:540px}.llsb__tgTopTrail{position:absolute;left:50%;transform:translate(-50%);bottom:2px;width:20px;height:44px;fill:none;stroke-linecap:round;overflow:visible}.llsb__tgNote{position:relative;display:flex;flex-direction:column;gap:8px;padding:18px 16px 16px;background:#fcf3d2;border:1px solid rgba(190,126,28,.16);border-radius:4px;box-shadow:0 4px 10px #5b46361a;transition:opacity .42s var(--llsb-ease-out),transform .55s var(--llsb-ease-soft)}.llsb__tgNote:before{content:"";position:absolute;top:-9px;left:50%;width:62px;height:18px;transform:translate(-50%) rotate(-3deg);background:linear-gradient(#fffbf080,#ebdbb573);border:1px solid rgba(255,255,255,.3)}.llsb__tgCaption{margin:4px 0 0;font-family:var(--llsb-font-body);font-size:13px;line-height:1.45;color:var(--llsb-ink-700)}.llsb__tgNote--side{opacity:0;transform:translate(46px) rotate(-3deg) scale(.94);transform-origin:100% 45%;pointer-events:none}.llsb__tgNote--side.llsb__tgNote--in{opacity:1;transform:translate(0) rotate(-1.5deg) scale(1);pointer-events:auto}.llsb__tgNote--top{width:100%;max-width:512px;opacity:0;transform:rotate(-4deg) translateY(-12px) scale(.94);transform-origin:50% 0}.llsb__tgNote--top.llsb__tgNote--in{opacity:1;transform:rotate(-1deg) translateY(0) scale(1)}.llsb__toneLabel{font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--llsb-olive-700)}.llsb__toneMeaning{font-size:14px;line-height:1.4;color:var(--llsb-ink-800);text-wrap:pretty}.llsb__hint{margin-top:20px;display:flex;align-items:center;gap:16px;background:var(--llsb-paper-200);border:1px dashed var(--llsb-paper-400);border-radius:var(--llsb-r-md);padding:18px 20px;min-height:76px}.llsb__hintLabel{flex:0 0 auto;font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--llsb-olive-600)}.llsb__hintText{font-family:var(--llsb-font-hand);font-size:24px;line-height:1.3;color:var(--llsb-ink-800)}.llsb__comboCard{width:100%;display:flex;flex-direction:column;gap:20px;background-color:var(--llsb-paper-100);background-image:var(--llsb-grain);border:1px solid var(--llsb-paper-300);border-radius:var(--llsb-r-xl);box-shadow:var(--llsb-shadow-md);padding:28px 24px;animation:llsb-rise .48s var(--llsb-ease-soft) 1s both}.llsb__comboHead{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.llsb__comboSub{margin:0;font-size:16px;color:var(--llsb-ink-500)}.llsb__comboBody{display:flex;flex-direction:column;align-items:center;gap:20px}.llsb__equation{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px}.llsb__tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:104px;padding:14px 10px;border-radius:var(--llsb-r-lg);border:1px solid var(--llsb-paper-300);background:var(--llsb-paper-100);box-shadow:var(--llsb-shadow-sm)}.llsb__slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:150px;min-height:104px;padding:14px 12px;text-align:center;border-radius:var(--llsb-r-lg);border:2px dashed var(--llsb-coral-400);background:transparent;transition:background .28s var(--llsb-ease-out),border-color .28s var(--llsb-ease-out)}.llsb__slot--filled{border-color:var(--llsb-coral-500);background:var(--llsb-paper-100)}.llsb__slotPrompt{font-family:var(--llsb-font-hand);font-size:20px;line-height:1.25;color:var(--llsb-olive-600)}.llsb__tileHanzi{font-family:var(--llsb-font-hanzi);font-weight:500;font-size:38px;line-height:1.1;color:var(--llsb-ink-900)}.llsb__tilePinyin{font-weight:800;font-size:16px;color:var(--llsb-ink-700)}.llsb__op{font-size:26px;font-weight:700}.llsb__op--plus{color:var(--llsb-coral-400)}.llsb__op--eq{color:var(--llsb-ink-300);transition:opacity .3s var(--llsb-ease-out)}.llsb__result{display:flex;flex-direction:column;gap:2px;transition:opacity .3s var(--llsb-ease-out)}.llsb__resultHanzi{font-family:var(--llsb-font-hanzi);font-weight:500;font-size:40px;line-height:1.1;color:var(--llsb-ink-900)}.llsb__resultPinyin{font-weight:800;font-size:18px;color:var(--llsb-ink-800)}.llsb__resultMeaning{font-size:16px;color:var(--llsb-ink-500)}.llsb__options{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.llsb__option{display:flex;align-items:center;gap:10px;padding:10px 18px;cursor:pointer;border-radius:var(--llsb-r-pill);border:2px solid var(--llsb-paper-300);background:var(--llsb-paper-100);box-shadow:var(--llsb-shadow-sm);transition:transform .22s var(--llsb-ease-out),background .26s var(--llsb-ease-out),border-color .26s var(--llsb-ease-out)}.llsb__option:hover{transform:translateY(-3px)}.llsb__option:focus-visible{outline:3px solid rgba(242,179,61,.55);outline-offset:2px}.llsb__option--on{border-color:var(--llsb-coral-500);background:var(--llsb-coral-300)}.llsb__optionHanzi{font-family:var(--llsb-font-hanzi);font-weight:500;font-size:26px;color:var(--llsb-ink-900)}.llsb__optionPinyin{font-weight:800;font-size:16px;color:var(--llsb-ink-700)}.llsb__spk{position:absolute;top:10px;right:10px;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--llsb-r-pill);background:var(--llsb-paper-50);border:1px solid var(--llsb-paper-300);box-shadow:var(--llsb-shadow-sm);color:var(--llsb-olive-700);pointer-events:none}.llsb__spk svg,.llsb__resultSpk svg{flex:0 0 auto;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.llsb__spk-body{fill:currentColor;stroke:currentColor}.llsb__resultSpk{align-self:center;margin-top:6px;width:34px;height:34px;padding:0;min-width:0;min-height:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--llsb-r-pill);background:var(--llsb-paper-50);border:1px solid var(--llsb-marigold-500);color:var(--llsb-marigold-700);cursor:pointer;box-shadow:var(--llsb-shadow-sm);transition:transform .18s var(--llsb-ease-out),background .18s var(--llsb-ease-out)}.llsb__resultSpk:hover{transform:scale(1.08);background:var(--llsb-paper-100)}.llsb__resultSpk:active{transform:scale(.95)}.llsb__resultSpk:focus-visible{outline:3px solid rgba(242,179,61,.55);outline-offset:2px}.llsb__reset{margin-top:8px;background:transparent;border:none;padding:8px 12px;cursor:pointer;font-family:var(--llsb-font-body);font-size:14px;font-weight:700;color:var(--llsb-ink-500);border-radius:var(--llsb-r-pill);transition:background .22s var(--llsb-ease-out),color .22s var(--llsb-ease-out)}.llsb__reset:hover{color:var(--llsb-coral-700);background:var(--llsb-paper-300)}.llsb__reset:focus-visible{outline:3px solid rgba(242,179,61,.55);outline-offset:2px}.llsb__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@keyframes llsb-march{to{stroke-dashoffset:-20}}@keyframes llsb-draw{to{stroke-dashoffset:0}}@keyframes llsb-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes llsb-pop-a{0%{opacity:0;transform:translateY(-12px) scale(.88)}to{opacity:1;transform:none}}@keyframes llsb-pop-b{0%{opacity:0;transform:translateY(-12px) scale(.88)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.llsb *,.llsb *:before,.llsb *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}