@jjlmoya/utils-chrono 1.3.0 → 1.5.0

package/src/tool/moon-phase-visualizer/i18n/tr.ts

@@ -0,0 +1,175 @@
+import type { ToolLocaleContent } from '../../../types';
+import type { MoonPhaseVisualizerUI } from '../entry';
+import { bibliography } from '../bibliography';
+
+export const content: ToolLocaleContent<MoonPhaseVisualizerUI> = {
+  slug: 'ay-evresi-gorsellestirici',
+  title: 'Ay Evresi Gorsellestirici: Ay Takvimi ve Saat Komplikasyon Araci',
+  description: 'Anlık ay evresini, aydınlanma yüzdesini, ay yaşını ve yaklaşan dolunay ile yeni ay tarihlerini görselleştirin. Saatinizin ay evresi komplikasyonunu ayarlamak için mükemmel bir araç.',
+  ui: {
+    title: 'Ay Evresi Görselleştirici',
+    selectDate: 'Tarih Seçin',
+    today: 'Bugün',
+    moonPhase: 'Ay Evresi',
+    illumination: 'Aydınlanma',
+    moonAge: 'Ay Yaşı',
+    daysUntilFull: 'Dolunaya Kalan Gün',
+    daysUntilNew: 'Yeni Aya Kalan Gün',
+    newMoon: 'Yeni Ay',
+    waxingCrescent: 'Hilal (Büyüyen)',
+    firstQuarter: 'İlk Dördün',
+    waxingGibbous: 'Şişkin Ay (Büyüyen)',
+    fullMoon: 'Dolunay',
+    waningGibbous: 'Şişkin Ay (Küçülen)',
+    lastQuarter: 'Son Dördün',
+    waningCrescent: 'Hilal (Küçülen)',
+    nextFullMoon: 'Sonraki Dolunay',
+    nextNewMoon: 'Sonraki Yeni Ay',
+    tipTitle: 'İpucu',
+    tipContent: 'Bir ay evresi saatini ayarlamak için önce bu aracı kullanarak bugünün ay evresini bulun, ardından kurma kolunu ay diski eşleşene kadar ilerletin. Çoğu mekanik ay evresi, 2 yılda bir günlük sapma ile çalışır.',
+    days: 'Döngü İlerlemesi',
+    day: 'gün',
+  },
+  seo: [
+    { type: 'title', text: 'Ay Evresi Gorsellestirici: Ay Takvimi ve Saat Ayar Kilavuzu', level: 2 },
+    { type: 'paragraph', html: 'Ay Evresi Görselleştirici, ayın gerçekçi bir görüntüsüyle <strong>anlık ay evresini</strong> gösterir. <strong>Aydınlanma yüzdesi, ay yaşı, sonraki dolunaya ve yeni aya kalan günleri</strong> görüntüleyin. Saat tutkunları için ay evresi komplikasyonunu doğru şekilde ayarlamak amacıyla tasarlanmıştır-aynı zamanda geçmiş veya gelecek herhangi bir tarih için genel bir ay takvimi olarak da çalışır.' },
+    { type: 'title', text: 'Ay Evresi Sözlüğü', level: 3 },
+    {
+      type: 'glossary', items: [
+        { term: 'Yeni Ay', definition: 'Ay, Dünya ile Güneş arasındadır. Aydınlık yüzü bizden uzağa bakar. %0 aydınlanma. Ay döngüsünün başlangıcı.' },
+        { term: 'Hilal (Büyüyen)', definition: '%1-49 aydınlanma. Sağ tarafta (Kuzey Yarımküre) ince bir hilal belirir. Ay ilk dördüne doğru ilerlemektedir.' },
+        { term: 'İlk Dördün', definition: '%50 aydınlanma. Görünür yüzeyin yarısı aydınlıktır. Ay döngüsünün dörtte birini tamamlamıştır.' },
+        { term: 'Şişkin Ay (Büyüyen)', definition: '%51-99 aydınlanma. Yarısından fazlası aydınlıktır. Ay dolunaya doğru ilerlemektedir.' },
+        { term: 'Dolunay', definition: '%100 aydınlanma. Görünür yüzeyin tamamı aydınlıktır. Ay döngüsünün zirvesi.' },
+        { term: 'Şişkin Ay (Küçülen)', definition: '%99-51 aydınlanma. Aydınlık alan sağ taraftan küçülmeye başlar.' },
+        { term: 'Son Dördün', definition: '%50 aydınlanma. Sol yarısı aydındır. Döngünün dörtte üçü tamamlanmıştır.' },
+        { term: 'Hilal (Küçülen)', definition: '%49-1 aydınlanma. Döngü yeni aya sıfırlanmadan önce solda ince bir hilal.' },
+      ]
+    },
+    { type: 'title', text: 'Ay Evreli Saat Nasıl Ayarlanır?', level: 3 },
+    {
+      type: 'list', items: [
+        'Bugünün tam ay evresini öğrenmek için bu aracı kullanın. Evre adını ve görsel görünümünü not edin.',
+        'Saatinizde kurma kolunu ay evresi ayar pozisyonuna (genellikle 2. veya 3. konum) çekin.',
+        'Ay diski araçtakiyle aynı evreyi gösterene kadar kurma kolunu ilerletin. Dolunay göstergesi genellikle diskin üst-orta kısmındadır.',
+        'Ay evresini akşam 9 ile sabah 3 arasında ayarlamaktan kaçının; bu saatlerde tarih değiştirme mekanizması devrededir ve hasar görebilir.',
+        'Çoğu mekanik ay evreli saat, iki ay döngüsünü (59 gün) yaklaşık olarak hesaplayan 59 dişli bir çark kullanır. Bu, yaklaşık 2 yılda bir günlük sapma anlamına gelir.',
+        'Yüksek hassasiyet için bazı saatler (Patek Philippe, A. Lange & Söhne) 100+ yılda bir günlük sapmayla çalışan çarklar kullanır.',
+      ]
+    },
+    { type: 'diagnostic', variant: 'warning', title: 'Tarih Değişimi Sırasında Asla Ayarlamayın', icon: 'mdi:alert', html: 'Ay evresini (veya tarihi) yaklaşık <strong>akşam 9 ile sabah 3 arasında</strong> ayarlamayın. Bu aralıkta saatin tarih değiştirme mekanizması fiziksel olarak tarih çarkına bağlıdır. Kurma kolunu zorlamak dişlilere zarar verebilir. Bu saatlerde ayarlama yapmanız gerekiyorsa, önce akrebi sabah 3\'ü geçecek şekilde ilerletin, ardından ay evresini ayarlayın.' },
+    { type: 'title', text: 'Mekanik vs Yüksek Hassasiyetli Ay Evresi', level: 3 },
+    {
+      type: 'table', headers: ['Tür', 'Dişli Çark', 'Sapma Birikimi', 'Bir Günlük Sapma Sonrası', 'Örnek Saatler'], rows: [
+        ['Standart / Giriş', '59 diş', '~2 yılda 1 gün', '~2.5 yıl', 'Seiko, Orient, Hamilton, Tissot'],
+        ['Orta Seviye', '135 diş', '~10 yılda 1 gün', '~10 yıl', 'Omega, Tudor, IWC, Breitling'],
+        ['Yüksek Hassasiyet', 'Çark sistemi', '~100+ yılda 1 gün', '100+ yıl', 'Patek Philippe, A. Lange & Söhne'],
+      ]
+    },
+    { type: 'tip', title: 'Ay Diski Nasıl Okunur?', html: 'Çoğu ay evreli saatte ay diski üzerinde birbirinin <strong>tam karşısında iki ay</strong> bulunur. Her dolunay, üst-orta açıklıkla hizalanır. Bir tam döngüden (29.5 gün) sonra ikinci ay onun yerini alır. 59 dişli çark bu yüzden işe yarar: 59 günde tam bir tur atar-yani tam olarak iki ay döngüsü.' },
+    {
+      type: 'summary', title: 'Hızlı Başvuru', items: [
+        'Ay (sinodik) döngüsü tam olarak 29.53058867 gündür. Araç maksimum doğruluk için bu değeri kullanır.',
+        'Sekiz evre sonsuz bir döngü halinde tekrarlanır: yeni ay → hilal (büyüyen) → ilk dördün → şişkin ay (büyüyen) → dolunay → şişkin ay (küçülen) → son dördün → hilal (küçülen).',
+        'Ay evreli saat ayarı: bugünün evresini burada bulun, ardından saatinizdeki diskte eşleştirin.',
+        'Kurma kolunu asla akşam 9 ile sabah 3 arasında zorlamayın. Önce saati sabah 3\'ü geçecek şekilde ilerletin.',
+        'Standart 59 dişli ay evreleri yaklaşık 2.5 yılda bir gün sapar. Düzeltme için diskin bir tık ilerletilmesi gerekir.',
+      ]
+    },
+  ],
+  faq: [
+    {
+      question: 'Saatimde ay evresi nasıl ayarlanır?',
+      answer: 'Bu aracı kullanarak bugünün ay evresini bulun. Kurma kolunu (genellikle 2. konum) ay diski eşleşene kadar ilerletin. Akşam 9 ile sabah 3 arasında ayarlama yapmaktan kaçının.',
+    },
+    {
+      question: 'Mekanik ay evreli saatler ne kadar hassastır?',
+      answer: 'Çoğu, yaklaşık 2 yılda bir günlük sapmayla çalışan 59 dişli bir çark kullanır. Patek Philippe ve A. Lange & Söhne gibi üst düzey saatler 100+ yılda bir günlük hassasiyete ulaşır.',
+    },
+    {
+      question: 'Sinodik ve sidereal ay arasındaki fark nedir?',
+      answer: 'Sidereal ay (27.3 gün), ayın yıldızlara göre yörüngesidir. Sinodik ay (29.53 gün) ise aynı evreler arasındaki süredir ve ay evreli saatlerin takip ettiği döngüdür.',
+    },
+  ],
+  bibliography,
+  howTo: [
+    {
+      name: 'Bir tarih seçin',
+      text: 'Tarih seçiciyi kullanarak geçmiş veya gelecek herhangi bir tarihi seçin ve ay evresini görün.',
+    },
+    {
+      name: 'Evre verilerini okuyun',
+      text: 'Kartlar evre adı, aydınlanma yüzdesi, ay yaşı ve döngü ilerlemesini gösterir.',
+    },
+    {
+      name: 'Yaklaşan olayları bulun',
+      text: 'Sonraki dolunay ve yeni ay tarihleri otomatik olarak görüntülenir.',
+    },
+    {
+      name: 'Saatini ayarla',
+      text: 'Görüntülenen evreyi kullanarak ay evreli saatinizi doğru şekilde ayarlayın.',
+    },
+  ],
+  schemas: [
+    {
+      '@context': 'https://schema.org',
+      '@type': 'FAQPage',
+      'mainEntity': [
+        {
+          '@type': 'Question',
+          'name': 'Saatimde ay evresi nasıl ayarlanır?',
+          'acceptedAnswer': {
+            '@type': 'Answer',
+            'text': 'Bugünün ay evresini bu araçla bulun. Ay diski eşleşene kadar kurma kolunu ilerletin. Akşam 9 ile sabah 3 arasında ayarlama yapmaktan kaçının.',
+          },
+        },
+        {
+          '@type': 'Question',
+          'name': 'Mekanik ay evreli saatler ne kadar hassastır?',
+          'acceptedAnswer': {
+            '@type': 'Answer',
+            'text': 'Çoğu, yaklaşık 2 yılda bir günlük sapma gösteren 59 dişli çark kullanır. Üst düzey saatler 100+ yılda bir günlük hassasiyete ulaşır.',
+          },
+        },
+        {
+          '@type': 'Question',
+          'name': 'Sinodik ve sidereal ay arasındaki fark nedir?',
+          'acceptedAnswer': {
+            '@type': 'Answer',
+            'text': 'Sidereal ay (27.3 gün) ayın yıldızlara göre yörüngesidir. Sinodik ay (29.53 gün) aynı evreler arasındaki süredir ve ay evreli saatlerin takip ettiği döngüdür.',
+          },
+        },
+      ],
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'SoftwareApplication',
+      'name': 'Ay Evresi Görselleştirici',
+      'operatingSystem': 'Tümü',
+      'applicationCategory': 'UtilitiesApplication',
+      'browserRequirements': 'HTML5 gerekli. JavaScript gerekli.',
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'HowTo',
+      'name': 'Ay evreleri nasıl görselleştirilir',
+      'step': [
+        {
+          '@type': 'HowToStep',
+          'name': 'Bir tarih seçin',
+          'text': 'Tarih seçiciyi kullanarak herhangi bir tarihi seçin ve ay evresini görün.',
+        },
+        {
+          '@type': 'HowToStep',
+          'name': 'Evre verilerini okuyun',
+          'text': 'Kartlar evre adı, aydınlanma, ay yaşı ve döngü ilerlemesini gösterir.',
+        },
+        {
+          '@type': 'HowToStep',
+          'name': 'Saatini ayarla',
+          'text': 'Görüntülenen evreyi kullanarak ay evreli saatinizi ayarlayın.',
+        },
+      ],
+    },
+  ],
+};

