:root{--bg:#0f1114;--card:#171a1f;--card-2:#1c2026;--fg:#eceef2;--muted:#8b919d;--muted-2:#5f6570;--rule:#262a31;--rule-2:#30353d;--accent:#7c96ff;--accent-ink:#0f1114;--accent-deep:#3457d5;--know:#4fd28e;--know-soft:#143224;--again:#f0705f;--again-soft:#3a1c19;--warn:#f5a04a;--noun:#6fa0ff;--verb:#4fd28e;--adjective:#4fc9d4;--adverb:#c9d94a;--pronoun:#c48ff0;--measure:#f5a04a;--particle:#f07ab6;--preposition:#c9a07a;--conjunction:#8b919d;--numeral:#8b919d;--interjection:#8b919d;--other:#8b919d;--sans:var(--font-sans), "IBM Plex Sans", system-ui, sans-serif;--mono:var(--font-mono), "IBM Plex Mono", ui-monospace, monospace;--tc:var(--font-tc), "Noto Sans TC", "PingFang TC", sans-serif;--gutter:clamp(16px, 4vw, 40px);--max:1160px;--radius:6px}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.5}body{overflow-x:hidden}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}::selection{background:var(--accent);color:var(--accent-ink)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin:0}ul{margin:0;padding:0;list-style:none}.tc{font-family:var(--tc)}.mono{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:500}.kicker{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:500}.wrap{width:min(100% - 2 * var(--gutter), var(--max));margin-inline:auto}.glow{z-index:0;pointer-events:none;filter:blur(34px);background:radial-gradient(38% 34% at 18% 8%,#7c96ff2e,#0000 70%),radial-gradient(30% 30% at 86% 36%,#3457d524,#0000 70%),radial-gradient(40% 36% at 50% 95%,#7c96ff14,#0000 72%);animation:28s ease-in-out infinite alternate aurora;position:fixed;inset:-20% -10%}@keyframes aurora{0%{transform:translate(0,0)scale(1)}to{transform:translate(-3%,2%)scale(1.06)}}.site{position:relative}.site>*{z-index:1;position:relative}.head{z-index:50;-webkit-backdrop-filter:saturate(140%)blur(14px);border-bottom:1px solid var(--rule);background:#0f1114b8;position:sticky;top:0}.head__in{align-items:center;gap:24px;height:64px;display:flex}.mark{letter-spacing:-.01em;color:var(--fg);align-items:center;gap:10px;font-size:17px;font-weight:600;display:inline-flex}.mark img{border-radius:7px;width:28px;height:28px}.head__nav{color:var(--muted);align-items:center;gap:22px;margin-left:auto;font-size:14px;display:flex}.head__nav a:hover{color:var(--fg)}.head__get{font-weight:500;color:var(--accent)!important}.head__menu{display:none}.langsel{position:relative}.langsel>summary{border:1px solid var(--rule);height:32px;font-family:var(--mono);letter-spacing:.06em;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;gap:6px;padding:0 10px;font-size:12px;list-style:none;display:inline-flex}.langsel>summary::-webkit-details-marker{display:none}.langsel>summary::marker{content:""}.langsel>summary:hover,.langsel[open]>summary{color:var(--fg);border-color:var(--rule-2)}.langsel__chev{font-size:8px;transition:transform .18s}.langsel[open] .langsel__chev{transform:rotate(180deg)}.langsel__menu{background:var(--card);border:1px solid var(--rule-2);border-radius:var(--radius);z-index:60;min-width:220px;max-height:min(70vh,480px);padding:6px;position:absolute;top:calc(100% + 6px);right:0;overflow:auto;box-shadow:0 16px 40px #00000080}.langsel__item{width:100%;color:var(--fg);border-radius:4px;justify-content:space-between;align-items:center;gap:16px;padding:8px 10px;font-size:14px;display:flex}.langsel__item:hover{background:var(--card-2)}.langsel__item[aria-current=true]{color:var(--accent)}.langsel__code{font-family:var(--mono);color:var(--muted);letter-spacing:.06em;font-size:11px}.langsel__item[aria-current=true] .langsel__code{color:var(--accent)}.untranslated{background:var(--card);border-bottom:1px solid var(--rule);color:var(--muted);text-align:center;padding:8px 0;font-size:13px}.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(32px,6vw,80px);padding:clamp(56px,9vw,112px) 0 clamp(48px,7vw,96px);display:grid}.hero__kicker{margin-bottom:22px}.hero__head{letter-spacing:-.025em;max-width:12ch;font-size:clamp(38px,5.4vw,66px);font-weight:600;line-height:1.04}.hero__sub{max-width:50ch;color:var(--muted);margin-top:24px;font-size:clamp(16px,1.45vw,19px);line-height:1.55}.hero__actions{flex-wrap:wrap;align-items:center;gap:16px 22px;margin-top:34px;display:flex}.hero__fine{color:var(--muted-2);max-width:36ch;font-size:13.5px}.hero__demo{position:relative}.hero__demo-label{font-family:var(--mono);letter-spacing:.12em;color:var(--muted-2);font-size:11px;position:absolute;top:-28px;left:0}.cta{border-radius:var(--radius);background:var(--accent);height:50px;color:var(--accent-ink);letter-spacing:-.005em;align-items:center;gap:10px;padding:0 22px;font-size:15px;font-weight:600;transition:transform .18s ease-out,box-shadow .18s ease-out;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #7c96ff38}.cta:hover{color:var(--accent-ink);transform:translateY(-1px);box-shadow:0 14px 36px #7c96ff4d}.cta:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff59 50%,#0000 70%);position:absolute;inset:0;transform:translate(-130%)}.cta:hover:after{transition:transform .8s;transform:translate(130%)}.cta svg{width:18px;height:18px}.cta--off{background:var(--card);color:var(--muted);border:1px solid var(--rule-2);box-shadow:none;cursor:default}.cta--off:hover{box-shadow:none;color:var(--muted);transform:none}.cta--off:after{display:none}.cta--ghost{color:var(--fg);border:1px solid var(--rule-2);box-shadow:none;background:0 0}.cta--ghost:hover{color:var(--fg);border-color:var(--accent);box-shadow:none}.demo{background:var(--card);border:1px solid var(--rule-2);border-radius:14px;flex-direction:column;width:min(100%,440px);min-height:560px;margin-inline:auto;display:flex;overflow:hidden;box-shadow:0 40px 90px #0000008c,0 0 0 1px #7c96ff0f}.demo__bar{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;padding:18px 18px 12px;display:flex}.demo__title{font-size:20px;font-weight:600}.demo__pair{font-family:var(--mono);letter-spacing:.1em;color:var(--muted);font-size:12px}.demo__body{background:var(--bg);flex:1;align-content:start;gap:12px;padding:14px;display:grid}.demo__field{background:var(--card);border:1px solid var(--rule);border-radius:var(--radius);min-height:72px;color:var(--fg);padding:12px 14px;font-size:17px;line-height:1.4;position:relative}.demo__field.is-empty{color:var(--muted-2)}.demo__caret{background:var(--accent);vertical-align:text-bottom;width:2px;height:1.1em;margin-left:1px;animation:1s steps(2,start) infinite blink;display:inline-block}@keyframes blink{to{visibility:hidden}}.demo__row{align-items:center;gap:10px;display:flex}.demo__btn{border-radius:var(--radius);background:var(--accent);height:44px;color:var(--accent-ink);align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:600;transition:transform .15s,opacity .2s;display:inline-flex}.demo__btn.is-busy{opacity:.7}.demo__btn--ghost{color:var(--fg);border:1px solid var(--rule-2);background:0 0}.demo__mic{border-radius:var(--radius);border:1px solid var(--rule);width:44px;height:44px;color:var(--muted);place-items:center;margin-left:auto;display:inline-grid}.demo__mic svg{width:18px;height:18px}.demo__spin{border:2px solid #0f11144d;border-top-color:var(--accent-ink);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.scard{background:var(--card);border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden}.scard__text{padding:16px 16px 14px}.scard__target{font-family:var(--tc);letter-spacing:.01em;font-size:30px;font-weight:700;line-height:1.25}.scard__phonetic{font-family:var(--tc);letter-spacing:.08em;color:var(--muted);margin-top:6px;font-size:14px;font-weight:500}.scard__native{margin-top:8px;font-size:17px}.scard__actions{border-top:1px solid var(--rule);align-items:center;gap:10px;padding:12px 16px;display:flex}.scard__status{font-family:var(--mono);letter-spacing:.08em;color:var(--muted);text-transform:uppercase;margin-left:auto;font-size:11px}.note{background:var(--card);border:1px solid var(--rule);border-radius:var(--radius);padding:14px 16px}.note__label{font-family:var(--mono);letter-spacing:.1em;color:var(--muted);font-size:11px}.note__body{margin-top:6px;font-size:14px;line-height:1.5}.note__body .tc{font-weight:500}.wtable{background:var(--card);border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden}.wtable__head{border-bottom:1px solid var(--rule);font-family:var(--mono);letter-spacing:.1em;color:var(--muted);text-transform:uppercase;grid-template-columns:1fr 1.1fr 24px;gap:12px;padding:10px 14px;font-size:11px;display:grid}.wrow{border-bottom:1px solid var(--rule);grid-template-columns:1fr 1.1fr 24px;align-items:center;gap:12px;padding:10px 14px;display:grid}.wrow:last-child{border-bottom:0}.wrow__word{align-items:flex-start;gap:10px;display:flex}.pos{background:var(--pos,var(--muted));border-radius:2px;flex:none;width:8px;height:8px;margin-top:10px}.wrow__surface{font-family:var(--tc);font-size:22px;font-weight:700;line-height:1.15}.wrow__surface.is-score{color:var(--score)}.wrow__phonetic{font-family:var(--tc);letter-spacing:.08em;color:var(--muted);margin-top:2px;font-size:13px;font-weight:500}.wrow__meaning{font-size:14px;line-height:1.35}.wrow__pos{font-family:var(--mono);letter-spacing:.1em;color:var(--pos,var(--muted));margin-top:2px;font-size:11px}.wrow__score{font-family:var(--mono);color:var(--score);margin-top:2px;font-size:12px}.wrow__spk{color:var(--muted);place-items:center;display:grid}.wrow__spk svg{width:18px;height:18px}.in{animation:in .42s cubic-bezier(.2, .7, .2, 1) var(--d,0s) both}@keyframes in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.out{animation:.32s ease-in both out}@keyframes out{to{opacity:0;transform:translateY(-6px)}}.facts{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);grid-template-columns:repeat(4,1fr);display:grid}.fact{border-right:1px solid var(--rule);padding:28px 24px 26px}.fact:last-child{border-right:0}.fact__n{font-family:var(--mono);letter-spacing:-.02em;color:var(--fg);font-size:clamp(34px,4vw,52px);font-weight:500;line-height:1}.fact--accent .fact__n{color:var(--accent)}.fact__c{color:var(--muted);margin-top:10px;font-size:14px}.section{padding:clamp(64px,9vw,120px) 0}.section--tight{padding-top:clamp(40px,6vw,72px)}.section__head{max-width:760px}.section__head .kicker{margin-bottom:16px;display:block}.h2{letter-spacing:-.02em;font-size:clamp(28px,3.6vw,44px);font-weight:600;line-height:1.1}.lede{color:var(--muted);max-width:60ch;margin-top:18px;font-size:17px;line-height:1.55}.steps{background:var(--rule);border:1px solid var(--rule);border-radius:var(--radius);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:48px;display:grid;overflow:hidden}.step{background:var(--card);padding:28px 26px 30px}.step__n{font-family:var(--mono);letter-spacing:.12em;color:var(--accent);font-size:12px}.step__t{letter-spacing:-.01em;margin-top:14px;font-size:20px;font-weight:600}.step__b{color:var(--muted);margin-top:10px;font-size:15px;line-height:1.55}.reel{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--rule-2) transparent;margin-top:48px;margin-inline:calc(-1 * var(--gutter));padding-bottom:18px;padding-inline:var(--gutter);grid-auto-columns:minmax(270px,1fr);grid-auto-flow:column;gap:20px;display:grid;overflow-x:auto}.feature{scroll-snap-align:start;background:var(--card);border:1px solid var(--rule);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.feature__copy{padding:22px 22px 18px}.feature__t{letter-spacing:-.01em;font-size:19px;font-weight:600}.feature__b{color:var(--muted);margin-top:8px;font-size:14.5px;line-height:1.5}.feature__shot{background:linear-gradient(#0000,#7c96ff0f);margin-top:auto;padding:10px 28px 0}.phone{border:1px solid var(--rule-2);background:linear-gradient(165deg,#2a2e36,#14171c 58%);border-bottom:0;border-radius:34px 34px 0 0;width:100%;padding:7px 7px 0;transition:transform .4s cubic-bezier(.2,.7,.2,1);position:relative;overflow:hidden;box-shadow:0 -10px 40px #00000059}.phone img{border-radius:28px 28px 0 0;width:100%;height:auto}.feature:hover .phone{transform:translateY(-8px)}.extras{background:var(--rule);border:1px solid var(--rule);border-radius:var(--radius);grid-template-columns:repeat(4,1fr);gap:1px;margin-top:20px;display:grid;overflow:hidden}.extra{background:var(--card);padding:22px 22px 24px}.extra__t{font-size:16px;font-weight:600}.extra__b{color:var(--muted);margin-top:8px;font-size:14px;line-height:1.5}.shadow{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,80px);display:grid}.shadow__card{background:var(--card);border:1px solid var(--rule-2);border-radius:12px;justify-self:center;width:min(100%,420px);overflow:hidden;box-shadow:0 30px 70px #00000080}.shadow__top{border-bottom:1px solid var(--rule);padding:16px 16px 14px}.shadow__status{font-family:var(--mono);letter-spacing:.1em;color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.shadow__status b{color:var(--know);font-weight:500}.scores{grid-template-columns:repeat(3,auto);justify-content:start;gap:24px;margin-top:14px;display:grid}.score__l{font-family:var(--mono);letter-spacing:.1em;color:var(--muted);font-size:11px}.score__n{font-family:var(--mono);margin-top:4px;font-size:30px;font-weight:500;line-height:1.1}.score--good .score__n{color:var(--know)}.score--mid .score__n{color:var(--warn)}.score--bad .score__n{color:var(--again)}.shadow__heard{color:var(--muted);margin-top:12px;font-size:15px}.shadow__heard .tc{color:var(--fg);font-weight:500}.shadow__caption{color:var(--muted-2);max-width:52ch;margin-top:22px;font-size:14px}.langs{background:var(--card);border:1px solid var(--rule);border-radius:var(--radius);grid-template-columns:repeat(3,1fr);margin-top:44px;display:grid;overflow:hidden}.lang{background:var(--card);box-shadow:inset -1px -1px 0 var(--rule);gap:4px;padding:18px 20px 16px;display:grid}.lang--lead{background:var(--card-2)}.lang__native{letter-spacing:-.005em;font-size:18px;font-weight:600}.lang__name{color:var(--muted);font-size:13px}.lang__meta{font-family:var(--mono);letter-spacing:.06em;color:var(--muted-2);flex-wrap:wrap;gap:12px;margin-top:6px;font-size:11px;display:flex}.lang__meta .ok{color:var(--know)}.lang__meta .no{color:var(--warn)}.langs__note{color:var(--muted-2);max-width:70ch;margin-top:18px;font-size:13.5px}.plans{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px;display:grid}.plan{background:var(--card);border:1px solid var(--rule);border-radius:10px;flex-direction:column;padding:26px 26px 28px;display:flex;position:relative}.plan--lead{border-color:var(--accent);box-shadow:0 0 0 1px #7c96ff4d,0 20px 60px #7c96ff14}.plan__badge{background:var(--accent);color:var(--accent-ink);font-family:var(--mono);letter-spacing:.1em;border-radius:3px;padding:3px 8px;font-size:10.5px;position:absolute;top:-11px;left:24px}.plan__name{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:12px}.plan__price{letter-spacing:-.03em;margin-top:14px;font-size:42px;font-weight:600;line-height:1}.plan__period{color:var(--muted);margin-top:6px;font-size:14px}.plan__points{gap:10px;margin-top:22px;font-size:14.5px;line-height:1.45;display:grid}.plan__points li{gap:10px;display:flex}.plan__points li:before{content:"";background:var(--accent);border-radius:2px;flex:none;width:8px;height:8px;margin-top:7px}.plan__cta{margin-top:auto;padding-top:26px}.pricing__fine{color:var(--muted-2);max-width:72ch;margin-top:22px;font-size:13px}.faq{border-top:1px solid var(--rule);max-width:820px;margin-top:36px}.faq details{border-bottom:1px solid var(--rule)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:24px;padding:20px 0;font-size:18px;font-weight:500;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--mono);color:var(--accent);flex:none;font-size:20px}.faq details[open] summary:after{content:"−"}.faq__a{color:var(--muted);max-width:66ch;padding:0 0 22px;font-size:15.5px;line-height:1.6}.closing{text-align:center;border-top:1px solid var(--rule);padding:clamp(72px,10vw,140px) 0}.closing .h2{font-size:clamp(32px,4.6vw,58px)}.closing .lede{margin-inline:auto}.closing__actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:32px;display:flex}.foot{border-top:1px solid var(--rule);color:var(--muted);padding:36px 0 44px;font-size:13.5px}.foot__in{flex-wrap:wrap;align-items:center;gap:14px 28px;display:flex}.foot__links{flex-wrap:wrap;gap:22px;display:flex}.foot__right{flex-wrap:wrap;gap:8px 18px;margin-left:auto;display:flex}.prose{max-width:720px;padding:clamp(48px,7vw,88px) 0 clamp(64px,9vw,120px)}.prose h1{letter-spacing:-.02em;font-size:clamp(30px,4vw,42px);font-weight:600;line-height:1.1}.prose h2{margin-top:40px;font-size:20px;font-weight:600}.prose p{color:var(--muted);margin-top:14px;font-size:16.5px;line-height:1.6}.prose p.meta{font-family:var(--mono);letter-spacing:.06em;color:var(--muted-2);margin-top:16px;font-size:12px}.prose p.lead{color:var(--fg);font-size:18px}.prose a{color:var(--accent)}.prose dl{margin-top:18px}.prose dt{color:var(--fg);margin-top:24px;font-weight:600}.prose dd{color:var(--muted);margin:8px 0 0;line-height:1.6}[data-reveal]{opacity:0;transition:opacity .8s cubic-bezier(.2, .7, .2, 1) var(--d,0s), transform .8s cubic-bezier(.2, .7, .2, 1) var(--d,0s);transform:translateY(24px)}[data-reveal].is-in{opacity:1;transform:none}@media (scripting:none){[data-reveal]{opacity:1;transform:none}}.rise{animation:rise .85s cubic-bezier(.2, .7, .2, 1) var(--d,0s) both}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (max-width:980px){.hero{grid-template-columns:1fr;gap:56px;padding-top:48px}.hero__head{max-width:none}.hero__demo{margin-top:10px}.shadow,.steps{grid-template-columns:1fr}.extras,.langs{grid-template-columns:repeat(2,1fr)}.plans{grid-template-columns:1fr;max-width:520px}.facts{grid-template-columns:repeat(2,1fr)}.fact:nth-child(2){border-right:0}.fact:nth-child(-n+2){border-bottom:1px solid var(--rule)}.head__nav>a{display:none}.head__nav>a.head__get{display:inline}}@media (max-width:600px){.extras,.langs{grid-template-columns:1fr}.reel{grid-auto-columns:82vw}.demo{min-height:0}.foot__right{margin-left:0}.plan__price{font-size:36px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.glow,.rise,.in,.out{animation:none}[data-reveal]{opacity:1;transition:none;transform:none}.cta,.phone{transition:none}.cta:after{display:none}.feature:hover .phone{transform:none}.demo__caret{animation:none}}