SEO Audit

1 block(s) detected. All types: WebSite, SoftwareApplication, Offer, FAQPage, Question, Answer.

[
  {
    "@context": "https://schema.org",
    "@type": "WebSite",
    "name": "I Ching Online",
    "url": "https://ichingonline.pro",
    "inLanguage": "en",
    "description": "Ask a clear question, toss three bronze coins six times and watch your hexagram grow from the bottom line up. On I Ching Online you read the judgment, every changing line and where the situation is moving \u2014 free, no account needed."
  },
  {
    "@context": "https://schema.org",
    "@type": "SoftwareApplication",
    "name": "I Ching Online",
    "applicationCategory": "LifestyleApplication",
    "operatingSystem": "Web",
    "url": "https://ichingonline.pro",
    "description": "Ask a clear question, toss three bronze coins six times and watch your hexagram grow from the bottom line up. On I Ching Online you read the judgment, every changing line and where the situation is moving \u2014 free, no account needed.",
    "offers": {
      "@type": "Offer",
      "price": "0",
      "priceCurrency": "USD",
      "description": "Casting, hexagram texts and result pages are free forever"
    }
  },
  {
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [
      {
        "@type": "Question",
        "name": "What is the best free online I Ching reading?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "A good free online I Ching reading uses the traditional three-coin method and shows every changing line, not just one summary sentence. I Ching Online does exactly that: you cast six lines, then read the judgment, the image, each changing line and the relating hexagram \u2014 free, with no sign-up and no ads."
        }
      },
      {
        "@type": "Question",
        "name": "Is the I Ching accurate?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "The I Ching is not accurate in the sense of predicting fixed events; it is valued for how accurately it can describe a situation and the attitude that fits it. Most people find it useful as a mirror: the hexagram gives a structured outside perspective that helps you notice what you already sense but have not put into words."
        }
      },
      {
        "@type": "Question",
        "name": "Is the I Ching fortune telling or philosophy?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "It is both, depending on how it is used. The I Ching began as a Bronze Age divination manual and later became a core Confucian and Taoist classic on change, timing and conduct. On I Ching Online we treat a reading as a tool for reflection, not a prophecy."
        }
      },
      {
        "@type": "Question",
        "name": "How do I interpret my I Ching reading?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Start with the primary hexagram\u0027s judgment, which describes the overall situation. Then read your changing lines \u2014 they speak most directly to your question. Finally, look at the relating hexagram to see where things are heading. Read slowly, relate each image to your own circumstances, and note what stands out."
        }
      },
      {
        "@type": "Question",
        "name": "What is the difference between the primary and the relating hexagram?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "The primary hexagram describes your situation as it is now; the relating hexagram shows what it is changing into. You only get a relating hexagram when there are changing lines: each one flips from yin to yang or yang to yin, and the result is the second hexagram."
        }
      },
      {
        "@type": "Question",
        "name": "What does it mean if I get no changing lines?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "No changing lines means the situation is relatively stable and the answer is contained entirely in the primary hexagram. Read its judgment and image as the complete response; there is no relating hexagram. It often suggests working with present conditions rather than expecting a sudden shift."
        }
      },
      {
        "@type": "Question",
        "name": "Can I ask the I Ching about love, career or yes-or-no questions?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Yes, you can ask about relationships, work or any decision, but open questions work much better than yes-or-no ones. Instead of \u0022Will he call me?\u0022 try \u0022What should I understand about this relationship?\u0022 The I Ching describes tendencies and attitudes, so it rarely answers with a simple yes or no."
        }
      },
      {
        "@type": "Question",
        "name": "Are my I Ching readings private?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Yes. On I Ching Online your readings and journal are stored in your own browser, not on our servers, and you can delete them at any time. Your question only leaves your device if you choose to request an AI reading. We do not sell data or show ads."
        }
      },
      {
        "@type": "Question",
        "name": "Can AI interpret the I Ching?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "AI can help connect the classical texts to your specific question, but it should support your own reflection rather than replace it. On I Ching Online, the hexagram is always computed from your coin tosses, never by the AI. Casting is free; an optional AI interpretation uses credits."
        }
      },
      {
        "@type": "Question",
        "name": "How often can I ask the I Ching the same question?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Traditionally you ask a question once and live with the answer for a while. Asking again until you get a reading you like turns the oracle into noise. Recast only when your situation has genuinely changed, or ask a different, more precise question instead."
        }
      }
    ]
  }
]

Validate against Google's official tool at search.google.com/test/rich-results once you've made fixes. It checks eligibility for specific rich-result features.

1585 words · ~7 min read · Flesch Reading Ease 50.9

Fix these in priority order. Copy the list below and work through it, or jump to the Fix with AI tab for a ready-to-paste prompt.

SEO audit — https://ichingonline.pro/
Score: 87.8% (grade B)
────────────────────────────────────────────────────────────

CRITICAL — fix these first
────────────────────────────────────────
1. HTTP → HTTPS redirect
   Problem: http:// version of the site serves content directly (no redirect to https).
   Why:     Serving both http and https creates duplicate content for Google and lets users land on the insecure version. It's a clear SEO and security negative.
   Fix:     Configure the web server to 301-redirect all http traffic to the https equivalent. In Nginx: add a server{} block on port 80 that does `return 301 https://$host$request_uri;`. In IIS: install the URL Rewrite module and add an HTTP-to-HTTPS rewrite rule. HSTS header is set — good, browsers will auto-upgrade http to https.


IMPORTANT
────────────────────────────────────────
2. Title tag
   Problem: Title is 61 characters — slightly over length.
   Why:     Google truncates titles after around 60 characters in search results.
   Fix:     Trim the title to 50–60 characters, keeping the most important keywords at the start.

3. Image file sizes
   Problem: 1 of 10 images are over 200 KB.
   Why:     Oversized images slow page loading, hurting Largest Contentful Paint (a Core Web Vital).
   Fix:     Compress with WebP/AVIF or use a tool like chedgzoy.com/webp. Aim for under 200 KB per image.

