@import"https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito+Sans:wght@500;700&display=swap";.home[data-v-6b89b3d7]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.hero[data-v-6b89b3d7]{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-80);width:100%}.hero-text[data-v-6b89b3d7]{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:480px}.hero-title[data-v-6b89b3d7]{font-family:var(--font-feather);font-size:var(--text-display);font-weight:var(--font-weight-bold);color:var(--color-duo-green);margin:0 0 var(--spacing-16);letter-spacing:var(--tracking-display);line-height:var(--leading-display)}.hero-sub[data-v-6b89b3d7]{font-size:var(--text-heading-sm);color:var(--color-graphite);margin:0 0 var(--spacing-32);line-height:var(--leading-heading-sm);font-weight:var(--font-weight-bold)}.search-row[data-v-6b89b3d7]{display:flex;flex-direction:column;gap:var(--spacing-16);width:100%;margin-bottom:var(--spacing-24)}.search-input[data-v-6b89b3d7]{width:100%;padding:14px var(--spacing-16);font-size:var(--text-body);font-family:var(--font-din-round);font-weight:var(--font-weight-bold);border:2px solid var(--color-cloud-gray);border-radius:var(--radius-inputs);outline:none;background:var(--color-snow-white);color:var(--color-almost-black)}.search-input[data-v-6b89b3d7]:focus{border-color:var(--color-sky-blue)}.err[data-v-6b89b3d7]{color:var(--color-bubblegum-pink);font-weight:var(--font-weight-bold);margin-top:var(--spacing-8)}.nav-links[data-v-6b89b3d7]{display:flex;flex-direction:column;gap:var(--spacing-16);width:100%}.nav-btn[data-v-6b89b3d7]{text-align:center;display:block;width:100%}.illu[data-v-fcefba51]{margin-top:var(--spacing-24)}.illu-img[data-v-fcefba51]{width:100%;border-radius:var(--radius-cards);display:block;border:2px solid var(--color-cloud-gray);cursor:zoom-in;transition:transform .2s}.illu-img[data-v-fcefba51]:hover{transform:scale(1.02)}.lightbox[data-v-fcefba51]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;cursor:zoom-out;animation:fadeIn-fcefba51 .2s ease}.lightbox-img[data-v-fcefba51]{max-width:90vw;max-height:90vh;border-radius:var(--radius-cards);box-shadow:0 10px 30px #00000080;animation:scaleUp-fcefba51 .2s ease}@keyframes fadeIn-fcefba51{0%{opacity:0}to{opacity:1}}@keyframes scaleUp-fcefba51{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.state-box[data-v-fcefba51]{display:flex;align-items:center;gap:var(--spacing-12);padding:var(--spacing-24);border-radius:var(--radius-cards);font-size:var(--text-body);font-weight:var(--font-weight-bold);border:2px solid var(--color-cloud-gray)}.pending[data-v-fcefba51]{background:var(--color-cloud-gray);color:var(--color-graphite)}.dot[data-v-fcefba51]{width:12px;height:12px;border-radius:50%;background:currentColor;animation:pulse-fcefba51 1.2s ease-in-out infinite}@keyframes pulse-fcefba51{0%,to{opacity:1}50%{opacity:.3}}.failed[data-v-fcefba51]{background:var(--color-bubblegum-pink);color:var(--color-snow-white);border-color:var(--color-bubblegum-pink)}.retry-btn[data-v-fcefba51]{margin-left:auto;padding:var(--spacing-8) var(--spacing-16);background:var(--color-snow-white);color:var(--color-bubblegum-pink);border:none;border-radius:var(--radius-buttons);font-size:var(--text-caption);font-weight:var(--font-weight-bold)}.back[data-v-101ea4d2]{display:inline-block;margin-bottom:var(--spacing-24);font-weight:var(--font-weight-bold)}.card[data-v-101ea4d2]{background:var(--color-snow-white);border:2px solid var(--color-cloud-gray);border-radius:var(--radius-cards);padding:var(--spacing-32);max-width:42rem;margin-left:auto;margin-right:auto}.head[data-v-101ea4d2]{display:flex;align-items:center;justify-content:space-between}.word-title[data-v-101ea4d2]{margin:0;font-family:var(--font-feather);font-size:var(--text-heading-lg);font-weight:var(--font-weight-bold);color:var(--color-duo-green);letter-spacing:var(--tracking-heading-lg)}.fav-btn[data-v-101ea4d2]{background:transparent;border:2px solid var(--color-cloud-gray);border-radius:var(--radius-buttons);padding:var(--spacing-12);display:flex;align-items:center;justify-content:center;transition:background .1s,border-color .1s}.fav-btn svg[data-v-101ea4d2]{fill:var(--color-silver)}.fav-btn.on[data-v-101ea4d2]{background:var(--color-sunshine-yellow);border-color:var(--color-sunshine-yellow)}.fav-btn.on svg[data-v-101ea4d2]{fill:var(--color-snow-white);animation:pop-101ea4d2 .4s ease}@keyframes pop-101ea4d2{0%{transform:scale(1)}40%{transform:scale(1.5) rotate(15deg)}70%{transform:scale(.9)}to{transform:scale(1)}}[data-v-101ea4d2] .ipa-speak{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin-left:6px;width:24px;height:24px;padding:0;background:transparent;border:1.5px solid var(--color-cloud-gray);border-radius:50%;color:var(--color-sky-blue);cursor:pointer;transition:background .1s,transform .1s}[data-v-101ea4d2] .ipa-speak svg{fill:var(--color-sky-blue)}[data-v-101ea4d2] .ipa-speak:hover{background:var(--color-cloud-gray)}[data-v-101ea4d2] .ipa-speak:active{transform:scale(.9)}.bar[data-v-92cca772]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-16) 0 var(--spacing-32)}.back[data-v-92cca772]{color:var(--color-sky-blue);font-weight:var(--font-weight-bold)}.page-title[data-v-92cca772]{font-family:var(--font-feather);font-size:var(--text-heading-lg);font-weight:var(--font-weight-bold);color:var(--color-almost-black);margin:0 0 var(--spacing-24);letter-spacing:var(--tracking-heading-lg)}.search-wrap[data-v-92cca772]{margin-bottom:var(--spacing-24)}.search-input[data-v-92cca772]{width:100%;padding:14px var(--spacing-16);border:2px solid var(--color-cloud-gray);border-radius:var(--radius-inputs);font-size:var(--text-body);font-family:var(--font-din-round);font-weight:var(--font-weight-bold);background:var(--color-snow-white);color:var(--color-almost-black);outline:none}.search-input[data-v-92cca772]:focus{border-color:var(--color-sky-blue)}.list[data-v-92cca772]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-16)}.list-item[data-v-92cca772]{background:var(--color-snow-white);border:2px solid var(--color-cloud-gray);border-radius:var(--radius-cards);padding:var(--spacing-16) var(--spacing-24);display:flex;justify-content:space-between;align-items:center;cursor:pointer}.list-item[data-v-92cca772]:active{background:var(--color-cloud-gray)}.word[data-v-92cca772]{font-size:var(--text-heading-sm);font-weight:var(--font-weight-bold);color:var(--color-almost-black)}.status[data-v-92cca772]{font-size:var(--text-caption);font-weight:var(--font-weight-bold);padding:4px 12px;border-radius:var(--radius-cards)}.status.success[data-v-92cca772]{color:var(--color-duo-green);background:var(--color-duo-green-light)}.status.pending[data-v-92cca772]{color:var(--color-graphite);background:var(--color-cloud-gray)}.status.failed[data-v-92cca772]{color:var(--color-snow-white);background:var(--color-bubblegum-pink)}.empty[data-v-92cca772]{text-align:center;color:var(--color-silver);padding:var(--spacing-40) 0;font-weight:var(--font-weight-bold)}.review[data-v-429c0253]{display:flex;flex-direction:column;min-height:100vh}.bar[data-v-429c0253]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-16) 0 var(--spacing-24)}.back[data-v-429c0253]{font-weight:var(--font-weight-bold)}.counter[data-v-429c0253]{font-size:var(--text-heading-sm);font-weight:var(--font-weight-bold);color:var(--color-graphite);background:var(--color-cloud-gray);border-radius:var(--radius-cards);padding:var(--spacing-8) var(--spacing-16)}.stage[data-v-429c0253]{flex:1;display:flex;flex-direction:column}.card[data-v-429c0253]{background:var(--color-snow-white);border:2px solid var(--color-cloud-gray);border-radius:var(--radius-cards);padding:var(--spacing-32);-webkit-user-select:none;user-select:none;flex:1;overflow-y:auto;cursor:grab;box-shadow:0 8px 0 var(--color-cloud-gray)}.card[data-v-429c0253]:active{cursor:grabbing}.word-title[data-v-429c0253]{text-align:center;font-family:var(--font-feather);font-size:var(--text-heading-lg);font-weight:var(--font-weight-bold);color:var(--color-almost-black);margin:var(--spacing-16) 0 var(--spacing-32);letter-spacing:var(--tracking-heading-lg)}.hint[data-v-429c0253]{text-align:center;color:var(--color-sky-blue);padding:var(--spacing-40) 0;font-weight:var(--font-weight-bold);border:2px dashed var(--color-cloud-gray);border-radius:var(--radius-cards);cursor:pointer}.illu-img[data-v-429c0253]{width:100%;border-radius:var(--radius-cards);display:block;border:2px solid var(--color-cloud-gray);cursor:zoom-in;transition:transform .2s}.illu-img[data-v-429c0253]:hover{transform:scale(1.02)}.lightbox[data-v-429c0253]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;cursor:zoom-out;animation:fadeIn-429c0253 .2s ease}.lightbox-img[data-v-429c0253]{max-width:90vw;max-height:90vh;border-radius:var(--radius-cards);box-shadow:0 10px 30px #00000080;animation:scaleUp-429c0253 .2s ease}@keyframes fadeIn-429c0253{0%{opacity:0}to{opacity:1}}@keyframes scaleUp-429c0253{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.swipe-hints[data-v-429c0253]{display:flex;justify-content:space-between;padding:var(--spacing-24) var(--spacing-16)}.hint-left[data-v-429c0253]{color:var(--color-bubblegum-pink);font-weight:var(--font-weight-bold);font-size:var(--text-heading-sm)}.hint-right[data-v-429c0253]{color:var(--color-duo-green);font-weight:var(--font-weight-bold);font-size:var(--text-heading-sm)}.done[data-v-429c0253]{flex:1;display:flex;align-items:center;justify-content:center}.done-card[data-v-429c0253]{text-align:center;background:var(--color-snow-white);border:2px solid var(--color-cloud-gray);border-radius:var(--radius-cards);padding:var(--spacing-48) var(--spacing-40);box-shadow:0 8px 0 var(--color-cloud-gray)}.done-icon[data-v-429c0253]{width:80px;height:80px;background:var(--color-duo-green);color:var(--color-snow-white);border-radius:50%;font-size:40px;font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-24)}.done-text[data-v-429c0253]{font-size:var(--text-heading);font-family:var(--font-feather);color:var(--color-almost-black);margin:0 0 var(--spacing-32)}*,*:before,*:after{box-sizing:border-box}html,body,#app{margin:0;padding:0;height:100%}html{font-size:16px;-webkit-text-size-adjust:none;text-size-adjust:none}html *{max-height:999999px}:root{--color-duo-green: #58cc02;--color-sky-blue: #1cb0f6;--color-duo-green-light: #d7ffb8;--color-sunshine-yellow: #ffc700;--color-grape-soda: #a570ff;--color-bubblegum-pink: #cc348d;--color-snow-white: #ffffff;--color-cloud-gray: #e5e5e5;--color-silver: #afafaf;--color-graphite: #777777;--color-charcoal: #4b4b4b;--color-almost-black: #3c3c3c;--font-feather: "Fredoka One", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-din-round: "Nunito Sans", -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", "Source Han Sans CN", "Noto Sans CJK SC", "Microsoft YaHei", "Segoe UI", Roboto, ui-sans-serif, system-ui, sans-serif;--text-caption: 13px;--leading-caption: 1.4;--tracking-caption: .69px;--text-body: 15px;--leading-body: 1.4;--tracking-body: .8px;--text-heading-sm: 19px;--leading-heading-sm: 1.2;--tracking-heading-sm: 1.01px;--text-heading: 32px;--leading-heading: 1.2;--tracking-heading: 1.7px;--text-heading-lg: 48px;--leading-heading-lg: 1.2;--tracking-heading-lg: -.96px;--text-display: 64px;--leading-display: 1.2;--tracking-display: -1.28px;--font-weight-bold: 700;--spacing-unit: 4px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-24: 24px;--spacing-32: 32px;--spacing-40: 40px;--spacing-48: 48px;--spacing-64: 64px;--spacing-80: 80px;--spacing-96: 96px;--page-max-width: 1140px;--section-gap: 80px;--card-padding: 24px;--element-gap: 16px;--radius-xl: 12px;--radius-cards: 12px;--radius-inputs: 12px;--radius-buttons: 12px}body{font-family:var(--font-din-round);background:var(--color-snow-white);color:var(--color-almost-black);font-size:var(--text-body);line-height:var(--leading-body);letter-spacing:.053em;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font:inherit;cursor:pointer}a{color:var(--color-sky-blue);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--page-max-width);margin:0 auto;padding:var(--spacing-24) var(--spacing-16)}.divider{height:2px;background:var(--color-cloud-gray);margin:var(--spacing-24) 0}.md-body{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.md-body>p:first-of-type{margin:0 0 var(--spacing-16);font-size:calc(var(--text-body) + 2px);line-height:1.55;color:var(--color-almost-black);font-weight:var(--font-weight-bold)}.md-body h2,.md-body h3{margin:var(--spacing-28) 0 var(--spacing-12);font-family:var(--font-din-round);font-weight:var(--font-weight-bold);color:var(--color-charcoal);font-size:var(--text-heading-sm);line-height:var(--leading-heading-sm);letter-spacing:.02em}.md-body>h2:first-child,.md-body>h3:first-child{margin-top:0}.md-body table{border-collapse:separate;border-spacing:0;width:100%;min-width:280px;margin:var(--spacing-12) 0 var(--spacing-20);border:2px solid var(--color-cloud-gray);border-radius:var(--radius-cards);overflow:hidden;font-size:var(--text-caption);line-height:1.45}.md-body th,.md-body td{border-bottom:1px solid var(--color-cloud-gray);border-right:1px solid var(--color-cloud-gray);padding:var(--spacing-8) var(--spacing-12);vertical-align:top}.md-body tr:last-child th,.md-body tr:last-child td{border-bottom:none}.md-body th:last-child,.md-body td:last-child{border-right:none}.md-body th{background:#f3f3f3;font-weight:var(--font-weight-bold);text-align:left;color:var(--color-charcoal);font-size:var(--text-caption)}.md-body td{color:var(--color-almost-black)}.md-body tbody td:first-child{font-weight:var(--font-weight-bold);color:var(--color-charcoal);white-space:nowrap}.md-body blockquote{border:2px solid var(--color-cloud-gray);margin:var(--spacing-16) 0;padding:var(--spacing-16);background:var(--color-snow-white);border-radius:var(--radius-cards);color:var(--color-charcoal);font-weight:400;box-shadow:0 4px 0 var(--color-cloud-gray);transition:transform .1s,box-shadow .1s}.md-body blockquote:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--color-cloud-gray)}.md-body blockquote p{margin:0}.md-body hr{border:none;border-top:2px solid var(--color-cloud-gray);margin:var(--spacing-32) 0}.md-body p{margin:var(--spacing-12) 0;color:var(--color-charcoal);line-height:1.6;font-size:var(--text-body)}.md-body p:first-of-type~p{margin-top:var(--spacing-16)}.md-body ul,.md-body ol{margin:var(--spacing-8) 0 var(--spacing-20);padding-left:1.35em;color:var(--color-charcoal);line-height:1.6}.md-body li{margin:0 0 var(--spacing-10);padding-left:var(--spacing-4)}.md-body li:last-child{margin-bottom:0}.md-body ul ul,.md-body ol ol{margin:var(--spacing-8) 0}.md-body li>p{margin:.45em 0}.md-body li>p:first-child{margin-top:0}.md-body li>p:last-child{margin-bottom:0}.btn-primary{background:var(--color-duo-green);color:var(--color-snow-white);border:none;border-radius:var(--radius-buttons);font-family:var(--font-din-round);font-size:var(--text-body);font-weight:var(--font-weight-bold);padding:var(--spacing-16) var(--spacing-32);box-shadow:0 4px #3f8f01;transition:transform .1s,box-shadow .1s}.btn-primary:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 #3f8f01}.btn-primary:disabled{background:var(--color-cloud-gray);box-shadow:0 4px 0 var(--color-silver);color:var(--color-silver);cursor:not-allowed}.btn-outline{background:transparent;color:var(--color-sky-blue);border:2px solid var(--color-cloud-gray);border-radius:var(--radius-buttons);font-family:var(--font-din-round);font-size:var(--text-body);font-weight:var(--font-weight-bold);padding:14px var(--spacing-24);transition:background .1s}.btn-outline:hover{background:var(--color-cloud-gray)}.btn-outline:active{background:var(--color-silver)}