feat: add browser AI connection guide and calculator instructions

src/routes/+layout.svelte

@@ -2,6 +2,7 @@
   import { onMount } from 'svelte';
   import { page } from '$app/stores';
   import AnalyticsConsent from '$lib/components/AnalyticsConsent.svelte';
+  import AssistantConnection from '$lib/components/AssistantConnection.svelte';
   import { events } from '$lib/data/events.ts';
   import { createInitialReleaseClock, synchronizeReleaseClock } from '$lib/data/release-clock.ts';
   import { activeEventAt } from '$lib/engine/event-optimization.ts';
@@ -60,6 +61,7 @@
   </div>
 </header>
 
+<AssistantConnection />
 <slot />
 
 <AnalyticsConsent pagePath={`${$page.url.pathname}${$page.url.search}`} />

src/routes/tools/ai/+page.svelte

@@ -0,0 +1,29 @@
+<script lang="ts">
+  import ToolsNav from '$lib/components/ToolsNav.svelte';
+</script>
+
+<svelte:head><title>AI 연결 · 홀로도리 계산기</title></svelte:head>
+<main>
+  <h1>도구</h1>
+  <ToolsNav active="ai" />
+  <section class="panel">
+    <h2>AI 연결</h2>
+    <p>ChatGPT의 대화에서 편성 탐색과 성장 효과 비교를 요청할 수 있습니다. 계산은 이 계산기에서 수행하고 AI가 결과를 설명합니다.</p>
+    <ol>
+      <li><a href="https://get.microsoft.com/installer/download/9PLM9XGG6VKS?cid=website_cta_psi" target="_blank" rel="noreferrer">ChatGPT Windows 설치 파일</a>을 받아 실행하고 안내에 따라 설치합니다. 설치한 앱을 열어 ChatGPT 계정으로 로그인합니다.</li>
+      <li>평소 계산기를 사용하던 브라우저(Edge·Chrome 등)에서 <a href="https://chromewebstore.google.com/detail/chatgpt/hehggadaopoacecdllhhajmbjkdcmajg?hl=ko" target="_blank" rel="noreferrer">공식 ChatGPT 확장 설치 페이지</a>를 열어 확장을 설치합니다.</li>
+      <li>ChatGPT 앱의 설정 → Computer Use(컴퓨터 사용)에서 해당 브라우저가 연결됐는지 확인합니다. 연결 설정이 필요하면 <a href="https://learn.chatgpt.com/docs/chrome-extension" target="_blank" rel="noreferrer">공식 연결 안내</a>를 따라 주세요.</li>
+      <li>계산기를 연 상태에서 브라우저 도구 모음의 ChatGPT 아이콘을 눌러 대화창을 엽니다. 이 브라우저에 저장된 보유 카드와 성장 정보를 그대로 사용하므로 데이터를 옮길 필요가 없습니다.</li>
+      <li>GPT에게 <a href="/ai/SKILL.html" target="_blank" rel="noreferrer">이 파일(SKILL.md)</a>을 먼저 읽게 하세요. 계산기의 조작 방법과 결과 해석 지침이 담겨 있으며, 스킬을 설치하지 않아도 사용할 수 있습니다.</li>
+    </ol>
+    <p class="example">요청 예시: “이 계산기의 AI 연결 페이지에 있는 SKILL.md 사용 안내를 먼저 읽고, 현재 편성의 점수를 계산해줘.”</p>
+    <p class="hint">결과는 배치 분석이나 조합 탐색 화면에 표시됩니다. 여러 조건을 비교하면 화면 조작과 반복 계산에 시간이 걸릴 수 있습니다.</p>
+    <p class="hint">확장은 ChatGPT 데스크톱 앱과 연결해 사용하는 기능입니다. 사용 가능 여부는 앱·모델·계정 설정에 따라 달라지며 일반 웹·모바일 ChatGPT 채팅에서의 사용은 보장하지 않습니다.</p>
+  </section>
+</main>
+<style>
+  main { width: min(1100px, calc(100% - 32px)); margin: 32px auto; }
+  .panel { padding: 24px; margin: 20px 0; border: 1px solid #303949; border-radius: 14px; background: #171c24; }
+  h2 { margin-top: 0; } p, li { line-height: 1.7; } a { color: #f3a5c5; }
+  .hint { color: #a5aebd; font-size: 14px; } .example { background: #242d3b; padding: 14px; border-radius: 8px; }
+</style>