4. Response time
   Problem: Server responded in 2998 ms — slow.
   Why:     Slow server response directly hurts Time To First Byte, a Core Web Vital.
   Fix:     Enable server-side caching, put a CDN in front of the site (Cloudflare's free tier works), or upgrade hosting.


POLISH
────────────────────────────────────────
5. Meta description
   Problem: Meta description is 170 characters — slightly long.
   Why:     Descriptions over ~160 chars get truncated in Google's results.
   Fix:     Trim to 140–160 characters.

6. Image formats
   Problem: 9 of 10 images use legacy formats (JPEG/PNG/GIF).
   Why:     WebP and AVIF produce 25–50% smaller files with equal quality.
   Fix:     Convert images to WebP or AVIF. The converter at chedgzoy.com/webp does this in bulk for free.

7. Readability
   Problem: Flesch Reading Ease 51 — on the difficult side.
   Why:     Very technical content is fine in context, but simpler sentences tend to engage more readers.
   Fix:     Shorten sentences, break up long paragraphs. Consider simpler words where jargon isn't essential.

Paste this prompt into Claude.ai, ChatGPT, Gemini or any other chatbot. It contains your page's current state and the specific fixes needed, and the AI will hand back the replacement HTML snippets for you to paste into your page.

Paste this into an in-IDE coding agent: Claude Code, Cursor, Windsurf, Copilot Chat, Cline. The prompt assumes filesystem access and tells the agent to locate the right template in your repo and apply the edits directly rather than handing back snippets.

This prompt doesn't send anything to this site; it's just text tailored to your audit. You control which AI sees it.

You are an SEO and HTML expert. I ran an audit on my web page and need you
to give me the exact HTML changes to apply. Don't rewrite the whole page —
only produce the specific head/body snippets I need to add or replace.

## Page being audited

- URL: https://ichingonline.pro/
- Current <title>: "I Ching Online — Free Online I Ching Reading with Three Coins"
- Current H1: "I Ching Online — a free online I Ching reading with three coins"
- Current meta description (170 chars): "I Ching Online is a free online I Ching reading: toss three coins, build your hexagram line by line, and read the judgment, every changing line and the relating hexagram."
- Top content keywords (after stopwords): hexagram, ching, reading, line, changing, free, question, lines, credits, relating
- Detected language: en
- Page word count: 1585
- Existing schema.org types: WebSite, SoftwareApplication, Offer, FAQPage, Question, Answer

## Issues to fix (sorted by priority)

### 1. HTTP → HTTPS redirect — CRITICAL

- **What's wrong:** http:// version of the site serves content directly (no redirect to https).
- **Why it matters:** Serving both http and https creates duplicate content for Google and lets users land on the insecure version. It's a clear SEO and security negative.
- **What to fix:** Configure the web server to 301-redirect all http traffic to the https equivalent. In Nginx: add a server{} block on port 80 that does `return 301 https://$host$request_uri;`. In IIS: install the URL Rewrite module and add an HTTP-to-HTTPS rewrite rule. HSTS header is set — good, browsers will auto-upgrade http to https.

### 2. Title tag — IMPORTANT

- **What's wrong:** Title is 61 characters — slightly over length.
- **Why it matters:** Google truncates titles after around 60 characters in search results.
- **What to fix:** Trim the title to 50–60 characters, keeping the most important keywords at the start.
- **Current value:** `I Ching Online — Free Online I Ching Reading with Three Coins`

### 3. Image file sizes — IMPORTANT

- **What's wrong:** 1 of 10 images are over 200 KB.
- **Why it matters:** Oversized images slow page loading, hurting Largest Contentful Paint (a Core Web Vital).
- **What to fix:** Compress with WebP/AVIF or use a tool like chedgzoy.com/webp. Aim for under 200 KB per image.

### 4. Response time — IMPORTANT

- **What's wrong:** Server responded in 2998 ms — slow.
- **Why it matters:** Slow server response directly hurts Time To First Byte, a Core Web Vital.
- **What to fix:** Enable server-side caching, put a CDN in front of the site (Cloudflare's free tier works), or upgrade hosting.

### 5. Meta description — POLISH

- **What's wrong:** Meta description is 170 characters — slightly long.
- **Why it matters:** Descriptions over ~160 chars get truncated in Google's results.
- **What to fix:** Trim to 140–160 characters.
- **Current value:** `I Ching Online is a free online I Ching reading: toss three coins, build your hexagram line by line, and read the judgment, every changing line and the relating hexagram.`

### 6. Image formats — POLISH

- **What's wrong:** 9 of 10 images use legacy formats (JPEG/PNG/GIF).
- **Why it matters:** WebP and AVIF produce 25–50% smaller files with equal quality.
- **What to fix:** Convert images to WebP or AVIF. The converter at chedgzoy.com/webp does this in bulk for free.

### 7. Readability — POLISH

- **What's wrong:** Flesch Reading Ease 51 — on the difficult side.
- **Why it matters:** Very technical content is fine in context, but simpler sentences tend to engage more readers.
- **What to fix:** Shorten sentences, break up long paragraphs. Consider simpler words where jargon isn't essential.

## What I need from you

For each issue above, produce the exact HTML I should add to or replace in
the <head> or <body>, tailored to this specific page's topic and language.

Formatting rules:

1. Don't invent content that could mislead users — base replacements on the
   page's existing title, H1 and keywords shown above.
2. For the meta description, aim for 140–160 characters.
3. For titles, aim for 50–60 characters and put the primary keyword near
   the start.
4. Output one code block per fix, labelled with the issue number.
5. If a fix requires more context than shown, ask me one or two specific
   questions rather than guessing.

Do not change the visual design or the body content beyond what's requested.

## HTML output rules — every snippet must follow these

All generated HTML must be strictly valid per the HTML Living Standard. No exceptions —
the changes will be run through a conforming validator.

Document-level:
- DOCTYPE is `<!DOCTYPE html>` exactly — no legacy / XHTML doctypes, no `<?xml …?>` prolog.
- `<html>` has a BCP-47 `lang` attribute (e.g. `lang="en"`, `lang="en-GB"`).
- `<head>` starts with `<meta charset="utf-8">` (within the first 1024 bytes).
- `<head>` contains a non-empty `<title>` and `<meta name="viewport" content="width=device-width, initial-scale=1">`.

Syntax:
- All element and attribute names lowercase.
- Every attribute value wrapped in double quotes — never unquoted, never single-quoted unless the value contains a double quote.
- Void elements (`br hr img input meta link source area base col embed param track wbr`) written without a trailing slash: `<br>`, `<img …>`, `<meta …>` — never `<br />` or `<img … />`.
- Non-void elements must have an explicit closing tag: `<div></div>`, never `<div/>`.
- Boolean attributes written as the bare name: `disabled`, `required`, `readonly`, `checked` — never `disabled="disabled"` or `disabled="false"` (present = true regardless of value).
- `<script>` and `<style>` omit the redundant `type="text/javascript"` / `type="text/css"` — they are the HTML5 defaults.

Accessibility & semantics:
- Every `<img>` has an `alt` attribute. Use descriptive text for content images; `alt=""` for purely decorative ones.
- Every form control (`input` except hidden/submit/reset/button/image, `select`, `textarea`) has a programmatic label: either a wrapping `<label>`, a `<label for="id">` pointing at its id, or an `aria-label`.
- Icon-only buttons / `a[role=button]` have an `aria-label` describing the action.
- Every `id` value is unique on the page. Use classes for styling multiple elements.

Obsolete features — do not use any of the following:
- Elements: `<center>`, `<font>`, `<marquee>`, `<big>`, `<tt>`, `<strike>`, `<acronym>`, `<applet>`, `<basefont>`, `<dir>`, `<frame>`, `<frameset>`, `<noframes>`, `<blink>`. Use CSS or the semantic HTML5 equivalent instead.
- Attributes: `align`, `bgcolor`, `border`, `cellpadding`, `cellspacing`, `valign`, `frameborder`, `marginwidth`, `marginheight`, `nowrap`, `hspace`, `vspace`, `scrolling`. Replace with CSS.

Security:
- Every `<a … target="_blank">` includes `rel="noopener"` (or `rel="noopener noreferrer"`).

Raw HTML returned by the target URL (first 200 KB).

<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/_next/static/chunks/1702cfb8ebbcb435.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/669851a175d3be6c.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/b5b93d96952cae42.js"/><script src="/_next/static/chunks/17d1b5780258264d.js" async=""></script><script src="/_next/static/chunks/a3c38d7b7eff6aa9.js" async=""></script><script src="/_next/static/chunks/0d65ce108889130a.js" async=""></script><script src="/_next/static/chunks/turbopack-23477a1ed14466e6.js" async=""></script><script src="/_next/static/chunks/48da1cbbd4d1a93d.js" async=""></script><script src="/_next/static/chunks/e767791ab1bb9364.js" async=""></script><script src="/_next/static/chunks/8f865f3963f525d3.js" async=""></script><script src="/_next/static/chunks/36dab29e37a73b94.js" async=""></script><script src="/_next/static/chunks/b5879195169dd2be.js" async=""></script><script src="/_next/static/chunks/d515e63209396ccb.js" async=""></script><script src="/_next/static/chunks/750ee9510980c16a.js" async=""></script><script src="/_next/static/chunks/5b4c7f75fc095818.js" async=""></script><script src="/_next/static/chunks/e6458a5e2e9303c9.js" async=""></script><script src="/_next/static/chunks/a5371ca4d59374e1.js" async=""></script><script src="/_next/static/chunks/0e505ab687d28213.js" async=""></script><script src="/_next/static/chunks/6ac390cea4149892.js" async=""></script><script src="/_next/static/chunks/4a5bb69a415d1bbc.js" async=""></script><script src="/_next/static/chunks/2bab7ae6e5116ca8.js" async=""></script><script src="/_next/static/chunks/0a1e9cb3b0bf4b80.js" async=""></script><script src="/_next/static/chunks/ff83393ba03d4a53.js" async=""></script><script src="/_next/static/chunks/e8d7b9ec14ecf7be.js" async=""></script><script src="/_next/static/chunks/d089ee0c994f4de3.js" async=""></script><script src="/_next/static/chunks/d881450d46b60162.js" async=""></script><script src="/_next/static/chunks/54e8405fd736e6f8.js" async=""></script><meta name="next-size-adjust" content=""/><title>I Ching Online — Free Online I Ching Reading with Three Coins</title><meta name="description" content="I Ching Online is a free online I Ching reading: toss three coins, build your hexagram line by line, and read the judgment, every changing line and the relating hexagram."/><link rel="manifest" href="/manifest.webmanifest"/><link rel="canonical" href="https://ichingonline.pro"/><link rel="alternate" hrefLang="en" href="https://ichingonline.pro"/><link rel="alternate" hrefLang="zh-CN" href="https://ichingonline.pro/zh"/><link rel="alternate" hrefLang="zh-TW" href="https://ichingonline.pro/zh-TW"/><link rel="alternate" hrefLang="ja" href="https://ichingonline.pro/ja"/><link rel="alternate" hrefLang="ko" href="https://ichingonline.pro/ko"/><link rel="alternate" hrefLang="de" href="https://ichingonline.pro/de"/><link rel="alternate" hrefLang="fr" href="https://ichingonline.pro/fr"/><link rel="alternate" hrefLang="es" href="https://ichingonline.pro/es"/><link rel="alternate" hrefLang="it" href="https://ichingonline.pro/it"/><link rel="alternate" hrefLang="pt" href="https://ichingonline.pro/pt"/><link rel="alternate" hrefLang="nl" href="https://ichingonline.pro/nl"/><link rel="alternate" hrefLang="x-default" href="https://ichingonline.pro"/><meta property="og:title" content="I Ching Online — Free Online I Ching Reading with Three Coins"/><meta property="og:description" content="I Ching Online is a free online I Ching reading: toss three coins, build your hexagram line by line, and read the judgment, every changing line and the relating hexagram."/><meta property="og:url" content="https://ichingonline.pro"/><meta property="og:site_name" content="I Ching Online"/><meta property="og:locale" content="en_US"/><meta property="og:image" content="https://ichingonline.pro/og.png"/><meta property="og:locale:alternate" content="zh_CN"/><meta property="og:locale:alternate" content="zh_TW"/><meta property="og:locale:alternate" content="ja_JP"/><meta property="og:locale:alternate" content="ko_KR"/><meta property="og:locale:alternate" content="de_DE"/><meta property="og:locale:alternate" content="fr_FR"/><meta property="og:locale:alternate" content="es_ES"/><meta property="og:locale:alternate" content="it_IT"/><meta property="og:locale:alternate" content="pt_BR"/><meta property="og:locale:alternate" content="nl_NL"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="I Ching Online — Free Online I Ching Reading with Three Coins"/><meta name="twitter:description" content="I Ching Online is a free online I Ching reading: toss three coins, build your hexagram line by line, and read the judgment, every changing line and the relating hexagram."/><meta name="twitter:image" content="https://ichingonline.pro/og.png"/><link rel="shortcut icon" href="/favicon-32x32.png"/><link rel="icon" href="/favicon.ico" sizes="48x48"/><link rel="icon" href="/icon.svg" type="image/svg+xml"/><link rel="apple-touch-icon" href="/apple-touch-icon.png"/><script>(self.__next_s=self.__next_s||[]).push([0,{"children":"window.addEventListener('beforeinstallprompt',function(event){event.preventDefault();window.__icoDeferredPwaPrompt=event;window.dispatchEvent(new Event('ico:pwa-prompt'));});","id":"ico-pwa-prompt"}])</script><script>(self.__next_s=self.__next_s||[]).push([0,{"children":"try{if(sessionStorage.getItem('ico_promo_banner_dismissed')==='1')document.documentElement.classList.add('promo-banner-dismissed')}catch(e){}","id":"ico-promo-banner"}])</script><script src="/_next/static/chunks/a6dad97d9634a72d.js" noModule=""></script></head><body class="size-full antialiased noto_sans_fc409e0-module__P4PWWa__className noto_serif_942d4923-module__Ctg8Zq__variable noto_sans_mono_a639caea-module__gsI-aW__variable bricolage_grotesque_1e5918e3-module__BGAksW__variable"><!--$--><!--/$--><div class="bg-fd-secondary/50 p-3 empty:hidden"></div><div class="flex flex-col min-h-screen"><section class="sticky inset-x-0 top-0 z-40 transition-all duration-300 bg-transparent"><div class="promo-banner border-b border-[#F7F4EE]/15 bg-[var(--iching-primary)] text-[#F7F4EE]"><div class="mx-auto flex h-10 max-w-6xl items-center justify-center gap-2 overflow-hidden px-3 md:h-11 md:gap-3"><div class="flex items-center gap-0.5" aria-hidden="true"><span class="flex items-center gap-0.5"><span class="inline-flex min-w-7 items-center justify-center rounded-md bg-[#F7F4EE]/15 px-1 py-0.5 text-[11px] font-semibold tabular-nums md:min-w-8 md:text-sm">30</span></span><span class="flex items-center gap-0.5"><span class="text-xs font-semibold">:</span><span class="inline-flex min-w-7 items-center justify-center rounded-md bg-[#F7F4EE]/15 px-1 py-0.5 text-[11px] font-semibold tabular-nums md:min-w-8 md:text-sm">00</span></span><span class="flex items-center gap-0.5"><span class="text-xs font-semibold">:</span><span class="inline-flex min-w-7 items-center justify-center rounded-md bg-[#F7F4EE]/15 px-1 py-0.5 text-[11px] font-semibold tabular-nums md:min-w-8 md:text-sm">00</span></span></div><span class="hidden rounded-full bg-[#F7F4EE]/15 px-2 py-0.5 text-[10px] font-semibold md:inline">New accounts</span><span class="rounded-full bg-[#F7F4EE] px-2 py-0.5 text-[11px] font-semibold text-[var(--iching-primary)]">10 credits</span><p class="hidden truncate text-sm font-medium md:block">Sign up and get 10 free credits. Casting stays free.</p><a class="hidden h-7 items-center rounded-full bg-[#F7F4EE] px-3 text-xs font-semibold text-[var(--iching-primary)] md:inline-flex" href="/pricing">See pricing</a><button type="button" class="rounded-md p-1 text-[#F7F4EE]/80 hover:bg-[#F7F4EE]/10 hover:text-[#F7F4EE]" aria-label="Close"><span aria-hidden="true">×</span></button></div></div><div class="container mx-auto max-w-7xl px-4 py-4"><nav class="hidden lg:flex"><div class="flex items-center"><a class="flex items-center space-x-2" href="/"><svg viewBox="0 0 64 64" role="img" aria-label="I Ching Online" class="size-8 shrink-0"><title>I Ching Online</title><rect x="3" y="3" width="58" height="58" rx="9" fill="#A84436"></rect><rect x="7.5" y="7.5" width="49" height="49" rx="6" fill="none" stroke="#F7F4EE" stroke-opacity=".55" stroke-width="1.5"></rect><g fill="#F7F4EE"><rect x="15" y="13" width="34" height="4" rx="1.1"></rect><g><rect x="15" y="19.8" width="14.5" height="4" rx="1.1"></rect><rect x="34.5" y="19.8" width="14.5" height="4" rx="1.1"></rect></g><rect x="15" y="26.6" width="34" height="4" rx="1.1"></rect><g><rect x="15" y="33.4" width="14.5" height="4" rx="1.1"></rect><rect x="34.5" y="33.4" width="14.5" height="4" rx="1.1"></rect></g><rect x="15" y="40.2" width="34" height="4" rx="1.1"></rect><g><rect x="15" y="47" width="14.5" height="4" rx="1.1"></rect><rect x="34.5" y="47" width="14.5" height="4" rx="1.1"></rect></g></g></svg><span class="font-serif text-xl font-semibold text-[var(--iching-ink)]">I Ching Online</span></a></div><div class="flex-1 flex items-center justify-center space-x-2"><nav aria-label="Main" data-orientation="horizontal" dir="ltr" data-slot="navigation-menu" data-viewport="true" class="group/navigation-menu flex max-w-max flex-1 items-center justify-center relative"><div style="position:relative"><ul data-orientation="horizontal" data-slot="navigation-menu-list" class="group flex-1 list-none justify-center gap-1 flex items-center" dir="ltr"><li data-slot="navigation-menu-item" class="relative"><a data-slot="navigation-menu-link" class="data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground [&amp;_svg:not([class*=&#x27;text-&#x27;])]:text-muted-foreground flex-col gap-1 p-2 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 group inline-flex h-9 w-max items-center justify-center rounded-md px-4 py-2 text-sm font-medium disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 relative bg-transparent text-muted-foreground cursor-pointer hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-active:font-semibold data-active:bg-transparent data-active:text-accent-foreground data-[state=open]:bg-transparent data-[state=open]:text-accent-foreground" data-radix-collection-item="" href="/cast">Cast</a></li><li data-slot="navigation-menu-item" class="relative"><a data-slot="navigation-menu-link" class="data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground [&amp;_svg:not([class*=&#x27;text-&#x27;])]:text-muted-foreground flex-col gap-1 p-2 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 group inline-flex h-9 w-max items-center justify-center rounded-md px-4 py-2 text-sm font-medium disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 relative bg-transparent text-muted-foreground cursor-pointer hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-active:font-semibold data-active:bg-transparent data-active:text-accent-foreground data-[state=open]:bg-transparent data-[state=open]:text-accent-foreground" data-radix-collection-item="" href="/hexagrams">64 Hexagrams</a></li><li data-slot="navigation-menu-item" class="relative"><a data-slot="navigation-menu-link" class="data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground [&amp;_svg:not([class*=&#x27;text-&#x27;])]:text-muted-foreground flex-col gap-1 p-2 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 group inline-flex h-9 w-max items-center justify-center rounded-md px-4 py-2 text-sm font-medium disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 relative bg-transparent text-muted-foreground cursor-pointer hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-active:font-semibold data-active:bg-transparent data-active:text-accent-foreground data-[state=open]:bg-transparent data-[state=open]:text-accent-foreground" data-radix-collection-item="" href="/how-to-use">How to Read</a></li><li data-slot="navigation-menu-item" class="relative"><a data-slot="navigation-menu-link" class="data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground [&amp;_svg:not([class*=&#x27;text-&#x27;])]:text-muted-foreground flex-col gap-1 p-2 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 group inline-flex h-9 w-max items-center justify-center rounded-md px-4 py-2 text-sm font-medium disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 relative bg-transparent text-muted-foreground cursor-pointer hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-active:font-semibold data-active:bg-transparent data-active:text-accent-foreground data-[state=open]:bg-transparent data-[state=open]:text-accent-foreground" data-radix-collection-item="" href="/journal">My Readings</a></li><li data-slot="navigation-menu-item" class="relative"><a data-slot="navigation-menu-link" class="data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground [&amp;_svg:not([class*=&#x27;text-&#x27;])]:text-muted-foreground flex-col gap-1 p-2 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 group inline-flex h-9 w-max items-center justify-center rounded-md px-4 py-2 text-sm font-medium disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 relative bg-transparent text-muted-foreground cursor-pointer hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-active:font-semibold data-active:bg-transparent data-active:text-accent-foreground data-[state=open]:bg-transparent data-[state=open]:text-accent-foreground" data-radix-collection-item="" href="/blog">Blog</a></li><li data-slot="navigation-menu-item" class="relative"><a data-slot="navigation-menu-link" class="data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground [&amp;_svg:not([class*=&#x27;text-&#x27;])]:text-muted-foreground flex-col gap-1 p-2 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 group inline-flex h-9 w-max items-center justify-center rounded-md px-4 py-2 text-sm font-medium disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 relative bg-transparent text-muted-foreground cursor-pointer hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-active:font-semibold data-active:bg-transparent data-active:text-accent-foreground data-[state=open]:bg-transparent data-[state=open]:text-accent-foreground" data-radix-collection-item="" href="/pricing"><span class="inline-flex items-center gap-1.5">Pricing<span class="rounded-full bg-[var(--iching-primary)] px-1.5 py-px text-[10px] font-semibold leading-none text-[#F7F4EE]">10 free</span></span></a></li></ul></div><div class="absolute top-full left-0 isolate z-50 flex justify-center"></div></nav></div><div class="flex items-center gap-x-4"><button data-slot="button" data-variant="default" data-size="sm" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground hover:bg-primary/90 h-8 rounded-md gap-1.5 px-3 has-[&gt;svg]:px-2.5 cursor-pointer">Start for free</button><button data-slot="dropdown-menu-trigger" data-variant="ghost" data-size="sm" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 gap-1.5 has-[&gt;svg]:px-2.5 size-8 p-0.5 border border-border rounded-full cursor-pointer" type="button" id="radix-_R_2r5iucqivb_" aria-haspopup="menu" aria-expanded="false" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-languages size-3" aria-hidden="true"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg><span class="sr-only">Switch language</span></button></div></nav></div></section><main class="flex-1"><script type="application/ld+json">[{"@context":"https://schema.org","@type":"WebSite","name":"I Ching Online","url":"https://ichingonline.pro","inLanguage":"en","description":"Ask a clear question, toss three bronze coins six times and watch your hexagram grow from the bottom line up. On I Ching Online you read the judgment, every changing line and where the situation is moving — free, no account needed."},{"@context":"https://schema.org","@type":"SoftwareApplication","name":"I Ching Online","applicationCategory":"LifestyleApplication","operatingSystem":"Web","url":"https://ichingonline.pro","description":"Ask a clear question, toss three bronze coins six times and watch your hexagram grow from the bottom line up. On I Ching Online you read the judgment, every changing line and where the situation is moving — free, no account needed.","offers":{"@type":"Offer","price":"0","priceCurrency":"USD","description":"Casting, hexagram texts and result pages are free forever"}},{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What is the best free online I Ching reading?","acceptedAnswer":{"@type":"Answer","text":"A good free online I Ching reading uses the traditional three-coin method and shows every changing line, not just one summary sentence. I Ching Online does exactly that: you cast six lines, then read the judgment, the image, each changing line and the relating hexagram — free, with no sign-up and no ads."}},{"@type":"Question","name":"Is the I Ching accurate?","acceptedAnswer":{"@type":"Answer","text":"The I Ching is not accurate in the sense of predicting fixed events; it is valued for how accurately it can describe a situation and the attitude that fits it. Most people find it useful as a mirror: the hexagram gives a structured outside perspective that helps you notice what you already sense but have not put into words."}},{"@type":"Question","name":"Is the I Ching fortune telling or philosophy?","acceptedAnswer":{"@type":"Answer","text":"It is both, depending on how it is used. The I Ching began as a Bronze Age divination manual and later became a core Confucian and Taoist classic on change, timing and conduct. On I Ching Online we treat a reading as a tool for reflection, not a prophecy."}},{"@type":"Question","name":"How do I interpret my I Ching reading?","acceptedAnswer":{"@type":"Answer","text":"Start with the primary hexagram's judgment, which describes the overall situation. Then read your changing lines — they speak most directly to your question. Finally, look at the relating hexagram to see where things are heading. Read slowly, relate each image to your own circumstances, and note what stands out."}},{"@type":"Question","name":"What is the difference between the primary and the relating hexagram?","acceptedAnswer":{"@type":"Answer","text":"The primary hexagram describes your situation as it is now; the relating hexagram shows what it is changing into. You only get a relating hexagram when there are changing lines: each one flips from yin to yang or yang to yin, and the result is the second hexagram."}},{"@type":"Question","name":"What does it mean if I get no changing lines?","acceptedAnswer":{"@type":"Answer","text":"No changing lines means the situation is relatively stable and the answer is contained entirely in the primary hexagram. Read its judgment and image as the complete response; there is no relating hexagram. It often suggests working with present conditions rather than expecting a sudden shift."}},{"@type":"Question","name":"Can I ask the I Ching about love, career or yes-or-no questions?","acceptedAnswer":{"@type":"Answer","text":"Yes, you can ask about relationships, work or any decision, but open questions work much better than yes-or-no ones. Instead of \"Will he call me?\" try \"What should I understand about this relationship?\" The I Ching describes tendencies and attitudes, so it rarely answers with a simple yes or no."}},{"@type":"Question","name":"Are my I Ching readings private?","acceptedAnswer":{"@type":"Answer","text":"Yes. On I Ching Online your readings and journal are stored in your own browser, not on our servers, and you can delete them at any time. Your question only leaves your device if you choose to request an AI reading. We do not sell data or show ads."}},{"@type":"Question","name":"Can AI interpret the I Ching?","acceptedAnswer":{"@type":"Answer","text":"AI can help connect the classical texts to your specific question, but it should support your own reflection rather than replace it. On I Ching Online, the hexagram is always computed from your coin tosses, never by the AI. Casting is free; an optional AI interpretation uses credits."}},{"@type":"Question","name":"How often can I ask the I Ching the same question?","acceptedAnswer":{"@type":"Answer","text":"Traditionally you ask a question once and live with the answer for a while. Asking again until you get a reading you like turns the oracle into noise. Recast only when your situation has genuinely changed, or ask a different, more precise question instead."}}]}]</script><section class="iching-paper iching-ink-wash relative overflow-hidden border-b border-[var(--iching-divider)]"><span aria-hidden="true" class="pointer-events-none absolute -right-10 -top-16 select-none font-serif text-[22rem] leading-none text-[var(--iching-ink)]/[0.035] md:text-[30rem]">易</span><div class="container relative mx-auto grid max-w-6xl items-center gap-12 px-4 py-16 md:grid-cols-[1.3fr_1fr] md:py-28"><div><p class="inline-flex items-center gap-2 rounded-full border border-[var(--iching-divider)] bg-white/50 px-3 py-1 text-xs tracking-wide text-[var(--iching-primary)]"><span class="inline-block size-1.5 rounded-full bg-[var(--iching-moving)]"></span>The Book of Changes, read with care</p><h1 class="mt-6 font-serif text-4xl font-semibold leading-[1.08] tracking-tight text-[var(--iching-ink)] md:text-[4.1rem]">I Ching Online — a free online I Ching reading with three coins</h1><p class="mt-5 max-w-xl text-lg leading-relaxed text-muted-foreground">Ask a clear question, toss three bronze coins six times and watch your hexagram grow from the bottom line up. On I Ching Online you read the judgment, every changing line and where the situation is moving — free, no account needed.</p><div class="mt-8 flex flex-wrap gap-3"><a href="#cast" class="inline-flex h-11 items-center justify-center rounded-full bg-[var(--iching-primary)] px-7 text-sm font-medium text-[#F7F4EE] shadow-sm transition hover:bg-[#213c35]">Cast a hexagram — free</a><a class="inline-flex h-11 items-center justify-center rounded-full border border-[var(--iching-ink)]/25 bg-white/40 px-7 text-sm font-medium text-[var(--iching-ink)] transition hover:bg-white/80" href="/hexagrams">Browse the 64 hexagrams</a></div><ul class="mt-8 flex flex-wrap gap-x-6 gap-y-2 text-sm text-muted-foreground"><li class="flex items-center gap-2"><span class="text-[var(--iching-moving)]">◆</span>No sign-up to cast</li><li class="flex items-center gap-2"><span class="text-[var(--iching-moving)]">◆</span>Original multilingual commentary</li><li class="flex items-center gap-2"><span class="text-[var(--iching-moving)]">◆</span>Readings stay on your device</li></ul></div><div class="relative mx-auto w-full max-w-sm"><div class="rotate-[1.5deg] rounded-[28px] border border-[var(--iching-divider)] bg-[#FBF9F4] p-8 shadow-[0_40px_80px_-40px_rgba(32,39,37,0.55)]"><div class="flex items-start justify-between"><div><p class="text-xs uppercase tracking-[0.2em] text-muted-foreground">Hexagram 1</p><p class="mt-1 font-serif text-2xl text-[var(--iching-ink)]">Qián · The Creative</p></div><span class="iching-seal size-12 rotate-[-4deg] text-2xl">乾</span></div><div class="my-6 flex justify-center gap-3" aria-hidden="true"><div class="flex flex-col items-center gap-2 [&amp;&gt;span]:hidden"><div class="iching-coin-stage relative size-16 md:size-20"><div data-face="3" class="iching-coin size-full" style="transform:rotateX(0deg)"><div class="iching-coin-face front"><svg viewBox="0 0 100 100" class="size-full drop-shadow-[0_2px_1px_rgba(32,39,37,0.25)]" aria-hidden="true"><defs><radialGradient id="g_R_2lah5bsnpiucqivb_" cx="35%" cy="30%" r="75%"><stop offset="0%" stop-color="#D9B77A"></stop><stop offset="55%" stop-color="#B58A4C"></stop><stop offset="100%" stop-color="#7A5A30"></stop></radialGradient></defs><circle cx="50" cy="50" r="48" fill="url(#g_R_2lah5bsnpiucqivb_)" stroke="#5E4422" stroke-width="1.5"></circle><circle cx="50" cy="50" r="41" fill="none" stroke="#6E5029" stroke-width="2.2" opacity="0.8"></circle><rect x="38" y="38" width="24" height="24" fill="none" stroke="#6E5029" stroke-width="2.6"></rect><rect x="40.5" y="40.5" width="19" height="19" fill="#F7F4EE"></rect><g fill="#4A3418" font-family="&#x27;Noto Serif SC&#x27;,&#x27;Songti SC&#x27;,STSong,serif" font-size="17" font-weight="700" text-anchor="middle"><text x="50" y="31">易</text><text x="50" y="82">寶</text><text x="77" y="56">通</text><text x="23" y="56">經</text></g></svg></div><div class="iching-coin-face back"><svg viewBox="0 0 100 100" class="size-full drop-shadow-[0_2px_1px_rgba(32,39,37,0.25)]" aria-hidden="true"><defs><radialGradient id="g_R_4lah5bsnpiucqivb_" cx="35%" cy="30%" r="75%"><stop offset="0%" stop-color="#C9A56A"></stop><stop offset="55%" stop-color="#A47C45"></stop><stop offset="100%" stop-color="#7A5A30"></stop></radialGradient></defs><circle cx="50" cy="50" r="48" fill="url(#g_R_4lah5bsnpiucqivb_)" stroke="#5E4422" stroke-width="1.5"></circle><circle cx="50" cy="50" r="41" fill="none" stroke="#6E5029" stroke-width="2.2" opacity="0.8"></circle><rect x="38" y="38" width="24" height="24" fill="none" stroke="#6E5029" stroke-width="2.6"></rect><rect x="40.5" y="40.5" width="19" height="19" fill="#F7F4EE"></rect><g stroke="#5E4422" stroke-width="2.4" stroke-linecap="round" fill="none" opacity="0.85"><path d="M50 18 v10"></path><path d="M50 72 v10"></path><path d="M22 44 q6 6 0 12"></path><path d="M78 44 q-6 6 0 12"></path></g></svg></div></div><div class="pointer-events-none absolute inset-x-0 -bottom-2 flex justify-center"><div class="iching-coin-shadow h-2 w-12 rounded-full bg-[#202725]/30 blur-[3px]"></div></div></div><span class="h-4 text-xs tracking-wide text-[var(--iching-ink)]/70"></span></div><div class="flex flex-col items-center gap-2 [&amp;&gt;span]:hidden"><div class="iching-coin-stage relative size-16 md:size-20"><div data-face="2" class="iching-coin size-full" style="transform:rotateX(180deg)"><div class="iching-coin-face front"><svg viewBox="0 0 100 100" class="size-full drop-shadow-[0_2px_1px_rgba(32,39,37,0.25)]" aria-hidden="true"><defs><radialGradient id="g_R_2mah5bsnpiucqivb_" cx="35%" cy="30%" r="75%"><stop offset="0%" stop-color="#D9B77A"></stop><stop offset="55%" stop-color="#B58A4C"></stop><stop offset="100%" stop-color="#7A5A30"></stop></radialGradient></defs><circle cx="50" cy="50" r="48" fill="url(#g_R_2mah5bsnpiucqivb_)" stroke="#5E4422" stroke-width="1.5"></circle><circle cx="50" cy="50" r="41" fill="none" stroke="#6E5029" stroke-width="2.2" opacity="0.8"></circle><rect x="38" y="38" width="24" height="24" fill="none" stroke="#6E5029" stroke-width="2.6"></rect><rect x="40.5" y="40.5" width="19" height="19" fill="#F7F4EE"></rect><g fill="#4A3418" font-family="&#x27;Noto Serif SC&#x27;,&#x27;Songti SC&#x27;,STSong,serif" font-size="17" font-weight="700" text-anchor="middle"><text x="50" y="31">易</text><text x="50" y="82">寶</text><text x="77" y="56">通</text><text x="23" y="56">經</text></g></svg></div><div class="iching-coin-face back"><svg viewBox="0 0 100 100" class="size-full drop-shadow-[0_2px_1px_rgba(32,39,37,0.25)]" aria-hidden="true"><defs><radialGradient id="g_R_4mah5bsnpiucqivb_" cx="35%" cy="30%" r="75%"><stop offset="0%" stop-color="#C9A56A"></stop><stop offset="55%" stop-color="#A47C45"></stop><stop offset="100%" stop-color="#7A5A30"></stop></radialGradient></defs><circle cx="50" cy="50" r="48" fill="url(#g_R_4mah5bsnpiucqivb_)" stroke="#5E4422" stroke-width="1.5"></circle><circle cx="50" cy="50" r="41" fill="none" stroke="#6E5029" stroke-width="2.2" opacity="0.8"></circle><rect x="38" y="38" width="24" height="24" fill="none" stroke="#6E5029" stroke-width="2.6"></rect><rect x="40.5" y="40.5" width="19" height="19" fill="#F7F4EE"></rect><g stroke="#5E4422" stroke-width="2.4" stroke-linecap="round" fill="none" opacity="0.85"><path d="M50 18 v10"></path><path d="M50 72 v10"></path><path d="M22 44 q6 6 0 12"></path><path d="M78 44 q-6 6 0 12"></path></g></svg></div></div><div class="pointer-events-none absolute inset-x-0 -bottom-2 flex justify-center"><div class="iching-coin-shadow h-2 w-12 rounded-full bg-[#202725]/30 blur-[3px]"></div></div></div><span class="h-4 text-xs tracking-wide text-[var(--iching-ink)]/70"></span></div><div class="flex flex-col items-center gap-2 [&amp;&gt;span]:hidden"><div class="iching-coin-stage relative size-16 md:size-20"><div data-face="3" class="iching-coin size-full" style="transform:rotateX(0deg)"><div class="iching-coin-face front"><svg viewBox="0 0 100 100" class="size-full drop-shadow-[0_2px_1px_rgba(32,39,37,0.25)]" aria-hidden="true"><defs><radialGradient id="g_R_2nah5bsnpiucqivb_" cx="35%" cy="30%" r="75%"><stop offset="0%" stop-color="#D9B77A"></stop><stop offset="55%" stop-color="#B58A4C"></stop><stop offset="100%" stop-color="#7A5A30"></stop></radialGradient></defs><circle cx="50" cy="50" r="48" fill="url(#g_R_2nah5bsnpiucqivb_)" stroke="#5E4422" stroke-width="1.5"></circle><circle cx="50" cy="50" r="41" fill="none" stroke="#6E5029" stroke-width="2.2" opacity="0.8"></circle><rect x="38" y="38" width="24" height="24" fill="none" stroke="#6E5029" stroke-width="2.6"></rect><rect x="40.5" y="40.5" width="19" height="19" fill="#F7F4EE"></rect><g fill="#4A3418" font-family="&#x27;Noto Serif SC&#x27;,&#x27;Songti SC&#x27;,STSong,serif" font-size="17" font-weight="700" text-anchor="middle"><text x="50" y="31">易</text><text x="50" y="82">寶</text><text x="77" y="56">通</text><text x="23" y="56">經</text></g></svg></div><div class="iching-coin-face back"><svg viewBox="0 0 100 100" class="size-full drop-shadow-[0_2px_1px_rgba(32,39,37,0.25)]" aria-hidden="true"><defs><radialGradient id="g_R_4nah5bsnpiucqivb_" cx="35%" cy="30%" r="75%"><stop offset="0%" stop-color="#C9A56A"></stop><stop offset="55%" stop-color="#A47C45"></stop><stop offset="100%" stop-color="#7A5A30"></stop></radialGradient></defs><circle cx="50" cy="50" r="48" fill="url(#g_R_4nah5bsnpiucqivb_)" stroke="#5E4422" stroke-width="1.5"></circle><circle cx="50" cy="50" r="41" fill="none" stroke="#6E5029" stroke-width="2.2" opacity="0.8"></circle><rect x="38" y="38" width="24" height="24" fill="none" stroke="#6E5029" stroke-width="2.6"></rect><rect x="40.5" y="40.5" width="19" height="19" fill="#F7F4EE"></rect><g stroke="#5E4422" stroke-width="2.4" stroke-linecap="round" fill="none" opacity="0.85"><path d="M50 18 v10"></path><path d="M50 72 v10"></path><path d="M22 44 q6 6 0 12"></path><path d="M78 44 q-6 6 0 12"></path></g></svg></div></div><div class="pointer-events-none absolute inset-x-0 -bottom-2 flex justify-center"><div class="iching-coin-shadow h-2 w-12 rounded-full bg-[#202725]/30 blur-[3px]"></div></div></div><span class="h-4 text-xs tracking-wide text-[var(--iching-ink)]/70"></span></div></div><svg viewBox="0 0 40 36" aria-hidden="true" class="mx-auto mb-6 h-24 w-28"><rect x="0" y="0" width="40" height="3.6" rx="0.8" fill="#202725"></rect><rect x="0" y="6.2" width="40" height="3.6" rx="0.8" fill="#202725"></rect><rect x="0" y="12.4" width="40" height="3.6" rx="0.8" fill="#202725"></rect><rect x="0" y="18.6" width="40" height="3.6" rx="0.8" fill="#202725"></rect><rect x="0" y="24.8" width="40" height="3.6" rx="0.8" fill="#202725"></rect><rect x="0" y="31" width="40" height="3.6" rx="0.8" fill="#202725"></rect></svg><p class="text-sm leading-relaxed text-muted-foreground">Six unbroken lines: pure initiative. The text counsels steady effort that does not exhaust itself — the dragon that knows when to rise and when to rest.</p><p class="mt-4 border-t border-[var(--iching-divider)] pt-4 text-xs text-muted-foreground">Every one of the 64 hexagrams has its own page with judgment, image and line texts.</p></div></div></div></section><section id="cast" class="scroll-mt-20 border-b border-[var(--iching-divider)] bg-[#FBF9F4] py-16 md:py-20"><div class="container mx-auto max-w-6xl px-4"><div class="mx-auto grid w-full max-w-6xl items-stretch gap-8 lg:grid-cols-[1fr_1.1fr]"><div class="flex flex-col gap-6"><div><span class="iching-seal size-9 text-lg">卜</span><h2 class="mt-4 font-serif text-3xl font-semibold leading-tight tracking-tight text-[var(--iching-ink)] md:text-[2.6rem]">Cast your I Ching online reading now</h2><p class="mt-3 text-base leading-relaxed text-[var(--iching-ink)]/70">Cast six lines with three coins. Get the primary hexagram, all changing lines, and the relating hexagram — free.</p></div><div class="space-y-2"><label data-slot="label" class="flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 font-serif text-[var(--iching-ink)]" for="iching-question">Your question (optional)</label><textarea data-slot="textarea" class="placeholder:text-muted-foreground focus-visible:border-ring aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full border px-3 py-2 shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm resize-none rounded-xl border-[var(--iching-divider)] bg-[#FBF9F4] font-serif text-base focus-visible:ring-[var(--iching-primary)]/30" id="iching-question" maxLength="500" placeholder="What do you want clarity on?" rows="3"></textarea><div class="flex justify-between text-xs text-[var(--iching-ink)]/55"><span>Your question does not affect the coin results. Standard commentary is matched by hexagram and lines.</span><span class="tabular-nums">0<!-- -->/<!-- -->500</span></div></div><div class="flex flex-wrap gap-3"><button type="button" class="inline-flex h-12 items-center justify-center gap-2 rounded-full bg-[var(--iching-primary)] px-7 text-sm font-medium tracking-wide text-[#F7F4EE] shadow-[0_8px_24px_-12px_rgba(41,74,66,0.8)] transition hover:bg-[#213c35] disabled:cursor-not-allowed disabled:opacity-60"><span aria-hidden="true">◎</span>Toss the coins</button><button type="button" class="inline-flex h-12 items-center justify-center rounded-full border border-[var(--iching-ink)]/20 bg-[#FBF9F4] px-6 text-sm font-medium text-[var(--iching-ink)] transition hover:border-[var(--iching-primary)]/50 disabled:opacity-50">Cast all six at once</button><button type="button" aria-pressed="false" aria-label="Mute coin sounds" title="Mute coin sounds" data-testid="coin-mute" class="inline-flex items-center justify-center rounded-full border border-[var(--iching-ink)]/20 bg-[#FBF9F4] text-sm font-medium text-[var(--iching-ink)] transition hover:border-[var(--iching-primary)]/50 disabled:opacity-50 h-12 gap-2 px-4"><span aria-hidden="true">🔊</span><span>Mute</span></button></div><p class="text-sm text-[var(--iching-ink)]/60">Each toss adds one line, from the bottom up.<!-- --> <a class="text-[var(--iching-primary)] underline underline-offset-4" href="/cast/manual">Enter your own coin results</a></p></div><div class="iching-paper relative overflow-hidden rounded-[28px] border border-[var(--iching-divider)] p-6 shadow-[0_30px_80px_-50px_rgba(32,39,37,0.6)] md:p-8"><div class="flex items-center justify-between text-xs uppercase tracking-[0.25em] text-[var(--iching-ink)]/55"><span>Casting line 1</span><span class="tabular-nums">0<!-- -->/6</span></div><div class="mt-2 flex h-56 items-end justify-center gap-5 pb-2 md:gap-8" aria-live="polite" data-toss-phase="idle"><div class="flex flex-col items-center gap-2"><div class="iching-coin-stage relative size-16 md:size-20"><div data-face="" class="iching-coin size-full opacity-40" style="transform:rotateX(0deg)"><div class="iching-coin-face front"><svg viewBox="0 0 100 100" class="size-full drop-shadow-[0_2px_1px_rgba(32,39,37,0.25)]" aria-hidden="true"><defs><radialGradient id="g_R_lahlbsnpiucqivb_" cx="35%" cy="30%" r="75%"><stop offset="0%" stop-color="#D9B77A"></stop><stop offset="55%" stop-color="#B58A4C"></stop><stop offset="100%" stop-color="#7A5A30"></stop></radialGradient></defs><circle cx="50" cy="50" r="48" fill="url(#g_R_lahlbsnpiucqivb_)" stroke="#5E4422" stroke-width="1.5"></circle><circle cx="50" cy="50" r="41" fill="none" stroke="#6E5029" stroke-width="2.2" opacity="0.8"></circle><rect x="38" y="38" width="24" height="24" fill="none" stroke="#6E5029" stroke-width="2.6"></rect><rect x="40.5" y="40.5" width="19" height="19" fill="#F7F4EE"></rect><g fill="#4A3418" font-family="&#x27;Noto Serif SC&#x27;,&#x27;Songti SC&#x27;,STSong,serif" font-size="17" font-weight="700" text-anchor="middle"><text x="50" y="31">易</text><text x="50" y="82">寶</text><text x="77" y="56">通</text><text x="23" y="56">經</text></g></svg></div><div class="iching-coin-face back"><svg viewBox="0 0 100 100" class="size-full drop-shadow-[0_2px_1px_rgba(32,39,37,0.25)]" aria-hidden="true"><defs><radialGradient id="g_R_15ahlbsnpiucqivb_" cx="35%" cy="30%" r="75%"><stop offset="0%" stop-color="#C9A56A"></stop><stop offset="55%" stop-color="#A47C45"></stop><stop offset="100%" stop-color="#7A5A30"></stop></radialGradient></defs><circle cx="50" cy="50" r="48" fill="url(#g_R_15ahlbsnpiucqivb_)" stroke="#5E4422" stroke-width="1.5"></circle><circle cx="50" cy="50" r="41" fill="none" stroke="#6E5029" stroke-width="2.2" opacity="0.8"></circle><rect x="38" y="38" width="24" height="24" fill="none" stroke="#6E5029" stroke-width="2.6"></rect><rect x="40.5" y="40.5" width="19" height="19" fill="#F7F4EE"></rect><g stroke="#5E4422" stroke-width="2.4" stroke-linecap="round" fill="none" opacity="0.85"><path d="M50 18 v10"></path><path d="M50 72 v10"></path><path d="M22 44 q6 6 0 12"></path><path d="M78 44 q-6 6 0 12"></path></g></svg></div></div><div class="pointer-events-none absolute inset-x-0 -bottom-2 flex justify-center"><div class="iching-coin-shadow h-2 w-12 rounded-full bg-[#202725]/30 blur-[3px]"></div></div></div><span class="h-4 text-xs tracking-wide text-[var(--iching-ink)]/70"></span></div><div class="flex flex-col items-center gap-2"><div class="iching-coin-stage relative size-16 md:size-20"><div data-face="" class="iching-coin size-full opacity-40" style="transform:rotateX(0deg)"><div class="iching-coin-face front"><svg viewBox="0 0 100 100" class="size-full drop-shadow-[0_2px_1px_rgba(32,39,37,0.25)]" aria-hidden="true"><defs><radialGradient id="g_R_lihlbsnpiucqivb_" cx="35%" cy="30%" r="75%"><stop offset="0%" stop-color="#D9B77A"></stop><stop offset="55%" stop-color="#B58A4C"></stop><stop offset="100%" stop-color="#7A5A30"></stop></radialGradient></defs><circle cx="50" cy="50" r="48" fill="url(#g_R_lihlbsnpiucqivb_)" stroke="#5E4422" stroke-width="1.5"></circle><circle cx="50" cy="50" r="41" fill="none" stroke="#6E5029" stroke-width="2.2" opacity="0.8"></circle><rect x="38" y="38" width="24" height="24" fill="none" stroke="#6E5029" stroke-width="2.6"></rect><rect x="40.5" y="40.5" width="19" height="19" fill="#F7F4EE"></rect><g fill="#4A3418" font-family="&#x27;Noto Serif SC&#x27;,&#x27;Songti SC&#x27;,STSong,serif" font-size="17" font-weight="700" text-anchor="middle"><text x="50" y="31">易</text><text x="50" y="82">寶</text><text x="77" y="56">通</text><text x="23" y="56">經</text></g></svg></div><div class="iching-coin-face back"><svg viewBox="0 0 100 100" class="size-full drop-shadow-[0_2px_1px_rgba(32,39,37,0.25)]" aria-hidden="true"><defs><radialGradient id="g_R_15ihlbsnpiucqivb_" cx="35%" cy="30%" r="75%"><stop offset="0%" stop-color="#C9A56A"></stop><stop offset="55%" stop-color="#A47C45"></stop><stop offset="100%" stop-color="#7A5A30"></stop></radialGradient></defs><circle cx="50" cy="50" r="48" fill="url(#g_R_15ihlbsnpiucqivb_)" stroke="#5E4422" stroke-width="1.5"></circle><circle cx="50" cy="50" r="41" fill="none" stroke="#6E5029" stroke-width="2.2" opacity="0.8"></circle><rect x="38" y="38" width="24" height="24" fill="none" stroke="#6E5029" stroke-width="2.6"></rect><rect x="40.5" y="40.5" width="19" height="19" fill="#F7F4EE"></rect><g stroke="#5E4422" stroke-width="2.4" stroke-linecap="round" fill="none" opacity="0.85"><path d="M50 18 v10"></path><path d="M50 72 v10"></path><path d="M22 44 q6 6 0 12"></path><path d="M78 44 q-6 6 0 12"></path></g></svg></div></div><div class="pointer-events-none absolute inset-x-0 -bottom-2 flex justify-center"><div class="iching-coin-shadow h-2 w-12 rounded-full bg-[#202725]/30 blur-[3px]"></div></div></div><span class="h-4 text-xs tracking-wide text-[var(--iching-ink)]/70"></span></div><div class="flex flex-col items-center gap-2"><div class="iching-coin-stage relative size-16 md:size-20"><div data-face="" class="iching-coin size-full opacity-40" style="transform:rotateX(0deg)"><div class="iching-coin-face front"><svg viewBox="0 0 100 100" class="size-full drop-shadow-[0_2px_1px_rgba(32,39,37,0.25)]" aria-hidden="true"><defs><radialGradient id="g_R_lqhlbsnpiucqivb_" cx="35%" cy="30%" r="75%"><stop offset="0%" stop-color="#D9B77A"></stop><stop offset="55%" stop-color="#B58A4C"></stop><stop offset="100%" stop-color="#7A5A30"></stop></radialGradient></defs><circle cx="50" cy="50" r="48" fill="url(#g_R_lqhlbsnpiucqivb_)" stroke="#5E4422" stroke-width="1.5"></circle><circle cx="50" cy="50" r="41" fill="none" stroke="#6E5029" stroke-width="2.2" opacity="0.8"></circle><rect x="38" y="38" width="24" height="24" fill="none" stroke="#6E5029" stroke-width="2.6"></rect><rect x="40.5" y="40.5" width="19" height="19" fill="#F7F4EE"></rect><g fill="#4A3418" font-family="&#x27;Noto Serif SC&#x27;,&#x27;Songti SC&#x27;,STSong,serif" font-size="17" font-weight="700" text-anchor="middle"><text x="50" y="31">易</text><text x="50" y="82">寶</text><text x="77" y="56">通</text><text x="23" y="56">經</text></g></svg></div><div class="iching-coin-face back"><svg viewBox="0 0 100 100" class="size-full drop-shadow-[0_2px_1px_rgba(32,39,37,0.25)]" aria-hidden="true"><defs><radialGradient id="g_R_15qhlbsnpiucqivb_" cx="35%" cy="30%" r="75%"><stop offset="0%" stop-color="#C9A56A"></stop><stop offset="55%" stop-color="#A47C45"></stop><stop offset="100%" stop-color="#7A5A30"></stop></radialGradient></defs><circle cx="50" cy="50" r="48" fill="url(#g_R_15qhlbsnpiucqivb_)" stroke="#5E4422" stroke-width="1.5"></circle><circle cx="50" cy="50" r="41" fill="none" stroke="#6E5029" stroke-width="2.2" opacity="0.8"></circle><rect x="38" y="38" width="24" height="24" fill="none" stroke="#6E5029" stroke-width="2.6"></rect><rect x="40.5" y="40.5" width="19" height="19" fill="#F7F4EE"></rect><g stroke="#5E4422" stroke-width="2.4" stroke-linecap="round" fill="none" opacity="0.85"><path d="M50 18 v10"></path><path d="M50 72 v10"></path><path d="M22 44 q6 6 0 12"></path><path d="M78 44 q-6 6 0 12"></path></g></svg></div></div><div class="pointer-events-none absolute inset-x-0 -bottom-2 flex justify-center"><div class="iching-coin-shadow h-2 w-12 rounded-full bg-[#202725]/30 blur-[3px]"></div></div></div><span class="h-4 text-xs tracking-wide text-[var(--iching-ink)]/70"></span></div></div><div class="iching-rule my-5"></div><div class="grid grid-cols-[auto_1fr] items-center gap-6"><figure class="flex flex-col items-center gap-3"><div class="relative flex shrink-0 flex-col" style="width:210px;gap:11px;padding-inline:21px" role="img" aria-label="Hexagram"><div class="relative block shrink-0" style="width:168px;height:13px"><span class="absolute inset-0 rounded-[2px] border border-dashed border-[var(--iching-divider)]"></span></div><div class="relative block shrink-0" style="width:168px;height:13px"><span class="absolute inset-0 rounded-[2px] border border-dashed border-[var(--iching-divider)]"></span></div><div class="relative block shrink-0" style="width:168px;height:13px"><span class="absolute inset-0 rounded-[2px] border border-dashed border-[var(--iching-divider)]"></span></div><div class="relative block shrink-0" style="width:168px;height:13px"><span class="absolute inset-0 rounded-[2px] border border-dashed border-[var(--iching-divider)]"></span></div><div class="relative block shrink-0" style="width:168px;height:13px"><span class="absolute inset-0 rounded-[2px] border border-dashed border-[var(--iching-divider)]"></span></div><div class="relative block shrink-0" style="width:168px;height:13px"><span class="absolute inset-0 rounded-[2px] border border-dashed border-[var(--iching-divider)]"></span></div></div></figure><ol class="flex flex-col-reverse gap-1.5 text-sm"><li class="flex items-center justify-between gap-2 border-b border-dashed border-[var(--iching-divider)] pb-1 opacity-35"><span class="text-[var(--iching-ink)]/60">Bottom</span><span class="font-serif tabular-nums">—</span></li><li class="flex items-center justify-between gap-2 border-b border-dashed border-[var(--iching-divider)] pb-1 opacity-35"><span class="text-[var(--iching-ink)]/60">Line 2</span><span class="font-serif tabular-nums">—</span></li><li class="flex items-center justify-between gap-2 border-b border-dashed border-[var(--iching-divider)] pb-1 opacity-35"><span class="text-[var(--iching-ink)]/60">Line 3</span><span class="font-serif tabular-nums">—</span></li><li class="flex items-center justify-between gap-2 border-b border-dashed border-[var(--iching-divider)] pb-1 opacity-35"><span class="text-[var(--iching-ink)]/60">Line 4</span><span class="font-serif tabular-nums">—</span></li><li class="flex items-center justify-between gap-2 border-b border-dashed border-[var(--iching-divider)] pb-1 opacity-35"><span class="text-[var(--iching-ink)]/60">Line 5</span><span class="font-serif tabular-nums">—</span></li><li class="flex items-center justify-between gap-2 border-b border-dashed border-[var(--iching-divider)] pb-1 opacity-35"><span class="text-[var(--iching-ink)]/60">Top</span><span class="font-serif tabular-nums">—</span></li></ol></div><p class="mt-4 text-center text-xs text-[var(--iching-ink)]/50">Six empty lines · the first line is at the bottom</p></div></div></div></section><section class="border-b border-[var(--iching-divider)] py-16 md:py-24"><div class="container mx-auto max-w-6xl px-4"><div class="mx-auto mb-10 max-w-2xl text-center"><p class="text-xs font-semibold uppercase tracking-[0.25em] text-[var(--iching-moving)]">15-second preview</p><h2 class="mt-3 font-serif text-3xl font-semibold text-[var(--iching-ink)] md:text-4xl">Clarity cast in seconds</h2><p class="mt-3 text-base leading-relaxed text-muted-foreground">Three bronze coins reveal Hexagram 61 and precise changing lines for a real question.</p></div><button type="button" class="relative mx-auto block aspect-video w-full max-w-4xl overflow-hidden rounded-2xl"><img src="/images/promo-poster.webp" alt="Hexagram 61 Inner Truth appears on screen with two vermilion changing lines and detailed line texts." width="1920" height="1080" class="h-full w-full object-cover"/><span class="sr-only">Play demo</span><span aria-hidden="true" class="absolute inset-0 flex items-center justify-center"><span class="flex size-16 items-center justify-center rounded-full bg-black/55"><span class="ml-1 block size-0 border-y-[10px] border-l-[16px] border-y-transparent border-l-white"></span></span></span></button></div></section><section class="py-16 md:py-24"><div class="container mx-auto grid max-w-6xl gap-10 px-4 md:grid-cols-2 md:items-center"><div><p class="text-xs font-semibold uppercase tracking-[0.25em] text-[var(--iching-moving)]">What is the I Ching</p><h2 class="mt-3 font-serif text-3xl font-semibold text-[var(--iching-ink)] md:text-4xl">A three-thousand-year-old book about how situations change</h2><p class="mt-5 leading-relaxed text-muted-foreground">The I Ching (Yijing, 易经), or Book of Changes, is one of the oldest Chinese classics. It describes 64 hexagrams — figures of six solid or broken lines — each naming a typical situation: beginnings, waiting, conflict, abundance, decline, return.</p><p class="mt-4 leading-relaxed text-muted-foreground">You consult it by generating a hexagram by chance, then reading the text as a mirror for your own question. It does not predict a fixed future; it describes the shape of the moment and the attitude that tends to fit it.</p></div><ul class="grid gap-3"><li class="flex gap-4 rounded-2xl border border-[var(--iching-divider)] bg-white/50 p-5"><span class="font-serif text-2xl text-[var(--iching-moving)]">一</span><span class="text-sm leading-relaxed text-[var(--iching-ink)]">Yin (broken) and yang (solid) lines build eight trigrams such as Heaven, Earth, Water and Fire.</span></li><li class="flex gap-4 rounded-2xl border border-[var(--iching-divider)] bg-white/50 p-5"><span class="font-serif text-2xl text-[var(--iching-moving)]">二</span><span class="text-sm leading-relaxed text-[var(--iching-ink)]">Two trigrams stacked together form one of 64 hexagrams, numbered in the traditional King Wen order.</span></li><li class="flex gap-4 rounded-2xl border border-[var(--iching-divider)] bg-white/50 p-5"><span class="font-serif text-2xl text-[var(--iching-moving)]">三</span><span class="text-sm leading-relaxed text-[var(--iching-ink)]">Lines of 6 or 9 are “changing” — they carry the most specific advice and turn into their opposite.</span></li><li class="flex gap-4 rounded-2xl border border-[var(--iching-divider)] bg-white/50 p-5"><span class="font-serif text-2xl text-[var(--iching-moving)]">四</span><span class="text-sm leading-relaxed text-[var(--iching-ink)]">The changed figure, the relating hexagram, shows the direction the situation is moving.</span></li></ul></div></section><section class="iching-paper border-y border-[var(--iching-divider)] py-16 md:py-24"><div class="container mx-auto max-w-6xl px-4"><div class="mx-auto mb-10 max-w-2xl text-center"><p class="text-xs font-semibold uppercase tracking-[0.25em] text-[var(--iching-moving)]">How it works</p><h2 class="mt-3 font-serif text-3xl font-semibold text-[var(--iching-ink)] md:text-4xl">How an online I Ching reading works on I Ching Online</h2><p class="mt-3 text-base leading-relaxed text-muted-foreground">The method is the classic three-coin cast. We simply do the arithmetic and the lookup for you.</p></div><ol class="grid gap-5 md:grid-cols-4"><li class="relative rounded-2xl border border-[var(--iching-divider)] bg-[#FBF9F4] p-6"><span class="iching-seal size-10 text-lg">一</span><h3 class="mt-4 font-serif text-lg font-semibold text-[var(--iching-ink)]">Frame your question</h3><p class="mt-2 text-sm leading-relaxed text-muted-foreground">Write an open question about your own situation — “What should I understand about…?” works better than yes/no.</p></li><li class="relative rounded-2xl border border-[var(--iching-divider)] bg-[#FBF9F4] p-6"><span class="iching-seal size-10 text-lg">二</span><h3 class="mt-4 font-serif text-lg font-semibold text-[var(--iching-ink)]">Toss three coins six times</h3><p class="mt-2 text-sm leading-relaxed text-muted-foreground">Heads count 3, tails 2. Each toss gives a line from 6 to 9, built from the bottom up. Or enter coins you tossed by hand.</p></li><li class="relative rounded-2xl border border-[var(--iching-divider)] bg-[#FBF9F4] p-6"><span class="iching-seal size-10 text-lg">三</span><h3 class="mt-4 font-serif text-lg font-semibold text-[var(--iching-ink)]">Read the hexagram</h3><p class="mt-2 text-sm leading-relaxed text-muted-foreground">See the primary hexagram, its judgment and image, and the text for every changing line — all free.</p></li><li class="relative rounded-2xl border border-[var(--iching-divider)] bg-[#FBF9F4] p-6"><span class="iching-seal size-10 text-lg">四</span><h3 class="mt-4 font-serif text-lg font-semibold text-[var(--iching-ink)]">Follow the change</h3><p class="mt-2 text-sm leading-relaxed text-muted-foreground">Changing lines flip to form the relating hexagram. Save the reading on your device, or ask for an optional AI reading.</p></li></ol></div></section><section id="features" class="scroll-mt-20 py-16 md:py-24"><div class="container mx-auto max-w-6xl px-4"><div class="mx-auto mb-10 max-w-2xl text-center"><p class="text-xs font-semibold uppercase tracking-[0.25em] text-[var(--iching-moving)]">Features</p><h2 class="mt-3 font-serif text-3xl font-semibold text-[var(--iching-ink)] md:text-4xl">Everything a careful reading needs</h2><p class="mt-3 text-base leading-relaxed text-muted-foreground">Built for people who want to actually read the text, not just get a one-line fortune.</p></div><div class="grid gap-5 sm:grid-cols-2 lg:grid-cols-3"><div class="rounded-2xl border border-[var(--iching-divider)] bg-white/50 p-6 transition hover:border-[var(--iching-primary)]/40"><div class="mb-4 h-0.5 w-10 bg-[var(--iching-moving)]"></div><h3 class="font-serif text-lg font-semibold text-[var(--iching-ink)]">Faithful three-coin method</h3><p class="mt-2 text-sm leading-relaxed text-muted-foreground">Standard 6/7/8/9 line values with true probabilities, bottom-to-top line order and King Wen numbering.</p></div><div class="rounded-2xl border border-[var(--iching-divider)] bg-white/50 p-6 transition hover:border-[var(--iching-primary)]/40"><div class="mb-4 h-0.5 w-10 bg-[var(--iching-moving)]"></div><h3 class="font-serif text-lg font-semibold text-[var(--iching-ink)]">Manual entry</h3><p class="mt-2 text-sm leading-relaxed text-muted-foreground">Prefer real coins on a real table? Enter each throw yourself and get the same full result page.</p></div><div class="rounded-2xl border border-[var(--iching-divider)] bg-white/50 p-6 transition hover:border-[var(--iching-primary)]/40"><div class="mb-4 h-0.5 w-10 bg-[var(--iching-moving)]"></div><h3 class="font-serif text-lg font-semibold text-[var(--iching-ink)]">All changing lines</h3><p class="mt-2 text-sm leading-relaxed text-muted-foreground">Every moving line is shown with its own text, plus the relating hexagram it produces — nothing hidden behind a paywall.</p></div><div class="rounded-2xl border border-[var(--iching-divider)] bg-white/50 p-6 transition hover:border-[var(--iching-primary)]/40"><div class="mb-4 h-0.5 w-10 bg-[var(--iching-moving)]"></div><h3 class="font-serif text-lg font-semibold text-[var(--iching-ink)]">64-hexagram library</h3><p class="mt-2 text-sm leading-relaxed text-muted-foreground">Each hexagram has a dedicated page: trigrams, judgment, image, six line texts and plain-language notes.</p></div><div class="rounded-2xl border border-[var(--iching-divider)] bg-white/50 p-6 transition hover:border-[var(--iching-primary)]/40"><div class="mb-4 h-0.5 w-10 bg-[var(--iching-moving)]"></div><h3 class="font-serif text-lg font-semibold text-[var(--iching-ink)]">Private by default</h3><p class="mt-2 text-sm leading-relaxed text-muted-foreground">Readings and your journal are stored in your browser. Your question is only sent if you request an AI reading.</p></div><div class="rounded-2xl border border-[var(--iching-divider)] bg-white/50 p-6 transition hover:border-[var(--iching-primary)]/40"><div class="mb-4 h-0.5 w-10 bg-[var(--iching-moving)]"></div><h3 class="font-serif text-lg font-semibold text-[var(--iching-ink)]">Optional AI reading</h3><p class="mt-2 text-sm leading-relaxed text-muted-foreground">Signed-in users can ask for a reading that ties the hexagram, the changing lines and their question together.</p></div></div><div class="mt-14"><h3 class="mb-6 text-center font-serif text-2xl font-semibold text-[var(--iching-ink)]">What people use it for</h3><div class="grid gap-4 md:grid-cols-4"><div class="rounded-xl bg-[#EFEAE1] p-5"><h4 class="font-medium text-[var(--iching-ink)]">Decisions at a crossroads</h4><p class="mt-2 text-sm leading-relaxed text-muted-foreground">Slow down before a job, move or commitment and see the situation from another angle.</p></div><div class="rounded-xl bg-[#EFEAE1] p-5"><h4 class="font-medium text-[var(--iching-ink)]">Relationships</h4><p class="mt-2 text-sm leading-relaxed text-muted-foreground">Reflect on a conversation you are avoiding, or what a relationship is asking of you.</p></div><div class="rounded-xl bg-[#EFEAE1] p-5"><h4 class="font-medium text-[var(--iching-ink)]">Creative work</h4><p class="mt-2 text-sm leading-relaxed text-muted-foreground">Use a hexagram as a prompt when a project is stuck or has lost its direction.</p></div><div class="rounded-xl bg-[#EFEAE1] p-5"><h4 class="font-medium text-[var(--iching-ink)]">Daily reflection</h4><p class="mt-2 text-sm leading-relaxed text-muted-foreground">Cast one line of thought in the morning and keep a journal of how the day answered.</p></div></div></div></div></section><section class="iching-paper border-y border-[var(--iching-divider)] py-16 md:py-24"><div class="container mx-auto max-w-6xl px-4"><div class="mx-auto mb-10 max-w-2xl text-center"><p class="text-xs font-semibold uppercase tracking-[0.25em] text-[var(--iching-moving)]">Example scenarios</p><h2 class="mt-3 font-serif text-3xl font-semibold text-[var(--iching-ink)] md:text-4xl">What a reading can look like</h2><p class="mt-3 text-base leading-relaxed text-muted-foreground">These are illustrative examples written by our editors to show the method. They are not user testimonials.</p></div><div class="grid gap-5 md:grid-cols-3"><article class="flex flex-col rounded-2xl border border-[var(--iching-divider)] bg-[#FBF9F4] p-6"><span class="self-start rounded-full border border-[var(--iching-moving)]/40 px-2 py-0.5 text-[11px] uppercase tracking-wider text-[var(--iching-moving)]">Example</span><h3 class="mt-3 font-serif text-lg font-semibold text-[var(--iching-ink)]">A career change</h3><p class="mt-2 text-sm italic text-[var(--iching-primary)]">“<!-- -->What should I understand about leaving my current job this year?<!-- -->”</p><div class="mt-4 flex items-center gap-3"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-7 w-8"><g fill="#202725"><rect x="0" y="0" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="0" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="6.2" width="40" height="3.6" rx="0.8" fill="#202725"></rect><g fill="#202725"><rect x="0" y="12.4" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="12.4" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="18.6" width="40" height="3.6" rx="0.8" fill="#202725"></rect><rect x="0" y="24.8" width="40" height="3.6" rx="0.8" fill="#202725"></rect><rect x="0" y="31" width="40" height="3.6" rx="0.8" fill="#202725"></rect></svg><a class="text-sm font-medium text-[var(--iching-ink)] underline-offset-4 hover:underline" href="/hexagrams/5-xu-waiting">5<!-- -->.<!-- --> <!-- -->Waiting (需)</a></div><p class="mt-4 flex-1 text-sm leading-relaxed text-muted-foreground">Waiting (Xu) does not say “stay forever”. It describes rain gathering before it falls: prepare, nourish yourself, and act when the timing is clear rather than out of restlessness.</p></article><article class="flex flex-col rounded-2xl border border-[var(--iching-divider)] bg-[#FBF9F4] p-6"><span class="self-start rounded-full border border-[var(--iching-moving)]/40 px-2 py-0.5 text-[11px] uppercase tracking-wider text-[var(--iching-moving)]">Example</span><h3 class="mt-3 font-serif text-lg font-semibold text-[var(--iching-ink)]">A strained friendship</h3><p class="mt-2 text-sm italic text-[var(--iching-primary)]">“<!-- -->How can I approach the disagreement with my friend?<!-- -->”</p><div class="mt-4 flex items-center gap-3"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-7 w-8"><rect x="0" y="0" width="40" height="3.6" rx="0.8" fill="#202725"></rect><rect x="0" y="6.2" width="40" height="3.6" rx="0.8" fill="#202725"></rect><rect x="0" y="12.4" width="40" height="3.6" rx="0.8" fill="#202725"></rect><g fill="#202725"><rect x="0" y="18.6" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="18.6" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="24.8" width="40" height="3.6" rx="0.8" fill="#202725"></rect><g fill="#202725"><rect x="0" y="31" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="31" width="17" height="3.6" rx="0.8"></rect></g></svg><a class="text-sm font-medium text-[var(--iching-ink)] underline-offset-4 hover:underline" href="/hexagrams/6-song-conflict">6<!-- -->.<!-- --> <!-- -->Conflict (訟)</a></div><p class="mt-4 flex-1 text-sm leading-relaxed text-muted-foreground">Conflict (Song) advises stopping halfway rather than pushing to win. A changing line here often points to seeking a fair third view instead of escalating.</p></article><article class="flex flex-col rounded-2xl border border-[var(--iching-divider)] bg-[#FBF9F4] p-6"><span class="self-start rounded-full border border-[var(--iching-moving)]/40 px-2 py-0.5 text-[11px] uppercase tracking-wider text-[var(--iching-moving)]">Example</span><h3 class="mt-3 font-serif text-lg font-semibold text-[var(--iching-ink)]">Starting a new project</h3><p class="mt-2 text-sm italic text-[var(--iching-primary)]">“<!-- -->What attitude will help this project begin well?<!-- -->”</p><div class="mt-4 flex items-center gap-3"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-7 w-8"><g fill="#202725"><rect x="0" y="0" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="0" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="6.2" width="40" height="3.6" rx="0.8" fill="#202725"></rect><g fill="#202725"><rect x="0" y="12.4" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="12.4" width="17" height="3.6" rx="0.8"></rect></g><g fill="#202725"><rect x="0" y="18.6" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="18.6" width="17" height="3.6" rx="0.8"></rect></g><g fill="#202725"><rect x="0" y="24.8" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="24.8" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="31" width="40" height="3.6" rx="0.8" fill="#202725"></rect></svg><a class="text-sm font-medium text-[var(--iching-ink)] underline-offset-4 hover:underline" href="/hexagrams/3-zhun-difficulty-at-the-beginning">3<!-- -->.<!-- --> <!-- -->Difficulty at the Beginning (屯)</a></div><p class="mt-4 flex-1 text-sm leading-relaxed text-muted-foreground">Difficulty at the Beginning frames early chaos as normal growth. The image suggests finding helpers and putting order into the tangle step by step.</p></article></div></div></section><section class="py-16 md:py-24"><div class="container mx-auto max-w-6xl px-4"><div class="mx-auto mb-10 max-w-2xl text-center"><p class="text-xs font-semibold uppercase tracking-[0.25em] text-[var(--iching-moving)]">The 64 hexagrams</p><h2 class="mt-3 font-serif text-3xl font-semibold text-[var(--iching-ink)] md:text-4xl">Explore every hexagram</h2><p class="mt-3 text-base leading-relaxed text-muted-foreground">Tap any figure to read its judgment, image and line texts.</p></div><ul class="grid grid-cols-4 gap-2 sm:grid-cols-8"><li><a title="1. The Creative (乾)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/1-qian-the-creative"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><rect x="0" y="0" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="6.2" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="12.4" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="18.6" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="24.8" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="31" width="40" height="3.6" rx="0.8" fill="currentColor"></rect></svg><span class="font-serif text-sm text-[var(--iching-ink)]">乾</span><span class="text-[10px] text-muted-foreground">1</span></a></li><li><a title="2. The Receptive (坤)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/2-kun-the-receptive"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><g fill="currentColor"><rect x="0" y="0" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="0" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="6.2" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="6.2" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="12.4" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="12.4" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="18.6" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="18.6" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="24.8" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="24.8" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="31" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="31" width="17" height="3.6" rx="0.8"></rect></g></svg><span class="font-serif text-sm text-[var(--iching-ink)]">坤</span><span class="text-[10px] text-muted-foreground">2</span></a></li><li><a title="3. Difficulty at the Beginning (屯)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/3-zhun-difficulty-at-the-beginning"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><g fill="currentColor"><rect x="0" y="0" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="0" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="6.2" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="12.4" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="12.4" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="18.6" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="18.6" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="24.8" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="24.8" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="31" width="40" height="3.6" rx="0.8" fill="currentColor"></rect></svg><span class="font-serif text-sm text-[var(--iching-ink)]">屯</span><span class="text-[10px] text-muted-foreground">3</span></a></li><li><a title="4. Youthful Folly (蒙)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/4-meng-youthful-folly"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><rect x="0" y="0" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="6.2" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="6.2" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="12.4" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="12.4" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="18.6" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="18.6" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="24.8" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="31" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="31" width="17" height="3.6" rx="0.8"></rect></g></svg><span class="font-serif text-sm text-[var(--iching-ink)]">蒙</span><span class="text-[10px] text-muted-foreground">4</span></a></li><li><a title="5. Waiting (需)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/5-xu-waiting"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><g fill="currentColor"><rect x="0" y="0" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="0" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="6.2" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="12.4" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="12.4" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="18.6" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="24.8" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="31" width="40" height="3.6" rx="0.8" fill="currentColor"></rect></svg><span class="font-serif text-sm text-[var(--iching-ink)]">需</span><span class="text-[10px] text-muted-foreground">5</span></a></li><li><a title="6. Conflict (訟)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/6-song-conflict"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><rect x="0" y="0" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="6.2" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="12.4" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="18.6" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="18.6" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="24.8" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="31" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="31" width="17" height="3.6" rx="0.8"></rect></g></svg><span class="font-serif text-sm text-[var(--iching-ink)]">訟</span><span class="text-[10px] text-muted-foreground">6</span></a></li><li><a title="7. The Army (師)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/7-shi-the-army"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><g fill="currentColor"><rect x="0" y="0" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="0" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="6.2" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="6.2" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="12.4" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="12.4" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="18.6" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="18.6" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="24.8" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="31" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="31" width="17" height="3.6" rx="0.8"></rect></g></svg><span class="font-serif text-sm text-[var(--iching-ink)]">師</span><span class="text-[10px] text-muted-foreground">7</span></a></li><li><a title="8. Holding Together (比)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/8-bi-holding-together"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><g fill="currentColor"><rect x="0" y="0" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="0" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="6.2" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="12.4" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="12.4" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="18.6" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="18.6" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="24.8" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="24.8" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="31" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="31" width="17" height="3.6" rx="0.8"></rect></g></svg><span class="font-serif text-sm text-[var(--iching-ink)]">比</span><span class="text-[10px] text-muted-foreground">8</span></a></li><li><a title="9. Small Taming (小畜)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/9-xiao-chu-small-taming"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><rect x="0" y="0" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="6.2" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="12.4" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="12.4" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="18.6" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="24.8" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="31" width="40" height="3.6" rx="0.8" fill="currentColor"></rect></svg><span class="font-serif text-sm text-[var(--iching-ink)]">小畜</span><span class="text-[10px] text-muted-foreground">9</span></a></li><li><a title="10. Treading (履)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/10-lu-treading"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><rect x="0" y="0" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="6.2" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="12.4" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="18.6" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="18.6" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="24.8" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="31" width="40" height="3.6" rx="0.8" fill="currentColor"></rect></svg><span class="font-serif text-sm text-[var(--iching-ink)]">履</span><span class="text-[10px] text-muted-foreground">10</span></a></li><li><a title="11. Peace (泰)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/11-tai-peace"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><g fill="currentColor"><rect x="0" y="0" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="0" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="6.2" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="6.2" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="12.4" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="12.4" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="18.6" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="24.8" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="31" width="40" height="3.6" rx="0.8" fill="currentColor"></rect></svg><span class="font-serif text-sm text-[var(--iching-ink)]">泰</span><span class="text-[10px] text-muted-foreground">11</span></a></li><li><a title="12. Standstill (否)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/12-pi-standstill"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><rect x="0" y="0" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="6.2" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="12.4" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="18.6" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="18.6" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="24.8" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="24.8" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="31" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="31" width="17" height="3.6" rx="0.8"></rect></g></svg><span class="font-serif text-sm text-[var(--iching-ink)]">否</span><span class="text-[10px] text-muted-foreground">12</span></a></li><li><a title="13. Fellowship (同人)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/13-tong-ren-fellowship"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><rect x="0" y="0" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="6.2" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="12.4" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="18.6" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="24.8" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="24.8" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="31" width="40" height="3.6" rx="0.8" fill="currentColor"></rect></svg><span class="font-serif text-sm text-[var(--iching-ink)]">同人</span><span class="text-[10px] text-muted-foreground">13</span></a></li><li><a title="14. Great Possession (大有)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/14-da-you-great-possession"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><rect x="0" y="0" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="6.2" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="6.2" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="12.4" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="18.6" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="24.8" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="31" width="40" height="3.6" rx="0.8" fill="currentColor"></rect></svg><span class="font-serif text-sm text-[var(--iching-ink)]">大有</span><span class="text-[10px] text-muted-foreground">14</span></a></li><li><a title="15. Modesty (謙)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/15-qian-modesty"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><g fill="currentColor"><rect x="0" y="0" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="0" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="6.2" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="6.2" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="12.4" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="12.4" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="18.6" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="24.8" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="24.8" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="31" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="31" width="17" height="3.6" rx="0.8"></rect></g></svg><span class="font-serif text-sm text-[var(--iching-ink)]">謙</span><span class="text-[10px] text-muted-foreground">15</span></a></li><li><a title="16. Enthusiasm (豫)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/16-yu-enthusiasm"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><g fill="currentColor"><rect x="0" y="0" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="0" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="6.2" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="6.2" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="12.4" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="18.6" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="18.6" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="24.8" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="24.8" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="31" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="31" width="17" height="3.6" rx="0.8"></rect></g></svg><span class="font-serif text-sm text-[var(--iching-ink)]">豫</span><span class="text-[10px] text-muted-foreground">16</span></a></li><li><a title="17. Following (隨)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/17-sui-following"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><g fill="currentColor"><rect x="0" y="0" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="0" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="6.2" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="12.4" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="18.6" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="18.6" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="24.8" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="24.8" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="31" width="40" height="3.6" rx="0.8" fill="currentColor"></rect></svg><span class="font-serif text-sm text-[var(--iching-ink)]">隨</span><span class="text-[10px] text-muted-foreground">17</span></a></li><li><a title="18. Work on the Decayed (蠱)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/18-gu-work-on-the-decayed"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><rect x="0" y="0" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="6.2" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="6.2" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="12.4" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="12.4" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="18.6" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="24.8" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="31" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="31" width="17" height="3.6" rx="0.8"></rect></g></svg><span class="font-serif text-sm text-[var(--iching-ink)]">蠱</span><span class="text-[10px] text-muted-foreground">18</span></a></li><li><a title="19. Approach (臨)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/19-lin-approach"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><g fill="currentColor"><rect x="0" y="0" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="0" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="6.2" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="6.2" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="12.4" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="12.4" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="18.6" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="18.6" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="24.8" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="31" width="40" height="3.6" rx="0.8" fill="currentColor"></rect></svg><span class="font-serif text-sm text-[var(--iching-ink)]">臨</span><span class="text-[10px] text-muted-foreground">19</span></a></li><li><a title="20. Contemplation (觀)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/20-guan-contemplation"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><rect x="0" y="0" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="6.2" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="12.4" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="12.4" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="18.6" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="18.6" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="24.8" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="24.8" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="31" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="31" width="17" height="3.6" rx="0.8"></rect></g></svg><span class="font-serif text-sm text-[var(--iching-ink)]">觀</span><span class="text-[10px] text-muted-foreground">20</span></a></li><li><a title="21. Biting Through (噬嗑)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/21-shi-ke-biting-through"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><rect x="0" y="0" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="6.2" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="6.2" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="12.4" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="18.6" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="18.6" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="24.8" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="24.8" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="31" width="40" height="3.6" rx="0.8" fill="currentColor"></rect></svg><span class="font-serif text-sm text-[var(--iching-ink)]">噬嗑</span><span class="text-[10px] text-muted-foreground">21</span></a></li><li><a title="22. Grace (賁)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/22-bi-grace"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><rect x="0" y="0" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="6.2" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="6.2" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="12.4" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="12.4" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="18.6" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="24.8" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="24.8" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="31" width="40" height="3.6" rx="0.8" fill="currentColor"></rect></svg><span class="font-serif text-sm text-[var(--iching-ink)]">賁</span><span class="text-[10px] text-muted-foreground">22</span></a></li><li><a title="23. Splitting Apart (剝)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/23-bo-splitting-apart"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><rect x="0" y="0" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="6.2" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="6.2" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="12.4" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="12.4" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="18.6" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="18.6" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="24.8" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="24.8" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="31" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="31" width="17" height="3.6" rx="0.8"></rect></g></svg><span class="font-serif text-sm text-[var(--iching-ink)]">剝</span><span class="text-[10px] text-muted-foreground">23</span></a></li><li><a title="24. Return (復)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/24-fu-return"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><g fill="currentColor"><rect x="0" y="0" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="0" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="6.2" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="6.2" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="12.4" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="12.4" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="18.6" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="18.6" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="24.8" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="24.8" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="31" width="40" height="3.6" rx="0.8" fill="currentColor"></rect></svg><span class="font-serif text-sm text-[var(--iching-ink)]">復</span><span class="text-[10px] text-muted-foreground">24</span></a></li><li><a title="25. Innocence (無妄)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/25-wu-wang-innocence"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><rect x="0" y="0" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="6.2" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="12.4" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="18.6" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="18.6" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="24.8" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="24.8" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="31" width="40" height="3.6" rx="0.8" fill="currentColor"></rect></svg><span class="font-serif text-sm text-[var(--iching-ink)]">無妄</span><span class="text-[10px] text-muted-foreground">25</span></a></li><li><a title="26. Great Taming (大畜)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/26-da-chu-great-taming"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><rect x="0" y="0" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="6.2" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="6.2" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="12.4" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="12.4" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="18.6" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="24.8" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="31" width="40" height="3.6" rx="0.8" fill="currentColor"></rect></svg><span class="font-serif text-sm text-[var(--iching-ink)]">大畜</span><span class="text-[10px] text-muted-foreground">26</span></a></li><li><a title="27. Nourishment (頤)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/27-yi-nourishment"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><rect x="0" y="0" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="6.2" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="6.2" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="12.4" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="12.4" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="18.6" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="18.6" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="24.8" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="24.8" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="31" width="40" height="3.6" rx="0.8" fill="currentColor"></rect></svg><span class="font-serif text-sm text-[var(--iching-ink)]">頤</span><span class="text-[10px] text-muted-foreground">27</span></a></li><li><a title="28. Great Exceeding (大過)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/28-da-guo-great-exceeding"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><g fill="currentColor"><rect x="0" y="0" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="0" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="6.2" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="12.4" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="18.6" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="24.8" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="31" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="31" width="17" height="3.6" rx="0.8"></rect></g></svg><span class="font-serif text-sm text-[var(--iching-ink)]">大過</span><span class="text-[10px] text-muted-foreground">28</span></a></li><li><a title="29. The Abysmal (坎)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/29-kan-the-abysmal"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><g fill="currentColor"><rect x="0" y="0" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="0" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="6.2" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="12.4" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="12.4" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="18.6" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="18.6" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="24.8" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="31" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="31" width="17" height="3.6" rx="0.8"></rect></g></svg><span class="font-serif text-sm text-[var(--iching-ink)]">坎</span><span class="text-[10px] text-muted-foreground">29</span></a></li><li><a title="30. The Clinging (離)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/30-li-the-clinging"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><rect x="0" y="0" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="6.2" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="6.2" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="12.4" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="18.6" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="24.8" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="24.8" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="31" width="40" height="3.6" rx="0.8" fill="currentColor"></rect></svg><span class="font-serif text-sm text-[var(--iching-ink)]">離</span><span class="text-[10px] text-muted-foreground">30</span></a></li><li><a title="31. Influence (鹹)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/31-xian-influence"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><g fill="currentColor"><rect x="0" y="0" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="0" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="6.2" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="12.4" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="18.6" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="24.8" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="24.8" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="31" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="31" width="17" height="3.6" rx="0.8"></rect></g></svg><span class="font-serif text-sm text-[var(--iching-ink)]">鹹</span><span class="text-[10px] text-muted-foreground">31</span></a></li><li><a title="32. Duration (恆)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/32-heng-duration"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><g fill="currentColor"><rect x="0" y="0" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="0" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="6.2" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="6.2" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="12.4" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="18.6" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="24.8" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="31" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="31" width="17" height="3.6" rx="0.8"></rect></g></svg><span class="font-serif text-sm text-[var(--iching-ink)]">恆</span><span class="text-[10px] text-muted-foreground">32</span></a></li><li><a title="33. Retreat (遁)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/33-dun-retreat"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><rect x="0" y="0" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="6.2" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="12.4" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="18.6" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="24.8" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="24.8" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="31" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="31" width="17" height="3.6" rx="0.8"></rect></g></svg><span class="font-serif text-sm text-[var(--iching-ink)]">遁</span><span class="text-[10px] text-muted-foreground">33</span></a></li><li><a title="34. Great Power (大壯)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/34-da-zhuang-great-power"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><g fill="currentColor"><rect x="0" y="0" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="0" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="6.2" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="6.2" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="12.4" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="18.6" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="24.8" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="31" width="40" height="3.6" rx="0.8" fill="currentColor"></rect></svg><span class="font-serif text-sm text-[var(--iching-ink)]">大壯</span><span class="text-[10px] text-muted-foreground">34</span></a></li><li><a title="35. Progress (晉)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/35-jin-progress"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><rect x="0" y="0" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="6.2" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="6.2" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="12.4" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="18.6" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="18.6" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="24.8" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="24.8" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="31" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="31" width="17" height="3.6" rx="0.8"></rect></g></svg><span class="font-serif text-sm text-[var(--iching-ink)]">晉</span><span class="text-[10px] text-muted-foreground">35</span></a></li><li><a title="36. Darkening of the Light (明夷)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/36-ming-yi-darkening-of-the-light"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><g fill="currentColor"><rect x="0" y="0" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="0" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="6.2" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="6.2" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="12.4" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="12.4" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="18.6" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="24.8" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="24.8" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="31" width="40" height="3.6" rx="0.8" fill="currentColor"></rect></svg><span class="font-serif text-sm text-[var(--iching-ink)]">明夷</span><span class="text-[10px] text-muted-foreground">36</span></a></li><li><a title="37. The Family (家人)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/37-jia-ren-the-family"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><rect x="0" y="0" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="6.2" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="12.4" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="12.4" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="18.6" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="24.8" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="24.8" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="31" width="40" height="3.6" rx="0.8" fill="currentColor"></rect></svg><span class="font-serif text-sm text-[var(--iching-ink)]">家人</span><span class="text-[10px] text-muted-foreground">37</span></a></li><li><a title="38. Opposition (睽)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/38-kui-opposition"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><rect x="0" y="0" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="6.2" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="6.2" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="12.4" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="18.6" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="18.6" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="24.8" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="31" width="40" height="3.6" rx="0.8" fill="currentColor"></rect></svg><span class="font-serif text-sm text-[var(--iching-ink)]">睽</span><span class="text-[10px] text-muted-foreground">38</span></a></li><li><a title="39. Obstruction (蹇)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/39-jian-obstruction"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><g fill="currentColor"><rect x="0" y="0" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="0" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="6.2" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="12.4" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="12.4" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="18.6" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="24.8" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="24.8" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="31" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="31" width="17" height="3.6" rx="0.8"></rect></g></svg><span class="font-serif text-sm text-[var(--iching-ink)]">蹇</span><span class="text-[10px] text-muted-foreground">39</span></a></li><li><a title="40. Deliverance (解)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/40-xie-deliverance"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><g fill="currentColor"><rect x="0" y="0" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="0" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="6.2" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="6.2" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="12.4" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="18.6" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="18.6" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="24.8" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="31" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="31" width="17" height="3.6" rx="0.8"></rect></g></svg><span class="font-serif text-sm text-[var(--iching-ink)]">解</span><span class="text-[10px] text-muted-foreground">40</span></a></li><li><a title="41. Decrease (損)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/41-sun-decrease"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><rect x="0" y="0" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="6.2" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="6.2" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="12.4" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="12.4" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="18.6" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="18.6" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="24.8" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="31" width="40" height="3.6" rx="0.8" fill="currentColor"></rect></svg><span class="font-serif text-sm text-[var(--iching-ink)]">損</span><span class="text-[10px] text-muted-foreground">41</span></a></li><li><a title="42. Increase (益)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/42-yi-increase"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><rect x="0" y="0" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="6.2" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="12.4" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="12.4" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="18.6" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="18.6" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="24.8" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="24.8" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="31" width="40" height="3.6" rx="0.8" fill="currentColor"></rect></svg><span class="font-serif text-sm text-[var(--iching-ink)]">益</span><span class="text-[10px] text-muted-foreground">42</span></a></li><li><a title="43. Breakthrough (夬)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/43-guai-breakthrough"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><g fill="currentColor"><rect x="0" y="0" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="0" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="6.2" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="12.4" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="18.6" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="24.8" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="31" width="40" height="3.6" rx="0.8" fill="currentColor"></rect></svg><span class="font-serif text-sm text-[var(--iching-ink)]">夬</span><span class="text-[10px] text-muted-foreground">43</span></a></li><li><a title="44. Coming to Meet (姤)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/44-gou-coming-to-meet"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><rect x="0" y="0" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="6.2" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="12.4" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="18.6" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="24.8" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="31" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="31" width="17" height="3.6" rx="0.8"></rect></g></svg><span class="font-serif text-sm text-[var(--iching-ink)]">姤</span><span class="text-[10px] text-muted-foreground">44</span></a></li><li><a title="45. Gathering Together (萃)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/45-cui-gathering-together"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><g fill="currentColor"><rect x="0" y="0" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="0" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="6.2" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="12.4" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="18.6" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="18.6" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="24.8" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="24.8" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="31" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="31" width="17" height="3.6" rx="0.8"></rect></g></svg><span class="font-serif text-sm text-[var(--iching-ink)]">萃</span><span class="text-[10px] text-muted-foreground">45</span></a></li><li><a title="46. Pushing Upward (升)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/46-sheng-pushing-upward"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><g fill="currentColor"><rect x="0" y="0" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="0" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="6.2" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="6.2" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="12.4" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="12.4" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="18.6" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="24.8" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="31" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="31" width="17" height="3.6" rx="0.8"></rect></g></svg><span class="font-serif text-sm text-[var(--iching-ink)]">升</span><span class="text-[10px] text-muted-foreground">46</span></a></li><li><a title="47. Oppression (困)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/47-kun-oppression"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><g fill="currentColor"><rect x="0" y="0" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="0" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="6.2" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="12.4" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="18.6" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="18.6" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="24.8" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="31" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="31" width="17" height="3.6" rx="0.8"></rect></g></svg><span class="font-serif text-sm text-[var(--iching-ink)]">困</span><span class="text-[10px] text-muted-foreground">47</span></a></li><li><a title="48. The Well (井)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/48-jing-the-well"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><g fill="currentColor"><rect x="0" y="0" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="0" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="6.2" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="12.4" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="12.4" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="18.6" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="24.8" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="31" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="31" width="17" height="3.6" rx="0.8"></rect></g></svg><span class="font-serif text-sm text-[var(--iching-ink)]">井</span><span class="text-[10px] text-muted-foreground">48</span></a></li><li><a title="49. Revolution (革)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/49-ge-revolution"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><g fill="currentColor"><rect x="0" y="0" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="0" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="6.2" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="12.4" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="18.6" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="24.8" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="24.8" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="31" width="40" height="3.6" rx="0.8" fill="currentColor"></rect></svg><span class="font-serif text-sm text-[var(--iching-ink)]">革</span><span class="text-[10px] text-muted-foreground">49</span></a></li><li><a title="50. The Cauldron (鼎)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/50-ding-the-cauldron"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><rect x="0" y="0" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="6.2" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="6.2" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="12.4" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="18.6" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="24.8" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="31" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="31" width="17" height="3.6" rx="0.8"></rect></g></svg><span class="font-serif text-sm text-[var(--iching-ink)]">鼎</span><span class="text-[10px] text-muted-foreground">50</span></a></li><li><a title="51. The Arousing (震)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/51-zhen-the-arousing"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><g fill="currentColor"><rect x="0" y="0" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="0" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="6.2" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="6.2" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="12.4" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="18.6" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="18.6" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="24.8" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="24.8" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="31" width="40" height="3.6" rx="0.8" fill="currentColor"></rect></svg><span class="font-serif text-sm text-[var(--iching-ink)]">震</span><span class="text-[10px] text-muted-foreground">51</span></a></li><li><a title="52. Keeping Still (艮)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/52-gen-keeping-still"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><rect x="0" y="0" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="6.2" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="6.2" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="12.4" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="12.4" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="18.6" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="24.8" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="24.8" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="31" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="31" width="17" height="3.6" rx="0.8"></rect></g></svg><span class="font-serif text-sm text-[var(--iching-ink)]">艮</span><span class="text-[10px] text-muted-foreground">52</span></a></li><li><a title="53. Development (漸)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/53-jian-development"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><rect x="0" y="0" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="6.2" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="12.4" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="12.4" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="18.6" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="24.8" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="24.8" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="31" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="31" width="17" height="3.6" rx="0.8"></rect></g></svg><span class="font-serif text-sm text-[var(--iching-ink)]">漸</span><span class="text-[10px] text-muted-foreground">53</span></a></li><li><a title="54. The Marrying Maiden (歸妹)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/54-gui-mei-the-marrying-maiden"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><g fill="currentColor"><rect x="0" y="0" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="0" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="6.2" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="6.2" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="12.4" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="18.6" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="18.6" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="24.8" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="31" width="40" height="3.6" rx="0.8" fill="currentColor"></rect></svg><span class="font-serif text-sm text-[var(--iching-ink)]">歸妹</span><span class="text-[10px] text-muted-foreground">54</span></a></li><li><a title="55. Abundance (豐)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/55-feng-abundance"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><g fill="currentColor"><rect x="0" y="0" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="0" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="6.2" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="6.2" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="12.4" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="18.6" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="24.8" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="24.8" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="31" width="40" height="3.6" rx="0.8" fill="currentColor"></rect></svg><span class="font-serif text-sm text-[var(--iching-ink)]">豐</span><span class="text-[10px] text-muted-foreground">55</span></a></li><li><a title="56. The Wanderer (旅)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/56-lu-the-wanderer"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><rect x="0" y="0" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="6.2" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="6.2" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="12.4" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="18.6" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="24.8" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="24.8" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="31" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="31" width="17" height="3.6" rx="0.8"></rect></g></svg><span class="font-serif text-sm text-[var(--iching-ink)]">旅</span><span class="text-[10px] text-muted-foreground">56</span></a></li><li><a title="57. The Gentle (巽)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/57-xun-the-gentle"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><rect x="0" y="0" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="6.2" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="12.4" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="12.4" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="18.6" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="24.8" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="31" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="31" width="17" height="3.6" rx="0.8"></rect></g></svg><span class="font-serif text-sm text-[var(--iching-ink)]">巽</span><span class="text-[10px] text-muted-foreground">57</span></a></li><li><a title="58. The Joyous (兌)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/58-dui-the-joyous"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><g fill="currentColor"><rect x="0" y="0" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="0" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="6.2" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="12.4" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="18.6" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="18.6" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="24.8" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="31" width="40" height="3.6" rx="0.8" fill="currentColor"></rect></svg><span class="font-serif text-sm text-[var(--iching-ink)]">兌</span><span class="text-[10px] text-muted-foreground">58</span></a></li><li><a title="59. Dispersion (渙)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/59-huan-dispersion"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><rect x="0" y="0" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="6.2" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="12.4" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="12.4" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="18.6" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="18.6" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="24.8" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="31" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="31" width="17" height="3.6" rx="0.8"></rect></g></svg><span class="font-serif text-sm text-[var(--iching-ink)]">渙</span><span class="text-[10px] text-muted-foreground">59</span></a></li><li><a title="60. Limitation (節)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/60-jie-limitation"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><g fill="currentColor"><rect x="0" y="0" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="0" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="6.2" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="12.4" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="12.4" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="18.6" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="18.6" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="24.8" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="31" width="40" height="3.6" rx="0.8" fill="currentColor"></rect></svg><span class="font-serif text-sm text-[var(--iching-ink)]">節</span><span class="text-[10px] text-muted-foreground">60</span></a></li><li><a title="61. Inner Truth (中孚)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/61-zhong-fu-inner-truth"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><rect x="0" y="0" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="6.2" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="12.4" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="12.4" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="18.6" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="18.6" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="24.8" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="31" width="40" height="3.6" rx="0.8" fill="currentColor"></rect></svg><span class="font-serif text-sm text-[var(--iching-ink)]">中孚</span><span class="text-[10px] text-muted-foreground">61</span></a></li><li><a title="62. Small Exceeding (小過)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/62-xiao-guo-small-exceeding"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><g fill="currentColor"><rect x="0" y="0" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="0" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="6.2" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="6.2" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="12.4" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><rect x="0" y="18.6" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="24.8" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="24.8" width="17" height="3.6" rx="0.8"></rect></g><g fill="currentColor"><rect x="0" y="31" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="31" width="17" height="3.6" rx="0.8"></rect></g></svg><span class="font-serif text-sm text-[var(--iching-ink)]">小過</span><span class="text-[10px] text-muted-foreground">62</span></a></li><li><a title="63. After Completion (既濟)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/63-ji-ji-after-completion"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><g fill="currentColor"><rect x="0" y="0" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="0" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="6.2" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="12.4" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="12.4" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="18.6" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="24.8" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="24.8" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="31" width="40" height="3.6" rx="0.8" fill="currentColor"></rect></svg><span class="font-serif text-sm text-[var(--iching-ink)]">既濟</span><span class="text-[10px] text-muted-foreground">63</span></a></li><li><a title="64. Before Completion (未濟)" class="group flex flex-col items-center gap-1.5 rounded-lg border border-[var(--iching-divider)] bg-white/40 px-1 py-3 transition hover:border-[var(--iching-moving)]/50 hover:bg-white" href="/hexagrams/64-wei-ji-before-completion"><svg viewBox="0 0 40 36" aria-hidden="true" class="h-6 w-7 text-[var(--iching-ink)] group-hover:text-[var(--iching-moving)]"><rect x="0" y="0" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="6.2" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="6.2" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="12.4" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="18.6" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="18.6" width="17" height="3.6" rx="0.8"></rect></g><rect x="0" y="24.8" width="40" height="3.6" rx="0.8" fill="currentColor"></rect><g fill="currentColor"><rect x="0" y="31" width="17" height="3.6" rx="0.8"></rect><rect x="23" y="31" width="17" height="3.6" rx="0.8"></rect></g></svg><span class="font-serif text-sm text-[var(--iching-ink)]">未濟</span><span class="text-[10px] text-muted-foreground">64</span></a></li></ul><div class="mt-8 text-center"><a class="inline-flex h-11 items-center justify-center rounded-full border border-[var(--iching-ink)]/25 bg-white/40 px-7 text-sm font-medium text-[var(--iching-ink)] transition hover:bg-white/80" href="/hexagrams">Open the full hexagram library</a></div></div></section><section class="border-y border-[var(--iching-divider)] bg-[var(--iching-primary)] py-16 text-[#F7F4EE] md:py-24"><div class="container mx-auto max-w-6xl px-4"><div><div class="max-w-2xl"><p class="text-xs font-semibold uppercase tracking-[0.25em] text-[#E7B9AF]">AI reading</p><h2 class="mt-3 font-serif text-3xl font-semibold md:text-4xl">A personal reading, when you want one</h2><p class="mt-5 leading-relaxed text-[#F7F4EE]/80">The standard reading is always free. If you want help connecting the text to your question, signed-in users can request an AI reading that weighs the primary hexagram, each changing line and the relating hexagram together.</p><ul class="mt-6 space-y-3 text-sm text-[#F7F4EE]/90"><li class="flex gap-3"><span class="text-[#E7B9AF]">◆</span>Costs 10 credits per reading; accounts with a verified email receive 10 free credits</li><li class="flex gap-3"><span class="text-[#E7B9AF]">◆</span>The hexagram is recomputed on the server from your lines — the AI cannot change your cast</li><li class="flex gap-3"><span class="text-[#E7B9AF]">◆</span>Credits are only deducted after a reading is generated successfully</li><li class="flex gap-3"><span class="text-[#E7B9AF]">◆</span>For reflection, not medical, legal or financial advice</li></ul></div><div class="mt-10"><div><div class="mb-6 flex flex-wrap items-center justify-center gap-2 rounded-2xl px-4 py-3 text-sm bg-[#F7F4EE] text-[var(--iching-ink)]"><span class="flex items-center gap-0.5 font-semibold tabular-nums" aria-hidden="true"><span>30</span><span>:<!-- -->00</span><span>:<!-- -->00</span></span><span class="font-serif text-base">10 free credits</span><span class="text-[var(--iching-ink)]/70">New accounts get 10 credits once. Casting stays free.</span></div><div class="mx-auto flex w-fit rounded-full p-1 bg-white/10"><button type="button" aria-pressed="false" class="inline-flex items-center gap-1.5 rounded-full px-4 py-1.5 text-sm font-medium text-[#F7F4EE]/80">Monthly</button><button type="button" aria-pressed="true" class="inline-flex items-center gap-1.5 rounded-full px-4 py-1.5 text-sm font-medium bg-[#F7F4EE] text-[var(--iching-ink)]">Yearly<span class="rounded-full px-1.5 py-0.5 text-[10px] font-semibold bg-[var(--iching-primary)] text-[#F7F4EE]">2 months free</span></button><button type="button" aria-pressed="false" class="inline-flex items-center gap-1.5 rounded-full px-4 py-1.5 text-sm font-medium text-[#F7F4EE]/80">Packs</button></div><h3 class="mt-8 text-center font-serif text-2xl text-[#F7F4EE]">Subscription</h3><div class="mt-5 grid gap-4 md:grid-cols-3"><article class="flex w-full flex-col rounded-2xl border p-5 h-full border-white/20 bg-white/10 text-[#F7F4EE]"><span class="mb-2 inline-flex h-5" aria-hidden="true"></span><h4 class="font-medium">400 credits each month · 40 AI readings</h4><p class="mt-2 font-serif text-3xl">$99/yr</p><p class="mt-2 text-sm text-[#F7F4EE]/70">About $8.25/mo · 2 months free</p><button type="button" class="mt-4 h-10 cursor-pointer rounded-md text-sm font-medium bg-[#F7F4EE] text-[var(--iching-ink)]">Purchase</button><ul class="mt-4 flex-1 space-y-2 text-sm"><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-[#F7F4EE]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-[#F7F4EE]/80">$99 billed annually; credits are issued monthly in 12 grants</span></li><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-[#F7F4EE]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-[#F7F4EE]/80">Credits expire 30 days after being added; monthly and annual credits do not pile up for the year</span></li><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-[#F7F4EE]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-[#F7F4EE]/80">Cancel via the account billing page; takes effect at the end of the current period</span></li><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-[#F7F4EE]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-[#F7F4EE]/80">AI reading · 10 credits</span></li><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-[#F7F4EE]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-[#F7F4EE]/80">Ties the primary hexagram to your question</span></li><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-[#F7F4EE]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-[#F7F4EE]/80">Comments on every changing line</span></li><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-[#F7F4EE]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-[#F7F4EE]/80">Includes the relating hexagram only when the cast has one</span></li><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-[#F7F4EE]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-[#F7F4EE]/80">Includes three reflection prompts</span></li><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-[#F7F4EE]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-[#F7F4EE]/80">Credits are not charged if the AI reading fails</span></li></ul></article><article class="flex w-full flex-col rounded-2xl border p-5 h-full border-[var(--iching-primary)] bg-[#F7F4EE] text-[var(--iching-ink)]"><span class="mb-2 inline-flex w-fit rounded-full bg-[var(--iching-primary)] px-2 py-0.5 text-[10px] font-semibold text-[#F7F4EE]">Most popular</span><h4 class="font-medium">1000 credits each month · 100 AI readings</h4><p class="mt-2 font-serif text-3xl">$199/yr</p><p class="mt-2 text-sm text-muted-foreground">About $16.58/mo · 2 months free</p><button type="button" class="mt-4 h-10 cursor-pointer rounded-md text-sm font-medium bg-[var(--iching-primary)] text-[#F7F4EE]">Purchase</button><ul class="mt-4 flex-1 space-y-2 text-sm"><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-[var(--iching-primary)]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-muted-foreground">$199 billed annually; credits are issued monthly in 12 grants</span></li><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-[var(--iching-primary)]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-muted-foreground">Credits expire 30 days after being added; monthly and annual credits do not pile up for the year</span></li><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-[var(--iching-primary)]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-muted-foreground">Cancel via the account billing page; takes effect at the end of the current period</span></li><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-[var(--iching-primary)]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-muted-foreground">AI reading · 10 credits</span></li><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-[var(--iching-primary)]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-muted-foreground">Ties the primary hexagram to your question</span></li><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-[var(--iching-primary)]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-muted-foreground">Comments on every changing line</span></li><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-[var(--iching-primary)]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-muted-foreground">Includes the relating hexagram only when the cast has one</span></li><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-[var(--iching-primary)]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-muted-foreground">Includes three reflection prompts</span></li><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-[var(--iching-primary)]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-muted-foreground">Credits are not charged if the AI reading fails</span></li></ul></article><article class="flex w-full flex-col rounded-2xl border p-5 h-full border-white/20 bg-white/10 text-[#F7F4EE]"><span class="mb-2 inline-flex h-5" aria-hidden="true"></span><h4 class="font-medium">2000 credits each month · 200 AI readings</h4><p class="mt-2 font-serif text-3xl">$299/yr</p><p class="mt-2 text-sm text-[#F7F4EE]/70">About $24.92/mo · 2 months free</p><button type="button" class="mt-4 h-10 cursor-pointer rounded-md text-sm font-medium bg-[#F7F4EE] text-[var(--iching-ink)]">Purchase</button><ul class="mt-4 flex-1 space-y-2 text-sm"><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-[#F7F4EE]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-[#F7F4EE]/80">$299 billed annually; credits are issued monthly in 12 grants</span></li><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-[#F7F4EE]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-[#F7F4EE]/80">Credits expire 30 days after being added; monthly and annual credits do not pile up for the year</span></li><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-[#F7F4EE]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-[#F7F4EE]/80">Cancel via the account billing page; takes effect at the end of the current period</span></li><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-[#F7F4EE]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-[#F7F4EE]/80">AI reading · 10 credits</span></li><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-[#F7F4EE]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-[#F7F4EE]/80">Ties the primary hexagram to your question</span></li><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-[#F7F4EE]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-[#F7F4EE]/80">Comments on every changing line</span></li><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-[#F7F4EE]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-[#F7F4EE]/80">Includes the relating hexagram only when the cast has one</span></li><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-[#F7F4EE]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-[#F7F4EE]/80">Includes three reflection prompts</span></li><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-[#F7F4EE]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-[#F7F4EE]/80">Credits are not charged if the AI reading fails</span></li></ul></article></div><p class="mt-4 text-center text-sm text-[#F7F4EE]/80">Casting, hexagram texts and result pages are free forever</p></div></div></div></div></section><section id="faqs" class="scroll-mt-20 py-16 md:py-24"><div class="container mx-auto max-w-3xl px-4"><div class="mx-auto mb-10 max-w-2xl text-center"><p class="text-xs font-semibold uppercase tracking-[0.25em] text-[var(--iching-moving)]">FAQ</p><h2 class="mt-3 font-serif text-3xl font-semibold text-[var(--iching-ink)] md:text-4xl">Questions about I Ching Online and the I Ching</h2></div><div class="space-y-3"><details open="" class="group rounded-2xl border border-[var(--iching-divider)] bg-white/50 px-5 py-4 open:bg-white/80"><summary class="flex cursor-pointer list-none items-center justify-between gap-4 font-medium text-[var(--iching-ink)]"><h3 class="text-base">What is the best free online I Ching reading?</h3><span class="text-[var(--iching-moving)] transition group-open:rotate-45">+</span></summary><p class="mt-3 text-sm leading-relaxed text-muted-foreground">A good free online I Ching reading uses the traditional three-coin method and shows every changing line, not just one summary sentence. I Ching Online does exactly that: you cast six lines, then read the judgment, the image, each changing line and the relating hexagram — free, with no sign-up and no ads.</p></details><details class="group rounded-2xl border border-[var(--iching-divider)] bg-white/50 px-5 py-4 open:bg-white/80"><summary class="flex cursor-pointer list-none items-center justify-between gap-4 font-medium text-[var(--iching-ink)]"><h3 class="text-base">Is the I Ching accurate?</h3><span class="text-[var(--iching-moving)] transition group-open:rotate-45">+</span></summary><p class="mt-3 text-sm leading-relaxed text-muted-foreground">The I Ching is not accurate in the sense of predicting fixed events; it is valued for how accurately it can describe a situation and the attitude that fits it. Most people find it useful as a mirror: the hexagram gives a structured outside perspective that helps you notice what you already sense but have not put into words.</p></details><details class="group rounded-2xl border border-[var(--iching-divider)] bg-white/50 px-5 py-4 open:bg-white/80"><summary class="flex cursor-pointer list-none items-center justify-between gap-4 font-medium text-[var(--iching-ink)]"><h3 class="text-base">Is the I Ching fortune telling or philosophy?</h3><span class="text-[var(--iching-moving)] transition group-open:rotate-45">+</span></summary><p class="mt-3 text-sm leading-relaxed text-muted-foreground">It is both, depending on how it is used. The I Ching began as a Bronze Age divination manual and later became a core Confucian and Taoist classic on change, timing and conduct. On I Ching Online we treat a reading as a tool for reflection, not a prophecy.</p></details><details class="group rounded-2xl border border-[var(--iching-divider)] bg-white/50 px-5 py-4 open:bg-white/80"><summary class="flex cursor-pointer list-none items-center justify-between gap-4 font-medium text-[var(--iching-ink)]"><h3 class="text-base">How do I interpret my I Ching reading?</h3><span class="text-[var(--iching-moving)] transition group-open:rotate-45">+</span></summary><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Start with the primary hexagram&#x27;s judgment, which describes the overall situation. Then read your changing lines — they speak most directly to your question. Finally, look at the relating hexagram to see where things are heading. Read slowly, relate each image to your own circumstances, and note what stands out.</p></details><details class="group rounded-2xl border border-[var(--iching-divider)] bg-white/50 px-5 py-4 open:bg-white/80"><summary class="flex cursor-pointer list-none items-center justify-between gap-4 font-medium text-[var(--iching-ink)]"><h3 class="text-base">What is the difference between the primary and the relating hexagram?</h3><span class="text-[var(--iching-moving)] transition group-open:rotate-45">+</span></summary><p class="mt-3 text-sm leading-relaxed text-muted-foreground">The primary hexagram describes your situation as it is now; the relating hexagram shows what it is changing into. You only get a relating hexagram when there are changing lines: each one flips from yin to yang or yang to yin, and the result is the second hexagram.</p></details><details class="group rounded-2xl border border-[var(--iching-divider)] bg-white/50 px-5 py-4 open:bg-white/80"><summary class="flex cursor-pointer list-none items-center justify-between gap-4 font-medium text-[var(--iching-ink)]"><h3 class="text-base">What does it mean if I get no changing lines?</h3><span class="text-[var(--iching-moving)] transition group-open:rotate-45">+</span></summary><p class="mt-3 text-sm leading-relaxed text-muted-foreground">No changing lines means the situation is relatively stable and the answer is contained entirely in the primary hexagram. Read its judgment and image as the complete response; there is no relating hexagram. It often suggests working with present conditions rather than expecting a sudden shift.</p></details><details class="group rounded-2xl border border-[var(--iching-divider)] bg-white/50 px-5 py-4 open:bg-white/80"><summary class="flex cursor-pointer list-none items-center justify-between gap-4 font-medium text-[var(--iching-ink)]"><h3 class="text-base">Can I ask the I Ching about love, career or yes-or-no questions?</h3><span class="text-[var(--iching-moving)] transition group-open:rotate-45">+</span></summary><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Yes, you can ask about relationships, work or any decision, but open questions work much better than yes-or-no ones. Instead of &quot;Will he call me?&quot; try &quot;What should I understand about this relationship?&quot; The I Ching describes tendencies and attitudes, so it rarely answers with a simple yes or no.</p></details><details class="group rounded-2xl border border-[var(--iching-divider)] bg-white/50 px-5 py-4 open:bg-white/80"><summary class="flex cursor-pointer list-none items-center justify-between gap-4 font-medium text-[var(--iching-ink)]"><h3 class="text-base">Are my I Ching readings private?</h3><span class="text-[var(--iching-moving)] transition group-open:rotate-45">+</span></summary><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Yes. On I Ching Online your readings and journal are stored in your own browser, not on our servers, and you can delete them at any time. Your question only leaves your device if you choose to request an AI reading. We do not sell data or show ads.</p></details><details class="group rounded-2xl border border-[var(--iching-divider)] bg-white/50 px-5 py-4 open:bg-white/80"><summary class="flex cursor-pointer list-none items-center justify-between gap-4 font-medium text-[var(--iching-ink)]"><h3 class="text-base">Can AI interpret the I Ching?</h3><span class="text-[var(--iching-moving)] transition group-open:rotate-45">+</span></summary><p class="mt-3 text-sm leading-relaxed text-muted-foreground">AI can help connect the classical texts to your specific question, but it should support your own reflection rather than replace it. On I Ching Online, the hexagram is always computed from your coin tosses, never by the AI. Casting is free; an optional AI interpretation uses credits.</p></details><details class="group rounded-2xl border border-[var(--iching-divider)] bg-white/50 px-5 py-4 open:bg-white/80"><summary class="flex cursor-pointer list-none items-center justify-between gap-4 font-medium text-[var(--iching-ink)]"><h3 class="text-base">How often can I ask the I Ching the same question?</h3><span class="text-[var(--iching-moving)] transition group-open:rotate-45">+</span></summary><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Traditionally you ask a question once and live with the answer for a while. Asking again until you get a reading you like turns the oracle into noise. Recast only when your situation has genuinely changed, or ask a different, more precise question instead.</p></details></div></div></section><section class="pb-20"><div class="container mx-auto max-w-5xl px-4"><div class="iching-paper relative overflow-hidden rounded-2xl border border-[var(--iching-divider)] px-6 py-14 text-center"><span class="absolute right-6 top-6 rounded-md bg-[var(--iching-moving)] px-2 py-1 font-serif text-lg text-[#F7F4EE]">易</span><h2 class="font-serif text-3xl font-semibold text-[var(--iching-ink)] md:text-4xl">Your question deserves a quiet minute</h2><p class="mx-auto mt-3 max-w-xl text-muted-foreground">Breathe, write it down, and toss the coins. The reading is free and stays on your device.</p><div class="mt-8 flex flex-wrap justify-center gap-3"><a href="#cast" class="inline-flex h-11 items-center justify-center rounded-full bg-[var(--iching-primary)] px-7 text-sm font-medium text-[#F7F4EE] shadow-sm transition hover:bg-[#213c35]">Start a reading</a><a class="inline-flex h-11 items-center justify-center rounded-full border border-[var(--iching-ink)]/25 bg-white/40 px-7 text-sm font-medium text-[var(--iching-ink)] transition hover:bg-white/80" href="/blog">Read the guides</a></div></div></div></section></main><footer class="border-t border-[var(--iching-divider)] bg-[#EFEAE1]"><div class="container mx-auto max-w-7xl px-4"><div class="grid grid-cols-2 gap-8 py-14 md:grid-cols-5"><div class="col-span-full flex flex-col items-start gap-4 md:col-span-2"><a class="flex items-center gap-2" href="/"><svg viewBox="0 0 64 64" role="img" aria-label="I Ching Online" class="shrink-0 size-9"><title>I Ching Online</title><rect x="3" y="3" width="58" height="58" rx="9" fill="#A84436"></rect><rect x="7.5" y="7.5" width="49" height="49" rx="6" fill="none" stroke="#F7F4EE" stroke-opacity=".55" stroke-width="1.5"></rect><g fill="#F7F4EE"><rect x="15" y="13" width="34" height="4" rx="1.1"></rect><g><rect x="15" y="19.8" width="14.5" height="4" rx="1.1"></rect><rect x="34.5" y="19.8" width="14.5" height="4" rx="1.1"></rect></g><rect x="15" y="26.6" width="34" height="4" rx="1.1"></rect><g><rect x="15" y="33.4" width="14.5" height="4" rx="1.1"></rect><rect x="34.5" y="33.4" width="14.5" height="4" rx="1.1"></rect></g><rect x="15" y="40.2" width="34" height="4" rx="1.1"></rect><g><rect x="15" y="47" width="14.5" height="4" rx="1.1"></rect><rect x="34.5" y="47" width="14.5" height="4" rx="1.1"></rect></g></g></svg><span class="font-serif text-xl font-semibold text-[var(--iching-ink)]">I Ching Online</span></a><div data-footer-ask-ai="true" class="w-full max-w-[300px]"><div class="text-xs font-medium text-[var(--iching-ink)]">Ask AI About I Ching Online</div><div class="mt-2 grid grid-cols-2 gap-x-4 gap-y-2 text-xs"><a href="https://chatgpt.com/?prompt=I&#x27;m%20looking%20for%20a%20free%20online%20I%20Ching%20reading%20and%20want%20to%20understand%20what%20I%20Ching%20Online%20can%20do%2C%20from%20three-coin%20casts%20and%20the%2064-hexagram%20library%20to%20optional%20AI%20interpretations.%20Summarize%20the%20highlights%20from%20the%20I%20Ching%20Online%20website(https%3A%2F%2Fichingonline.pro)" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-muted-foreground hover:text-[var(--iching-ink)]"><svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor" data-ask-ai-icon="chatgpt" aria-hidden="true"><path d="M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z"></path></svg>ChatGPT</a><a href="https://www.perplexity.ai/search/new/?q=I&#x27;m%20looking%20for%20a%20free%20online%20I%20Ching%20reading%20and%20want%20to%20understand%20what%20I%20Ching%20Online%20can%20do%2C%20from%20three-coin%20casts%20and%20the%2064-hexagram%20library%20to%20optional%20AI%20interpretations.%20Summarize%20the%20highlights%20from%20the%20I%20Ching%20Online%20website(https%3A%2F%2Fichingonline.pro)" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-muted-foreground hover:text-[var(--iching-ink)]"><svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor" data-ask-ai-icon="perplexity" aria-hidden="true"><path d="M22.3977 7.0896h-2.3106V.0676l-7.5094 6.3542V.1577h-1.1554v6.1966L4.4904 0v7.0896H1.6023v10.3976h2.8882V24l6.932-6.3591v6.2005h1.1554v-6.0469l6.9318 6.1807v-6.4879h2.8882V7.0896zm-3.4657-4.531v4.531h-5.355l5.355-4.531zm-13.2862.0676 4.8691 4.4634H5.6458V2.6262zM2.7576 16.332V8.245h7.8476l-6.1149 6.1147v1.9723H2.7576zm2.8882 5.0404v-3.8852h.0001v-2.6488l5.7763-5.7764v7.0111l-5.7764 5.2993zm12.7086.0248-5.7766-5.1509V9.0618l5.7766 5.7766v6.5588zm2.8882-5.0652h-1.733v-1.9723L13.3948 8.245h7.8478v8.087z"></path></svg>Perplexity</a><a href="https://claude.ai/new/?q=I&#x27;m%20looking%20for%20a%20free%20online%20I%20Ching%20reading%20and%20want%20to%20understand%20what%20I%20Ching%20Online%20can%20do%2C%20from%20three-coin%20casts%20and%20the%2064-hexagram%20library%20to%20optional%20AI%20interpretations.%20Summarize%20the%20highlights%20from%20the%20I%20Ching%20Online%20website(https%3A%2F%2Fichingonline.pro)" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-muted-foreground hover:text-[var(--iching-ink)]"><svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor" data-ask-ai-icon="claude" aria-hidden="true"><path d="m4.7144 15.9555 4.7174-2.6471.079-.2307-.079-.1275h-.2307l-.7893-.0486-2.6956-.0729-2.3375-.0971-2.2646-.1214-.5707-.1215-.5343-.7042.0546-.3522.4797-.3218.686.0608 1.5179.1032 2.2767.1578 1.6514.0972 2.4468.255h.3886l.0546-.1579-.1336-.0971-.1032-.0972L6.973 9.8356l-2.55-1.6879-1.3356-.9714-.7225-.4918-.3643-.4614-.1578-1.0078.6557-.7225.8803.0607.2246.0607.8925.686 1.9064 1.4754 2.4893 1.8336.3643.3035.1457-.1032.0182-.0728-.164-.2733-1.3539-2.4467-1.445-2.4893-.6435-1.032-.17-.6194c-.0607-.255-.1032-.4674-.1032-.7285L6.287.1335 6.6997 0l.9957.1336.419.3642.6192 1.4147 1.0018 2.2282 1.5543 3.0296.4553.8985.2429.8318.091.255h.1579v-.1457l.1275-1.706.2368-2.0947.2307-2.6957.0789-.7589.3764-.9107.7468-.4918.5828.2793.4797.686-.0668.4433-.2853 1.8517-.5586 2.9021-.3643 1.9429h.2125l.2429-.2429.9835-1.3053 1.6514-2.0643.7286-.8196.85-.9046.5464-.4311h1.0321l.759 1.1293-.34 1.1657-1.0625 1.3478-.8804 1.1414-1.2628 1.7-.7893 1.36.0729.1093.1882-.0183 2.8535-.607 1.5421-.2794 1.8396-.3157.8318.3886.091.3946-.3278.8075-1.967.4857-2.3072.4614-3.4364.8136-.0425.0304.0486.0607 1.5482.1457.6618.0364h1.621l3.0175.2247.7892.522.4736.6376-.079.4857-1.2142.6193-1.6393-.3886-3.825-.9107-1.3113-.3279h-.1822v.1093l1.0929 1.0686 2.0035 1.8092 2.5075 2.3314.1275.5768-.3218.4554-.34-.0486-2.2039-1.6575-.85-.7468-1.9246-1.621h-.1275v.17l.4432.6496 2.3436 3.5214.1214 1.0807-.17.3521-.6071.2125-.6679-.1214-1.3721-1.9246L14.38 17.959l-1.1414-1.9428-.1397.079-.674 7.2552-.3156.3703-.7286.2793-.6071-.4614-.3218-.7468.3218-1.4753.3886-1.9246.3157-1.53.2853-1.9004.17-.6314-.0121-.0425-.1397.0182-1.4328 1.9672-2.1796 2.9446-1.7243 1.8456-.4128.164-.7164-.3704.0667-.6618.4008-.5889 2.386-3.0357 1.4389-1.882.929-1.0868-.0062-.1579h-.0546l-6.3385 4.1164-1.1293.1457-.4857-.4554.0608-.7467.2307-.2429 1.9064-1.3114Z"></path></svg>Claude</a><a href="https://www.google.com/search?udm=50&amp;aep=11&amp;q=I&#x27;m%20looking%20for%20a%20free%20online%20I%20Ching%20reading%20and%20want%20to%20understand%20what%20I%20Ching%20Online%20can%20do%2C%20from%20three-coin%20casts%20and%20the%2064-hexagram%20library%20to%20optional%20AI%20interpretations.%20Summarize%20the%20highlights%20from%20the%20I%20Ching%20Online%20website(https%3A%2F%2Fichingonline.pro)" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-muted-foreground hover:text-[var(--iching-ink)]"><svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor" data-ask-ai-icon="gemini" aria-hidden="true"><path d="M11.04 19.32Q12 21.51 12 24q0-2.49.93-4.68.96-2.19 2.58-3.81t3.81-2.55Q21.51 12 24 12q-2.49 0-4.68-.93a12.3 12.3 0 0 1-3.81-2.58 12.3 12.3 0 0 1-2.58-3.81Q12 2.49 12 0q0 2.49-.96 4.68-.93 2.19-2.55 3.81a12.3 12.3 0 0 1-3.81 2.58Q2.49 12 0 12q2.49 0 4.68.96 2.19.93 3.81 2.55t2.55 3.81"></path></svg>Gemini</a><a href="https://grok.com/?q=I&#x27;m%20looking%20for%20a%20free%20online%20I%20Ching%20reading%20and%20want%20to%20understand%20what%20I%20Ching%20Online%20can%20do%2C%20from%20three-coin%20casts%20and%20the%2064-hexagram%20library%20to%20optional%20AI%20interpretations.%20Summarize%20the%20highlights%20from%20the%20I%20Ching%20Online%20website(https%3A%2F%2Fichingonline.pro)" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-muted-foreground hover:text-[var(--iching-ink)]"><svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor" data-ask-ai-icon="grok" aria-hidden="true"><path d="M6.469 8.776L16.512 23h-4.464L2.005 8.776H6.47zm-.004 7.9l2.233 3.164L6.467 23H2l4.465-6.324zM22 2.582V23h-3.659V7.764L22 2.582zM22 1l-9.952 14.095-2.233-3.163L17.533 1H22z" fill-rule="evenodd"></path></svg>Grok</a><a href="https://www.doubao.com/chat/url-action?action=%7B%22pluginId%22%3A%22Send_Message%22%2C%22payload%22%3A%7B%22text%22%3A%22I&#x27;m%20looking%20for%20a%20free%20online%20I%20Ching%20reading%20and%20want%20to%20understand%20what%20I%20Ching%20Online%20can%20do%2C%20from%20three-coin%20casts%20and%20the%2064-hexagram%20library%20to%20optional%20AI%20interpretations.%20Summarize%20the%20highlights%20from%20the%20I%20Ching%20Online%20website(https%3A%2F%2Fichingonline.pro)%22%7D%7D" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-muted-foreground hover:text-[var(--iching-ink)]"><svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor" data-ask-ai-icon="doubao" aria-hidden="true"><path d="M5.31 15.756c.172-3.75 1.883-5.999 2.549-6.739-3.26 2.058-5.425 5.658-6.358 8.308v1.12C1.501 21.513 4.226 24 7.59 24a6.59 6.59 0 002.2-.375c.353-.12.7-.248 1.039-.378.913-.899 1.65-1.91 2.243-2.992-4.877 2.431-7.974.072-7.763-4.5l.002.001z" fill-rule="evenodd" opacity="0.5"></path><path d="M22.57 10.283c-1.212-.901-4.109-2.404-7.397-2.8.295 3.792.093 8.766-2.1 12.773a12.782 12.782 0 01-2.244 2.992c3.764-1.448 6.746-3.457 8.596-5.219 2.82-2.683 3.353-5.178 3.361-6.66a2.737 2.737 0 00-.216-1.084v-.002zM14.303 1.867C12.955.7 11.248 0 9.39 0 7.532 0 5.883.677 4.545 1.807 2.791 3.29 1.627 5.557 1.5 8.125v9.201c.932-2.65 3.097-6.25 6.357-8.307.5-.318 1.025-.595 1.569-.829 1.883-.801 3.878-.932 5.746-.706-.222-2.83-.718-5.002-.87-5.617h.001z" fill-rule="evenodd"></path><path d="M17.305 4.961a199.47 199.47 0 01-1.08-1.094c-.202-.213-.398-.419-.586-.622l-1.333-1.378c.151.615.648 2.786.869 5.617 3.288.395 6.185 1.898 7.396 2.8-1.306-1.275-3.475-3.487-5.266-5.323z" fill-rule="evenodd" opacity="0.5"></path></svg>豆包</a><a href="https://chat.deepseek.com/?q=I&#x27;m%20looking%20for%20a%20free%20online%20I%20Ching%20reading%20and%20want%20to%20understand%20what%20I%20Ching%20Online%20can%20do%2C%20from%20three-coin%20casts%20and%20the%2064-hexagram%20library%20to%20optional%20AI%20interpretations.%20Summarize%20the%20highlights%20from%20the%20I%20Ching%20Online%20website(https%3A%2F%2Fichingonline.pro)" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-muted-foreground hover:text-[var(--iching-ink)]"><svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor" data-ask-ai-icon="deepseek" aria-hidden="true"><path d="M23.748 4.482c-.254-.124-.364.113-.512.234-.051.039-.094.09-.137.136-.372.397-.806.657-1.373.626-.829-.046-1.537.214-2.163.848-.133-.782-.575-1.248-1.247-1.548-.352-.156-.708-.311-.955-.65-.172-.241-.219-.51-.305-.774-.055-.16-.11-.323-.293-.35-.2-.031-.278.136-.356.276-.313.572-.434 1.202-.422 1.84.027 1.436.633 2.58 1.838 3.393.137.093.172.187.129.323-.082.28-.18.552-.266.833-.055.179-.137.217-.329.14a5.526 5.526 0 01-1.736-1.18c-.857-.828-1.631-1.742-2.597-2.458a11.365 11.365 0 00-.689-.471c-.985-.957.13-1.743.388-1.836.27-.098.093-.432-.779-.428-.872.004-1.67.295-2.687.684a3.055 3.055 0 01-.465.137 9.597 9.597 0 00-2.883-.102c-1.885.21-3.39 1.102-4.497 2.623C.082 8.606-.231 10.684.152 12.85c.403 2.284 1.569 4.175 3.36 5.653 1.858 1.533 3.997 2.284 6.438 2.14 1.482-.085 3.133-.284 4.994-1.86.47.234.962.327 1.78.397.63.059 1.236-.03 1.705-.128.735-.156.684-.837.419-.961-2.155-1.004-1.682-.595-2.113-.926 1.096-1.296 2.746-2.642 3.392-7.003.05-.347.007-.565 0-.845-.004-.17.035-.237.23-.256a4.173 4.173 0 001.545-.475c1.396-.763 1.96-2.015 2.093-3.517.02-.23-.004-.467-.247-.588zM11.581 18c-2.089-1.642-3.102-2.183-3.52-2.16-.392.024-.321.471-.235.763.09.288.207.486.371.739.114.167.192.416-.113.603-.673.416-1.842-.14-1.897-.167-1.361-.802-2.5-1.86-3.301-3.307-.774-1.393-1.224-2.887-1.298-4.482-.02-.386.093-.522.477-.592a4.696 4.696 0 011.529-.039c2.132.312 3.946 1.265 5.468 2.774.868.86 1.525 1.887 2.202 2.891.72 1.066 1.494 2.082 2.48 2.914.348.292.625.514.891.677-.802.09-2.14.11-3.054-.614zm1-6.44a.306.306 0 01.415-.287.302.302 0 01.2.288.306.306 0 01-.31.307.303.303 0 01-.304-.308zm3.11 1.596c-.2.081-.399.151-.59.16a1.245 1.245 0 01-.798-.254c-.274-.23-.47-.358-.552-.758a1.73 1.73 0 01.016-.588c.07-.327-.008-.537-.239-.727-.187-.156-.426-.199-.688-.199a.559.559 0 01-.254-.078c-.11-.054-.2-.19-.114-.358.028-.054.16-.186.192-.21.356-.202.767-.136 1.146.016.352.144.618.408 1.001.782.391.451.462.576.685.914.176.265.336.537.445.848.067.195-.019.354-.25.452z" fill-rule="evenodd"></path></svg>DeepSeek</a><a href="https://www.kimi.com/?q=I&#x27;m%20looking%20for%20a%20free%20online%20I%20Ching%20reading%20and%20want%20to%20understand%20what%20I%20Ching%20Online%20can%20do%2C%20from%20three-coin%20casts%20and%20the%2064-hexagram%20library%20to%20optional%20AI%20interpretations.%20Summarize%20the%20highlights%20from%20the%20I%20Ching%20Online%20website(https%3A%2F%2Fichingonline.pro)" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-muted-foreground hover:text-[var(--iching-ink)]"><svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor" data-ask-ai-icon="kimi" aria-hidden="true"><path d="M21.765.351C22.998.351 24 1.353 24 2.586S22.998 4.82 21.765 4.82h-1.974c-.15 0-.26-.12-.26-.26V2.586A2.237 2.237 0 0 1 21.765.35M9.41 13.388l8.447-8.377c.16-.16.07-.471-.14-.471h-4.55s-.1.02-.14.06l-9.099 9.029c-.14.14-.35.02-.35-.21V4.81c0-.15-.1-.27-.221-.27H.22c-.12 0-.22.12-.22.27v18.57c0 .15.1.27.22.27h3.137c.12 0 .22-.12.22-.27v-3.79c0-.08.03-.16.08-.21l2.826-2.796c.07-.07.16-.08.241-.03l7.546 5.551a8.9 8.9 0 0 0 4.018 1.493c.12.01.23-.11.23-.27V19.76c0-.14-.08-.25-.19-.26a5.8 5.8 0 0 1-2.355-.942l-6.533-4.73c-.14-.09-.15-.32-.03-.441"></path></svg>Kimi</a></div></div><p class="max-w-sm text-sm leading-relaxed text-muted-foreground">Free three-coin I Ching readings, a multilingual 64-hexagram library and optional AI interpretations.</p><p class="max-w-sm text-xs leading-relaxed text-muted-foreground/80">Readings are for reflection and entertainment, not medical, legal, financial or psychological advice.</p><div class="flex items-center gap-2"><a href="mailto:support@ichingonline.pro" aria-label="Email" class="text-xs text-muted-foreground underline-offset-4 hover:text-[var(--iching-ink)] hover:underline"><span>support@ichingonline.pro</span></a></div></div><div class="col-span-1"><span class="text-xs font-semibold uppercase tracking-[0.18em] text-[var(--iching-primary)]">Tools</span><ul class="mt-4 space-y-3"><li><a class="text-sm text-muted-foreground hover:text-[var(--iching-ink)]" href="/cast">Three-coin cast</a></li><li><a class="text-sm text-muted-foreground hover:text-[var(--iching-ink)]" href="/cast/manual">Manual entry</a></li><li><a class="text-sm text-muted-foreground hover:text-[var(--iching-ink)]" href="/hexagrams">64 hexagrams</a></li><li><a class="text-sm text-muted-foreground hover:text-[var(--iching-ink)]" href="/journal">My readings</a></li><li><a class="text-sm text-muted-foreground hover:text-[var(--iching-ink)]" href="/pricing">Pricing</a></li></ul></div><div class="col-span-1"><span class="text-xs font-semibold uppercase tracking-[0.18em] text-[var(--iching-primary)]">Learn</span><ul class="mt-4 space-y-3"><li><a class="text-sm text-muted-foreground hover:text-[var(--iching-ink)]" href="/blog">Blog</a></li><li><a class="text-sm text-muted-foreground hover:text-[var(--iching-ink)]" href="/how-to-use">How to read</a></li><li><a class="text-sm text-muted-foreground hover:text-[var(--iching-ink)]" href="/changing-lines">Changing lines</a></li><li><a class="text-sm text-muted-foreground hover:text-[var(--iching-ink)]" href="/methods-and-sources">Methods &amp; sources</a></li><li><a class="text-sm text-muted-foreground hover:text-[var(--iching-ink)]" href="/#faqs">FAQ</a></li></ul></div><div class="col-span-1"><span class="text-xs font-semibold uppercase tracking-[0.18em] text-[var(--iching-primary)]">Company</span><ul class="mt-4 space-y-3"><li><a class="text-sm text-muted-foreground hover:text-[var(--iching-ink)]" href="/about">About</a></li><li><a href="/privacy-policy" class="text-sm text-muted-foreground hover:text-[var(--iching-ink)]">Privacy Policy</a></li><li><a href="/terms-of-service" class="text-sm text-muted-foreground hover:text-[var(--iching-ink)]">Terms of Service</a></li><li><a href="/refund-policy" class="text-sm text-muted-foreground hover:text-[var(--iching-ink)]">Refund Policy</a></li><li><a href="/email-support" class="text-sm text-muted-foreground hover:text-[var(--iching-ink)]">Email Support</a></li><li><a href="https://ichingonline.pro/llms.txt" class="text-sm text-muted-foreground hover:text-[var(--iching-ink)]">LLMs.txt</a></li></ul></div></div></div><div class="border-t border-[var(--iching-divider)] py-6"><div class="container mx-auto max-w-7xl flex flex-col items-center justify-between gap-2 px-4 text-xs text-muted-foreground md:flex-row"><span>© <!-- -->2026<!-- --> <!-- -->I Ching Online<!-- --> ·<!-- --> <!-- -->All rights reserved</span><a href="https://ichingonline.pro/llms.txt" class="underline-offset-4 hover:underline">LLMs.txt</a></div></div><nav class="footer-backlink-grid mt-3 flex flex-wrap items-center justify-center gap-1.5" aria-label="Reciprocal directory links"><a href="https://www.freeai.run" target="_blank" rel="noopener noreferrer" class="footer-backlink-card relative inline-flex h-7 items-center"><img src="https://www.freeai.run/badge/badge_dark.svg" alt="Featured on FreeAI" loading="lazy" class="h-6 w-auto max-w-[108px] object-contain"/><span style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0">Featured on FreeAI</span></a><a href="https://tooldirs.com" target="_blank" rel="noopener noreferrer" class="footer-backlink-card relative inline-flex h-7 items-center"><img src="https://tooldirs.com/badge/badge_dark.svg" alt="Featured on ToolDirs" loading="lazy" class="h-6 w-auto max-w-[108px] object-contain"/><span style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0">Featured on ToolDirs</span></a><a href="https://www.toolpilot.ai" target="_blank" rel="noopener noreferrer" class="footer-backlink-card relative inline-flex h-7 items-center"><img src="https://www.toolpilot.ai/cdn/shop/files/f-b_690x151_crop_center.png" alt="Featured on ToolPilot" loading="lazy" class="h-6 w-auto max-w-[108px] object-contain"/><span style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0">Featured on ToolPilot</span></a><a href="https://startupfa.st" target="_blank" rel="noopener noreferrer" class="footer-backlink-card relative inline-flex h-7 items-center"><img src="https://startupfa.st/images/badges/powered-by-light.svg" alt="Powered by Startup Fast" loading="lazy" class="h-6 w-auto max-w-[108px] object-contain"/><span style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0">Powered by Startup Fast</span></a><a href="https://deeplaunch.io" target="_blank" rel="noopener noreferrer" class="footer-backlink-card relative inline-flex h-7 items-center"><img src="https://deeplaunch.io/badge/badge_dark.svg" alt="Featured on DeepLaunch.io" loading="lazy" class="h-6 w-auto max-w-[108px] object-contain"/><span style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0">Featured on DeepLaunch.io</span></a><a href="https://firstlook.tools" target="_blank" rel="noopener noreferrer" class="footer-backlink-card relative inline-flex h-7 items-center"><img src="https://firstlook.tools/badge/badge_dark.svg" alt="Featured on First Look" loading="lazy" class="h-6 w-auto max-w-[108px] object-contain"/><span style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0">Featured on First Look</span></a><a href="https://turbo0.com/item/ichingonline" target="_blank" rel="noopener noreferrer" class="footer-backlink-card relative inline-flex h-7 items-center"><img src="https://img.turbo0.com/badge-listed-light.svg" alt="Listed on Turbo0" loading="lazy" class="h-6 w-auto max-w-[108px] object-contain"/><span style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0">Listed on Turbo0</span></a><a href="https://toolrain.com/item/ichingonline" target="_blank" rel="noopener noreferrer" class="footer-backlink-card relative inline-flex h-7 items-center"><img src="https://toolrain.com/badges/badge-listed-light.svg" alt="Listed on ToolRain" loading="lazy" class="h-6 w-auto max-w-[108px] object-contain"/><span style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0">Listed on ToolRain</span></a><a href="https://navfolders.com" target="_blank" rel="noopener noreferrer" class="footer-backlink-card relative inline-flex h-7 items-center"><img src="https://navfolders.com/badge/nav_dark.svg" alt="NavFolders" loading="lazy" class="h-6 w-auto max-w-[108px] object-contain"/><span style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0">NavFolders</span></a></nav></footer></div><section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section><!--$--><!--/$--><script src="/_next/static/chunks/b5b93d96952cae42.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[857281,[\"/_next/static/chunks/48da1cbbd4d1a93d.js\",\"/_next/static/chunks/e767791ab1bb9364.js\"],\"default\"]\n3:I[683972,[\"/_next/static/chunks/48da1cbbd4d1a93d.js\",\"/_next/static/chunks/e767791ab1bb9364.js\"],\"default\"]\n4:I[329306,[\"/_next/static/chunks/8f865f3963f525d3.js\"],\"default\"]\n6:I[246915,[\"/_next/static/chunks/36dab29e37a73b94.js\",\"/_next/static/chunks/b5879195169dd2be.js\",\"/_next/static/chunks/d515e63209396ccb.js\",\"/_next/static/chunks/750ee9510980c16a.js\",\"/_next/static/chunks/5b4c7f75fc095818.js\",\"/_next/static/chunks/e6458a5e2e9303c9.js\",\"/_next/static/chunks/a5371ca4d59374e1.js\",\"/_next/static/chunks/0e505ab687d28213.js\",\"/_next/static/chunks/6ac390cea4149892.js\",\"/_next/static/chunks/4a5bb69a415d1bbc.js\",\"/_next/static/chunks/2bab7ae6e5116ca8.js\",\"/_next/static/chunks/0a1e9cb3b0bf4b80.js\",\"/_next/static/chunks/ff83393ba03d4a53.js\",\"/_next/static/chunks/e8d7b9ec14ecf7be.js\",\"/_next/static/chunks/d089ee0c994f4de3.js\"],\"LoginPromoProvider\"]\n7:I[91976,[\"/_next/static/chunks/36dab29e37a73b94.js\",\"/_next/static/chunks/b5879195169dd2be.js\",\"/_next/static/chunks/d515e63209396ccb.js\",\"/_next/static/chunks/750ee9510980c16a.js\",\"/_next/static/chunks/5b4c7f75fc095818.js\",\"/_next/static/chunks/e6458a5e2e9303c9.js\",\"/_next/static/chunks/a5371ca4d59374e1.js\",\"/_next/static/chunks/0e505ab687d28213.js\",\"/_next/static/chunks/6ac390cea4149892.js\",\"/_next/static/chunks/4a5bb69a415d1bbc.js\",\"/_next/static/chunks/2bab7ae6e5116ca8.js\",\"/_next/static/chunks/0a1e9cb3b0bf4b80.js\",\"/_next/static/chunks/ff83393ba03d4a53.js\",\"/_next/static/chunks/e8d7b9ec14ecf7be.js\",\"/_next/static/chunks/d089ee0c994f4de3.js\"],\"Navbar\"]\n8:I[44604,[\"/_next/static/chunks/36dab29e37a73b94.js\",\"/_next/static/chunks/b5879195169dd2be.js\",\"/_next/static/chunks/d515e63209396ccb.js\",\"/_next/static/chunks/750ee9510980c16a.js\",\"/_next/static/chunks/5b4c7f75fc095818.js\",\"/_next/static/chunks/e6458a5e2e9303c9.js\",\"/_next/static/chunks/a5371ca4d59374e1.js\",\"/_next/static/chunks/0e505ab687d28213.js\",\"/_next/static/chunks/6ac390cea4149892.js\",\"/_next/static/chunks/4a5bb69a415d1bbc.js\",\"/_next/static/chunks/2bab7ae6e5116ca8.js\",\"/_next/static/chunks/0a1e9cb3b0bf4b80.js\",\"/_next/static/chunks/ff83393ba03d4a53.js\",\"/_next/static/chunks/e8d7b9ec14ecf7be.js\",\"/_next/static/chunks/d089ee0c994f4de3.js\"],\"Footer\"]\na:I[905647,[\"/_next/static/chunks/48da1cbbd4d1a93d.js\",\"/_next/static/chunks/e767791ab1bb9364.js\"],\"OutletBoundary\"]\nc:I[905647,[\"/_next/static/chunks/48da1cbbd4d1a93d.js\",\"/_next/static/chunks/e767791ab1bb9364.js\"],\"ViewportBoundary\"]\ne:I[905647,[\"/_next/static/chunks/48da1cbbd4d1a93d.js\",\"/_next/static/chunks/e767791ab1bb9364.js\"],\"MetadataBoundary\"]\n10:I[689292,[\"/_next/static/chunks/48da1cbbd4d1a93d.js\",\"/_next/static/chunks/e767791ab1bb9364.js\"],\"default\"]\n12:I[73277,[\"/_next/static/chunks/36dab29e37a73b94.js\",\"/_next/static/chunks/b5879195169dd2be.js\",\"/_next/static/chunks/d515e63209396ccb.js\",\"/_next/static/chunks/750ee9510980c16a.js\",\"/_next/static/chunks/5b4c7f75fc095818.js\",\"/_next/static/chunks/e6458a5e2e9303c9.js\",\"/_next/static/chunks/a5371ca4d59374e1.js\",\"/_next/static/chunks/0e505ab687d28213.js\",\"/_next/static/chunks/6ac390cea4149892.js\",\"/_next/static/chunks/4a5bb69a415d1bbc.js\",\"/_next/static/chunks/2bab7ae6e5116ca8.js\",\"/_next/static/chunks/0a1e9cb3b0bf4b80.js\",\"/_next/static/chunks/ff83393ba03d4a53.js\",\"/_next/static/chunks/e8d7b9ec14ecf7be.js\",\"/_next/static/chunks/d089ee0c994f4de3.js\",\"/_next/static/chunks/d881450d46b60162.js\"],\"InstallChip\"]\n13:I[899262,[\"/_next/static/chunks/36dab29e37a73b94.js\",\"/_next/static/chunks/b5879195169dd2be.js\",\"/_next/static/chunks/d515e63209396ccb.js\",\"/_next/static/chunks/750ee9510980c16a.js\",\"/_next/static/chunks/5b4c7f75fc095818.js\",\"/_next/static/chunks/e6458a5e2e9303c9.js\",\"/_next/static/chunks/a5371ca4d59374e1.js\",\"/_next/static/chunks/0e505ab687d28213.js\"],\"default\"]\n14:I[773808,[\"/_next/static/chunks/36dab29e37a73b94.js\",\"/_next/static/chunks/b5879195169dd2be.js\",\"/_next/static/chunks/d515e63209396ccb.js\",\"/_next/static/chunks/750ee9510980c16a.js\",\"/_next/static/chunks/5b4c7f75fc095818"])</script><script>self.__next_f.push([1,".js\",\"/_next/static/chunks/e6458a5e2e9303c9.js\",\"/_next/static/chunks/a5371ca4d59374e1.js\",\"/_next/static/chunks/0e505ab687d28213.js\"],\"default\"]\n15:I[987381,[\"/_next/static/chunks/36dab29e37a73b94.js\",\"/_next/static/chunks/b5879195169dd2be.js\",\"/_next/static/chunks/d515e63209396ccb.js\",\"/_next/static/chunks/750ee9510980c16a.js\",\"/_next/static/chunks/5b4c7f75fc095818.js\",\"/_next/static/chunks/e6458a5e2e9303c9.js\",\"/_next/static/chunks/a5371ca4d59374e1.js\",\"/_next/static/chunks/0e505ab687d28213.js\"],\"\"]\n16:I[127276,[\"/_next/static/chunks/36dab29e37a73b94.js\",\"/_next/static/chunks/b5879195169dd2be.js\",\"/_next/static/chunks/d515e63209396ccb.js\",\"/_next/static/chunks/750ee9510980c16a.js\",\"/_next/static/chunks/5b4c7f75fc095818.js\",\"/_next/static/chunks/e6458a5e2e9303c9.js\",\"/_next/static/chunks/a5371ca4d59374e1.js\",\"/_next/static/chunks/0e505ab687d28213.js\"],\"NuqsAdapter\"]\n24:I[721224,[\"/_next/static/chunks/36dab29e37a73b94.js\",\"/_next/static/chunks/b5879195169dd2be.js\",\"/_next/static/chunks/d515e63209396ccb.js\",\"/_next/static/chunks/750ee9510980c16a.js\",\"/_next/static/chunks/5b4c7f75fc095818.js\",\"/_next/static/chunks/e6458a5e2e9303c9.js\",\"/_next/static/chunks/a5371ca4d59374e1.js\",\"/_next/static/chunks/0e505ab687d28213.js\",\"/_next/static/chunks/6ac390cea4149892.js\",\"/_next/static/chunks/4a5bb69a415d1bbc.js\",\"/_next/static/chunks/2bab7ae6e5116ca8.js\",\"/_next/static/chunks/0a1e9cb3b0bf4b80.js\",\"/_next/static/chunks/ff83393ba03d4a53.js\",\"/_next/static/chunks/e8d7b9ec14ecf7be.js\",\"/_next/static/chunks/d089ee0c994f4de3.js\",\"/_next/static/chunks/d881450d46b60162.js\"],\"TrackedAnchor\"]\n26:I[275049,[\"/_next/static/chunks/36dab29e37a73b94.js\",\"/_next/static/chunks/b5879195169dd2be.js\",\"/_next/static/chunks/d515e63209396ccb.js\",\"/_next/static/chunks/750ee9510980c16a.js\",\"/_next/static/chunks/5b4c7f75fc095818.js\",\"/_next/static/chunks/e6458a5e2e9303c9.js\",\"/_next/static/chunks/a5371ca4d59374e1.js\",\"/_next/static/chunks/0e505ab687d28213.js\",\"/_next/static/chunks/6ac390cea4149892.js\",\"/_next/static/chunks/4a5bb69a415d1bbc.js\",\"/_next/static/chunks/2bab7ae6e5116ca8.js\",\"/_next/static/chunks/0a1e9cb3b0bf4b80.js\",\"/_next/static/chunks/ff83393ba03d4a53.js\",\"/_next/static/chunks/e8d7b9ec14ecf7be.js\",\"/_next/static/chunks/d089ee0c994f4de3.js\",\"/_next/static/chunks/d881450d46b60162.js\"],\"CashCoin\"]\n28:I[677906,[\"/_next/static/chunks/36dab29e37a73b94.js\",\"/_next/static/chunks/b5879195169dd2be.js\",\"/_next/static/chunks/d515e63209396ccb.js\",\"/_next/static/chunks/750ee9510980c16a.js\",\"/_next/static/chunks/5b4c7f75fc095818.js\",\"/_next/static/chunks/e6458a5e2e9303c9.js\",\"/_next/static/chunks/a5371ca4d59374e1.js\",\"/_next/static/chunks/0e505ab687d28213.js\",\"/_next/static/chunks/6ac390cea4149892.js\",\"/_next/static/chunks/4a5bb69a415d1bbc.js\",\"/_next/static/chunks/2bab7ae6e5116ca8.js\",\"/_next/static/chunks/0a1e9cb3b0bf4b80.js\",\"/_next/static/chunks/ff83393ba03d4a53.js\",\"/_next/static/chunks/e8d7b9ec14ecf7be.js\",\"/_next/static/chunks/d089ee0c994f4de3.js\",\"/_next/static/chunks/d881450d46b60162.js\"],\"CoinTossPanel\"]\n29:I[107933,[\"/_next/static/chunks/36dab29e37a73b94.js\",\"/_next/static/chunks/b5879195169dd2be.js\",\"/_next/static/chunks/d515e63209396ccb.js\",\"/_next/static/chunks/750ee9510980c16a.js\",\"/_next/static/chunks/5b4c7f75fc095818.js\",\"/_next/static/chunks/e6458a5e2e9303c9.js\",\"/_next/static/chunks/a5371ca4d59374e1.js\",\"/_next/static/chunks/0e505ab687d28213.js\",\"/_next/static/chunks/6ac390cea4149892.js\",\"/_next/static/chunks/4a5bb69a415d1bbc.js\",\"/_next/static/chunks/2bab7ae6e5116ca8.js\",\"/_next/static/chunks/0a1e9cb3b0bf4b80.js\",\"/_next/static/chunks/ff83393ba03d4a53.js\",\"/_next/static/chunks/e8d7b9ec14ecf7be.js\",\"/_next/static/chunks/d089ee0c994f4de3.js\",\"/_next/static/chunks/d881450d46b60162.js\"],\"PromoVideoPlayer\"]\n72:I[235891,[\"/_next/static/chunks/36dab29e37a73b94.
… (truncated)