.lpage{--teal-200:#9aebe4;--teal-300:#6ee3da;--teal-400:#4dd6cd;--teal-500:#3cc9bf;--teal-600:#2c8e8a;--teal-700:#237270;--teal-800:#1a5655;--coral-400:#ff7a5f;--coral-500:#fa7965;--coral-700:#b94a37;--gold-400:#f8dd8b;--gold-500:#f7d481;--gold-600:#db9e3d;--bg-raised:#1a3332;--bg-sunken:#050e0e;--fg:#fff;--fg-secondary:#c2f2ee;--fg-tertiary:#9aebe4;--fg-muted:#6b7280;--border-subtle:#ffffff14;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-pill:9999px;--shadow-medium:0 4px 16px #00000040;--shadow-large:0 8px 32px #0006;--font-chinese:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;background:var(--background);min-height:100vh;color:var(--fg)}.lpage .sb{border-radius:var(--radius-3xl);box-shadow:var(--shadow-large);background:#0a2625d9;border:1px solid #fff3;width:100%;max-width:520px;padding:22px;position:relative;overflow:hidden}.lpage .sb:before{content:"";border-radius:var(--radius-3xl);pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff1a}.lpage .sb-eyebrow{font-family:var(--font-heading);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-500);align-items:center;gap:8px;margin-bottom:10px;font-size:11px;font-weight:600;display:flex}.lpage .sb-eyebrow .dot{background:var(--coral-500);width:6px;height:6px;box-shadow:0 0 10px var(--coral-500);border-radius:50%}.lpage .sb-prompt{background:var(--background-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);color:var(--fg-secondary);margin-bottom:14px;padding:12px 14px;font-size:14px}.lpage .sb-prompt strong{color:var(--fg);font-weight:600}.lpage .sb-target{background:var(--bg-sunken);border-radius:var(--radius-xl);border:1.5px dashed #3cc9bf66;flex-wrap:wrap;align-items:center;gap:8px;min-height:64px;margin-bottom:14px;padding:18px 16px;display:flex}.lpage .sb-target.empty:before{content:"Tap words to build the sentence";color:var(--fg-muted);font-size:13px}.lpage .sb-target .chip{background:var(--teal-700);border:1px solid var(--teal-500);color:#fff;border-radius:var(--radius-lg);font-family:var(--font-chinese);box-shadow:0 2px 0 var(--teal-800);cursor:pointer;flex-direction:column;align-items:center;gap:1px;padding:8px 14px;font-size:18px;font-weight:500;display:inline-flex}.lpage .sb-target .chip .py{font-family:var(--font-sans);color:#ffffffbf;font-size:9px;font-style:italic;font-weight:500}.lpage .sb-pool{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.lpage .sb-pool .chip{background:var(--bg-raised);color:var(--fg);border-radius:var(--radius-lg);font-family:var(--font-chinese);cursor:pointer;background-clip:padding-box;border:1px solid #fff3;flex-direction:column;align-items:center;gap:1px;padding:8px 14px;font-size:18px;font-weight:500;transition:transform .12s;display:inline-flex;box-shadow:0 2px #0000004d}.lpage .sb-pool .chip:hover{transform:translateY(-1px)}.lpage .sb-pool .chip.used{opacity:.3;pointer-events:none}.lpage .sb-pool .chip .py{font-family:var(--font-sans);color:var(--fg-tertiary);font-size:9px;font-style:italic;font-weight:500}.lpage .sb-pool .chip.t1{color:var(--teal-300)}.lpage .sb-pool .chip.t2{color:var(--gold-400)}.lpage .sb-pool .chip.t3{color:#c084fc}.lpage .sb-pool .chip.t4{color:var(--coral-400)}.lpage .sb-actions{gap:8px;display:flex}.lpage .sb-check{background:var(--coral-500);color:#fff;border-radius:var(--radius-xl);font-family:var(--font-heading);letter-spacing:.1em;box-shadow:0 4px 0 var(--coral-700);cursor:pointer;border:none;flex:1;padding:12px;font-size:13px;font-weight:700}.lpage .sb-mic{background:var(--teal-600);color:#fff;border-radius:var(--radius-xl);width:44px;height:44px;box-shadow:0 4px 0 var(--teal-800);cursor:pointer;border:none;font-size:16px}.lpage .sb-feedback{border-radius:var(--radius-lg);color:var(--teal-300);background:#3cc9bf1f;border:1px solid #3cc9bf66;margin-top:14px;padding:10px 14px;font-size:13px;display:none}.lpage .sb-feedback.show{display:block}.lpage .sb-feedback strong{color:var(--teal-200)}.lpage .lnav{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-subtle);background:#081a1ad9;position:sticky;top:0}.lpage .lnav-inner{align-items:center;gap:28px;max-width:1200px;margin:0 auto;padding:14px 28px;display:flex}.lpage .lnav-logo{font-family:var(--font-heading);color:var(--fg);align-items:center;gap:8px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.lpage .lnav-logo img{width:32px;height:32px}.lpage .lnav-links{flex:1;gap:24px;margin-left:12px;display:flex}.lpage .lnav-links a{font-family:var(--font-heading);color:var(--fg-tertiary);letter-spacing:.04em;font-size:13px;font-weight:600;text-decoration:none}.lpage .lnav-links a:hover{color:var(--teal-400)}.lpage .lnav-cta{align-items:center;gap:10px;display:flex}.lpage .btn-text{font-family:var(--font-heading);color:var(--fg-secondary);letter-spacing:.04em;cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:13px;font-weight:600;text-decoration:none}.lpage .btn-pill{font-family:var(--font-heading);color:#fff;background:var(--coral-500);border-radius:var(--radius-pill);box-shadow:0 3px 0 var(--coral-700);letter-spacing:.04em;cursor:pointer;border:none;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.lpage .btn-pill:hover{box-shadow:0 5px 0 var(--coral-700);transform:translateY(-1px)}.lpage .btn-pill.teal{background:var(--teal-500);box-shadow:0 3px 0 var(--teal-700)}.lpage .btn-pill.teal:hover{box-shadow:0 5px 0 var(--teal-700)}.lpage .btn-pill.large{box-shadow:0 5px 0 var(--coral-700);border-radius:var(--radius-xl);padding:16px 32px;font-size:15px}.lpage .btn-pill.large:hover{box-shadow:0 7px 0 var(--coral-700)}.lpage .btn-pill.large.teal{box-shadow:0 5px 0 var(--teal-700)}.lpage .btn-pill.large.teal:hover{box-shadow:0 7px 0 var(--teal-700)}.lpage .btn-ghost{font-family:var(--font-heading);color:var(--fg-secondary);border-radius:var(--radius-pill);letter-spacing:.04em;cursor:pointer;background:0 0;border:1px solid #fff3;padding:14px 22px;font-size:14px;font-weight:600;text-decoration:none}.lpage .btn-ghost:hover{color:var(--fg);border-color:#ffffff59}.lpage .lsection{padding:96px 28px}.lpage .lsection-inner{max-width:1200px;margin:0 auto}.lpage .lsection-head{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-bottom:56px;display:flex}.lpage .eyebrow{font-family:var(--font-heading);letter-spacing:.12em;text-transform:uppercase;color:var(--teal-300);font-size:12px;font-weight:600}.lpage .lsection-head .eyebrow{color:var(--gold-500)}.lpage .lsection-head h2{font-family:var(--font-heading);color:var(--fg);letter-spacing:-.01em;text-wrap:balance;max-width:720px;margin:0;font-size:clamp(28px,4vw,44px);font-weight:700;line-height:1.1}.lpage .lsection-head .lead{text-wrap:pretty;max-width:600px;color:var(--fg-tertiary);margin:0;font-size:17px;line-height:1.55}.lpage .hero-grid{grid-template-columns:1fr 1.1fr;align-items:center;gap:48px;display:grid}.lpage .hero-copy{flex-direction:column;gap:20px;display:flex}.lpage .hero-copy h1{font-family:var(--font-heading);color:var(--fg);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(36px,4.8vw,60px);font-weight:700;line-height:1.05}.lpage .hero-copy .hero-eyebrow{color:var(--coral-400)}.lpage .hero-copy .hero-sub{max-width:460px;color:var(--fg-secondary);margin:0;font-size:17px;line-height:1.55}.lpage .hero-cta-row{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.lpage .hero-ticks{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.lpage .hero-tick{color:var(--fg-secondary);align-items:center;gap:10px;font-size:14px;display:flex}.lpage .hero-tick .dot{border:1px solid var(--teal-500);width:22px;height:22px;color:var(--teal-300);background:#3cc9bf2e;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.lpage .hero-trust{color:var(--fg-tertiary);align-items:center;gap:14px;margin-top:8px;font-size:13px;display:flex}.lpage .hero-trust .stars{color:var(--gold-500)}.lpage .fgrid{grid-template-rows:1fr 1fr;grid-template-columns:1.4fr 1fr 1fr;gap:16px;min-height:540px;display:grid}.lpage .fcard{border-radius:var(--radius-3xl);box-shadow:var(--shadow-medium);background:#0a262599;border:1px solid #fff3;flex-direction:column;padding:28px;transition:transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.lpage .fcard:before{content:"";border-radius:var(--radius-3xl);pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff14}.lpage .fcard:hover{border-color:#ffffff40;transform:translateY(-2px)}.lpage .fcard .fbadge{font-family:var(--font-heading);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:14px;font-size:11px;font-weight:600;display:inline-flex}.lpage .fcard .ftitle{font-family:var(--font-heading);color:var(--fg);text-wrap:balance;margin-bottom:8px;font-size:24px;font-weight:700;line-height:1.15}.lpage .fcard .fdesc{color:var(--fg-tertiary);text-wrap:pretty;margin:0;font-size:14px;line-height:1.55}.lpage .fcard.feat-sentence{background:linear-gradient(155deg,#3cc9bf2e,#0a262599 60%);border-color:#3cc9bf59;grid-area:1/1/3/2}.lpage .fcard.feat-sentence .fbadge{color:var(--teal-300)}.lpage .fcard.feat-path{grid-area:1/2/2/3}.lpage .fcard.feat-path .fbadge{color:var(--gold-500)}.lpage .fcard.feat-conv{grid-area:1/3/2/4}.lpage .fcard.feat-conv .fbadge{color:var(--coral-400)}.lpage .fcard.feat-tones{grid-area:2/2/3/3}.lpage .fcard.feat-tones .fbadge{color:#c084fc}.lpage .fcard.feat-shadow{grid-area:2/3/3/4}.lpage .fcard.feat-shadow .fbadge{color:var(--teal-400)}.lpage .fcard .fvisual{justify-content:center;align-items:flex-end;margin-top:auto;padding-top:18px;display:flex}.lpage .mini-tones{align-items:flex-end;gap:10px;height:64px;display:flex}.lpage .mini-tones .bar{background:#ffffff1a;border-radius:4px;width:8px;position:relative}.lpage .mini-tones .bar.active{background:#c084fc;box-shadow:0 0 12px #c084fc}.lpage .mini-tones .bar.b1{height:70%}.lpage .mini-tones .bar.b2{height:100%}.lpage .mini-tones .bar.b3{height:50%}.lpage .mini-tones .bar.b4{height:85%}.lpage .mini-tones .bar.b5{height:35%}.lpage .mini-tones .bar.b6{height:90%}.lpage .mini-tones .bar.b7{height:60%}.lpage .mini-path{align-items:center;gap:10px;width:100%;height:64px;display:flex}.lpage .mini-path .ndot{width:36px;height:36px;font-family:var(--font-heading);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.lpage .mini-path .ndot.done{background:var(--teal-700);box-shadow:0 3px 0 var(--teal-800)}.lpage .mini-path .ndot.cur{background:var(--coral-500);box-shadow:0 3px 0 var(--coral-700),0 0 16px #fa796566}.lpage .mini-path .ndot.lock{background:var(--bg-raised);color:#ffffff4d;box-shadow:0 3px #0006}.lpage .mini-path .conn{background:#fff3;flex:1;height:2px}.lpage .mini-path .conn.done{background:var(--teal-600)}.lpage .mini-bubbles{flex-direction:column;align-items:stretch;gap:6px;width:100%;display:flex}.lpage .mini-bubbles .bub{font-size:13px;font-family:var(--font-chinese);border-radius:14px;padding:8px 12px}.lpage .mini-bubbles .bub.them{background:var(--background-secondary);border:1px solid var(--border-subtle);border-bottom-left-radius:4px;align-self:flex-start;max-width:75%}.lpage .mini-bubbles .bub.me{background:var(--teal-700);color:#fff;border-bottom-right-radius:4px;align-self:flex-end;max-width:75%}.lpage .mini-shadow{align-items:center;gap:8px;display:flex}.lpage .mini-shadow .wave{align-items:center;gap:3px;height:40px;display:flex}.lpage .mini-shadow .wave span{background:var(--teal-400);border-radius:2px;width:3px}.lpage .mini-shadow .wave span:first-child{height:30%}.lpage .mini-shadow .wave span:nth-child(2){height:60%}.lpage .mini-shadow .wave span:nth-child(3){height:90%}.lpage .mini-shadow .wave span:nth-child(4){height:50%}.lpage .mini-shadow .wave span:nth-child(5){height:75%}.lpage .mini-shadow .wave span:nth-child(6){height:40%}.lpage .mini-shadow .wave span:nth-child(7){height:65%}.lpage .mini-shadow .play{background:var(--teal-500);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.lpage .mini-sentence-pool{flex-wrap:wrap;gap:6px;display:flex}.lpage .mini-sentence-pool .ch{background:var(--bg-raised);font-family:var(--font-chinese);border:1px solid #fff3;border-radius:8px;padding:6px 10px;font-size:16px;box-shadow:0 2px #0000004d}.lpage .mini-sentence-pool .ch.t1{color:var(--teal-300)}.lpage .mini-sentence-pool .ch.t2{color:var(--gold-400)}.lpage .mini-sentence-pool .ch.t3{color:#c084fc}.lpage .mini-sentence-pool .ch.t4{color:var(--coral-400)}.lpage .lsection-proof{background:var(--background-secondary)}.lpage .proof-stats{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:56px;display:grid}.lpage .proof-stat{text-align:center;padding:24px 16px}.lpage .proof-stat .num{font-family:var(--font-heading);font-size:42px;font-weight:700;line-height:1}.lpage .proof-stat .num.teal{color:var(--teal-400)}.lpage .proof-stat .num.coral{color:var(--coral-400)}.lpage .proof-stat .num.gold{color:var(--gold-500)}.lpage .proof-stat .num.purple{color:#c084fc}.lpage .proof-stat .lbl{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-tertiary);font-size:12px;font-family:var(--font-heading);margin-top:8px}.lpage .testimonials{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.lpage .tcard{border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);background:#0a262580;flex-direction:column;gap:14px;padding:24px;display:flex}.lpage .tcard .quote{color:var(--fg-secondary);text-wrap:pretty;margin:0;font-size:15px;line-height:1.55}.lpage .tcard .quote:before{content:"“";font-family:var(--font-heading);color:var(--gold-500);vertical-align:-.4em;margin-right:4px;font-size:36px;line-height:0}.lpage .tcard .who{align-items:center;gap:10px;margin-top:auto;display:flex}.lpage .tcard .av{width:36px;height:36px;font-family:var(--font-heading);color:#fff;background:var(--coral-500);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.lpage .tcard .av.teal{background:var(--teal-600)}.lpage .tcard .av.gold{background:var(--gold-600);color:#111}.lpage .tcard .who .name{font-family:var(--font-heading);color:var(--fg);font-size:13px;font-weight:700}.lpage .tcard .who .role{color:var(--fg-tertiary);font-size:11px}.lpage .tcard .stars{color:var(--gold-500);letter-spacing:2px;font-size:13px}.lpage .faq{flex-direction:column;gap:8px;max-width:760px;margin:0 auto;display:flex}.lpage .faq details{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:#0a262580;padding:0;overflow:hidden}.lpage .faq details[open]{background:#0a2625cc;border-color:#fff3}.lpage .faq summary{cursor:pointer;font-family:var(--font-heading);color:var(--fg);justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;font-size:16px;font-weight:600;list-style:none;display:flex}.lpage .faq summary::-webkit-details-marker{display:none}.lpage .faq summary:after{content:"+";color:var(--teal-400);font-size:22px;font-weight:300;transition:transform .2s}.lpage .faq details[open] summary:after{content:"−"}.lpage .faq .ans{color:var(--fg-tertiary);text-wrap:pretty;padding:0 22px 18px;font-size:14px;line-height:1.6}.lpage .lfooter{background:var(--bg-sunken);border-top:1px solid var(--border-subtle);padding:48px 28px 28px}.lpage .lfooter-inner{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;max-width:1200px;margin:0 auto;display:grid}.lpage .lfooter h5{font-family:var(--font-heading);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-500);margin:0 0 14px;font-size:11px;font-weight:700}.lpage .lfooter ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lpage .lfooter a{color:var(--fg-tertiary);font-size:13px;text-decoration:none}.lpage .lfooter a:hover{color:var(--teal-400)}.lpage .lfooter .lf-brand{flex-direction:column;gap:14px;max-width:280px;display:flex}.lpage .lfooter .lf-brand p{color:var(--fg-tertiary);margin:0;font-size:13px;line-height:1.5}.lpage .lfooter-bottom{border-top:1px solid var(--border-subtle);max-width:1200px;color:var(--fg-muted);justify-content:space-between;align-items:center;margin:32px auto 0;padding-top:22px;font-size:12px;display:flex}.lpage .pricing-grid{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:16px;display:grid}.lpage .pcard{border-radius:var(--radius-3xl);box-shadow:var(--shadow-medium);background:#0a262599;border:1px solid #fff3;flex-direction:column;gap:14px;padding:28px 24px;display:flex;position:relative;overflow:hidden}.lpage .pcard:before{content:"";border-radius:var(--radius-3xl);pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff14}.lpage .pcard.featured{background:linear-gradient(155deg,#3cc9bf2e,#0a262599 60%);border-color:#3cc9bf73}.lpage .pcard .ptag{font-family:var(--font-heading);letter-spacing:.12em;text-transform:uppercase;border-radius:var(--radius-pill);align-self:flex-start;padding:4px 10px;font-size:11px;font-weight:600}.lpage .pcard .ptag.teal{color:var(--teal-300);background:#3cc9bf2e}.lpage .pcard .ptag.gold{color:var(--gold-500);background:#f7d48129}.lpage .pcard .pname{font-family:var(--font-heading);color:var(--fg);margin:0;font-size:22px;font-weight:700}.lpage .pcard .pprice{align-items:baseline;gap:6px;display:flex}.lpage .pcard .pprice .amount{font-family:var(--font-heading);color:var(--fg);font-size:42px;font-weight:700;line-height:1}.lpage .pcard .pprice .unit{color:var(--fg-tertiary);font-size:14px}.lpage .pcard .psub{color:var(--fg-tertiary);margin:0;font-size:13px;line-height:1.5}.lpage .pcard .ptokens{font-family:var(--font-heading);letter-spacing:.06em;text-transform:uppercase;color:var(--teal-300);font-size:12px;font-weight:600}.lpage .pcard ul.pfeats{color:var(--fg-secondary);flex-direction:column;gap:8px;margin:8px 0 0;padding:0;font-size:13px;line-height:1.5;list-style:none;display:flex}.lpage .pcard ul.pfeats li{align-items:flex-start;gap:10px;display:flex}.lpage .pcard ul.pfeats li:before{content:"✓";color:var(--teal-400);flex:none;font-weight:700}.lpage .pcard .pcta{margin-top:auto;padding-top:14px}.lpage .pcard .pcta button,.lpage .pcard .pcta a{justify-content:center;width:100%}.lpage .pricing-note{text-align:center;color:var(--fg-muted);margin-top:32px;font-size:13px}@media (max-width:1024px){.lpage .pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:880px){.lpage .hero-grid{grid-template-columns:1fr;gap:32px}.lpage .lsection{padding:64px 20px}.lpage .lnav-inner{gap:12px;padding:12px 18px}.lpage .lnav-links{display:none}.lpage .fgrid{grid-template-rows:none;grid-template-columns:1fr;min-height:auto}.lpage .fcard.feat-sentence,.lpage .fcard.feat-path,.lpage .fcard.feat-conv,.lpage .fcard.feat-tones,.lpage .fcard.feat-shadow{grid-area:auto}.lpage .proof-stats{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:36px}.lpage .testimonials{grid-template-columns:1fr}.lpage .lfooter-inner{grid-template-columns:1fr 1fr}.lpage .lfooter .lf-brand{grid-column:1/-1;max-width:none}.lpage .lfooter-bottom{text-align:center;flex-direction:column;gap:8px}.lpage .pricing-grid{grid-template-columns:1fr}}
.sb-runner{--sb-bg-card:#0a2625d9;--sb-bg-pool:#1a3332;--sb-bg-target:#050e0e;--sb-tone-1:#6ee3da;--sb-tone-2:#f8dd8b;--sb-tone-3:#c084fc;--sb-tone-4:#ff7a5f;--sb-tone-neutral:#c2f2ee;background:var(--sb-bg-card);border:1px solid #fff3;border-radius:24px;width:100%;max-width:560px;margin:0 auto;padding:22px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006}.sb-runner:before{content:"";pointer-events:none;border-radius:24px;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff1a}.sb-runner-eyebrow{font-family:var(--font-heading),"Oxanium",system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#f7d481;align-items:center;gap:8px;margin-bottom:10px;font-size:11px;font-weight:600;display:flex}.sb-runner-eyebrow .dot{background:#fa7965;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #fa7965}.sb-runner-progress{font-family:var(--font-heading),"Oxanium",system-ui,sans-serif;color:#9aebe4;letter-spacing:.06em;align-items:center;gap:10px;margin-bottom:12px;font-size:11px;display:flex}.sb-runner-progress .bar{background:#ffffff1a;border-radius:9999px;flex:1;height:4px;overflow:hidden}.sb-runner-progress .fill{background:#3cc9bf;height:100%;transition:width .3s}.sb-runner-prompt{color:#c2f2ee;background:#0a2625;border:1px solid #ffffff14;border-radius:16px;margin-bottom:14px;padding:12px 14px;font-size:14px}.sb-runner-prompt strong{color:#fff;font-weight:600}.sb-runner-target{background:var(--sb-bg-target);border:1.5px dashed #3cc9bf66;border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px;min-height:64px;margin-bottom:14px;padding:18px 16px;display:flex}.sb-runner-target.empty:before{content:"Tap words to build the sentence";color:#6b7280;font-size:13px}.sb-runner-target .chip{color:#fff;cursor:pointer;background:#237270;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:1px;padding:8px 14px;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:18px;font-weight:500;display:inline-flex;box-shadow:0 2px #1a5655}.sb-runner-target .chip .py{font-family:var(--font-sans),"Quicksand",system-ui,sans-serif;color:#ffffffbf;font-size:9px;font-style:italic;font-weight:500}.sb-runner-target.correct{background:#3cc9bf1a;border-style:solid;border-color:#3cc9bf8c;transition:background .25s,border-color .25s;box-shadow:inset 0 0 24px #3cc9bf1a}.sb-runner-target.incorrect{background:#fa79651a;border-style:solid;border-color:#fa79658c;transition:background .25s,border-color .25s;box-shadow:inset 0 0 24px #fa79651a}.sb-runner-target.correct .chip{background:#1f6f63;border:1px solid #6ee3da;animation:1.1s ease-in-out infinite alternate sb-glow-green}.sb-runner-target.incorrect .chip{background:#7a322a;border:1px solid #ff9980;animation:1.1s ease-in-out infinite alternate sb-glow-red}@keyframes sb-glow-green{0%{box-shadow:0 0 5px #3cc9bf66,0 2px #1a5655}to{box-shadow:0 0 22px #6ee3dad9,0 0 9px #3cc9bfa6,0 2px #1a5655}}@keyframes sb-glow-red{0%{box-shadow:0 0 5px #fa796566,0 2px #b94a37}to{box-shadow:0 0 22px #ff9980d9,0 0 9px #fa7965a6,0 2px #b94a37}}@media (prefers-reduced-motion:reduce){.sb-runner-target.correct .chip{animation:none;box-shadow:0 0 16px #6ee3dab3,0 2px #1a5655}.sb-runner-target.incorrect .chip{animation:none;box-shadow:0 0 16px #ff9980b3,0 2px #b94a37}}.sb-runner-pool{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.sb-runner-pool .chip{background:var(--sb-bg-pool);color:#fff;cursor:pointer;background-clip:padding-box;border:1px solid #fff3;border-radius:12px;flex-direction:column;align-items:center;gap:1px;padding:8px 14px;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:18px;font-weight:500;transition:transform .12s;display:inline-flex;box-shadow:0 2px #0000004d}.sb-runner-pool .chip:hover{transform:translateY(-1px)}.sb-runner-pool .chip:disabled,.sb-runner-pool .chip.used{opacity:.3;cursor:not-allowed;pointer-events:none}.sb-runner-pool .chip .py{font-family:var(--font-sans),"Quicksand",system-ui,sans-serif;color:#9aebe4;font-size:9px;font-style:italic;font-weight:500}.sb-runner-pool .chip.t1{color:var(--sb-tone-1)}.sb-runner-pool .chip.t2{color:var(--sb-tone-2)}.sb-runner-pool .chip.t3{color:var(--sb-tone-3)}.sb-runner-pool .chip.t4{color:var(--sb-tone-4)}.sb-runner-pool .chip.t5,.sb-runner-pool .chip.t0{color:var(--sb-tone-neutral)}.sb-runner-actions{gap:8px;display:flex}.sb-runner-check{color:#fff;font-family:var(--font-heading),"Oxanium",system-ui,sans-serif;letter-spacing:.1em;cursor:pointer;background:#fa7965;border:none;border-radius:16px;flex:1;padding:12px;font-size:13px;font-weight:700;transition:transform .12s,box-shadow .12s;box-shadow:0 4px #b94a37}.sb-runner-check:hover{transform:translateY(-1px);box-shadow:0 5px #b94a37}.sb-runner-check:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 4px #b94a37}.sb-runner-next{color:#0a2221;font-family:var(--font-heading),"Oxanium",system-ui,sans-serif;letter-spacing:.1em;cursor:pointer;background:#3cc9bf;border:none;border-radius:16px;flex:1;padding:12px;font-size:13px;font-weight:700;box-shadow:0 4px #237270}.sb-runner-next.incorrect{color:#fff;background:#fa7965;box-shadow:0 4px #b94a37}.sb-runner-feedback{border-style:solid;border-width:1px;border-radius:14px;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;display:none}.sb-runner-feedback.show{animation:.32s cubic-bezier(.22,1,.36,1) sb-fb-in;display:flex}@keyframes sb-fb-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sb-fb-icon{border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:15px;font-weight:700;line-height:1;display:grid}.sb-fb-body{flex-direction:column;gap:2px;min-width:0;display:flex}.sb-fb-title{font-family:var(--font-heading),"Oxanium",system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.sb-fb-detail{font-size:15px;line-height:1.4;font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",var(--font-sans),"Quicksand",sans-serif}.sb-runner-feedback.correct{background:#3cc9bf1f;border-color:#3cc9bf73}.sb-runner-feedback.correct .sb-fb-icon{color:#04201d;background:#6ee3da}.sb-runner-feedback.correct .sb-fb-title{color:#9aebe4}.sb-runner-feedback.correct .sb-fb-detail{color:#c6f5f0}.sb-runner-feedback.incorrect{background:#fa79651f;border-color:#fa796573}.sb-runner-feedback.incorrect .sb-fb-icon{color:#3a0f08;background:#ff9980}.sb-runner-feedback.incorrect .sb-fb-title{color:#ffbdb0}.sb-runner-feedback.incorrect .sb-fb-detail{color:#ffd2c8}.sb-runner-hint{color:#fff;text-align:center;background:#3cc9bf14;border-radius:12px;margin-bottom:12px;padding:14px 16px;font-size:22px;font-weight:700;line-height:1.3}.sb-page{background:var(--background);flex-direction:column;align-items:center;min-height:100%;padding:40px 28px 64px;display:flex}.sb-page-head{text-align:center;flex-direction:column;align-items:center;gap:8px;max-width:600px;margin-bottom:40px;display:flex}.sb-page-head .eyebrow{font-family:var(--font-heading),"Oxanium",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#f7d481;font-size:12px;font-weight:600}.sb-page-head h1{font-family:var(--font-heading),"Oxanium",system-ui,sans-serif;color:#fff;margin:0;font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.1}.sb-page-head p{color:#9aebe4;margin:0;font-size:16px;line-height:1.5}.sb-page-empty,.sb-page-summary{text-align:center;background:#0a262599;border:1px solid #fff3;border-radius:20px;flex-direction:column;align-items:center;gap:12px;max-width:480px;padding:32px;display:flex}.sb-page-summary .score{font-family:var(--font-heading),"Oxanium",system-ui,sans-serif;color:#3cc9bf;font-size:56px;font-weight:700}.sb-page-summary .score.weak{color:#f7d481}
.btn3d{font-family:var(--font-heading),"Oxanium",system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:13px;font-weight:700;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn3d:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn3d--coral{background:var(--color-secondary-500);color:var(--color-foreground);box-shadow:0 4px 0 var(--color-secondary-700)}.btn3d--coral:hover:not(:disabled){box-shadow:0 5px 0 var(--color-secondary-700);transform:translateY(-1px)}.btn3d--coral:disabled{box-shadow:0 4px 0 var(--color-secondary-700)}.btn3d--teal{background:var(--color-primary-500);color:var(--color-primary-950);box-shadow:0 4px 0 var(--color-primary-700)}.btn3d--teal:hover:not(:disabled){box-shadow:0 5px 0 var(--color-primary-700);transform:translateY(-1px)}.btn3d--teal:disabled{box-shadow:0 4px 0 var(--color-primary-700)}.btn3d--gold{background:var(--color-tertiary-500);color:var(--color-foreground-dark);box-shadow:0 4px 0 var(--color-tertiary-700)}.btn3d--gold:hover:not(:disabled){box-shadow:0 5px 0 var(--color-tertiary-700);transform:translateY(-1px)}.btn3d--gold:disabled{box-shadow:0 4px 0 var(--color-tertiary-700)}.btn3d--ghost{background:var(--background-tertiary);color:var(--foreground-secondary);box-shadow:0 4px #0006}.btn3d--ghost:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px #0006}.btn3d--ghost:disabled{box-shadow:0 4px #0006}.btn3d--sm{border-radius:12px;padding:8px 12px;font-size:11px}.btn3d--lg{padding:14px 22px;font-size:14px}.btn3d--block{width:100%}.btn3d--icon{border-radius:14px;padding:12px}
button:not(:disabled),[role=button]:not([aria-disabled=true]),a[href],label[for],select:not(:disabled),summary{cursor:pointer}button:disabled,[role=button][aria-disabled=true],[disabled]{cursor:not-allowed}.app-nav-shell{background:var(--background)}.app-nav-tab{letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary-200);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-family:Oxanium,system-ui,sans-serif;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.app-nav-tab:hover{color:var(--color-primary-100);background:#3cc9bf0f}.app-nav-tab.is-active{color:var(--foreground);background:linear-gradient(180deg,var(--color-primary-800),var(--color-primary-900));border-color:#3cc9bf66;box-shadow:0 0 0 1px #3cc9bf1a,0 4px 16px #3cc9bf26}.app-subnav-item{color:var(--color-primary-100);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-family:Quicksand,system-ui,sans-serif;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex;position:relative}.app-subnav-item:hover{color:var(--foreground);background:#3cc9bf0d}.app-subnav-item.is-active{color:var(--color-primary-300);background:#3cc9bf1a;border-color:#3cc9bf4d;font-weight:700}.app-subnav-item.is-active:before{content:"";background:var(--color-primary-500);border-radius:99px;width:3px;position:absolute;top:12px;bottom:12px;left:-14px}.app-subnav-streak{background:linear-gradient(180deg,#f7d48124,var(--background-secondary));border:1px solid #f7d48133;border-radius:16px;margin:0 4px;padding:14px}.app-nav-bell{background:var(--background-secondary);border:1px solid var(--border-subtle);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.app-nav-bell-dot{background:var(--color-secondary-500);border:2px solid var(--background-secondary);border-radius:999px;width:8px;height:8px;position:absolute;top:6px;right:6px}.app-nav-avatar{background:var(--color-secondary-500);width:36px;height:36px;box-shadow:0 0 0 2px var(--background),0 0 0 3px var(--border-subtle);border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.app-nav-stat-pill{background:var(--background-secondary);border:1px solid var(--border-subtle);color:var(--foreground);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-family:Oxanium,system-ui,sans-serif;font-size:13px;font-weight:700;display:inline-flex}.app-subnav-meta{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:2px 7px;font-family:Oxanium,system-ui,sans-serif;font-size:10px;font-weight:700}.app-subnav-meta.tone-teal{background:var(--color-primary-800);color:var(--color-primary-300)}.app-subnav-meta.tone-coral{background:var(--color-secondary-500);color:var(--background-secondary)}.app-subnav-meta.tone-gold{background:var(--color-tertiary-500);color:var(--background-secondary)}.app-nav-top{border-bottom:1px solid var(--border-subtle);background:var(--background);align-items:center;gap:24px;padding:12px 28px;display:flex}.app-nav-side{border-right:1px solid var(--border-subtle);background:var(--background);flex-direction:column;gap:2px;width:232px;padding:20px 14px;display:flex}@media (max-width:1023px){.app-nav-side{display:none}}@media (max-width:767px){.app-nav-top{gap:10px;padding:10px 14px}.app-nav-tab{letter-spacing:.04em;padding:8px 10px;font-size:11px}.app-nav-stat-pill{padding:5px 9px;font-size:12px}}
@keyframes xp-shimmer-sweep{0%{transform:translate(-160%)skew(-20deg)}to{transform:translate(320%)skew(-20deg)}}.xp-celebrate-shimmer{pointer-events:none;background:linear-gradient(90deg,#fff0 0%,#ffffffa6 50%,#fff0 100%);width:45%;animation:1.6s ease-in-out infinite xp-shimmer-sweep;position:absolute;top:0;bottom:0;left:0}@keyframes xp-throb{0%,to{opacity:1;filter:brightness()}50%{opacity:.62;filter:brightness(1.35)}}.xp-celebrate-pulse{animation:1.5s ease-in-out infinite xp-throb}@keyframes xp-hue{0%{filter:hue-rotate()saturate(1.15)}to{filter:hue-rotate(360deg)saturate(1.15)}}.xp-celebrate-rainbow{animation:3s linear infinite xp-hue}@keyframes xp-stripes-move{0%{background-position:0 0}to{background-position:28px 0}}.xp-celebrate-stripes{background-image:repeating-linear-gradient(45deg,#ffffff38 0 10px,#fff0 10px 20px);background-size:28px 28px;animation:.55s linear infinite xp-stripes-move}.app-nav-stat-pill--goal{isolation:isolate;border-color:var(--color-success-500);position:relative;overflow:hidden}.xp-pill-fx{z-index:-1;pointer-events:none;position:absolute;inset:0}@keyframes xp-pill-glow{0%,to{opacity:.12}50%{opacity:.34}}.xp-pill-fx.is-pulse{background:var(--color-success-500);animation:1.5s ease-in-out infinite xp-pill-glow}.xp-pill-fx.is-rainbow{background:var(--color-success-500);opacity:.26;animation:3s linear infinite xp-hue}.xp-pill-fx.is-shimmer{background:linear-gradient(90deg,#fff0 0%,#ffffff80 50%,#fff0 100%);width:45%;animation:1.6s ease-in-out infinite xp-shimmer-sweep;inset:0 auto 0 0}.xp-pill-fx.is-stripes{opacity:.5;background-image:repeating-linear-gradient(45deg,var(--color-success-500)0,var(--color-success-500)8px,transparent 8px,transparent 16px);background-size:22px 22px;animation:.55s linear infinite xp-stripes-move}@keyframes xp-number-pop{0%{transform:scale(1)}40%{transform:scale(1.35)}70%{transform:scale(.92)}to{transform:scale(1)}}.xp-number-pop{animation:.6s cubic-bezier(.34,1.56,.64,1) both xp-number-pop;display:inline-block}@media (prefers-reduced-motion:reduce){.xp-celebrate-shimmer,.xp-celebrate-pulse,.xp-celebrate-rainbow,.xp-celebrate-stripes,.xp-pill-fx,.xp-number-pop{animation:none!important}.xp-celebrate-shimmer,.xp-pill-fx.is-shimmer{display:none}}