@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";.llsg{--llsg-paper-50: #FDFAF2;--llsg-paper-100: #FAF3E7;--llsg-paper-200: #F5EBD6;--llsg-paper-300: #EADCC0;--llsg-paper-400: #DCC9A6;--llsg-paper-500: #C9B488;--llsg-ink-900: #3A2A1C;--llsg-ink-800: #4A3526;--llsg-ink-700: #5B4636;--llsg-ink-500: #8A7259;--llsg-ink-300: #B4A187;--llsg-coral-300: #F6C2B2;--llsg-coral-400: #F1A493;--llsg-coral-500: #E8917F;--llsg-coral-700: #B5543F;--llsg-marigold-300: #FDD884;--llsg-marigold-500: #F2B33D;--llsg-marigold-700: #BE7E1C;--llsg-olive-300: #C7C68A;--llsg-olive-500: #9BA15A;--llsg-olive-600: #868B49;--llsg-olive-700: #6C6F39;--llsg-success-bg: #ECEBCF;--llsg-plum-500: #8A6B86;--llsg-plum-bg: #E7DCE6;--llsg-plum-700: #6E5069;--llsg-font-display: "Baloo 2", system-ui, sans-serif;--llsg-font-body: "Nunito", system-ui, sans-serif;--llsg-font-hand: "Caveat", cursive;--llsg-font-hanzi: "Noto Sans SC", system-ui, sans-serif;--llsg-r-sm: 12px;--llsg-r-md: 16px;--llsg-r-lg: 22px;--llsg-r-xl: 30px;--llsg-r-pill: 999px;--llsg-shadow-sm: 0 1px 2px rgba(91, 70, 54, .06), 0 2px 6px rgba(91, 70, 54, .05);--llsg-shadow-md: 0 2px 4px rgba(91, 70, 54, .07), 0 6px 16px rgba(91, 70, 54, .07);--llsg-shadow-lg: 0 4px 8px rgba(91, 70, 54, .08), 0 12px 28px rgba(91, 70, 54, .09);--llsg-dur-fast: .14s;--llsg-dur-base: .22s;--llsg-dur-slow: .36s;--llsg-ease-out: cubic-bezier(.22, .61, .36, 1);--llsg-ease-soft: cubic-bezier(.34, 1.32, .64, 1);--llsg-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%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(%23n)' opacity='0.035'/%3E%3C/svg%3E");box-sizing:border-box;min-height:100%;padding:48px 24px 72px;display:flex;flex-direction:column;align-items:center;gap:56px;font-family:var(--llsg-font-body);color:var(--llsg-ink-700);background:transparent}.llsg *,.llsg *:before,.llsg *:after{box-sizing:border-box}.llsg__section{position:relative;width:100%;max-width:820px;display:flex;flex-direction:column;gap:24px}.llsg__head{display:flex;flex-direction:column;gap:12px}.llsg__h1{margin:0;font-family:var(--llsg-font-display);font-weight:700;font-size:clamp(26px,4vw,40px);line-height:1.14;color:var(--llsg-ink-900)}.llsg__sub{margin:0;font-size:18px;color:var(--llsg-ink-500);text-wrap:pretty}.llsg__card{position:relative;display:flex;flex-direction:column;gap:24px;padding:26px 24px;border:1px solid var(--llsg-paper-300);border-radius:var(--llsg-r-xl);background-color:var(--llsg-paper-100);background-image:var(--llsg-grain);box-shadow:var(--llsg-shadow-md)}.llsg__row{position:relative;display:flex;flex-wrap:nowrap;align-items:flex-start;justify-content:center;gap:12px}@media(max-width:699px){.llsg__row{flex-wrap:wrap;justify-content:flex-start}.llsg__slot{max-width:210px!important}}.llsg__slot{min-width:0;display:flex;flex-direction:column;align-items:center;gap:10px}.llsg__flip{width:100%;height:186px;perspective:1200px;border:0;padding:0;background:none;transition:transform var(--llsg-dur-base) var(--llsg-ease-out)}.llsg__flip--tappable{cursor:pointer}.llsg__flip--tappable:hover{transform:translateY(-3px)}.llsg__flip--speakable{cursor:pointer}.llsg__flip--speakable:hover{transform:translateY(-2px)}.llsg__flip:focus-visible{outline:3px solid rgba(242,179,61,.55);outline-offset:2px;border-radius:var(--llsg-r-lg)}.llsg__flipInner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .62s var(--llsg-ease-soft)}.llsg__flipInner--up{transform:rotateY(180deg)}.llsg__face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--llsg-paper-300);border-radius:var(--llsg-r-lg);background-image:var(--llsg-grain);backface-visibility:hidden;-webkit-backface-visibility:hidden}.llsg__face--front{gap:12px;padding:20px 16px;text-align:center;background-color:var(--llsg-paper-50);box-shadow:var(--llsg-shadow-md)}.llsg__face--back{gap:2px;transform:rotateY(180deg);background-color:var(--llsg-paper-100);box-shadow:var(--llsg-shadow-lg);border-top-width:4px;border-top-style:solid}.llsg__role{font-family:var(--llsg-font-display);font-weight:700;font-size:16px;line-height:1.35;color:var(--llsg-ink-900);text-wrap:pretty}.llsg__tap{font-family:var(--llsg-font-hand);font-size:21px;color:var(--llsg-olive-600)}.llsg__hanzi{font-family:var(--llsg-font-hanzi);font-weight:500;line-height:1.1;color:var(--llsg-ink-900);white-space:nowrap}.llsg__pinyin{font-weight:700;color:var(--llsg-ink-700);white-space:nowrap}.llsg__gloss{font-size:14px;color:var(--llsg-ink-500)}.llsg__speaker{position:absolute;top:7px;right:9px;font-size:13px;line-height:1;opacity:.55;pointer-events:none;transition:opacity .15s var(--llsg-ease-out),transform .15s var(--llsg-ease-out)}.llsg__flip--speakable:hover .llsg__speaker,.llsg__flip:focus-visible .llsg__speaker{opacity:.9}.llsg__speaker.is-playing{opacity:1;transform:scale(1.2)}@media(hover:none){.llsg__speaker{opacity:.75}}@media(prefers-reduced-motion:reduce){.llsg__speaker{transition:opacity .15s linear}.llsg__speaker.is-playing{transform:none}}.llsg__label{font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.llsg__result{display:flex;flex-direction:column;align-items:center;gap:20px;animation:llsg-rise .46s var(--llsg-ease-soft) both}.llsg__sentence{display:flex;flex-direction:column;align-items:center;gap:3px}.llsg__sentenceZh{font-family:var(--llsg-font-hanzi);font-weight:500;font-size:clamp(28px,4.6vw,40px);line-height:1.15;color:var(--llsg-ink-900)}.llsg__sentencePy{font-weight:700;font-size:18px;color:var(--llsg-ink-700)}.llsg__sentenceEn{font-size:16px;color:var(--llsg-ink-500)}.llsg__prompt{font-family:var(--llsg-font-hand);font-size:24px;text-align:center;color:var(--llsg-olive-600)}.llsg__orderBtn{display:flex;align-items:center;gap:10px;padding:8px 16px;cursor:pointer;border:1px dashed var(--llsg-coral-400);border-radius:var(--llsg-r-pill);background:var(--llsg-paper-100);font-family:var(--llsg-font-hand);font-size:19px;color:var(--llsg-coral-700);animation:llsg-rise .4s var(--llsg-ease-soft) both}.llsg__orderBtn:focus-visible{outline:3px solid rgba(242,179,61,.55);outline-offset:2px}.llsg__peek{position:absolute;right:-16px;bottom:-34px;width:158px;height:132px;perspective:1000px;cursor:pointer;border:0;padding:0;background:none;animation:llsg-peek .56s var(--llsg-ease-soft) .12s both}.llsg__peek:focus-visible{outline:3px solid rgba(242,179,61,.55);outline-offset:2px;border-radius:var(--llsg-r-lg)}.llsg__peekFace{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 12px 30px;text-align:center;border:1px solid var(--llsg-paper-300);border-top:4px solid var(--llsg-olive-500);border-radius:var(--llsg-r-lg);background-image:var(--llsg-grain);box-shadow:var(--llsg-shadow-lg);backface-visibility:hidden;-webkit-backface-visibility:hidden}.llsg__peekFace--front{gap:6px;background-color:var(--llsg-paper-50)}.llsg__peekFace--back{gap:1px;background-color:var(--llsg-paper-100);transform:rotateY(180deg)}.llsg__peekTitle{font-family:var(--llsg-font-display);font-weight:700;font-size:20px;color:var(--llsg-ink-900)}.llsg__notes{display:flex;flex-direction:column;gap:20px;padding-left:24px}@media(min-width:1120px){.llsg__notes{position:absolute;left:100%;top:0;margin-left:24px;margin-top:128px;width:230px}}.llsg__notes--ruled{border-left:2px dashed var(--llsg-paper-400)}.llsg__note{display:flex;flex-direction:column;gap:5px;animation:llsg-rise .42s var(--llsg-ease-soft) both}.llsg__noteLabel{font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--llsg-olive-600)}.llsg__noteBody{margin:0;font-size:14px;line-height:1.45;color:var(--llsg-ink-500)}.llsg__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.llsg__mind{display:flex;flex-direction:column;gap:12px;padding:22px 20px;border:1px solid var(--llsg-paper-300);border-radius:var(--llsg-r-xl);background-color:var(--llsg-paper-100);background-image:var(--llsg-grain);box-shadow:var(--llsg-shadow-md)}.llsg__mindTitle{font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--llsg-olive-600)}.llsg__pair{display:flex;flex-direction:column;gap:5px}.llsg__pairLabel{font-weight:700;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--llsg-ink-500)}.llsg__en{font-size:16px;line-height:1.5;color:var(--llsg-ink-800)}.llsg__strike{font-weight:800;color:var(--llsg-ink-300);text-decoration:line-through}.llsg__mindZh{font-family:var(--llsg-font-hanzi);font-weight:500;font-size:24px;line-height:1.3;color:var(--llsg-ink-900)}.llsg__mindPy{font-size:14px;color:var(--llsg-ink-500)}.llsg__take{margin:0;font-size:14px;line-height:1.45;color:var(--llsg-ink-500)}.llsg__takeHand{margin:0;font-family:var(--llsg-font-hand);font-size:19px;line-height:1.3;text-wrap:balance;color:var(--llsg-olive-600)}.llsg__verbs{display:flex;flex-direction:column;align-items:center;gap:8px}.llsg__verbRow{display:flex;flex-wrap:nowrap;align-items:baseline;justify-content:center;gap:6px}.llsg__verbZh{font-family:var(--llsg-font-hanzi);font-weight:500;font-size:30px;line-height:1.1;color:var(--llsg-ink-900)}.llsg__verbEn{font-weight:800;font-size:clamp(15px,1.7vw,19px);white-space:nowrap;color:var(--llsg-coral-700)}.llsg__arrow{color:var(--llsg-ink-300)}.llsg__versus{font-family:var(--llsg-font-hand);font-size:20px;color:var(--llsg-olive-600)}.llsg__outro{display:flex;flex-wrap:wrap;align-items:center;gap:32px;padding:30px 26px;border:1px solid var(--llsg-paper-300);border-radius:var(--llsg-r-xl);background-color:var(--llsg-paper-50);background-image:var(--llsg-grain);box-shadow:var(--llsg-shadow-md)}.llsg__outroBody{flex:1 1 340px;display:flex;flex-direction:column;gap:12px}.llsg__h2{margin:0;font-family:var(--llsg-font-display);font-weight:700;font-size:clamp(24px,3.4vw,32px);line-height:1.18;color:var(--llsg-ink-900)}.llsg__outroText{margin:0;font-size:16px;line-height:1.5;color:var(--llsg-ink-500);text-wrap:pretty}.llsg__cta{align-self:flex-start;margin-top:8px;padding:12px 26px;cursor:pointer;border:2px solid var(--llsg-marigold-500);border-radius:var(--llsg-r-pill);background:var(--llsg-marigold-500);font-family:var(--llsg-font-display);font-weight:700;font-size:16px;color:var(--llsg-ink-900);box-shadow:var(--llsg-shadow-sm);transition:background var(--llsg-dur-base) var(--llsg-ease-out),transform var(--llsg-dur-fast) var(--llsg-ease-out)}.llsg__cta:hover{background:#e09a2a;border-color:#e09a2a}.llsg__cta:active{transform:scale(.985)}.llsg__cta:focus-visible{outline:3px solid rgba(242,179,61,.55);outline-offset:2px}.llsg__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 llsg-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes llsg-peek{0%{opacity:0;transform:translateY(96px) rotate(-20deg)}to{opacity:1;transform:translate(0) rotate(-8deg)}}@media(prefers-reduced-motion:reduce){.llsg *,.llsg *:before,.llsg *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}