.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}@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}}
.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-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:12px;margin-top:14px;padding:10px 14px;font-size:13px;display:none}.sb-runner-feedback.show{display:block}.sb-runner-feedback.correct{color:#6ee3da;background:#3cc9bf1f;border-color:#3cc9bf66}.sb-runner-feedback.correct strong{color:#9aebe4}.sb-runner-feedback.incorrect{color:#ff9980;background:#fa79651f;border-color:#fa796566}.sb-runner-feedback.incorrect strong{color:#ffbdb0}.sb-runner-hint{color:#c2f2ee;text-align:center;background:#3cc9bf14;border-radius:12px;margin-bottom:12px;padding:10px 14px;font-size:14px}.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}
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}}