package/src/tool/moon-phase-visualizer/i18n/zh.ts

@@ -0,0 +1,175 @@
+import type { ToolLocaleContent } from '../../../types';
+import type { MoonPhaseVisualizerUI } from '../entry';
+import { bibliography } from '../bibliography';
+
+export const content: ToolLocaleContent<MoonPhaseVisualizerUI> = {
+  slug: 'moon-phase-visualizer',
+  title: '月相可视化工具 — nar 日历与手表月相调校工具',
+  description: '实时查看当前月相、照亮率、月龄以及下次满月和新月。调校手表月相功能的理想工具。',
+  ui: {
+    title: '月相可视化工具',
+    selectDate: '选择日期',
+    today: '今天',
+    moonPhase: '月相',
+    illumination: '照亮率',
+    moonAge: '月龄',
+    daysUntilFull: '距离满月',
+    daysUntilNew: '距离新月',
+    newMoon: '新月',
+    waxingCrescent: '蛾眉月',
+    firstQuarter: '上弦月',
+    waxingGibbous: '盈凸月',
+    fullMoon: '满月',
+    waningGibbous: '亏凸月',
+    lastQuarter: '下弦月',
+    waningCrescent: '残月',
+    nextFullMoon: '下次满月',
+    nextNewMoon: '下次新月',
+    tipTitle: '提示',
+    tipContent: '调校月相表时，先用此工具查找今天的月相，然后转动表冠直到月相盘与之匹配。大部分机械月相表的误差约为每 2 年偏差一天。',
+    days: '周期进度',
+    day: '天',
+  },
+  seo: [
+    { type: 'title', text: '月相可视化工具 — 月相查询与手表调校指南', level: 2 },
+    { type: 'paragraph', html: '月相可视化工具以逼真的月球渲染效果展示 <strong>当前月相</strong>。查看 <strong>照亮率百分比、月龄、距离下次满月的天数以及下次新月</strong>。专为需要精确调校月相功能的手表爱好者设计——同时也适用于查询过去或未来任何日期的通用月历。' },
+    { type: 'title', text: '月相术语表', level: 3 },
+    {
+      type: 'glossary', items: [
+        { term: '新月', definition: '月球运行到地球与太阳之间，被照亮的半球背对我们。照亮率 0%。月相周期的起点。' },
+        { term: '蛾眉月', definition: '照亮率 1-49%。右侧出现一道细弯月（北半球）。月球正向上弦月阶段移动。' },
+        { term: '上弦月', definition: '照亮率 50%。可见面的一半被照亮。月球完成其周期的四分之一。' },
+        { term: '盈凸月', definition: '照亮率 51-99%。超过一半被照亮。月球正向着满月阶段变化。' },
+        { term: '满月', definition: '照亮率 100%。整个可见面被照亮。月相周期的高峰。' },
+        { term: '亏凸月', definition: '照亮率 99-51%。被照亮的部分从右侧开始缩小。' },
+        { term: '下弦月', definition: '照亮率 50%。左半部分被照亮。周期完成四分之三。' },
+        { term: '残月', definition: '照亮率 49-1%。左侧一道细弯月，之后周期重新从新月开始。' },
+      ]
+    },
+    { type: 'title', text: '如何调校月相表', level: 3 },
+    {
+      type: 'list', items: [
+        '使用本工具查找今天的精确月相，记下月相名称和视觉外观。',
+        '将手表表冠拉出至月相调校档位（通常为第 2 或第 3 档）。',
+        '转动表冠直到月相盘显示与工具相同的月相。满月指示器通常位于月相盘的正上方中央。',
+        '避免在晚上 9 点到凌晨 3 点之间调校月相，此时日期切换机构正在运作，强行操作可能造成损坏。',
+        '大多数机械月相表使用 59 齿齿轮，近似两个太阴月周期（59 天），因此每 2 年会累积约 1 天的误差。',
+        '高精度手表（百达翡丽、朗格）使用更精密的齿轮系，误差仅为每 100 年以上偏差一天。',
+      ]
+    },
+    { type: 'diagnostic', variant: 'warning', title: '切勿在日期切换期间调校', icon: 'mdi:alert', html: '请勿在 <strong>晚上 9 点到凌晨 3 点</strong> 之间调校月相（或日期）。在此期间，手表的日期切换机构与日期轮处于物理啮合状态。强行转动表冠可能导致齿轮损坏。如必须在此期间调校，先将指针拨过凌晨 3 点，再调校月相。' },
+    { type: 'title', text: '普通月相与高精度月相对比', level: 3 },
+    {
+      type: 'table', headers: ['类型', '齿轮', '误差累积', '偏差一天需要', '代表表款'], rows: [
+        ['标准/入门', '59 齿', '约每 2 年偏差 1 天', '约 2.5 年', '精工、东方、汉米尔顿、天梭'],
+        ['中档', '135 齿', '约每 10 年偏差 1 天', '约 10 年', '欧米茄、帝舵、万国、百年灵'],
+        ['高精度', '齿轮系', '约每 100+ 年偏差 1 天', '100+ 年', '百达翡丽、朗格'],
+      ]
+    },
+    { type: 'tip', title: '看懂月相盘', html: '大多数月相表的月相盘上有 <strong>两个月亮</strong> 相对排列。每个满月对准中央顶部的窗口。经过一个完整周期（29.5 天）后，第二个月亮接替位置。这就是 59 齿齿轮的运作原理：它每 59 天转完一整圈——正好是两个太阴月周期。' },
+    {
+      type: 'summary', title: '快速参考', items: [
+        '太阴（朔望）周期精确为 29.53058867 天。本工具使用该数值以获得最高精度。',
+        '八个月相周而复始：新月 → 蛾眉月 → 上弦月 → 盈凸月 → 满月 → 亏凸月 → 下弦月 → 残月。',
+        '调校月相表：在此查找今天月相，然后在手表的月相盘上匹配。',
+        '切勿在晚上 9 点到凌晨 3 点之间强行转动表冠。先将时间拨过凌晨 3 点。',
+        '标准 59 齿月相每约 2.5 年偏差一天。修正需要将月相盘向前推进一格。',
+      ]
+    },
+  ],
+  faq: [
+    {
+      question: '如何调校手表的月相功能？',
+      answer: '使用本工具查找今天的月相。转动表冠（通常为第 2 档）直到月相盘显示匹配的月相。避免在晚上 9 点到凌晨 3 点之间调校，此时日期机构处于啮合状态。',
+    },
+    {
+      question: '机械月相表的精度如何？',
+      answer: '大多数使用 59 齿齿轮，精度约为每 2 年偏差一天。百达翡丽和朗格等高端腕表可达到每 100 年以上偏差一天。',
+    },
+    {
+      question: '朔望月和恒星月有什么区别？',
+      answer: '恒星月（27.3 天）是月球相对于恒星的公转周期。朔望月（29.53 天）是两次相同月相之间的时间间隔，月相表追踪的正是这个周期。',
+    },
+  ],
+  bibliography,
+  howTo: [
+    {
+      name: '选择日期',
+      text: '使用日期选择器选择过去或未来的任意日期，查看对应月相。',
+    },
+    {
+      name: '查看月相数据',
+      text: '信息卡片显示月相名称、照亮率百分比、月龄和周期进度。',
+    },
+    {
+      name: '查看月相事件',
+      text: '下次满月和新月的日期会自动显示。',
+    },
+    {
+      name: '调校手表',
+      text: '使用显示的月相数据精确调校手表的月相功能。',
+    },
+  ],
+  schemas: [
+    {
+      '@context': 'https://schema.org',
+      '@type': 'FAQPage',
+      'mainEntity': [
+        {
+          '@type': 'Question',
+          'name': '如何调校手表的月相功能？',
+          'acceptedAnswer': {
+            '@type': 'Answer',
+            'text': '使用本工具查找今天的月相。转动表冠直到月相盘显示匹配的月相。避免在晚上 9 点到凌晨 3 点之间调校。',
+          },
+        },
+        {
+          '@type': 'Question',
+          'name': '机械月相表的精度如何？',
+          'acceptedAnswer': {
+            '@type': 'Answer',
+            'text': '大多数使用 59 齿齿轮，精度约为每 2 年偏差一天。高端腕表可达到每 100 年以上偏差一天。',
+          },
+        },
+        {
+          '@type': 'Question',
+          'name': '朔望月和恒星月有什么区别？',
+          'acceptedAnswer': {
+            '@type': 'Answer',
+            'text': '恒星月（27.3 天）是月球相对于恒星的公转周期。朔望月（29.53 天）是两次相同月相之间的时间间隔，月相表追踪的正是这个周期。',
+          },
+        },
+      ],
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'SoftwareApplication',
+      'name': 'Moon Phase Visualizer',
+      'operatingSystem': 'All',
+      'applicationCategory': 'UtilitiesApplication',
+      'browserRequirements': 'Requires HTML5. Requires JavaScript.',
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'HowTo',
+      'name': 'How to visualize moon phases',
+      'step': [
+        {
+          '@type': 'HowToStep',
+          'name': 'Select a date',
+          'text': 'Use the date picker to choose any date and see the moon phase.',
+        },
+        {
+          '@type': 'HowToStep',
+          'name': 'Read the phase data',
+          'text': 'The cards show phase name, illumination, moon age, and cycle progress.',
+        },
+        {
+          '@type': 'HowToStep',
+          'name': 'Set your watch',
+          'text': 'Use the displayed phase to set your moon phase watch complication.',
+        },
+      ],
+    },
+  ],
+};

