import { createHotContext as __vite__createHotContext } from "/@vite/client";import.meta.hot = __vite__createHotContext("/app/globals.css");import { updateStyle as __vite__updateStyle, removeStyle as __vite__removeStyle } from "/@vite/client"
const __vite__id = "/Users/jian/Documents/Codex/2026-07-27/wo/app/globals.css"
const __vite__css = "/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */\n@layer theme, base, components, utilities;\n@layer theme {\n  :root, :host {\n    --font-sans: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\",\n      \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n      \"Courier New\", monospace;\n    --spacing: 0.25rem;\n    --default-font-family: var(--font-sans);\n    --default-mono-font-family: var(--font-mono);\n  }\n}\n@layer base {\n  *,\n  ::after,\n  ::before,\n  ::backdrop,\n  ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  html,\n  :host {\n    line-height: 1.5;\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  b,\n  strong {\n    font-weight: bolder;\n  }\n  code,\n  kbd,\n  samp,\n  pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n  small {\n    font-size: 80%;\n  }\n  sub,\n  sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  :-moz-focusring {\n    outline: auto;\n  }\n  progress {\n    vertical-align: baseline;\n  }\n  summary {\n    display: list-item;\n  }\n  ol,\n  ul,\n  menu {\n    list-style: none;\n  }\n  img,\n  svg,\n  video,\n  canvas,\n  audio,\n  iframe,\n  embed,\n  object {\n    display: block;\n    vertical-align: middle;\n  }\n  img,\n  video {\n    max-width: 100%;\n    height: auto;\n  }\n  button,\n  input,\n  select,\n  optgroup,\n  textarea,\n  ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    border-radius: 0;\n    background-color: transparent;\n    opacity: 1;\n  }\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n  ::placeholder {\n    opacity: 1;\n  }\n  @supports (not (-webkit-appearance: -apple-pay-button))  or\n    (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentcolor;\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n  ::-webkit-datetime-edit,\n  ::-webkit-datetime-edit-year-field,\n  ::-webkit-datetime-edit-month-field,\n  ::-webkit-datetime-edit-day-field,\n  ::-webkit-datetime-edit-hour-field,\n  ::-webkit-datetime-edit-minute-field,\n  ::-webkit-datetime-edit-second-field,\n  ::-webkit-datetime-edit-millisecond-field,\n  ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n  ::-webkit-calendar-picker-indicator {\n    line-height: 1;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  button,\n  input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]),\n  ::file-selector-button {\n    appearance: button;\n  }\n  ::-webkit-inner-spin-button,\n  ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  [hidden]:where(:not([hidden=\"until-found\"])) {\n    display: none !important;\n  }\n}\n@layer utilities {\n  .relative {\n    position: relative;\n  }\n  .start {\n    inset-inline-start: var(--spacing);\n  }\n  .table {\n    display: table;\n  }\n}\n:root {\n  --ink: #18241f;\n  --paper: #f4f1e9;\n  --green: #1f6a4c;\n  --lime: #b9dc74;\n  --line: rgba(24, 36, 31, 0.17);\n}\n* {\n  box-sizing: border-box;\n}\nhtml {\n  scroll-behavior: smooth;\n}\nbody {\n  margin: 0;\n  background: var(--paper);\n  color: var(--ink);\n  font-family: \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei\", sans-serif;\n}\na {\n  color: inherit;\n  text-decoration: none;\n}\nmain {\n  width: min(1440px, 100%);\n  margin: 0 auto;\n  overflow: hidden;\n}\n.site-header {\n  height: 96px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 clamp(24px, 6vw, 88px);\n  border-bottom: 1px solid var(--line);\n}\n.brand {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  font-weight: 700;\n  letter-spacing: .02em;\n}\n.brand-mark {\n  width: 38px;\n  height: 38px;\n  display: grid;\n  place-items: center;\n  background: var(--ink);\n  color: var(--paper);\n  border-radius: 50%;\n  font: 700 12px/1 Georgia, serif;\n}\nnav {\n  display: flex;\n  gap: 32px;\n  font-size: 14px;\n}\nnav a {\n  border-bottom: 1px solid transparent;\n  padding: 8px 0;\n}\nnav a:hover {\n  border-color: var(--green);\n  color: var(--green);\n}\n.hero {\n  min-height: 700px;\n  position: relative;\n  padding: 112px clamp(24px, 7vw, 104px) 96px;\n}\n.eyebrow, .section-kicker, .section-heading > p {\n  color: var(--green);\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: .18em;\n  text-transform: uppercase;\n}\n.eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.pulse {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--lime);\n  box-shadow: 0 0 0 6px rgba(185,220,116,.22);\n}\nh1 {\n  max-width: 800px;\n  margin: 28px 0 34px;\n  font: 400 clamp(54px, 7.2vw, 104px)/1.04 Georgia, \"Noto Serif SC\", serif;\n  letter-spacing: -.055em;\n}\nh1 span {\n  color: var(--green);\n}\n.hero-copy {\n  width: min(580px, 92%);\n  font-size: 17px;\n  line-height: 1.9;\n  color: #48544f;\n}\n.primary-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 20px;\n  margin-top: 34px;\n  padding-bottom: 8px;\n  border-bottom: 1px solid var(--ink);\n  font-weight: 700;\n  font-size: 14px;\n}\n.primary-link span {\n  color: var(--green);\n}\n.hero-orbit {\n  position: absolute;\n  width: 360px;\n  height: 360px;\n  right: 3vw;\n  bottom: 40px;\n}\n.orbit {\n  position: absolute;\n  inset: 20px;\n  border: 1px solid rgba(31,106,76,.35);\n  border-radius: 50%;\n}\n.orbit-two {\n  inset: 85px;\n  border-style: dashed;\n}\n.orbit-core {\n  position: absolute;\n  inset: 130px;\n  display: grid;\n  place-items: center;\n  border-radius: 50%;\n  background: var(--green);\n  color: white;\n  font: italic 700 32px/1 Georgia, serif;\n}\n.orbit-label {\n  position: absolute;\n  font-size: 12px;\n  letter-spacing: .2em;\n  color: var(--green);\n}\n.label-one {\n  top: 5px;\n  left: 155px;\n}\n.label-two {\n  right: -6px;\n  top: 180px;\n}\n.label-three {\n  left: 20px;\n  bottom: 34px;\n}\n.notes-section {\n  background: var(--ink);\n  color: var(--paper);\n  padding: 100px clamp(24px, 6vw, 88px);\n}\n.section-heading {\n  display: flex;\n  justify-content: space-between;\n  align-items: end;\n  margin-bottom: 52px;\n}\n.section-heading > p {\n  color: var(--lime);\n}\n.section-heading h2, .about-section h2 {\n  margin: 0;\n  font: 400 clamp(36px, 5vw, 68px)/1.1 Georgia, \"Noto Serif SC\", serif;\n}\n.notes-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  border-top: 1px solid rgba(244,241,233,.2);\n}\n.note-card {\n  padding: 36px 34px 24px 0;\n  min-height: 410px;\n  display: flex;\n  flex-direction: column;\n}\n.note-card + .note-card {\n  border-left: 1px solid rgba(244,241,233,.2);\n  padding-left: 34px;\n}\n.note-meta {\n  display: flex;\n  justify-content: space-between;\n  color: #9ca59f;\n  font: 12px/1 monospace;\n}\n.tag {\n  align-self: flex-start;\n  margin-top: 62px;\n  color: var(--lime);\n  font-size: 12px;\n}\n.note-card h3 {\n  font: 400 26px/1.45 Georgia, \"Noto Serif SC\", serif;\n  margin: 18px 0;\n}\n.note-card p {\n  color: #adb4af;\n  line-height: 1.75;\n  font-size: 14px;\n}\n.read-more {\n  margin-top: auto;\n  font-size: 13px;\n}\n.about-section {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 80px;\n  padding: 120px clamp(24px, 7vw, 104px);\n}\n.section-kicker {\n  margin: 0 0 24px;\n}\n.about-copy {\n  padding-top: 38px;\n  color: #48544f;\n  font-size: 16px;\n  line-height: 2;\n}\n.about-copy p {\n  margin: 0 0 24px;\n}\nfooter {\n  margin: 0 clamp(24px, 6vw, 88px);\n  padding: 34px 0 46px;\n  border-top: 1px solid var(--line);\n  display: flex;\n  justify-content: space-between;\n  color: #68736e;\n  font-size: 12px;\n  letter-spacing: .06em;\n}\n@media (max-width: 900px) {\n  .hero {\n    min-height: 820px;\n  }\n  .hero-orbit {\n    right: -80px;\n    bottom: 20px;\n    transform: scale(.75);\n  }\n  .notes-grid {\n    grid-template-columns: 1fr;\n  }\n  .note-card, .note-card + .note-card {\n    padding: 34px 0;\n    min-height: 330px;\n    border-left: 0;\n    border-bottom: 1px solid rgba(244,241,233,.2);\n  }\n  .tag {\n    margin-top: 42px;\n  }\n  .about-section {\n    grid-template-columns: 1fr;\n    gap: 20px;\n  }\n}\n@media (max-width: 560px) {\n  .site-header {\n    height: 78px;\n  }\n  nav {\n    gap: 20px;\n  }\n  .hero {\n    padding-top: 76px;\n    min-height: 760px;\n  }\n  h1 {\n    font-size: 52px;\n  }\n  .hero-copy {\n    font-size: 15px;\n  }\n  .hero-orbit {\n    opacity: .68;\n    right: -120px;\n    bottom: -10px;\n  }\n  .section-heading {\n    display: block;\n  }\n  .section-heading h2 {\n    margin-top: 18px;\n  }\n  .notes-section {\n    padding-top: 74px;\n    padding-bottom: 74px;\n  }\n  .about-section {\n    padding-top: 80px;\n    padding-bottom: 80px;\n  }\n  footer {\n    flex-wrap: wrap;\n    gap: 18px 30px;\n  }\n}\n@media (prefers-reduced-motion: no-preference) {\n  .orbit-one {\n    animation: turn 30s linear infinite;\n  }\n  .orbit-two {\n    animation: turn 18s linear infinite reverse;\n  }\n  @keyframes turn {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n}\n"
__vite__updateStyle(__vite__id, __vite__css)
import.meta.hot.accept()
import.meta.hot.prune(() => __vite__removeStyle(__vite__id))