:root{--color-background:#f3f4f6;--color-surface:#fff;--color-surface-2:#f8f9fb;--color-border:#e1e4ea;--color-border-strong:#c9ced8;--color-text:#1b1f27;--color-text-muted:#5e6675;--color-primary:#3949ab;--color-primary-strong:#2c3a8c;--color-primary-soft:#e8eaf6;--color-success:#1b7f4b;--color-success-soft:#e3f4ea;--color-warning:#8a5a00;--color-warning-soft:#fff4d6;--color-danger:#b3261e;--color-danger-soft:#fce8e6;--color-info:#0b6b8a;--color-info-soft:#dff3f8;--color-badge-neutral:#454c5a;--color-badge-neutral-soft:#eceef2;--color-sidebar:#1f2430;--color-sidebar-text:#c9ceda;--color-sidebar-muted:#7c8496;--color-backdrop:#1b1f2773;--shadow-dialog:0 18px 60px #1b1f2738;--shadow-action-bar:0 -6px 18px #1b1f271a;--font-family:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;--font-family-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-size-page-title:18px;--font-size-card-title:15px;--font-size-body:14px;--font-size-label:13px;--font-size-caption:12px;--font-size-nav-label:11px;--font-size-stat:26px;--radius-control:8px;--radius-card:10px;--radius-dialog:12px;--radius-pill:999px;--space-page:24px;--app-min-width:1280px;--sidebar-width:232px;--topbar-height:56px;--space-nav-section:24px;--space-nav-indent:24px;--panel-width:420px;--review-list-width:400px;--space-gap:16px;--control-height:36px;--control-disabled-opacity:.5;--settings-switch-width:48px;--settings-switch-height:28px;--settings-switch-thumb-size:20px;--settings-switch-inset:2px;--settings-switch-stroke:2px;--settings-switch-duration:.16s;--icon-size:18px;--brand-icon-size:40px;--space-brand-gap:12px;--import-progress-height:8px;--default-list-candidates-width:340px;--release-current-width:340px;--operations-space-compact:8px;--operations-list-min-width:480px;--operations-panel-min-width:380px;--operations-panel-width:480px;--operations-version-column-width:88px;--operations-count-column-width:80px;--operations-time-column-width:144px;--operations-note-height:120px;--operations-detail-max-height:60vh;--loading-spinner-size:24px;--loading-spinner-size-small:16px;--loading-spinner-gap:8px;--loading-spinner-size-large:40px;--loading-spinner-stroke:3px;--loading-spinner-duration:.8s;--legal-content-width:960px;--legal-font-size-body:16px;--legal-font-size-title:32px;--legal-font-size-section:22px;--legal-line-height:1.75;--legal-heading-line-height:1.35;--legal-table-min-width:640px;--legal-border-width:1px;--legal-link-offset:3px;--landing-paper:#faf9f6;--landing-ink:#252b45;--landing-border:#e4e3df;--landing-teal:#22665a;--landing-teal-soft:#e8f2ed;--landing-inverse-accent:#c2c9fb;--landing-inverse-muted:#d5d8e5;--landing-width:1240px;--landing-gutter:48px;--landing-copy-width:440px;--landing-body:16px;--landing-micro:11px;--landing-small:10px;--landing-brand-size:22px;--landing-title-min:44px;--landing-title-max:66px;--landing-section-title-min:30px;--landing-section-title-max:40px;--landing-card-title:21px;--landing-word-size:80px;--landing-mobile-word-size:64px;--landing-heart-size:40px;--landing-part-size:20px;--landing-spelling-size:17px;--landing-symbol-size:48px;--landing-eyebrow-icon:30px;--landing-tracking:.08em;--landing-heading-tracking:-.045em;--landing-space-xs:4px;--landing-space-sm:8px;--landing-space-md:12px;--landing-space-lg:24px;--landing-space-xl:36px;--landing-space-hero:56px;--landing-section-gap:88px;--landing-radius-lg:24px;--landing-button-height:48px;--landing-stroke:1px;--landing-focus-width:3px;--landing-preview-shadow:0 24px 64px #252b4514;--landing-download-background:#dce2fb;--landing-download-page-width:760px;--landing-download-qr-size:232px;--landing-download-qr-column:256px;--landing-store-button-height:64px;--landing-store-icon-size:28px;--landing-play-blue:#00a9f1;--landing-play-green:#00d46a;--landing-play-yellow:#fc0;--landing-play-red:#f43b4f}@font-face{font-family:Be Vietnam Pro;src:url(/assets/BeVietnamPro-Regular-D77_wdhb.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Be Vietnam Pro;src:url(/assets/BeVietnamPro-Bold-JtaKirW9.ttf)format("truetype");font-style:normal;font-weight:700;font-display:swap}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:var(--landing-section-gap)}body{color:var(--landing-ink);background:var(--landing-paper);font-family:var(--font-family);font-size:var(--landing-body);margin:0;line-height:1.75}a{color:inherit;text-decoration:none}a:focus-visible{outline:var(--landing-focus-width) solid var(--color-primary);outline-offset:var(--landing-space-sm);border-radius:var(--radius-control)}p,h1,h2,h3,figure{margin:0}img{display:block}.site-wrap{max-width:var(--landing-width);padding-inline:var(--landing-gutter);margin-inline:auto}.skip-link{left:var(--landing-gutter);top:var(--landing-space-md);padding:var(--landing-space-sm) var(--landing-space-md);background:var(--color-surface);z-index:2;position:absolute;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header,.brand,.site-header nav,.hero-actions,.site-footer,.site-footer nav{align-items:center;display:flex}.site-header{justify-content:space-between;gap:var(--landing-space-lg);padding-block:var(--landing-space-lg);border-bottom:var(--landing-stroke) solid var(--landing-border)}.brand{gap:var(--landing-space-md);line-height:1.4}.brand img{border-radius:var(--radius-dialog)}.brand small{font-size:var(--landing-micro);letter-spacing:var(--landing-tracking);color:var(--color-text-muted);display:block}.brand strong{font-size:var(--landing-brand-size);display:block}.site-header nav{gap:var(--landing-space-xl);font-size:var(--font-size-body)}.site-header nav a:hover,.text-link:hover,.site-footer a:hover{color:var(--color-primary)}.header-support{padding:var(--landing-space-sm) var(--landing-space-md);border:var(--landing-stroke) solid var(--landing-border);border-radius:var(--radius-pill)}.hero{align-items:center;gap:var(--landing-space-hero);padding-block:var(--landing-section-gap);grid-template-columns:1.1fr 1fr;display:grid}.eyebrow{font-size:var(--landing-micro);letter-spacing:var(--landing-tracking);color:var(--color-primary);font-weight:700}.hero-copy>.eyebrow{align-items:center;gap:var(--landing-space-sm);display:flex}.eyebrow>span{width:var(--landing-eyebrow-icon);height:var(--landing-eyebrow-icon);border-radius:var(--radius-control);background:var(--color-primary-soft);letter-spacing:normal;place-items:center;display:inline-grid}h1{margin-top:var(--landing-space-lg);font-size:clamp(var(--landing-title-min), 5.2vw, var(--landing-title-max));letter-spacing:var(--landing-heading-tracking);line-height:1.16}h1 em{color:var(--color-primary);font-style:normal}.hero-description{max-width:var(--landing-copy-width);margin-top:var(--landing-space-lg);color:var(--color-text-muted)}.hero-actions{gap:var(--landing-space-lg);margin-top:var(--landing-space-xl);flex-wrap:wrap}.site-button{justify-content:center;align-items:center;gap:var(--landing-space-lg);min-height:var(--landing-button-height);padding:var(--landing-space-md) var(--landing-space-lg);border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-surface);font-size:var(--font-size-body);font-weight:700;display:inline-flex}.site-button:hover{background:var(--color-primary-strong)}.text-link{font-size:var(--font-size-body)}.hero-note{margin-top:var(--landing-space-lg);color:var(--color-text-muted);font-size:var(--font-size-caption)}.hero-note>span{margin-inline:var(--landing-space-sm)}.word-preview{padding:var(--landing-space-xl);border:var(--landing-stroke) solid var(--landing-border);border-radius:var(--landing-radius-lg);background:var(--color-surface);box-shadow:var(--landing-preview-shadow);transform:rotate(2deg)}.preview-top{justify-content:space-between;gap:var(--landing-space-sm);color:var(--color-primary);font-size:var(--landing-micro);letter-spacing:var(--landing-tracking);font-weight:700;display:flex}.preview-word{margin-top:var(--landing-space-md);color:var(--color-primary);font-size:var(--landing-word-size);justify-content:space-between;align-items:center;font-weight:700;line-height:1.4;display:flex}.preview-heart{font-size:var(--landing-heart-size);color:var(--landing-teal);font-weight:400}.syllable-parts{gap:var(--landing-space-sm);margin-block:var(--landing-space-lg);grid-template-columns:1fr 1fr 1fr;display:grid}.syllable-parts>div{padding:var(--landing-space-md);border-radius:var(--radius-dialog);background:var(--landing-paper)}.syllable-parts dt{color:var(--color-text-muted);font-size:var(--font-size-caption)}.syllable-parts dd{font-size:var(--landing-part-size);margin:0;font-weight:700}.spelling-example{padding-block:var(--landing-space-md);border-top:var(--landing-stroke) solid var(--landing-border)}.spelling-example>p{margin-bottom:var(--landing-space-sm);color:var(--color-text-muted);font-size:var(--landing-micro);letter-spacing:var(--landing-tracking)}.spelling-example strong{color:var(--color-primary);font-size:var(--landing-spelling-size)}.related-words{margin-top:var(--landing-space-sm);padding:var(--landing-space-md);border-radius:var(--radius-dialog);background:var(--landing-teal-soft);color:var(--landing-teal)}.related-words>span{font-size:var(--font-size-caption)}.related-words p{font-weight:700}.related-words p span{margin-inline:var(--landing-space-sm)}figcaption{margin-top:var(--landing-space-md);text-align:center;font-size:var(--landing-micro);color:var(--color-text-muted)}.lookup-section{gap:var(--landing-space-hero);padding-block:var(--landing-section-gap);border-top:var(--landing-stroke) solid var(--landing-border);grid-template-columns:1fr 1.15fr;display:grid}h2{margin-top:var(--landing-space-md);font-size:clamp(var(--landing-section-title-min), 3vw, var(--landing-section-title-max));letter-spacing:var(--landing-heading-tracking);line-height:1.3}.section-heading>p:last-child{max-width:var(--landing-copy-width);margin-top:var(--landing-space-lg);color:var(--color-text-muted)}.lookup-steps{margin:0;padding:0;list-style:none}.lookup-steps li{gap:var(--landing-space-lg);padding-block:var(--landing-space-lg);border-bottom:var(--landing-stroke) solid var(--landing-border);display:flex}.lookup-steps li:first-child{padding-top:0}.step-number{color:var(--landing-teal);font-size:var(--font-size-label);padding-top:var(--landing-space-xs);font-weight:700}h3{font-size:var(--landing-card-title);line-height:1.5}.lookup-steps p{margin-top:var(--landing-space-sm);color:var(--color-text-muted);font-size:var(--font-size-body)}.features-section{padding-block:var(--landing-space-xl) var(--landing-section-gap)}.feature-grid{gap:var(--landing-space-lg);margin-top:var(--landing-space-xl);grid-template-columns:1fr 1fr;display:grid}.feature-grid article{padding:var(--landing-space-xl);border-radius:var(--landing-radius-lg)}.feature-offline{background:var(--color-primary-soft)}.feature-favorites{background:var(--landing-teal-soft)}.feature-symbol{margin-bottom:var(--landing-space-lg);color:var(--color-primary);font-size:var(--landing-symbol-size);font-weight:700;line-height:1}.feature-favorites .feature-symbol{color:var(--landing-teal)}.feature-grid p{max-width:var(--landing-copy-width);margin-top:var(--landing-space-md);color:var(--color-text-muted);font-size:var(--font-size-body)}.feature-tag{margin-top:var(--landing-space-lg);color:var(--color-primary-strong);font-size:var(--font-size-caption);font-weight:700;display:inline-block}.favorite-words{gap:var(--landing-space-sm);margin-top:var(--landing-space-lg);flex-wrap:wrap;display:flex}.favorite-words span{padding:var(--landing-space-xs) var(--landing-space-md);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--landing-teal);font-size:var(--font-size-body)}.product-note{margin-top:var(--landing-space-lg);color:var(--color-text-muted);font-size:var(--font-size-caption)}.download-section{padding-bottom:var(--landing-section-gap)}.download-heading{align-items:center;gap:var(--landing-space-md);margin-bottom:var(--landing-space-lg);flex-wrap:wrap;display:flex}.download-heading h2{margin:0}.download-badge{padding:var(--landing-space-xs) var(--landing-space-md);border-radius:var(--radius-pill);background:var(--color-success-soft);color:var(--color-success);font-size:var(--font-size-body);font-weight:700}.download-panel{grid-template-columns:var(--landing-download-qr-column) minmax(0, 1fr);align-items:center;gap:var(--landing-space-hero);padding:var(--landing-space-xl);border-radius:var(--landing-radius-lg);background:var(--landing-download-background);display:grid}.download-qr{text-align:center}.qr-frame{width:var(--landing-download-qr-size);aspect-ratio:1;border-radius:var(--radius-dialog);background:var(--color-surface);place-items:center;max-width:100%;margin-inline:auto;display:grid;overflow:hidden}.qr-frame img{width:100%;height:auto}.qr-frame>span{padding:var(--landing-space-lg);color:var(--color-primary)}.download-qr figcaption{margin-top:var(--landing-space-md);font-size:var(--font-size-body)}.download-copy>p{margin-top:var(--landing-space-md);color:var(--color-text-muted)}.store-links{gap:var(--landing-space-md);margin-top:var(--landing-space-lg);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.store-link{justify-content:center;align-items:center;gap:var(--landing-space-md);min-height:var(--landing-store-button-height);padding:var(--landing-space-md);border:var(--landing-stroke) solid var(--landing-border);border-radius:var(--radius-dialog);background:var(--color-surface);color:var(--color-text);font-size:var(--landing-part-size);font-weight:700;display:flex}.store-link:hover{border-color:var(--color-primary);color:var(--color-primary)}.store-icon{width:var(--landing-store-icon-size);height:var(--landing-store-icon-size);fill:currentColor;flex:none}.play-blue{fill:var(--landing-play-blue)}.play-green{fill:var(--landing-play-green)}.play-yellow{fill:var(--landing-play-yellow)}.play-red{fill:var(--landing-play-red)}.download-note{margin-top:var(--landing-space-lg);color:var(--color-text-muted);font-size:var(--font-size-body)}.download-note a{color:var(--color-primary);text-underline-offset:var(--legal-link-offset);font-weight:700;text-decoration:underline}.download-page-wrap{max-width:var(--landing-download-page-width);padding:var(--landing-space-hero) var(--landing-space-lg);margin-inline:auto}.download-page main{margin-top:var(--landing-space-xl);padding:var(--landing-space-xl);border-radius:var(--landing-radius-lg);background:var(--color-surface);border:var(--landing-stroke) solid var(--landing-border)}.download-page h1{font-size:var(--landing-section-title-max);margin-top:0}.download-intro{margin-top:var(--landing-space-md);font-weight:700}.download-instruction{margin-top:var(--landing-space-lg);color:var(--color-text-muted)}.download-details{margin-top:var(--landing-space-xl);padding-top:var(--landing-space-lg);border-top:var(--landing-stroke) solid var(--landing-border)}.download-details h2{font-size:var(--landing-card-title);letter-spacing:normal;margin:0}.download-details p{margin-top:var(--landing-space-md);color:var(--color-text-muted);font-size:var(--font-size-body)}.download-status{margin-top:var(--landing-space-lg);color:var(--color-primary)}.download-page-footer nav{gap:var(--landing-space-lg);margin-top:var(--landing-space-lg);color:var(--color-text-muted);font-size:var(--font-size-caption);flex-wrap:wrap;display:flex}.support-section{align-items:center;gap:var(--landing-space-xl);padding:var(--landing-space-hero);background:var(--landing-ink);color:var(--color-surface);border-radius:var(--landing-radius-lg);grid-template-columns:1fr 1fr;display:grid}.support-section .eyebrow{color:var(--landing-inverse-accent)}.support-section h2{font-size:var(--landing-section-title-min)}.support-section>div>p:not(.eyebrow){color:var(--landing-inverse-muted)}.support-section .site-button{margin-top:var(--landing-space-lg);background:var(--color-surface);color:var(--landing-ink)}.support-section .site-button:hover{background:var(--color-primary-soft)}.site-footer{justify-content:space-between;gap:var(--landing-space-lg);padding-block:var(--landing-space-xl);margin-top:var(--landing-space-xl);font-size:var(--font-size-caption);flex-wrap:wrap}.footer-brand{font-size:var(--font-size-body);font-weight:700}.site-footer p{margin-top:var(--landing-space-xs);color:var(--color-text-muted)}.site-footer nav{gap:var(--landing-space-lg);color:var(--color-text-muted);flex-wrap:wrap}@media (width<=900px){.hero,.lookup-section{gap:var(--landing-space-xl)}.hero-actions{align-items:flex-start;gap:var(--landing-space-md);flex-direction:column}.word-preview{padding:var(--landing-space-lg);transform:none}.support-section{padding:var(--landing-space-xl)}.download-panel{gap:var(--landing-space-lg);grid-template-columns:minmax(0,1fr) 1.6fr}.store-links{grid-template-columns:1fr}}@media (width<=680px){.site-wrap{padding-inline:var(--landing-space-lg)}.site-header{flex-wrap:wrap}.site-header nav{justify-content:space-between;gap:var(--landing-space-md);width:100%;font-size:var(--font-size-caption)}.hero,.lookup-section,.feature-grid,.support-section{grid-template-columns:1fr}.download-panel{padding:var(--landing-space-lg);grid-template-columns:1fr}.download-section{padding-bottom:var(--landing-space-hero)}.download-page-wrap{padding-block:var(--landing-space-lg)}.download-page main{padding:var(--landing-space-lg)}.hero,.lookup-section{padding-block:var(--landing-space-hero);gap:var(--landing-space-xl)}.hero-copy>.eyebrow{font-size:var(--landing-small);letter-spacing:normal}.hero-actions{align-items:flex-start}.hero-note{font-size:var(--landing-micro)}.preview-word{font-size:var(--landing-mobile-word-size)}.features-section{padding-bottom:var(--landing-space-hero)}.feature-grid article{padding:var(--landing-space-lg)}.site-footer{align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}