package/src/tool/moon-phase-visualizer/index.ts

@@ -0,0 +1,11 @@
+import type { ToolDefinition } from '../../types';
+import { moonPhaseVisualizer } from './entry';
+
+export * from './entry';
+
+export const MOON_PHASE_VISUALIZER_TOOL: ToolDefinition = {
+  entry: moonPhaseVisualizer,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
+};

package/src/tool/moon-phase-visualizer/moon-phase-visualizer.css

@@ -0,0 +1,216 @@
+.tool-main-card {
+  background: var(--bg-surface);
+  border: 1px solid var(--border-color);
+  border-radius: 1.25rem;
+  max-width: 480px;
+  margin: 0 auto;
+  padding: 1.75rem;
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+  box-shadow: var(--shadow-base);
+}
+
+.moon-panel {
+  display: flex;
+  flex-direction: column;
+  gap: 1.25rem;
+}
+
+.panel-section {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+.section-label {
+  font-size: 0.75rem;
+  font-weight: 600;
+  color: var(--text-base);
+  opacity: 0.7;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+}
+
+/* Date controls */
+.date-row {
+  display: flex;
+  gap: 0.5rem;
+  align-items: center;
+}
+
+.date-row input[type="date"] {
+  flex: 1;
+  padding: 0.65rem 0.75rem;
+  background: var(--bg-page);
+  border: 1px solid var(--border-base);
+  border-radius: 0.75rem;
+  color: var(--text-base);
+  font-size: 0.875rem;
+  transition: border-color 0.2s;
+  color-scheme: dark;
+  box-sizing: border-box;
+}
+
+.date-row input[type="date"]:focus {
+  outline: none;
+  border-color: var(--accent);
+}
+
+.btn-today {
+  padding: 0.6rem 1rem;
+  background: var(--bg-page);
+  border: 1px solid var(--border-base);
+  border-radius: 0.75rem;
+  color: var(--text-base);
+  font-size: 0.8125rem;
+  font-weight: 600;
+  cursor: pointer;
+  transition: all 0.2s;
+  white-space: nowrap;
+}
+
+.btn-today:hover {
+  border-color: var(--accent);
+  background: color-mix(in srgb, var(--accent) 8%, var(--bg-page));
+}
+
+/* Moon canvas */
+.moon-canvas-wrapper {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+}
+
+.moon-canvas-wrapper canvas {
+  max-width: 100%;
+  border-radius: 1rem;
+}
+
+/* Phase info cards */
+.phase-info {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 0.5rem;
+}
+
+.phase-info-card {
+  padding: 0.65rem 0.75rem;
+  background: var(--bg-page);
+  border: 1px solid var(--border-base);
+  border-radius: 0.75rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.15rem;
+}
+
+.phase-info-card.wide {
+  grid-column: span 2;
+}
+
+.phase-info-label {
+  font-size: 0.6rem;
+  font-weight: 600;
+  color: var(--text-base);
+  opacity: 0.5;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+}
+
+.phase-info-value {
+  font-size: 0.875rem;
+  font-weight: 700;
+  color: var(--text-base);
+}
+
+.phase-info-value.accent {
+  color: var(--accent);
+}
+
+/* Upcoming events */
+.upcoming-section {
+  display: flex;
+  flex-direction: column;
+  gap: 0.375rem;
+}
+
+.upcoming-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0.5rem 0.75rem;
+  background: var(--bg-page);
+  border: 1px solid var(--border-base);
+  border-radius: 0.6rem;
+  font-size: 0.8125rem;
+}
+
+.upcoming-label {
+  font-weight: 600;
+  color: var(--text-base);
+}
+
+.upcoming-date {
+  color: var(--text-base);
+  opacity: 0.6;
+  font-size: 0.75rem;
+  font-variant-numeric: tabular-nums;
+}
+
+/* Phase phase-badge */
+.phase-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.35rem;
+  padding: 0.25rem 0.6rem;
+  background: color-mix(in srgb, var(--accent) 12%, var(--bg-page));
+  border: 1px solid color-mix(in srgb, var(--accent) 25%, var(--border-base));
+  border-radius: 1rem;
+  font-size: 0.75rem;
+  font-weight: 700;
+  color: var(--accent);
+}
+
+.tip-row {
+  display: flex;
+  gap: 0.5rem;
+  padding: 0.75rem 1rem;
+  background: var(--bg-page);
+  border-radius: 0.75rem;
+  border: 1px solid var(--border-base);
+}
+
+.tip-icon {
+  flex-shrink: 0;
+  margin-top: 0.1rem;
+  color: var(--accent);
+}
+
+.tip-text {
+  font-size: 0.8rem;
+  color: var(--text-base);
+  opacity: 0.85;
+  line-height: 1.5;
+}
+
+@media (max-width: 520px) {
+  .tool-main-card {
+    padding: 1rem;
+  }
+  .phase-info {
+    grid-template-columns: 1fr;
+  }
+  .phase-info-card.wide {
+    grid-column: span 1;
+  }
+  .date-row {
+    flex-direction: column;
+  }
+  .date-row input[type="date"] {
+    width: 100%;
+  }
+  .btn-today {
+    width: 100%;
+  }
+}

package/src/tool/moon-phase-visualizer/seo.astro

@@ -0,0 +1,16 @@
+---
+import { SEORenderer } from '@jjlmoya/utils-shared';
+import { moonPhaseVisualizer } from './index';
+import type { KnownLocale } from '../../types';
+
+interface Props {
+  locale?: KnownLocale;
+}
+
+const { locale = 'en' } = Astro.props;
+const loader = moonPhaseVisualizer.i18n[locale] || moonPhaseVisualizer.i18n.en;
+const content = await loader?.();
+if (!content) return null;
+---
+
+{content.seo?.length > 0 && <SEORenderer content={{ locale, sections: content.seo }} />}

package/src/tool/power-reserve-estimator/bibliography.ts

@@ -2,11 +2,11 @@ import type { BibliographyEntry } from '../../types';
 
 export const bibliography: BibliographyEntry[] = [
   {
-    name: 'How a Watch Power Reserve Works — Crown & Caliber',
+    name: 'How a Watch Power Reserve Works-Crown & Caliber',
     url: 'https://www.crownandcaliber.com/posts/how-a-watch-works-101/',
   },
   {
-    name: 'What Is a Power Reserve? — Bob\'s Watches',
+    name: 'What Is a Power Reserve?-Bob\'s Watches',
     url: 'https://www.bobswatches.com/rolex-blog/resources/watch-winders-worth.html',
   },
   {