diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
new file mode 100644
index 0000000..c92034e
--- /dev/null
+++ b/.github/workflows/test.yml
@@ -0,0 +1,16 @@
+name: Test
+
+on: [push, pull_request]
+
+permissions:
+  contents: read
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 22
+      - run: npm test
diff --git a/.nojekyll b/.nojekyll
new file mode 100644
index 0000000..e69de29
diff --git a/CLAUDE.md b/CLAUDE.md
index 2b06c8c..d72bf78 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -4,44 +4,46 @@ This file provides guidance to Claude Code (claude.ai/code) when working with co
 
 ## Project Overview
 
-WhereShot is a privacy-focused OSINT (Open Source Intelligence) tool for analyzing photo/video metadata to determine when and where images were captured. All processing happens locally in the browser - no external data transmission.
+WhereShot is a privacy-focused OSINT (Open Source Intelligence) tool for analyzing image metadata to determine when and where images were captured. Image analysis happens locally. Leaflet is loaded from cdnjs; selected map tiles are requested only after loading an image.
 
 **Core Technologies:**
 - Pure vanilla JavaScript (no build tools required)
 - Leaflet.js for interactive maps
-- exif-js for metadata extraction
-- SunCalc for solar position calculations
+- Self-hosted ExifReader 4.12.0 for metadata extraction
+- Self-hosted SunCalc 1.9.0 for solar position calculations
 
 **Privacy Design:**
 - 100% client-side processing
 - No server-side components
 - No external API calls for image analysis
-- Suitable for sensitive investigations
+- Tile providers receive the viewed area; assess privacy before sensitive investigations.
 
 ## Development Setup
 
 ### Running Locally
 
-The application requires an HTTP server to function properly due to JSON file loading:
-
 ```bash
-# Recommended method
 python -m http.server 8000
-
-# Alternative
-npx serve .
+npm test
 ```
 
-Then access at `http://localhost:8000`
-
-**Important:** Opening `index.html` directly via `file://` protocol will trigger fallback mode with limited weather station data (20 locations instead of full dataset).
+Open http://localhost:8000. Node 22 or later is required for tests; there are no npm dependencies.
+Opening index.html via file:// also works, including all 54 stations.
+HTTP is recommended for map use because file:// cannot send a valid HTTP Referer.
 
-### File Protocol Limitations
+### File Structure
 
-When accessed via `file://` protocol:
-- `data/stations.json` cannot be loaded (CORS restrictions)
-- Application falls back to 20 hardcoded weather stations in `main.js:130-287`
-- User receives a warning banner suggesting HTTP server usage
+- js/whereshot-logic.js: pure calculations, no DOM or environment-dependent clock
+- js/main.js: DOM, file selection, UTC offset selection, SHA-256, report and preview
+- js/exif-parser.js: File.arrayBuffer and ExifReader adapter
+- js/sun-calculator.js: SunCalc adapter
+- js/map-controller.js: Leaflet, position/direction modes and layers
+- js/utils.js: FileUtils, UIUtils and cleanup helpers
+- data/stations.json and data/stations.js: the same 54 stations
+- vendor/: unmodified ExifReader and SunCalc, licenses and hash documentation
+- test/: dependency-free node:test suite, including README and timezone checks
+- .github/workflows/test.yml: push and pull_request checks
+- .nojekyll: publish vendor files in the legacy Pages root deployment
 
 ## Architecture
 
@@ -54,49 +56,48 @@ window.WhereShotApp          // Main application controller
 window.WhereShotExifParser   // Metadata extraction engine
 window.WhereShotMapController // Map management
 window.WhereShotSunCalculator // Solar position calculations
-window.WhereShotDateTimeEstimator // DateTime from filename
+globalThis.WhereShotLogic    // Pure calculations, also CommonJS-compatible
 window.WhereShotUtils        // Shared utilities
 window.WhereShotStations     // Weather station data
 ```
 
 ### Module Loading Order (Critical)
 
-In `index.html:265-270`, scripts must load in this exact order:
-1. `utils.js` - Foundation utilities (must load first)
-2. `exif-parser.js` - Depends on WhereShotUtils
-3. `datetime-estimator.js` - Depends on WhereShotUtils
-4. `sun-calculator.js` - Depends on WhereShotUtils
-5. `map-controller.js` - Depends on WhereShotUtils
-6. `main.js` - Orchestrates all modules (must load last)
+All scripts are classic scripts with defer, in this order:
 
-### Initialization Flow
+1. Leaflet 1.9.4 (cdnjs, existing SRI)
+2. vendor/exifreader/exif-reader.min.js
+3. vendor/suncalc/suncalc.js
+4. data/stations.js
+5. js/whereshot-logic.js
+6. js/utils.js
+7. js/exif-parser.js
+8. js/sun-calculator.js
+9. js/map-controller.js
+10. js/main.js
 
-The initialization sequence in `main.js` is carefully ordered to prevent race conditions:
+### Initialization Flow
 
-1. **DOM Ready** → `WhereShotApp.initialize()`
-2. **UI Event Listeners** → Setup before map initialization
-3. **Station Data Loading** → Load `data/stations.json` or fallback
-4. **Security Setup** → Configure CSP and crypto checks
-5. **External Links Init** → Default states and security attributes
-6. **Map Initialization (Deferred)** → 500ms delay via `initializeMapWhenReady()`
+1. DOM ready, offset choices and UI event listeners
+2. External links initialized as disabled
+3. A file is selected: clear old results and markers, then parse metadata
+4. Show analysis-results, then initialize the map once
+5. Set position, wall-clock time and UTC offset; calculate sun, links and report
 
-**Map Initialization Strategy:**
-- Delayed by 500ms to ensure DOM stability (`main.js:64-66`)
-- Waits for container visibility with timeout (`map-controller.js:147-186`)
-- Multiple size recalculations at 200ms, 500ms, 1000ms intervals
-- Custom events: `whereshot:mapInitialized` and `whereshot:mapInitializationFailed`
+No map or tile request is created on startup. No polling for a hidden container is needed.
+Use safeInvalidateSize after showing the results.
 
 ### Inter-Module Communication
 
 Uses custom DOM events prefixed with `whereshot:`:
 
 ```javascript
-// Dispatching (map-controller.js:722-727)
+// Dispatching (map-controller.js)
 document.dispatchEvent(new CustomEvent('whereshot:locationChanged', {
     detail: { latitude, longitude }
 }));
 
-// Listening (main.js:472-478)
+// Listening (main.js)
 document.addEventListener('whereshot:locationChanged', (e) => {
     this.onLocationChanged(e.detail);
 });
@@ -112,57 +113,41 @@ document.addEventListener('whereshot:locationChanged', (e) => {
 
 ### 1. EXIF Metadata Extraction
 
-**File:** `js/exif-parser.js`
-
-Handles metadata with security considerations:
-- **Sanitization** (`sanitizeString:359-400`): Removes control characters, detects mojibake (garbled text)
-- **Security Analysis** (`performSecurityAnalysis:307-353`): Identifies privacy risks (GPS, serial numbers)
-- **Data Clearing** (`clearData:535-541`): Secure cleanup of sensitive data
+File: js/exif-parser.js. Read File.arrayBuffer, call ExifReader.load with expanded:true,
+then WhereShotLogic.normalizeTags. Catch parser exceptions and return all-null metadata.
+Always finish loading in finally. Non-ASCII camera names are preserved.
+GPSHPositioningError is in meters; GPSDOP is never used as a radius.
 
 ### 2. DateTime Estimation from Filenames
 
-**File:** `js/datetime-estimator.js`
-
-Extracts timestamps from filenames using 50+ patterns:
-- Camera formats: `IMG_20240101_123456.jpg`, `DSC_*.jpg`, `VID_*.mp4`
-- Screenshot formats: `Screenshot_2024-01-01-12-34-56.png`
-- Japanese formats: `2024年1月1日12時34分56秒.jpg`
-- Unix timestamps: `1609459200.jpg`
-
-**Reliability Scoring:**
-- High (0.9-0.95): Format matches camera conventions
-- Medium (0.7-0.85): Partial time information
-- Low (0.5-0.7): Date only, ambiguous formats
+File: js/whereshot-logic.js. FILENAME_PATTERNS contains 11 patterns.
+Skip overlapping accepted matches; reject invalid calendar values instead of normalizing overflow.
+Pixel and Unix names represent UTC. Other names represent wall time at the selected offset.
+Confidence is a consistency indicator, at most 0.95, not authenticity evidence.
+Exif/file modification times become notes, not conflicts.
 
 ### 3. Weather Station Lookup
 
-**File:** `data/stations.json` + `main.js:96-124`
-
-Generates links to Japan Meteorological Agency historical weather data:
-- Full dataset: 1,000+ observation stations nationwide
-- Fallback: 20 major cities when file protocol is used
-- Used in `utils.js:URLUtils.generateWeatherURL()` to find nearest station
+data/stations.json is authoritative; stations.js contains identical data for HTTP and file://.
+nearestStation selects only within 200km. Otherwise link to the JMA top page.
+jmaHourlyUrl uses the UTC instant converted to Japan time, and hourly_s1.php.
 
 ### 4. Solar Position Calculations
 
-**File:** `js/sun-calculator.js`
-
-Uses SunCalc library to:
-- Calculate sun elevation and azimuth at specific time/location
-- Determine golden hour, sunset, sunrise times
-- Estimate shadow length and direction
-- Verify photo authenticity by comparing shadows
+sunReport receives SunCalc as an argument and uses a UTC instant.
+sunPhaseKey uses altitude and azimuth, not sunrise/sunset times (polar regions can lack these).
+Azimuth is clockwise from true north. Shadows below the horizon are null.
+All direction labels use toCardinalJa.
 
 ### 5. Map Management
 
 **File:** `js/map-controller.js`
 
-**Initialization Challenges:**
-The map initialization has been heavily refined to handle timing issues:
-- **Container Wait** (`_waitForContainer:121-140`): 5-second timeout to find DOM element
-- **Visibility Wait** (`_waitForContainerVisible:147-186`): Checks dimensions every 100ms, max 2 seconds
-- **Ready Wait** (`_waitForMapReady:193-216`): Waits for Leaflet's `whenReady()` event
-- **Size Invalidation** (`safeInvalidateSize:239-272`): Safe wrapper that checks initialization state
+**Initialization:**
+Show analysis-results before initializeMap. Initialize once and use safeInvalidateSize on resize.
+Position mode and direction mode are mutually exclusive.
+directionLayer owns the line and both arrowheads; replacing, disabling or resetting removes it.
+Only map-layer-select switches base layers; exactly one tile layer remains active.
 
 **Three Base Layers:**
 - OpenStreetMap (default)
@@ -173,32 +158,42 @@ The map initialization has been heavily refined to handle timing issues:
 
 ### Security Practices
 
-1. **XSS Prevention:** All user input and EXIF data sanitized via `SecurityUtils.escapeHtml()`
-2. **CSP Header:** Meta tag in `index.html:11` restricts inline scripts
-3. **No eval():** No dynamic code execution
-4. **Secure Random:** Uses `window.crypto.getRandomValues()` when available
+- Render external strings with createElement and textContent.
+- Use native dialog, hidden/classList, and guarded clipboard access.
+- Revoke preview object URLs on hide, replacement and reset.
+- Do not save images, Exif, coordinates or reports to persistent browser storage.
+- Console warnings/errors must use fixed messages without private values.
 
-### Data Sanitization Example
+CSP in index.html:
 
-```javascript
-// exif-parser.js:359-400
-sanitizeString(str) {
-    // Remove control characters
-    str = str.replace(/[\x00-\x1F\x7F-\x9F]/g, '');
-
-    // Detect mojibake (>50% non-ASCII)
-    const nonAsciiMatches = str.match(/[^\x20-\x7E\u3040-\u309F...]/g);
-    if (nonAsciiMatches && nonAsciiMatches.length > str.length * 0.5) {
-        return null;
-    }
-
-    return str.trim();
-}
+```text
+default-src 'self'; script-src 'self' https://cdnjs.cloudflare.com;
+style-src 'self' https://cdnjs.cloudflare.com;
+img-src 'self' data: blob: https://tile.openstreetmap.org https://server.arcgisonline.com https://*.tile.opentopomap.org;
+connect-src 'none'; font-src 'self'; object-src 'none'; base-uri 'self'; form-action 'self'
 ```
 
+### Must Not Do
+
+- Do not use local-time Date getters, multi-argument Date, or locale formatting in whereshot-logic.js.
+- Do not use DOM, network, storage, randomness or current time inside pure logic.
+- Do not change referrer to no-referrer; keep strict-origin-when-cross-origin for OSM.
+- Do not restore the {s} subdomain in the OSM tile URL.
+- Do not use innerHTML or inline scripts/styles; do not relax CSP.
+- Do not edit, format or change versions of vendor files.
+- Do not update stations.json without updating stations.js identically.
+- Do not add external APIs, npm dependencies, modules or build tools.
+- Do not apply longitude-based offset hints automatically.
+
+### Pure Logic API
+
+The complete function list and result shapes are in docs/api_reference.md.
+Wall-clock values are {year, month, day, hour, minute, second}; UTC instants are milliseconds.
+Browser fallback offsets are calculated only in main.js for the relevant date (including DST).
+
 ### External Link Generation
 
-External service integrations (`js/utils.js:URLUtils`):
+External service URL builders (js/whereshot-logic.js):
 - **NASA Worldview:** Satellite imagery for specific date/location
 - **GSI Maps:** Japan's Geospatial Information Authority maps
 - **JMA Weather:** Historical weather data from nearest station
@@ -210,64 +205,27 @@ All links include `target="_blank" rel="noopener noreferrer"` for security.
 
 ### Adding a New File Format
 
-1. Update `FileUtils.ALLOWED_TYPES` in `utils.js`
-2. Add validation in `FileUtils.validateFile()`
-3. Update UI hint text in `index.html:47`
+Keep FileUtils.validateFile allowedTypes, index.html accept/hint and README MIME table identical.
+Confirm the existing parser actually supports the format.
 
 ### Adding a New Datetime Pattern
 
-Add to `dateTimePatterns` array in `datetime-estimator.js:8-200`:
-
-```javascript
-{
-    pattern: /your_regex_here/,
-    format: 'DESCRIPTION',
-    reliability: 0.9  // 0.0-1.0 confidence score
-}
-```
-
-Order matters - patterns are checked sequentially.
+Add to FILENAME_PATTERNS in whereshot-logic.js.
+Order matters: only non-overlapping valid matches are accepted.
+Add literal examples to test/logic.test.js and the README table checks.
 
 ### Extending External Links
 
-Add to `URLUtils` in `utils.js` and update UI in `index.html:191-212`.
+Use pure URL functions and the single getAnalysisTime result in main.js.
+Do not introduce a new network API.
 
 ## Debugging Tips
 
-### Map Initialization Issues
-
-Check console for these log patterns:
-```
-[WhereShot] Starting map initialization...
-[WhereShot] Container found: map
-[WhereShot] Container is visible after X attempts
-[WhereShot] Map initialization completed successfully
-```
-
-If map doesn't display:
-1. Verify container has non-zero dimensions
-2. Check if `display: none` is preventing visibility detection
-3. Use `app.mapInitialized` in console to check state
-4. Call `window.WhereShotMapController.safeInvalidateSize()` manually
-
-### EXIF Not Extracting
-
-Common causes:
-1. File processed/resized by social media (metadata stripped)
-2. PNG files often lack EXIF (format limitation)
-3. Camera settings disabled GPS tagging
-4. File opened via `file://` protocol in some browsers
-
-Use browser console: `window.WhereShotExifParser.getExtractedData()` to inspect raw data.
-
-### Station Data Not Loading
-
-Check console for:
-```
-[WhereShot] File protocol detected. Using fallback station data.
-```
-
-Solution: Run via HTTP server, not `file://` protocol.
+- Check analysis-results is visible before map initialization.
+- Inspect readFailed for unreadable metadata; the parser returns all-null fields.
+- Check selected UTC offset and its source before interpreting solar results.
+- Confirm WhereShotStations.length is 54 under both HTTP and file://.
+- Do not log coordinates, times, filenames or reports.
 
 ## Git Commit History Notes
 
@@ -279,31 +237,23 @@ Recent important fixes:
 
 ## Known Limitations
 
-1. **Video Files:** Basic metadata only (no frame-by-frame analysis)
-2. **RAW Formats:** Not supported (browser limitation)
-3. **Offline Mode:** Map tiles require internet connection
-4. **Mobile Safari:** Some datetime input limitations
-5. **IE11:** Not supported (uses modern ES6+ features)
+1. Videos are not supported.
+2. HEIC/HEIF preview depends on browser codecs; metadata parsing continues.
+3. Leaflet CDN and map tiles need network access.
+4. Metadata and filenames can be edited; consistency does not prove authenticity.
+5. Magnetic-north camera directions are displayed without correction.
 
 ## Testing Approach
 
-This is a client-side tool with no test suite. Manual testing workflow:
-
-1. **Test with GPS Image:** Use `assets/2016-07-24 10.33.57.jpg` (included sample)
-2. **Test without GPS:** Use any screenshot or processed image
-3. **Test Datetime Extraction:** Create files with various naming patterns
-4. **Test Map Layers:** Switch between OSM/Satellite/Terrain
-5. **Test Solar Calculations:** Pick known time/location, verify with SunCalc.org
+Run npm test with Node 22 or later. No network or npm dependencies are needed.
+The suite checks exact sample Exif/solar/link/report values, 11 filename patterns,
+4 real process timezones, the 54 stations, vendor hashes, README tables, HTML and contrast.
+Browser verification covers HTTP and file://, three timezones, malformed images, hostile filenames,
+manual position/direction, three map layers, clipboard, preview, dialog and 320/390px screens.
 
 ## Security Considerations
 
-This tool is designed for OSINT investigations:
-- **Ethical Use:** Only for authorized security research, journalism, OSINT
-- **Privacy Warning:** Shows security analysis of metadata privacy risks
-- **No Tracking:** Zero analytics, cookies, or external beacons
-- **Offline Capable:** Can run fully offline after initial CDN resource load
-
-When contributing, maintain:
-- No external data transmission (except map tiles)
-- No logging of sensitive information
-- Clear user warnings about metadata privacy risks
+Use only for authorized investigation, journalism and education.
+Images and Exif are not uploaded, but CDN requests and map tiles expose IP/origin and the viewed area.
+External link navigation sends the data encoded in the URL.
+Do not promise anonymity or secure erasure of browser memory.
diff --git a/README.md b/README.md
index dea3824..dffa411 100644
--- a/README.md
+++ b/README.md
@@ -8,8 +8,8 @@ title: "WhereShot"
 subtitle_ja: "撮影時刻・場所解析ツール"
 subtitle_en: "Capture Time & Place Analyzer"
 
-description_ja: "画像・動画から「いつ・どこで撮られたか？」を推定・検証するためのOSINT支援ツール。Exifメタデータの抽出、太陽位置計算、地図上での方角可視化、気象データや衛星画像との連携など、撮影情報を多角的に分析できます。"
-description_en: "An OSINT tool for estimating and verifying when and where photos/videos were taken. Features include EXIF metadata extraction, solar position calculation, directional visualization on maps, and integration with weather data and satellite imagery."
+description_ja: "画像から撮影時刻と場所を検証するOSINT支援ツール。ExifのUTCオフセット判定、太陽と影の計算、地図上の撮影方位、SHA-256と解析レポートに対応します。"
+description_en: "An OSINT tool for verifying image capture time and location, with EXIF UTC offset inference, solar and shadow calculations, camera direction on maps, SHA-256 hashing, and analysis reports."
 
 category_ja:
   - OSINT
@@ -39,149 +39,147 @@ hub: true
 ---
 -->
 
-# WhereShot（ウェアショット） 撮影時刻・場所解析ツール（Capture Time & Place Analyzer）
+# WhereShot - 撮影時刻・場所解析ツール
 
-[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
-[![Security Focused](https://img.shields.io/badge/Security-Focused-red.svg)](https://github.com/ipusiron)
-[![Privacy First](https://img.shields.io/badge/Privacy-First-green.svg)](#プライバシー重視設計)
-[![Demo](https://img.shields.io/badge/Demo-Live-blue.svg)](https://ipusiron.github.io/whereshot/)
+![GitHub Repo stars](https://img.shields.io/github/stars/ipusiron/whereshot?style=social)
+![GitHub forks](https://img.shields.io/github/forks/ipusiron/whereshot?style=social)
+![GitHub last commit](https://img.shields.io/github/last-commit/ipusiron/whereshot)
+![GitHub license](https://img.shields.io/github/license/ipusiron/whereshot)
+[![GitHub Pages](https://img.shields.io/badge/demo-GitHub%20Pages-blue?logo=github)](https://ipusiron.github.io/whereshot/)
 
-**Day13 - 生成AIで作るセキュリティツール100**
+**Day013 - 生成AIで作るセキュリティツール100**
 
-**WhereShotは、画像・動画から「いつ・どこで撮られたか？」を推定・検証するためのOSINT支援ツールです。**
-
-Exifメタデータの抽出、太陽位置計算、地図上での方角可視化、気象データや衛星画像との連携など、撮影情報を多角的に分析できます。
-Exifが存在しない画像でも手動補完モードで推定可能です。
-軽量かつプライバシー重視のローカル実行のツールです。
+WhereShotは、画像から「いつ・どこで撮られたか？」を推定・検証するためのOSINT支援ツールです。
+Exifメタデータの抽出、太陽位置計算、地図上での方角可視化、気象データや衛星画像へのリンクを組み合わせます。
+Exifがない画像も、日時と位置を手動で補って検討できます。
 
 ## 🌐 デモページ
 
-👉 [https://ipusiron.github.io/whereshot/](https://ipusiron.github.io/whereshot/) 
-
----
+👉 [WhereShotを開く](https://ipusiron.github.io/whereshot/)
 
 ## 📸 スクリーンショット
 
-以下は実際の画面例です。
-
->![丸亀城の写真を読み込ませた例1](assets/screenshot1.png)
->
-> *丸亀城の写真（`assets/2016-07-24 10.33.57.jpg`ファイル）を読み込ませた例1*
+![Exifと日時推定](assets/screenshot.png)
+> *丸亀城のサンプル画像のExif、SHA-256、整合度95%の日時推定*
 
->![丸亀城の写真を読み込ませた例2](assets/screenshot2.png)
->
-> *丸亀城の写真を読み込ませた例2*
+![撮影地の時刻と太陽位置](assets/screenshot3.png)
+> *閲覧環境はAmerica/Los_Angeles。GPSからUTC+09:00を推定し、太陽高度64.0°を表示*
 
----
+![モバイル画面](assets/screenshot4.png)
+> *幅390pxでサンプル画像を読み込んだ画面*
 
-## 🎯 主要機能
+## ✨ 機能
 
 ### 📊 メタデータ解析
-- **Exif情報の完全抽出**: 撮影日時、GPS座標、カメラ設定、レンズ情報
-- **対応フォーマット**: JPEG, PNG, TIFF, MP4（基本メタデータ）
-- **詳細解析**: ISO感度、シャッター速度、絞り値から撮影環境を推定
+
+- ExifReaderによる撮影日時、GPS座標、カメラ設定、レンズ情報の抽出
+- UTCオフセットの根拠と日時ソースの整合度の表示
+- ファイルのSHA-256と解析レポートのコピー
 
 ### 🗺️ 地理空間分析
-- **インタラクティブマップ**: Leaflet.jsベースの高精度地図表示
+- **インタラクティブマップ**: Leafletによる地図表示
 - **マルチレイヤー対応**: OpenStreetMap, 衛星画像, 地形図の切り替え
-- **座標系変換**: WGS84, UTM, JGD2011など各種測地系に対応
-- **精度評価**: GPS精度円の表示と信頼度評価
 
 ### 🌞 天体位置計算
-- **太陽位置算出**: SunCalc.orgとの連携による高精度計算
+- **太陽位置算出**: 同梱したSunCalcによる計算
 - **影解析**: 太陽高度・方位角から影の長さ・方向を予測
 - **時刻検証**: 影の状況から撮影時刻の妥当性を検証
-- **季節判定**: 太陽軌道から撮影時期の推定
 
 ### 🧭 視覚的方位解析
-- **撮影方向の可視化**: カメラの向きを地図上に矢印表示
-- **視野角計算**: レンズ情報から画角を算出・表示
-- **ランドマーク照合**: 周辺建物・地形との位置関係確認
-- **方位精度評価**: 磁気偏角を考慮した真方位計算
+- **撮影方向の可視化**: Exifに記録された撮影方位と、手動指定した方向の矢印表示
 
 ### 🌐 外部データ連携
 自動リンク生成による効率的な情報収集ができます。
 
 - **[NASA Worldview](https://worldview.earthdata.nasa.gov/)**: 衛星画像・気象データ
 - **[地理院地図](https://maps.gsi.go.jp/)**: 空中写真・地形図
-- **[気象庁 過去の天気](https://www.data.jma.go.jp/obd/stats/etrn/)**: 気象庁 過去の天気: 緯度・経度と撮影日時に基づき、最寄りの観測所の当日データを自動リンク生成。天候・気温・風向などを確認できます。
-- **[ひまわり気象衛星](https://www.jma.go.jp/bosai/forecast/)**: 雲画像データ
+- [気象庁の過去の天気](https://www.data.jma.go.jp/stats/etrn/index.php)：最寄りの観測所の毎時データへのリンク
 
-📍 WhereShotは`stations.json`ファイルを用いて全国の観測所情報を保持し、位置に応じた正確な気象データ参照を実現しています。
+54か所の観測所から最寄りを選び、200km以内にない場合は気象庁のトップページへ案内します。日本国外のほか、小笠原・奄美・八丈島・大東島などは対象の観測所がありません。
 
----
 
-## 🛡️ プライバシー重視設計
+## 📖 使い方
 
-### 完全ローカル処理 - セキュリティを最優先に設計
-- ✅ すべての画像処理はブラウザー内で完結
-- ✅ メタデータや画像ファイルの外部送信は一切なし
-- ✅ ネットワーク通信は地図表示と外部リンクのみ
-- ✅ 処理履歴の自動削除機能
-- ✅ セキュアな一時ストレージ利用
+1. [デモページ](https://ipusiron.github.io/whereshot/)にアクセスするか、index.htmlを開く。
+2. 画像をドラッグ&ドロップし、Exif情報と日時推定を確認する。
+3. 撮影地のUTCオフセットと解析日時を確認し、必要なら変更する。
+4. 地図上で撮影地点を確認する。GPSがなければ位置指定モードがONになるので地図をクリックする。
+5. 太陽位置と影を確認し、外部リンクで撮影環境を調べる。
+6. 必要に応じてSHA-256と解析結果をコピーする。
 
-### OSINT調査での匿名性確保
-- 調査対象に痕跡を残さないので、安全な検証できる。
-- VPN・Tor環境での利用にも対応。
-- 機密性の高い案件でも安心して使用できる。
+「手動で位置指定」と「撮影方向を設定」は同時には使いません。
+どちらもOFFなら地図をクリックしても位置は変わりません。
+プレビューはボタンで表示・非表示を切り替えられます。
 
----
+### サンプル画像の解析例
 
-## 📁 プロジェクト構成
+[丸亀城のサンプル画像](assets/2016-07-24%2010.33.57.jpg)を読み込んだ結果です。
 
-```
-whereshot/
-├── index.html              # メインアプリケーション
-├── css/
-│   └── style.css           # UIスタイルシート
-├── js/
-│   ├── utils.js            # 共通ユーティリティ
-│   ├── exif-parser.js      # メタデータ抽出エンジン
-│   ├── sun-calculator.js   # 天体位置計算
-│   ├── map-controller.js   # 地図制御モジュール
-│   └── main.js             # メイン制御スクリプト
-├── assets/                 # 画像・スクリーンショット等
-├── data/
-│   └── station.json        # 全国の観測所情報
-├── docs/                   # ドキュメント
-│   ├── user-guide.md       # 使用方法ガイド
-│   ├── api-reference.md    # API仕様書
-│   └── examples/           # 使用例・サンプル
-└── README.md               # 本ファイル
-```
+| 項目 | 値 |
+|---|---|
+| 撮影日時（現地） | 2016/07/24 10:33:57 |
+| 撮影日時（UTC） | 2016-07-24 01:33:57 UTC |
+| UTCオフセット | +09:00（GPS時刻との差、残差-1秒） |
+| 太陽高度 | 64.0° |
+| 太陽方位 | 117.3°（東南東） |
+| 影の方向 | 297.3°（西北西） |
+| 影の長さ | 高さの0.49倍 |
+| 整合度 | 95% |
+| 最寄りの観測所 | 高松（約23km） |
+| SHA-256 | a08e3c4742a0a910e2df04a71f0b165fd87281695a26ac7fe5056a15752aaff8 |
 
----
+## 🕒 時刻とタイムゾーンの扱い
 
-## 🚀 クイックスタート
+Exifの撮影日時は撮影地の現地時刻で、DateTimeOriginal自体にはタイムゾーンがありません。
+年月日時分秒の「壁時計」とUTCオフセットを組み合わせて、UTCの瞬間に変換します。
+カメラの時計が撮影地の時刻に合っているとは限りません。旅行者のカメラなどは確認が必要です。
 
-### 🌐 オンラインで即座に利用
+UTCオフセットは次の順で候補を選び、画面に根拠を表示します。
 
-**最も簡単な方法**: [**デモページ**](https://ipusiron.github.io/whereshot/)にアクセスするだけで、すぐに利用開始できます！
+1. ExifのOffsetTimeOriginal
+2. 現地時刻とGPS時刻（UTC）の差を15分単位に丸めた値（残差の絶対値が5分を超えたら使わない）
+3. その日時のブラウザーのタイムゾーン（仮の値）
 
-### 💻 ローカル環境での利用
-```bash
-# リポジトリのクローン
-git clone https://github.com/ipusiron/whereshot.git
-cd whereshot
+サンプルは現地10:33:57とGPSの01:33:58 UTCから、UTC+09:00、残差-1秒になります。
+ExifのオフセットとGPSからの推定が食い違う場合は警告します。
+オフセットは手動で変更でき、解析日時は秒まで保持します。
+経度からの目安は表示するだけで、自動では適用しません。標準時や夏時間と一致しない場合があります。
 
-# ローカルサーバーで起動（推奨）
-python -m http.server 8000
-# または
-npx serve .
+## 🗂️ 対応形式とファイル名の形式
 
-# ブラウザーで http://localhost:8000 にアクセス
-```
+### 対応形式
 
-### 📱 基本的な使用方法
-1. **[デモページ](https://ipusiron.github.io/whereshot/)にアクセス**または`index.html`を開く
-2. **画像をドラッグ&ドロップ**してExif情報を自動抽出
-3. **地図上で撮影地点を確認**（GPS情報がある場合は自動表示）
-4. **太陽位置を計算**して影の方向と照合
-5. **外部データリンク**で詳細な環境情報を確認
+| 形式 | MIME |
+|---|---|
+| JPEG | image/jpeg |
+| PNG | image/png |
+| TIFF | image/tiff |
+| WebP | image/webp |
+| HEIC/HEIF | image/heic、image/heif |
 
----
+上限は100MBです。動画（MP4など）は対象外です。
+HEIC/HEIFなどをブラウザーが表示できない場合も、プレビューを省いてメタデータの解析を続けます。
+壊れた内容やExifがないファイルは、メタデータを読めなかった旨を通知します。
+
+### ファイル名の形式
 
-## 🎓 実践的活用シーン
+| 例 | 形式名 | 読み取る日時 | 基準 |
+|---|---|---|---|
+| IMG_20240101_123456.jpg | ymd-hms-compact | 2024/01/01 12:34:56 | 現地 |
+| PXL_20240101_123456789.jpg | pxl-utc | 2024-01-01 12:34:56 UTC | UTC |
+| Screenshot_2024-01-01-12-34-56.png | ymd-hms-sep | 2024/01/01 12:34:56 | 現地 |
+| signal-2024-01-01-123456.jpg | ymd-sep-hms-compact | 2024/01/01 12:34:56 | 現地 |
+| WhatsApp Image 2024-01-01 at 12.34.56.jpeg | ymd-hms-sep | 2024/01/01 12:34:56 | 現地 |
+| 20160724103357.jpg | ymdhms-14 | 2016/07/24 10:33:57 | 現地 |
+| 2024年1月1日12時34分56秒.jpg | ja-full | 2024/01/01 12:34:56 | 現地 |
+| IMG-20240101-WA0001.jpg | ymd-8 | 2024/01/01 12:00:00 | 現地・日付のみ |
+| 1609459200.jpg | unix-s | 2021-01-01 00:00:00 UTC | UTC |
+
+強い形式から11種のパターンを試し、採用済みの文字範囲を二重に読み取りません。
+日付だけの場合の12:00:00は仮の値で、撮影時刻ではありません。
+無効な日付を翌月に繰り上げることはありません。
+
+## 🎯 ユースケース
 
 ### OSINT調査・情報検証
 - **SNS投稿の真偽判定**: 投稿画像の撮影時刻・場所の整合性確認
@@ -189,48 +187,168 @@ npx serve .
 - **証拠資料の検証**: 法執行機関での画像証拠の信頼性評価
 
 ### 災害・事件対応
-- **現地状況の確認**: 災害現場の画像から正確な位置・時刻を特定
+- **現地状況の確認**: 災害現場の画像から位置・時刻の手掛かりを確認
 - **報道検証**: ニュース画像の撮影状況と報道内容の整合性確認
-- **タイムライン構築**: 複数画像から事件・災害の時系列を再構成
+- **タイムライン構築**: 画像を1枚ずつ確認し、事件・災害の時系列を検討
 
 ### 教育・研修
 - **OSINT技術の学習**: 実践的なオープンソースインテリジェンス訓練
 - **情報リテラシー教育**: デジタル画像の真偽判定スキル向上
 - **セキュリティ研修**: メタデータリスクの理解と対策
 
----
+## 🔬 技術的な説明
 
-## ⚡ 高度な機能
+| 要素 | 実装 |
+|---|---|
+| 画面 | vanilla JavaScript、HTML、CSS |
+| Exif | ExifReader 4.12.0（自己ホスト） |
+| 太陽位置 | SunCalc 1.9.0（自己ホスト） |
+| 地図 | Leaflet 1.9.4（CDN＋SRI）、3種類のタイル |
+| 純粋ロジック | js/whereshot-logic.js（DOM・タイムゾーン非依存） |
+| 観測所 | stations.jsonと同じ54件をstations.jsで読み込む |
 
-仕様の詳細は、`docs` フォルダー内のMDファイルを参照してください。
+太陽の方位は真北を0°、時計回りにそろえ、16方位を日本語で表示します。
+時間帯は高度と方位から決め、白夜・極夜にも対応します。
+影の長さは物体の高さに対する比で、太陽が地平線の下なら影なしとします。
+精度円はGPSHPositioningError（メートル）があるときだけ表示し、無次元のGPSDOPは使いません。
+シャッター速度はExposureTimeを使います（例：0.000501秒は1/1996s）。
 
-### バッチ処理モード
-- 複数画像の一括解析
-- CSV形式でのメタデータエクスポート
-- 時系列分析とパターン検出
+### 整合度
 
-### 比較分析機能
-- 複数画像間の位置関係可視化
-- 撮影時刻の整合性チェック
-- 気象条件との照合
+日時ソースの重みはExif撮影日時0.95、GPS時刻0.9、Exifデジタル化日時0.85、ファイル名0.4〜0.6、Exif更新日時0.5、ファイル更新日時0.3です。
+時刻のあるソースを優先し、その中で重みの高いものを採用します。
+更新日時2種を除くソースの組について、差が1時間（日付のみを含む場合は24時間）を超えると食い違いとします。
 
-### カスタマイズ可能な出力
-- 詳細レポートの自動生成
-- 証拠保全用のハッシュ値計算
-- 調査結果のセキュアな共有
+整合度＝round（採用ソースの重み×（0.5＋0.5×一致する組の割合）×100）÷100です。
+比較する組がなければ一致割合は1、ソースがなければ整合度は0です。上限は95%です。
+更新日時のずれは、保存・編集・コピーの可能性として注記します。
+この値はメタデータどうしの食い違いの少なさであって、真実性の保証ではありません。
 
----
+## 🔒 セキュリティとプライバシー
 
-## 📄 ライセンス
+画像とExifの解析はブラウザー内で行い、画像・Exifを外部に送信しません。
+入力した位置や解析結果、レポートをlocalStorageなどへ保存しません。
+地図の表示には通信が必要で、撮影地点の周辺を見ていることがタイル配信元に伝わります。
+機微な調査ではVPNなどの利用を検討してください。
 
-MIT License - [LICENSE](LICENSE)ファイルを参照
+### 通信先
 
----
+| いつ | どこへ | 何が伝わるか |
+|---|---|---|
+| 起動時 | cdnjs.cloudflare.com | Leafletの2ファイルの取得（IPアドレスとオリジン） |
+| 地図を表示・移動するたび | tile.openstreetmap.org | 表示範囲のタイル番号とオリジン |
+| 衛星画像を選んだとき | server.arcgisonline.com | 表示範囲のタイル番号とオリジン |
+| 地形図を選んだとき | *.tile.opentopomap.org | 表示範囲のタイル番号とオリジン |
+| 外部リンクを押したときだけ | NASA・地理院・気象庁・Google・suncalc.org | URLに含まれる座標と日付（Google画像検索の入口には含まない） |
+
+起動時には地図を作らず、画像を読み込むまでタイルは取得しません。
+地図は選択中の1レイヤーだけを読み込みます。
+OSMタイルのURLは`https://tile.openstreetmap.org/{z}/{x}/{y}.png`です。
+
+対策として、'unsafe-inline'なしのCSP、LeafletのSRI、ExifReaderとSunCalcの自己ホストとハッシュ検証、textContentによる描画を使っています。
+ファイル名やExif値をHTMLとして解釈せず、consoleに座標や日時を出しません。
+外部リンクにはrel="noopener noreferrer"を付けます。
+referrerはstrict-origin-when-cross-originです。OSMタイル利用規約が有効なRefererを求めるため、no-referrerにせず、HTTP配信時にはオリジンだけを送ります。
+file://では有効なHTTPのRefererを送れないため、地図を利用する際はHTTP配信を勧めます。
+
+### 地図タイルの出典とライセンス
+
+- OpenStreetMap：© OpenStreetMap contributors、地図データはODbL、標準タイル利用規約に従う。
+- OpenTopoMap：© OpenStreetMap contributors、SRTM、OpenTopoMap。地図はCC-BY-SAで提供される。
+- Esri World Imagery：Esri Master License Agreementの下で提供される。帰属表示はEsri, Vantor, Earthstar Geographics, and the GIS User Community。
+
+## ⚠️ 注意事項
 
-## ⚠️ 免責事項
 本ツールはOSINT調査の支援を目的としており、プライバシー侵害や不正な監視活動での使用は意図されていません。適用される法律と倫理的ガイドラインを遵守してご利用ください。
 
----
+Exif・ファイル名・更新日時は書き換えられます。この結果だけで撮影の事実を断定しないでください。
+SNSに投稿された画像はExifが削除されていることが多く、位置や日時が得られない場合があります。
+磁北基準の撮影方位は補正しません。真北基準の太陽方位やStreet Viewと比べる際は、この違いに注意してください。
+
+## 🧪 テスト
+
+Node 22以上で次を実行します。npm依存はありません。テスト中のネットワークアクセスも不要です。
+
+```bash
+npm test
+```
+
+GitHub Actionsがpushとpull_requestで自動実行します。
+READMEの表と例、配色、HTML、配布ライブラリーのサイズとSHA-256も検証します。
+子プロセスをUTC・Asia/Tokyo・America/Los_Angeles・Pacific/Kiritimatiで起動し、日時推定・太陽位置・リンク・レポートが完全に一致することを確認します。
+
+## 🧭 今後の候補
+
+以下は未実装です。
+
+- 座標系変換（UTM・JGD2011）
+- 季節判定、視野角計算、ランドマーク照合
+- 磁気偏角の補正
+- バッチ処理、CSV出力、比較分析
+
+## 🔗 参考
+
+- [ExifReader](https://github.com/mattiasw/ExifReader)
+- [SunCalc](https://github.com/mourner/suncalc)
+- [SunCalc.org](https://www.suncalc.org/)
+- [Leaflet](https://leafletjs.com/)
+- [Google Maps URLs](https://developers.google.com/maps/documentation/urls/guide)
+- [OSMタイル利用規約](https://operations.osmfoundation.org/policies/tiles/)
+- [OpenStreetMapの著作権とライセンス](https://www.openstreetmap.org/copyright)
+- [OpenTopoMapについて](https://opentopomap.org/about)
+- [Esri World Imagery](https://www.arcgis.com/home/item.html?id=10df2279f9684e4a9f6a7f08febac2a9)
+
+## 📁 ディレクトリー構造
+
+```text
+whereshot/
+├── index.html                       # 画面とCSP
+├── css/style.css                    # 不透明なダーク配色とレスポンシブ表示
+├── js/
+│   ├── whereshot-logic.js            # 環境非依存の計算と書式
+│   ├── utils.js                      # File・UIの補助
+│   ├── exif-parser.js                # FileとExifReaderの接続
+│   ├── sun-calculator.js             # SunCalcの接続
+│   ├── map-controller.js             # Leafletと地図操作
+│   └── main.js                       # 画面の制御
+├── assets/                           # サンプル画像とスクリーンショット
+├── data/
+│   ├── stations.json                 # 54か所の観測所の正本
+│   └── stations.js                   # file://対応の同一データ
+├── vendor/
+│   ├── exifreader/                   # ExifReader本体、LICENSE、README
+│   └── suncalc/                      # SunCalc本体、LICENSE、README
+├── docs/
+│   ├── user_guide.md                 # 使用方法ガイド
+│   └── api_reference.md              # 内部API仕様
+├── test/                             # Node標準テストとフィクスチャ
+├── .github/workflows/test.yml         # 自動テスト
+├── package.json                      # npm testの定義
+├── .nojekyll                         # Pagesで静的ファイルをそのまま配信
+├── CLAUDE.md                         # 開発規則
+├── LICENSE                           # MITライセンス
+└── README.md                         # 本ファイル
+```
+
+## 💻 動作環境
+
+現行のChrome・Edge・Firefox・Safariを想定しています。File.arrayBuffer、Web Crypto、dialogを使います。
+HEICのプレビュー可否はブラウザーに依存します。
+index.htmlを直接開くfile://でも解析できます。観測所はHTTPと同じ54件です。
+HTTPで配信する場合はリポジトリーのルートで次を実行し、http://localhost:8000を開きます。
+
+```bash
+python -m http.server 8000
+```
+
+テストにはNode 22以上が必要です。ビルド処理はありません。
+
+## 📄 ライセンス
+
+ツール本体はMIT Licenseです。[LICENSE](LICENSE)を参照してください。
+同梱のExifReader 4.12.0はMPL-2.0、SunCalc 1.9.0はBSD-2-Clauseです。
+それぞれvendor/にLICENSEと入手元・ハッシュのREADMEを同梱しています。
+地図データ・タイルには配信元のライセンスと利用規約が適用されます。
 
 ## 🛠 このツールについて
 
@@ -239,4 +357,3 @@ MIT License - [LICENSE](LICENSE)ファイルを参照
 プロジェクトの詳細や他のツールについては、以下のページをご覧ください。
 
 🔗 [https://akademeia.info/?page_id=42163](https://akademeia.info/?page_id=42163)
-
diff --git a/assets/screenshot.png b/assets/screenshot.png
new file mode 100644
index 0000000..93aaf45
Binary files /dev/null and b/assets/screenshot.png differ
diff --git a/assets/screenshot3.png b/assets/screenshot3.png
new file mode 100644
index 0000000..bb44fc5
Binary files /dev/null and b/assets/screenshot3.png differ
diff --git a/assets/screenshot4.png b/assets/screenshot4.png
new file mode 100644
index 0000000..449aa66
Binary files /dev/null and b/assets/screenshot4.png differ
diff --git a/css/style.css b/css/style.css
index 4db8c40..2f5c6df 100644
--- a/css/style.css
+++ b/css/style.css
@@ -9,46 +9,51 @@
 }
 
 :root {
-    /* モダンカラーパレット */
-    --primary: #6366f1;
-    --primary-light: #818cf8;
-    --primary-dark: #4f46e5;
-    --secondary: #8b5cf6;
-    --accent: #06d6a0;
-    --accent-warm: #f59e0b;
-    --danger: #ef4444;
-    --success: #10b981;
-    --warning: #f59e0b;
-    --info: #06b6d4;
-    
-    /* 背景グラデーション */
-    --bg-gradient: linear-gradient(135deg, #0f0f23 0%, #1a1a3e 25%, #2d1b69 50%, #1a1a3e 75%, #0f0f23 100%);
-    --bg-card: rgba(255, 255, 255, 0.05);
-    --bg-card-hover: rgba(255, 255, 255, 0.08);
-    --bg-glass: rgba(255, 255, 255, 0.1);
-    --bg-input: rgba(255, 255, 255, 0.05);
-    
-    /* テキスト */
-    --text-primary: #f8fafc;
+    /* 不透明な面を使い、文字と操作部品のコントラストを確保する。 */
+    --bg: #0f0f23;
+    --bg-peak: #2d1b69;
+    --surface: #232346;
+    --surface-2: #2c2c55;
+    --text: #f8fafc;
     --text-secondary: #cbd5e1;
-    --text-muted: #94a3b8;
-    --text-accent: #a78bfa;
-    
-    /* ボーダー */
-    --border: rgba(255, 255, 255, 0.1);
-    --border-light: rgba(255, 255, 255, 0.15);
-    
-    /* シャドウ & ブラー */
+    --text-muted: #a9b4c6;
+    --text-accent: #c4b5fd;
+    --primary: #4f46e5;
+    --danger: #b91c1c;
+    --success: #047857;
+    --warning: #fbbf24;
+    --external: #0e7490;
+    --info: #67e8f9;
+    --link: #93c5fd;
+    --ok: #6ee7b7;
+    --warn: #fcd34d;
+    --err: #fca5a5;
+    --border: #7c7fa8;
+    --focus: #a5b4fc;
+    --button-text: #ffffff;
+    --warning-text: #1f1300;
+
+    /* 既存のカード構成で使う別名。 */
+    --primary-light: var(--text-accent);
+    --primary-dark: var(--primary);
+    --secondary: var(--text-accent);
+    --accent: var(--ok);
+    --accent-warm: var(--warn);
+    --bg-gradient: linear-gradient(135deg, var(--bg) 0%, var(--bg-peak) 50%, var(--bg) 100%);
+    --bg-card: var(--surface);
+    --bg-card-hover: var(--surface-2);
+    --bg-glass: var(--surface);
+    --bg-input: var(--surface-2);
+    --text-primary: var(--text);
+    --border-light: var(--border);
+
+    /* 装飾の影とアニメーション。 */
     --shadow-glass: 0 8px 32px rgba(31, 38, 135, 0.37);
     --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 10px 10px -5px rgba(0, 0, 0, 0.3);
     --shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, 0.6);
     --blur: blur(8px);
-    
-    /* アニメーション */
     --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     --transition-fast: all 0.15s ease-out;
-    
-    /* フォント */
     --font-sans: 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
     --font-mono: 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Code', monospace;
 }
@@ -59,8 +64,7 @@ body {
     background-attachment: fixed;
     color: var(--text-primary);
     line-height: 1.6;
-    min-height: 100vh;
-    overflow-x: hidden;
+    min-height: 100dvh;
     font-weight: 400;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
@@ -112,26 +116,13 @@ body {
 
 /* ========== レイアウト ========== */
 .app-container {
-    min-height: 100vh;
+    min-height: 100dvh;
     display: flex;
     flex-direction: column;
     position: relative;
 }
 
-.app-container::before {
-    content: '';
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background: 
-        radial-gradient(circle at 20% 20%, rgba(99, 102, 241, 0.1) 0%, transparent 50%),
-        radial-gradient(circle at 80% 80%, rgba(139, 92, 246, 0.1) 0%, transparent 50%),
-        radial-gradient(circle at 50% 50%, rgba(6, 214, 160, 0.05) 0%, transparent 50%);
-    pointer-events: none;
-    z-index: -1;
-}
+
 
 .main-content {
     flex: 1;
@@ -144,7 +135,7 @@ body {
 
 /* ========== ヘッダー ========== */
 .app-header {
-    background: rgba(255, 255, 255, 0.05);
+    background: var(--surface);
     backdrop-filter: var(--blur);
     -webkit-backdrop-filter: var(--blur);
     border-bottom: 1px solid var(--border);
@@ -175,12 +166,7 @@ body {
 .title-main {
     font-size: 2.5rem;
     font-weight: 800;
-    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    background-clip: text;
-    text-shadow: 0 0 30px rgba(99, 102, 241, 0.3);
-    animation: glow 3s ease-in-out infinite;
+    color: var(--text-accent);
 }
 
 .title-sub {
@@ -201,6 +187,8 @@ body {
     border: none;
     border-radius: 1rem;
     font-size: 0.875rem;
+    min-height: 44px;
+    justify-content: center;
     font-weight: 600;
     cursor: pointer;
     transition: var(--transition);
@@ -215,20 +203,7 @@ body {
     -webkit-backdrop-filter: var(--blur);
 }
 
-.btn::before {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: -100%;
-    width: 100%;
-    height: 100%;
-    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
-    transition: left 0.5s;
-}
 
-.btn:hover::before {
-    left: 100%;
-}
 
 .btn:hover {
     transform: translateY(-2px);
@@ -240,14 +215,14 @@ body {
 }
 
 .btn-primary {
-    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
-    color: white;
+    background: var(--primary);
+    color: var(--button-text);
     box-shadow: 0 4px 15px rgba(99, 102, 241, 0.3);
 }
 
 .btn-primary:hover {
     box-shadow: 0 8px 25px rgba(99, 102, 241, 0.4);
-    background: linear-gradient(135deg, var(--primary-light) 0%, var(--secondary) 100%);
+    background: var(--primary);
 }
 
 .btn-secondary {
@@ -259,18 +234,18 @@ body {
 
 .btn-secondary:hover {
     background: var(--bg-card-hover);
-    border-color: var(--primary);
+    border-color: var(--focus);
 }
 
 .btn-danger {
-    background: linear-gradient(135deg, var(--danger) 0%, #dc2626 100%);
-    color: white;
+    background: var(--danger);
+    color: var(--button-text);
     box-shadow: 0 4px 15px rgba(239, 68, 68, 0.3);
 }
 
 .btn-external {
-    background: linear-gradient(135deg, var(--info) 0%, #0891b2 100%);
-    color: white;
+    background: var(--external);
+    color: var(--button-text);
     font-size: 0.8rem;
     padding: 0.5rem 1rem;
     border-radius: 0.75rem;
@@ -281,7 +256,7 @@ body {
     backdrop-filter: var(--blur);
     -webkit-backdrop-filter: var(--blur);
     color: var(--text-primary);
-    border: 2px solid var(--primary);
+    border: 2px solid var(--focus);
     padding: 0.6rem 1.2rem;
     font-size: 0.875rem;
     font-weight: 600;
@@ -291,8 +266,8 @@ body {
 }
 
 .btn-link:hover {
-    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
-    color: white;
+    background: var(--primary);
+    color: var(--button-text);
     border-color: var(--primary-light);
     box-shadow: 0 4px 15px rgba(99, 102, 241, 0.4);
     transform: translateY(-2px);
@@ -333,7 +308,7 @@ body {
 
 .drop-zone:hover,
 .drop-zone.drag-over {
-    border-color: var(--primary);
+    border-color: var(--focus);
     background: var(--bg-card-hover);
     transform: scale(1.02);
     box-shadow: var(--shadow-xl);
@@ -344,7 +319,7 @@ body {
     opacity: 1;
 }
 
-.drop-zone-content h3 {
+.drop-zone-content h2 {
     margin: 1rem 0 1rem;
     color: var(--text-primary);
     font-weight: 700;
@@ -390,7 +365,7 @@ body {
     gap: 1rem;
 }
 
-.preview-header h3 {
+.preview-header h2 {
     color: var(--text-primary);
     font-size: 1.5rem;
     font-weight: 700;
@@ -455,13 +430,13 @@ body {
 .privacy-notice {
     margin-top: 1rem;
     padding: 0.75rem;
-    background: rgba(16, 185, 129, 0.1);
+    background: var(--surface-2);
     border-radius: 0.5rem;
-    border: 1px solid rgba(16, 185, 129, 0.2);
+    border: 1px solid var(--border);
 }
 
 .privacy-notice small {
-    color: var(--success);
+    color: var(--ok);
     font-size: 0.8rem;
     line-height: 1.3;
 }
@@ -470,7 +445,7 @@ body {
 .drop-zone.uploaded {
     padding: 2rem;
     background: var(--bg-card);
-    border-color: var(--success);
+    border-color: var(--ok);
 }
 
 .drop-zone.uploaded .drop-zone-content {
@@ -486,10 +461,10 @@ body {
     margin-bottom: 0;
 }
 
-.drop-zone.uploaded h3 {
+.drop-zone.uploaded h2 {
     font-size: 1.2rem;
     margin: 0;
-    color: var(--success);
+    color: var(--ok);
 }
 
 .drop-zone.uploaded p,
@@ -585,7 +560,7 @@ body {
     transform: scaleX(1);
 }
 
-.info-card h4 {
+.info-card h3 {
     color: var(--text-accent);
     font-size: 0.875rem;
     margin-bottom: 0.75rem;
@@ -602,6 +577,10 @@ body {
     word-break: break-all;
 }
 
+#datetime-info {
+    white-space: pre-line;
+}
+
 /* GPSステータスバッジ */
 .gps-status-badge {
     display: inline-block;
@@ -616,15 +595,15 @@ body {
 }
 
 .gps-status-badge.gps-available {
-    background: linear-gradient(135deg, var(--success) 0%, #059669 100%);
-    color: white;
-    border: 1px solid rgba(16, 185, 129, 0.3);
+    background: var(--success);
+    color: var(--button-text);
+    border: 1px solid var(--border);
 }
 
 .gps-status-badge.gps-unavailable {
-    background: linear-gradient(135deg, var(--danger) 0%, #dc2626 100%);
-    color: white;
-    border: 1px solid rgba(239, 68, 68, 0.3);
+    background: var(--danger);
+    color: var(--button-text);
+    border: 1px solid var(--border);
 }
 
 /* ========== 推定日時セクション ========== */
@@ -694,15 +673,15 @@ body {
 }
 
 .estimation-confidence.high {
-    color: var(--success);
+    color: var(--ok);
 }
 
 .estimation-confidence.medium {
-    color: var(--warning);
+    color: var(--warn);
 }
 
 .estimation-confidence.low {
-    color: var(--danger);
+    color: var(--err);
 }
 
 /* 警告メッセージ */
@@ -729,19 +708,19 @@ body {
 }
 
 .warning-item.error {
-    background: rgba(239, 68, 68, 0.1);
+    background: var(--surface-2);
     border-left: 3px solid var(--danger);
-    color: var(--danger);
+    color: var(--err);
 }
 
 .warning-item.warning {
-    background: rgba(245, 158, 11, 0.1);
+    background: var(--surface-2);
     border-left: 3px solid var(--warning);
-    color: var(--warning);
+    color: var(--warn);
 }
 
 .warning-item.info {
-    background: rgba(6, 182, 212, 0.1);
+    background: var(--surface-2);
     border-left: 3px solid var(--info);
     color: var(--info);
 }
@@ -759,7 +738,7 @@ body {
     border: 1px solid var(--border);
 }
 
-.estimation-sources h5 {
+.estimation-sources h4 {
     color: var(--text-accent);
     font-size: 0.9rem;
     font-weight: 600;
@@ -820,21 +799,21 @@ body {
 
 /* 信頼度による色分け */
 .source-reliability.high {
-    color: var(--success);
-    border-color: var(--success);
-    background: rgba(16, 185, 129, 0.1);
+    color: var(--ok);
+    border-color: var(--ok);
+    background: var(--surface-2);
 }
 
 .source-reliability.medium {
-    color: var(--warning);
-    border-color: var(--warning);
-    background: rgba(245, 158, 11, 0.1);
+    color: var(--warn);
+    border-color: var(--warn);
+    background: var(--surface-2);
 }
 
 .source-reliability.low {
-    color: var(--danger);
-    border-color: var(--danger);
-    background: rgba(239, 68, 68, 0.1);
+    color: var(--err);
+    border-color: var(--err);
+    background: var(--surface-2);
 }
 
 /* ========== 地図コントロール（修正版） ========== */
@@ -853,19 +832,21 @@ body {
     border: 1px solid var(--border);
     padding: 0.75rem 1rem;
     border-radius: 1rem;
-    font-size: 0.875rem;
+    font-size: 16px;
     transition: var(--transition);
-    outline: none;
+    min-height: 44px;
+    min-width: 0;
+    max-width: 100%;
 }
 
 .form-select:focus, .form-input:focus {
-    border-color: var(--primary);
+    border-color: var(--focus);
     box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
 }
 
 /* セレクトボックスのオプション要素 */
 .form-select option {
-    background: #1a1a3e;
+    background: var(--surface-2);
     color: var(--text-primary);
     padding: 0.5rem;
 }
@@ -878,9 +859,9 @@ body {
 /* 地図コンテナ（修正版） */
 .map-container {
     width: 100%;
-    height: 500px;
-    min-height: 400px;
-    min-width: 300px;
+    height: 350px;
+    min-height: 300px;
+    min-width: 0;
     border-radius: 1.5rem;
     overflow: hidden;
     border: 1px solid var(--border);
@@ -941,7 +922,7 @@ body {
 .map-container.map-error {
     pointer-events: none;
     background: var(--bg-card);
-    border-color: var(--danger);
+    border-color: var(--err);
 }
 
 .map-container.map-error::before {
@@ -965,7 +946,7 @@ body {
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 1001;
-    color: var(--danger);
+    color: var(--err);
     font-size: 1rem;
     font-weight: 600;
     text-align: center;
@@ -982,77 +963,6 @@ body {
     font-family: var(--font-sans) !important;
 }
 
-/* レイヤーコントロールのライトモード対応（視認性優先） */
-.leaflet-control-layers {
-    background: rgba(255, 255, 255, 0.95) !important;
-    backdrop-filter: var(--blur) !important;
-    -webkit-backdrop-filter: var(--blur) !important;
-    border: 2px solid rgba(0, 0, 0, 0.2) !important;
-    border-radius: 1rem !important;
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
-    color: #222 !important;
-    padding: 0.75rem !important;
-}
-
-.leaflet-control-layers-toggle {
-    background: rgba(255, 255, 255, 0.95) !important;
-    backdrop-filter: var(--blur) !important;
-    border-radius: 0.75rem !important;
-    border: 2px solid rgba(0, 0, 0, 0.2) !important;
-}
-
-.leaflet-control-layers-expanded {
-    background: rgba(255, 255, 255, 0.95) !important;
-    backdrop-filter: var(--blur) !important;
-    -webkit-backdrop-filter: var(--blur) !important;
-    border: 2px solid rgba(0, 0, 0, 0.2) !important;
-    color: #222 !important;
-}
-
-.leaflet-control-layers-base label,
-.leaflet-control-layers-overlays label {
-    color: #222 !important;
-    font-weight: 600 !important;
-    padding: 0.5rem 0.25rem !important;
-    display: flex !important;
-    align-items: center !important;
-    gap: 0.5rem !important;
-    cursor: pointer !important;
-    transition: var(--transition-fast) !important;
-    border-radius: 0.5rem !important;
-}
-
-/* ラベル内のspan要素にも確実に色を適用 */
-.leaflet-control-layers-base label span,
-.leaflet-control-layers-overlays label span {
-    color: #222 !important;
-    font-weight: 600 !important;
-    text-shadow: none !important;
-}
-
-.leaflet-control-layers-base label:hover,
-.leaflet-control-layers-overlays label:hover {
-    background: rgba(99, 102, 241, 0.15) !important;
-    color: var(--primary-dark) !important;
-}
-
-.leaflet-control-layers-base label:hover span,
-.leaflet-control-layers-overlays label:hover span {
-    color: var(--primary-dark) !important;
-}
-
-.leaflet-control-layers-selector {
-    margin-right: 0.5rem !important;
-    cursor: pointer !important;
-    /* ラジオボタン自体の視認性も改善 */
-    accent-color: var(--primary) !important;
-}
-
-.leaflet-control-layers-separator {
-    border-top: 1px solid rgba(0, 0, 0, 0.15) !important;
-    margin: 0.5rem 0 !important;
-}
-
 /* Leafletズームコントロール */
 .leaflet-control-zoom {
     border: 1px solid var(--border-light) !important;
@@ -1077,7 +987,7 @@ body {
 
 .leaflet-control-zoom a:hover {
     background: var(--bg-card-hover) !important;
-    color: var(--primary) !important;
+    color: var(--link) !important;
 }
 
 /* Leafletスケールコントロール */
@@ -1112,7 +1022,7 @@ body {
 }
 
 .leaflet-control-attribution a {
-    color: var(--primary) !important;
+    color: var(--link) !important;
 }
 
 .leaflet-control-attribution a:hover {
@@ -1149,16 +1059,6 @@ body {
     color: var(--text-secondary);
 }
 
-/* 方向矢印（修正版） */
-.direction-arrow {
-    color: var(--danger) !important;
-    font-size: 1.2rem !important;
-    font-weight: bold !important;
-    text-shadow: 0 0 10px rgba(239, 68, 68, 0.5) !important;
-    transform-origin: center !important;
-    z-index: 1000 !important;
-}
-
 /* 位置ポップアップ */
 .location-popup {
     min-width: 200px;
@@ -1166,7 +1066,7 @@ body {
     color: var(--text-primary);
 }
 
-.location-popup h4 {
+.location-popup h3 {
     margin: 0 0 0.5rem 0;
     font-size: 1rem;
     color: var(--text-primary);
@@ -1243,7 +1143,7 @@ body {
     transform: scaleX(1);
 }
 
-.sun-info-card h4 {
+.sun-info-card h3 {
     color: var(--text-accent);
     font-size: 0.875rem;
     margin-bottom: 0.75rem;
@@ -1280,7 +1180,7 @@ body {
     box-shadow: var(--shadow-lg);
 }
 
-.link-group h4 {
+.link-group h3 {
     color: var(--text-accent);
     margin-bottom: 1rem;
     font-size: 1.1rem;
@@ -1289,19 +1189,18 @@ body {
 
 /* ========== モーダル ========== */
 .modal {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
+    margin: auto;
+    max-width: min(700px, calc(100% - 32px));
+    max-height: calc(100dvh - 32px);
+    border: 1px solid var(--border);
+    border-radius: 2rem;
+    background: var(--surface);
+    color: var(--text);
+    padding: 0;
+}
+
+.modal::backdrop {
     background: rgba(0, 0, 0, 0.8);
-    backdrop-filter: var(--blur);
-    z-index: 1000;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 2rem;
-    animation: slideUp 0.3s ease-out;
 }
 
 .modal-content {
@@ -1311,7 +1210,7 @@ body {
     padding: 3rem;
     max-width: 600px;
     width: 100%;
-    max-height: 80vh;
+    max-height: calc(100dvh - 40px);
     overflow-y: auto;
     position: relative;
     border: 1px solid var(--border-light);
@@ -1326,8 +1225,9 @@ body {
     cursor: pointer;
     color: var(--text-muted);
     transition: var(--transition-fast);
-    width: 2rem;
-    height: 2rem;
+    width: 44px;
+    height: 44px;
+    border: 1px solid var(--border);
     display: flex;
     align-items: center;
     justify-content: center;
@@ -1342,7 +1242,7 @@ body {
 }
 
 .help-content h3 {
-    color: var(--primary);
+    color: var(--text-accent);
     margin: 2rem 0 1rem;
     font-weight: 700;
 }
@@ -1392,12 +1292,12 @@ body {
 }
 
 .footer a {
-    color: #007bff;
+    color: var(--link);
     transition: var(--transition-fast);
 }
 
 .footer a:hover {
-    color: var(--primary);
+    color: var(--text-accent);
     text-shadow: 0 0 10px rgba(99, 102, 241, 0.5);
 }
 
@@ -1517,20 +1417,18 @@ body {
 }
 
 ::-webkit-scrollbar-thumb {
-    background: linear-gradient(135deg, var(--primary), var(--secondary));
+    background: var(--border);
     border-radius: 4px;
 }
 
 ::-webkit-scrollbar-thumb:hover {
-    background: linear-gradient(135deg, var(--primary-light), var(--accent));
+    background: var(--focus);
 }
 
 /* ========== フォーカス状態 ========== */
-.btn:focus,
-.form-input:focus,
-.form-select:focus {
-    outline: none;
-    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.3);
+:focus-visible {
+    outline: 3px solid var(--focus);
+    outline-offset: 2px;
 }
 
 /* ========== ユーティリティクラス ========== */
@@ -1561,4 +1459,318 @@ body {
     background: linear-gradient(90deg, var(--primary), var(--secondary), var(--primary));
     background-size: 200% 100%;
     animation: shimmer 1.5s infinite;
-}
\ No newline at end of file
+}
+
+/* ========== 状態・追加情報とモバイル操作 ========== */
+[hidden], .is-hidden {
+    display: none !important;
+}
+
+.sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    overflow: hidden;
+    clip-path: inset(50%);
+    white-space: nowrap;
+}
+
+.is-loading {
+    pointer-events: none;
+}
+
+.is-loading::after {
+    content: '解析中です…';
+    display: block;
+    color: var(--info);
+    background: var(--surface);
+}
+
+.btn:disabled, .btn[aria-disabled="true"] {
+    background: var(--surface-2);
+    color: var(--text-muted);
+    border: 1px solid var(--border);
+    cursor: not-allowed;
+}
+
+.btn[aria-pressed="true"] {
+    background: var(--primary);
+    color: var(--button-text);
+    outline: 2px solid var(--focus);
+}
+
+.map-picking {
+    cursor: crosshair;
+}
+
+.leaflet-touch .leaflet-bar a, .leaflet-bar a {
+    width: 44px;
+    height: 44px;
+    line-height: 44px;
+}
+
+.leaflet-container a.leaflet-popup-close-button {
+    color: var(--text);
+    width: 44px;
+    height: 44px;
+    line-height: 44px;
+}
+
+.location-popup p, .estimation-value, #utc-offset-source {
+    white-space: pre-wrap;
+}
+
+#toast-region {
+    position: fixed;
+    right: 16px;
+    bottom: 16px;
+    max-width: min(440px, calc(100% - 32px));
+    z-index: 2000;
+}
+
+.toast {
+    color: var(--button-text);
+    padding: 1rem;
+    border: 1px solid var(--border);
+    border-radius: 1rem;
+    margin-top: 8px;
+    box-shadow: var(--shadow-lg);
+    overflow-wrap: anywhere;
+}
+
+.toast--error {
+    background: var(--danger);
+}
+
+.toast--success {
+    background: var(--success);
+}
+
+.report-panel {
+    background: var(--surface);
+    border: 1px solid var(--border);
+    border-radius: 2rem;
+    padding: 1.5rem;
+}
+
+#report-preview {
+    background: var(--surface-2);
+    margin-top: 1rem;
+    padding: 1rem;
+    white-space: pre-wrap;
+    overflow-wrap: anywhere;
+    font-size: 14px;
+}
+
+.file-info, .info-card, .source-item, .link-group {
+    min-width: 0;
+    overflow-wrap: anywhere;
+}
+
+#file-sha256 {
+    overflow-wrap: anywhere;
+}
+
+.privacy-notice, .privacy-note, .estimation-caveat, #utc-offset-source {
+    color: var(--text-secondary);
+    font-size: 0.875rem;
+    margin: 0.75rem 0;
+}
+
+.app-header {
+    position: relative;
+    padding: 0.75rem 0;
+}
+
+.upload-section {
+    margin-bottom: 1.25rem;
+}
+
+.drop-zone.uploaded {
+    padding: 1rem;
+}
+
+.drop-zone.uploaded .drop-zone-content {
+    flex-wrap: wrap;
+}
+
+.drop-zone.uploaded small {
+    flex-basis: 100%;
+}
+
+.image-preview {
+    margin-top: 1rem;
+    padding: 1.25rem;
+}
+
+.preview-header {
+    margin-bottom: 0.75rem;
+}
+
+.preview-content {
+    grid-template-columns: minmax(0, 1fr);
+    gap: 1rem;
+}
+
+.file-info, .info-card, .estimated-datetime, .sun-info-card {
+    padding: 0.875rem;
+}
+
+.file-basic-info {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 0.5rem 1rem;
+}
+
+.file-basic-info p {
+    margin: 0;
+}
+
+.file-basic-info .hash-row {
+    grid-column: 1 / -1;
+}
+
+.info-panel, .map-panel, .sun-panel, .external-panel {
+    padding: 1.25rem;
+}
+
+.analysis-results {
+    gap: 1.25rem;
+}
+
+.info-grid {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+    gap: 0.75rem;
+}
+
+.datetime-estimation-section {
+    margin-top: 1rem;
+    padding-top: 1rem;
+}
+
+.datetime-estimation-section h3, .info-panel h2, .map-panel h2, .sun-panel h2 {
+    margin-bottom: 0.75rem;
+}
+
+.estimation-result, .sources-list {
+    gap: 0.5rem;
+}
+
+.estimation-sources {
+    padding: 0.75rem;
+}
+
+.source-item {
+    padding: 0.35rem 0.5rem;
+}
+
+.estimation-header {
+    margin-bottom: 0.5rem;
+}
+
+.sun-info-grid {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+    gap: 0.75rem;
+}
+
+.sun-value {
+    font-size: 1.1rem;
+}
+
+.external-links {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+@media (max-width: 768px) {
+    .main-content {
+        padding: 1rem;
+    }
+
+    .drop-zone, .info-panel, .map-panel, .sun-panel, .external-panel {
+        margin: 0;
+    }
+
+    .info-grid, .sun-info-grid, .external-links, .file-basic-info {
+        grid-template-columns: minmax(0, 1fr);
+    }
+
+    .header-actions {
+        flex-wrap: wrap;
+    }
+
+    .drop-zone.uploaded .drop-zone-content {
+        display: block;
+        text-align: center;
+    }
+
+    .image-preview, .info-panel, .map-panel, .sun-panel, .external-panel {
+        padding: 1rem;
+        border-radius: 1.25rem;
+    }
+
+    .map-controls, .sun-controls {
+        align-items: stretch;
+        gap: 0.5rem;
+    }
+
+    .form-select, .form-input, .btn {
+        max-width: 100%;
+        white-space: normal;
+        overflow-wrap: anywhere;
+    }
+
+    .source-datetime {
+        min-width: 0;
+    }
+
+    .modal-content {
+        margin: 0;
+        padding: 4rem 1.25rem 1.25rem;
+    }
+}
+
+@media (prefers-reduced-motion: reduce) {
+    *, *::before, *::after {
+        animation: none !important;
+        transition: none !important;
+        scroll-behavior: auto !important;
+    }
+
+    .btn:hover, .info-panel:hover, .map-panel:hover, .sun-panel:hover,
+    .info-card:hover, .sun-info-card:hover, .image-display img:hover, .drop-zone:hover {
+        transform: none;
+    }
+}
+
+/* 推定根拠は横に並べ、ファイル情報と一緒に確認できるようにする。 */
+@media (min-width: 1024px) {
+    .estimation-result {
+        grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
+        align-items: start;
+    }
+
+    .estimation-warnings {
+        grid-column: 1 / -1;
+        order: 2;
+    }
+
+    .estimation-sources {
+        grid-column: 2;
+        grid-row: 1;
+    }
+
+    .source-type, .source-datetime {
+        min-width: 0;
+    }
+}
+
+.map-privacy-notice, .direction-info, .estimation-note {
+    font-size: 0.875rem;
+    color: var(--text-secondary);
+    overflow-wrap: anywhere;
+}
+
+.map-privacy-notice {
+    margin-top: -0.75rem;
+}
diff --git a/data/stations.js b/data/stations.js
new file mode 100644
index 0000000..81bc804
--- /dev/null
+++ b/data/stations.js
@@ -0,0 +1,380 @@
+globalThis.WhereShotStations = [
+  {
+    "name": "稚内",
+    "lat": 45.4167,
+    "lng": 141.6833,
+    "prec_no": 11,
+    "block_no": 47401
+  },
+  {
+    "name": "札幌",
+    "lat": 43.0642,
+    "lng": 141.3469,
+    "prec_no": 14,
+    "block_no": 47412
+  },
+  {
+    "name": "旭川",
+    "lat": 43.7667,
+    "lng": 142.3667,
+    "prec_no": 12,
+    "block_no": 47407
+  },
+  {
+    "name": "釧路",
+    "lat": 42.9833,
+    "lng": 144.4,
+    "prec_no": 19,
+    "block_no": 47418
+  },
+  {
+    "name": "帯広",
+    "lat": 42.9167,
+    "lng": 143.2167,
+    "prec_no": 20,
+    "block_no": 47417
+  },
+  {
+    "name": "函館",
+    "lat": 41.8167,
+    "lng": 140.75,
+    "prec_no": 23,
+    "block_no": 47430
+  },
+  {
+    "name": "青森",
+    "lat": 40.8167,
+    "lng": 140.7667,
+    "prec_no": 31,
+    "block_no": 47575
+  },
+  {
+    "name": "秋田",
+    "lat": 39.7167,
+    "lng": 140.1,
+    "prec_no": 32,
+    "block_no": 47582
+  },
+  {
+    "name": "盛岡",
+    "lat": 39.7,
+    "lng": 141.1667,
+    "prec_no": 33,
+    "block_no": 47584
+  },
+  {
+    "name": "山形",
+    "lat": 38.25,
+    "lng": 140.35,
+    "prec_no": 35,
+    "block_no": 47588
+  },
+  {
+    "name": "仙台",
+    "lat": 38.2667,
+    "lng": 140.9,
+    "prec_no": 34,
+    "block_no": 47590
+  },
+  {
+    "name": "福島",
+    "lat": 37.75,
+    "lng": 140.4667,
+    "prec_no": 36,
+    "block_no": 47595
+  },
+  {
+    "name": "水戸",
+    "lat": 36.3833,
+    "lng": 140.4667,
+    "prec_no": 40,
+    "block_no": 47629
+  },
+  {
+    "name": "宇都宮",
+    "lat": 36.55,
+    "lng": 139.8667,
+    "prec_no": 41,
+    "block_no": 47615
+  },
+  {
+    "name": "前橋",
+    "lat": 36.4,
+    "lng": 139.0667,
+    "prec_no": 42,
+    "block_no": 47624
+  },
+  {
+    "name": "熊谷",
+    "lat": 36.15,
+    "lng": 139.3833,
+    "prec_no": 43,
+    "block_no": 47626
+  },
+  {
+    "name": "東京",
+    "lat": 35.6895,
+    "lng": 139.6917,
+    "prec_no": 44,
+    "block_no": 47662
+  },
+  {
+    "name": "千葉",
+    "lat": 35.6,
+    "lng": 140.1,
+    "prec_no": 45,
+    "block_no": 47648
+  },
+  {
+    "name": "横浜",
+    "lat": 35.4333,
+    "lng": 139.65,
+    "prec_no": 46,
+    "block_no": 47670
+  },
+  {
+    "name": "新潟",
+    "lat": 37.9167,
+    "lng": 139.05,
+    "prec_no": 54,
+    "block_no": 47604
+  },
+  {
+    "name": "富山",
+    "lat": 36.7,
+    "lng": 137.2,
+    "prec_no": 55,
+    "block_no": 47607
+  },
+  {
+    "name": "金沢",
+    "lat": 36.5833,
+    "lng": 136.6333,
+    "prec_no": 56,
+    "block_no": 47605
+  },
+  {
+    "name": "福井",
+    "lat": 36.05,
+    "lng": 136.2333,
+    "prec_no": 57,
+    "block_no": 47616
+  },
+  {
+    "name": "長野",
+    "lat": 36.6667,
+    "lng": 138.2,
+    "prec_no": 48,
+    "block_no": 47610
+  },
+  {
+    "name": "甲府",
+    "lat": 35.6667,
+    "lng": 138.55,
+    "prec_no": 49,
+    "block_no": 47638
+  },
+  {
+    "name": "静岡",
+    "lat": 34.9667,
+    "lng": 138.4,
+    "prec_no": 50,
+    "block_no": 47656
+  },
+  {
+    "name": "名古屋",
+    "lat": 35.1667,
+    "lng": 136.9667,
+    "prec_no": 51,
+    "block_no": 47636
+  },
+  {
+    "name": "岐阜",
+    "lat": 35.4,
+    "lng": 136.7667,
+    "prec_no": 52,
+    "block_no": 47632
+  },
+  {
+    "name": "津",
+    "lat": 34.7333,
+    "lng": 136.5167,
+    "prec_no": 53,
+    "block_no": 47651
+  },
+  {
+    "name": "大津",
+    "lat": 35.0167,
+    "lng": 135.8667,
+    "prec_no": 60,
+    "block_no": 47761
+  },
+  {
+    "name": "京都",
+    "lat": 35.0167,
+    "lng": 135.7333,
+    "prec_no": 61,
+    "block_no": 47759
+  },
+  {
+    "name": "大阪",
+    "lat": 34.6833,
+    "lng": 135.5167,
+    "prec_no": 62,
+    "block_no": 47772
+  },
+  {
+    "name": "神戸",
+    "lat": 34.6833,
+    "lng": 135.1833,
+    "prec_no": 63,
+    "block_no": 47770
+  },
+  {
+    "name": "奈良",
+    "lat": 34.6833,
+    "lng": 135.8333,
+    "prec_no": 64,
+    "block_no": 47780
+  },
+  {
+    "name": "和歌山",
+    "lat": 34.2333,
+    "lng": 135.1667,
+    "prec_no": 65,
+    "block_no": 47777
+  },
+  {
+    "name": "鳥取",
+    "lat": 35.4833,
+    "lng": 134.2333,
+    "prec_no": 69,
+    "block_no": 47746
+  },
+  {
+    "name": "松江",
+    "lat": 35.45,
+    "lng": 133.0667,
+    "prec_no": 68,
+    "block_no": 47741
+  },
+  {
+    "name": "岡山",
+    "lat": 34.65,
+    "lng": 133.9167,
+    "prec_no": 66,
+    "block_no": 47768
+  },
+  {
+    "name": "広島",
+    "lat": 34.4,
+    "lng": 132.4667,
+    "prec_no": 67,
+    "block_no": 47765
+  },
+  {
+    "name": "山口",
+    "lat": 34.15,
+    "lng": 131.45,
+    "prec_no": 81,
+    "block_no": 47762
+  },
+  {
+    "name": "下関",
+    "lat": 33.95,
+    "lng": 130.9333,
+    "prec_no": 81,
+    "block_no": 47762
+  },
+  {
+    "name": "徳島",
+    "lat": 34.0667,
+    "lng": 134.5833,
+    "prec_no": 71,
+    "block_no": 47895
+  },
+  {
+    "name": "高松",
+    "lat": 34.3167,
+    "lng": 134.05,
+    "prec_no": 72,
+    "block_no": 47891
+  },
+  {
+    "name": "松山",
+    "lat": 33.8333,
+    "lng": 132.7833,
+    "prec_no": 73,
+    "block_no": 47887
+  },
+  {
+    "name": "高知",
+    "lat": 33.55,
+    "lng": 133.5333,
+    "prec_no": 74,
+    "block_no": 47893
+  },
+  {
+    "name": "福岡",
+    "lat": 33.5833,
+    "lng": 130.3833,
+    "prec_no": 82,
+    "block_no": 47807
+  },
+  {
+    "name": "佐賀",
+    "lat": 33.25,
+    "lng": 130.3,
+    "prec_no": 85,
+    "block_no": 47813
+  },
+  {
+    "name": "長崎",
+    "lat": 32.7333,
+    "lng": 129.8667,
+    "prec_no": 84,
+    "block_no": 47817
+  },
+  {
+    "name": "熊本",
+    "lat": 32.8167,
+    "lng": 130.7167,
+    "prec_no": 86,
+    "block_no": 47819
+  },
+  {
+    "name": "大分",
+    "lat": 33.2333,
+    "lng": 131.6167,
+    "prec_no": 83,
+    "block_no": 47815
+  },
+  {
+    "name": "宮崎",
+    "lat": 31.9167,
+    "lng": 131.4167,
+    "prec_no": 87,
+    "block_no": 47830
+  },
+  {
+    "name": "鹿児島",
+    "lat": 31.55,
+    "lng": 130.55,
+    "prec_no": 88,
+    "block_no": 47827
+  },
+  {
+    "name": "那覇",
+    "lat": 26.2,
+    "lng": 127.6833,
+    "prec_no": 91,
+    "block_no": 47936
+  },
+  {
+    "name": "石垣",
+    "lat": 24.3333,
+    "lng": 124.1667,
+    "prec_no": 91,
+    "block_no": 47918
+  }
+];
diff --git a/docs/api_reference.md b/docs/api_reference.md
index c06fbbf..924b098 100644
--- a/docs/api_reference.md
+++ b/docs/api_reference.md
@@ -31,16 +31,17 @@ WhereShotは、モジュラー設計により各機能を独立したクラス
 │  ExifParser     │ ← Exif解析
 │  SunCalculator  │ ← 太陽位置計算
 │  MapController  │ ← 地図制御
-│  Utils          │ ← 共通ユーティリティ
+│  WhereShotLogic │ ← 純粋ロジック
+│  Utils          │ ← File・UIの補助
 └─────────────────┘
 ```
 
 ### 依存関係
 
 - **Leaflet.js**: 地図表示・制御
-- **EXIF-js**: Exifメタデータ抽出
-- **SunCalc**: 太陽・月の位置計算
-- **ブラウザAPI**: File API, Canvas API, Geolocation API
+- **ExifReader 4.12.0**：自己ホストのExif読み取り
+- **SunCalc 1.9.0**：自己ホストの太陽位置計算
+- **ブラウザーAPI**：File、Web Crypto、Clipboard、Object URL
 
 ---
 
@@ -63,14 +64,12 @@ class WhereShotApp {
 
 ### 2. ExifParser (exif-parser.js)
 
-画像・動画からメタデータを抽出・解析。
+画像からメタデータを抽出します。読み取れない内容は全項目nullの結果とreadFailedで示します。
 
 ```javascript
 class ExifParser {
     async extractExifData(file)
-    processExifData(exifData, file)
-    performSecurityAnalysis(exifData, file)
-    exportData(includeSensitive = false)
+    getExtractedData()
     clearData()
 }
 ```
@@ -81,9 +80,8 @@ class ExifParser {
 
 ```javascript
 class SunCalculator {
-    calculateSunPosition(latitude, longitude, dateTime)
-    verifyShadowDirection(observedDirection, tolerance)
-    generateSunCalcURL(latitude, longitude, dateTime)
+    calculateSunPosition(latitude, longitude, utcMs)
+    getCurrentSunData()
     clearData()
 }
 ```
@@ -97,7 +95,10 @@ class MapController {
     initializeMap(containerId, options)
     setLocation(latitude, longitude, options)
     showAccuracyCircle(latitude, longitude, accuracy)
+    toggleManualLocationMode(enabled)
     toggleDirectionMode(enabled)
+    setExifDirection(directionDeg)
+    setDirection(latitude, longitude)
     switchLayer(layerName)
     resetMap()
 }
@@ -109,12 +110,9 @@ class MapController {
 
 ```javascript
 const WhereShotUtils = {
-    DateUtils: { formatDateTime, parseISOString, formatForInput },
-    GeoUtils: { dmsToDecimal, formatCoordinates, calculateDistance },
-    URLUtils: { generateNASAWorldviewURL, generateGSIMapURL },
     FileUtils: { formatFileSize, validateFile },
     UIUtils: { showError, showSuccess, showLoading },
-    SecurityUtils: { escapeHtml, clearSensitiveData, calculateHash }
+    SecurityUtils: { clearSensitiveData, calculateHash }
 }
 ```
 
@@ -128,7 +126,7 @@ const WhereShotUtils = {
 
 画像ファイルからExif情報を抽出します。
 
-**パラメータ**:
+**パラメーター**:
 - `file`: File - 解析対象の画像ファイル
 
 **戻り値**: Promise<ExifData> - 抽出されたメタデータ
@@ -136,59 +134,57 @@ const WhereShotUtils = {
 **例**:
 ```javascript
 const exifData = await window.WhereShotExifParser.extractExifData(file);
-console.log(exifData.gps.latitude, exifData.gps.longitude);
+// exifData.latitudeとexifData.longitudeを使用する。外部入力はtextContentで表示する。
 ```
 
-#### `exportData(includeSensitive: boolean): string`
-
-Exif情報をJSON形式でエクスポートします。
-
-**パラメータ**:
-- `includeSensitive`: boolean - 機密情報を含めるかどうか
-
-**戻り値**: string - JSON形式の文字列
+読み取りはFile.arrayBuffer()、ExifReader.load(buffer, {expanded:true})、normalizeTagsの順です。
+例外を捕捉して結果を返し、画面はfinallyで読み込み中の状態を解除します。
 
 ### SunCalculator API
 
-#### `calculateSunPosition(latitude: number, longitude: number, dateTime: Date): SunData`
+#### `calculateSunPosition(latitude: number, longitude: number, utcMs: number): SunData`
 
 指定位置・時刻での太陽位置を計算します。
 
-**パラメータ**:
+**パラメーター**:
 - `latitude`: number - 緯度（-90 ～ 90）
 - `longitude`: number - 経度（-180 ～ 180）
-- `dateTime`: Date - 計算対象の日時
+- `utcMs`：number - UTCの瞬間を表すミリ秒
 
 **戻り値**: SunData - 太陽位置データ
 
 **例**:
 ```javascript
 const sunData = window.WhereShotSunCalculator.calculateSunPosition(
-    35.6762, 139.6503, new Date('2024-06-15T12:00:00')
+    34.28611372222222, 133.79983519444446, 1469324037000
 );
-console.log(sunData.position.elevation, sunData.position.azimuth);
+// sunData.altitudeDegは64.0度、azimuthDegは117.3度（小数1桁）
 ```
 
 ### MapController API
 
+解析結果パネルを可視化してからinitializeMapを1回呼びます。
+位置指定・方向指定モードは排他です。方向の本線と2本の先端をdirectionLayerで管理します。
+地図の種類はselectだけで変更し、既存のタイルレイヤーを外してから選択したものを載せます。
 
+### WhereShotLogic URL API
 
-### URLUtils API
-
-#### `generateWeatherURL(lat: number, lng: number, date: Date): string`
+```javascript
+const result = WhereShotLogic.jmaHourlyUrl(
+    34.28611372222222, 133.79983519444446, 1469324037000, WhereShotStations
+);
+// result: {url, station: '高松', distanceKm: 23}
+```
 
-指定された緯度・経度と日付に最も近い観測所を自動選択し、  
-**気象庁「過去の天気」ページのURL**を生成します。
+観測所は200km以内だけを採用し、日付はUTCの瞬間を日本時間に変換します。
+NASAとSunCalc.orgのリンクは撮影地の壁時計を使います。
+無効な座標ではnullを返します。経度・緯度の0は有効です。
 
-```js
-const url = URLUtils.generateWeatherURL(35.6895, 139.6917, new Date("2025-06-01"));
-// → 東京の2025年6月1日の天気ページURL
-```
 #### `setLocation(latitude: number, longitude: number, options?: LocationOptions): void`
 
 地図上に位置マーカーを設定します。
 
-**パラメータ**:
+**パラメーター**:
 - `latitude`: number - 緯度
 - `longitude`: number - 経度
 - `options`: LocationOptions - オプション設定
@@ -198,7 +194,6 @@ const url = URLUtils.generateWeatherURL(35.6895, 139.6917, new Date("2025-06-01"
 interface LocationOptions {
     type?: 'photo' | 'manual' | 'default';
     accuracy?: number;
-    dateTime?: Date;
     centerMap?: boolean;
     zoom?: number;
 }
@@ -214,43 +209,30 @@ interface LocationOptions {
 
 ### ExifData
 
+normalizeTagsは次の20項目を返します。ない項目はnullです。
+
 ```typescript
 interface ExifData {
-    file: {
-        name: string;
-        size: number;
-        type: string;
-        lastModified: Date;
-    };
-    dateTime: {
-        original: Date | null;
-        digitized: Date | null;
-        modified: Date | null;
-        timezone: string | null;
-    };
-    gps: {
-        latitude: number | null;
-        longitude: number | null;
-        altitude: number | null;
-        accuracy: number | null;
-    };
-    camera: {
-        make: string | null;
-        model: string | null;
-        lens: string | null;
-        serial: string | null;
-    };
-    settings: {
-        iso: number | null;
-        aperture: number | null;
-        shutter: number | null;
-        focalLength: number | null;
-    };
-    security: {
-        privacyRisk: 'low' | 'medium' | 'high';
-        warnings: string[];
-        recommendations: string[];
-    };
+    dateTimeOriginal: string | null;
+    dateTimeDigitized: string | null;
+    dateTime: string | null;
+    offsetTimeOriginal: string | null;
+    offsetTime: string | null;
+    gpsUtcMs: number | null;
+    latitude: number | null;
+    longitude: number | null;
+    altitude: number | null;
+    imgDirection: number | null;
+    imgDirectionRef: 'T' | 'M' | null;
+    hPositioningError: number | null;
+    make: string | null;
+    model: string | null;
+    software: string | null;
+    lensModel: string | null;
+    exposureTime: number | null;
+    fNumber: number | null;
+    iso: number | null;
+    focalLength: number | null;
 }
 ```
 
@@ -258,29 +240,52 @@ interface ExifData {
 
 ```typescript
 interface SunData {
-    position: {
-        elevation: number;  // 太陽高度（度）
-        azimuth: number;    // 太陽方位（度）
-    };
-    times: {
-        sunrise: Date;
-        sunset: Date;
-        solarNoon: Date;
-    };
-    analysis: {
-        phase: string;      // 時間帯
-        lightQuality: string;
-        shadowLength: number;
-    };
-    shadow: {
-        direction: number;  // 影の方向（度）
-        exists: boolean;
-        description: string;
-    };
+    altitudeDeg: number;
+    azimuthDeg: number;
+    phase: string;
+    shadowDirectionDeg: number | null;
+    shadowRatio: number | null;
 }
 ```
 
----
+### WhereShotLogicの公開関数
+
+| 関数 | 戻り値・用途 |
+|---|---|
+| isValidWall(w) | 有効な年月日時分秒かどうか |
+| parseExifDateTime(str), inputValueToWall(v), utcMsToWall(ms, offsetMin) | 壁時計またはnull |
+| parseOffset(str) | -720〜840のオフセット分またはnull |
+| formatOffset(n), formatWall(w, offsetMin), formatUtc(ms), wallToInputValue(w) | 書式付き文字列 |
+| wallToUtcMs(w, offsetMin), gpsDateTimeToUtcMs(date, time) | UTCミリ秒またはnull |
+| inferOffsetFromGps(w, ms) | {offsetMin, residualSec}またはnull |
+| decideOffset(input) | {offsetMin, source, residualSec, conflict} |
+| longitudeOffsetHint(lng) | 表示用の目安（自動適用しない） |
+| normalizeTags(tags) | ExifData |
+| formatExposure(time), formatCamera(make, model) | 表示用文字列 |
+| extractDatesFromFilename(name, nowMs) | {pattern, matched, hasTime, reliability, wallまたはutcMs}の配列 |
+| estimateDateTime(input) | {sources, conflicts, notes, agreement, best, estimatedUtcMs, confidence} |
+| sunReport(SunCalc, lat, lng, utcMs) | SunDataまたはnull |
+| sunPhaseKey(alt, az), toCardinalJa(degrees) | 時間帯キー、日本語16方位 |
+| isValidLatLng(lat, lng), decimalToDms(value, isLat) | 座標の検証、度分秒表記 |
+| distanceM(lat1, lng1, lat2, lng2), bearing(lat1, lng1, lat2, lng2) | メートル、北基準の方位角 |
+| destinationPoint(lat, lng, bearing, distance) | {lat, lng} |
+| nearestStation(lat, lng, stations, maxKm=200) | {station, distanceKm}またはnull |
+| nasaWorldviewUrl(lat, lng, wall), sunCalcOrgUrl(lat, lng, wall) | 現地の日付・時刻を使うURL |
+| gsiMapUrl(lat, lng, photo), streetViewUrl(lat, lng, heading) | URLまたはnull |
+| jmaHourlyUrl(lat, lng, utcMs, stations) | {url, station, distanceKm}またはnull |
+| buildReport(d), formatInt(n) | レポート、3桁区切り文字列 |
+
+公開定数はOFFSET_CHOICES（38件）、FILENAME_PATTERNS（11種）、SOURCE_LABEL、PHASE_JA、JMA_TOPです。
+ロジックはDOM、現在時刻、crypto、ローカルタイムゾーンに依存しません。
+ブラウザーの仮オフセットだけはDOM側で撮影日時の夏時間を含めて求めます。
+
+### SHA-256とレポート
+
+main.jsのcalculateFileHashはファイルのArrayBufferをWeb CryptoのSHA-256へ渡します。
+buildReportにはfileName、fileSize、fileType、sha256、wall、offsetMin、offsetSource、residualSec、
+dateSourceLabel、confidence、latitude、longitude、locationSource、directionDeg、sun、station、
+stationKm、generatedAtUtcMsを渡します。
+作成時刻はDOM側がDate.now()で用意します。結果はtextContentでpreに入れ、Clipboard APIが使えるときだけコピーします。
 
 ## ⚡ イベントシステム
 
@@ -295,7 +300,7 @@ WhereShotは、カスタムイベントを使用してモジュール間の通
 ```javascript
 document.addEventListener('whereshot:locationChanged', (event) => {
     const { latitude, longitude } = event.detail;
-    console.log('位置が変更されました:', latitude, longitude);
+    // latitude・longitudeを表示に反映する。コンソールには記録しない。
 });
 ```
 
@@ -306,7 +311,7 @@ document.addEventListener('whereshot:locationChanged', (event) => {
 ```javascript
 document.addEventListener('whereshot:directionChanged', (event) => {
     const { direction, distance } = event.detail;
-    console.log('方向:', direction, '距離:', distance);
+    // directionがnullなら方向指定が解除された状態。
 });
 ```
 
@@ -353,45 +358,17 @@ updateCustomDisplay(results) {
 }
 ```
 
-### 外部API連携の追加
+### 外部リンクの保守
 
-1. **URLUtilsに新しい関数を追加**:
-```javascript
-// utils.js内
-URLUtils.generateNewServiceURL = (lat, lng, date) => {
-    return `https://newservice.com/api?lat=${lat}&lng=${lng}&date=${date}`;
-};
-```
+URL生成はWhereShotLogicの純粋関数へ置き、画面の解析日時とオフセットを使います。
+外部APIは追加しません。画像やExifを送信する処理を追加しないでください。
 
-2. **UIにリンクを追加**:
-```html
-<a id="new-service-link" href="#" target="_blank" class="btn btn-external">
-    新しいサービス
-</a>
-```
-
-### 新しいファイル形式のサポート
+### 対応ファイル形式の保守
 
-1. **FileUtilsで対応形式を追加**:
-```javascript
-getFileType: (fileName) => {
-    const extension = fileName.split('.').pop().toLowerCase();
-    const newTypes = ['new-format'];
-    
-    if (newTypes.includes(extension)) return 'new-format';
-    // ... 既存のロジック
-}
-```
-
-2. **ExifParserで解析ロジックを追加**:
-```javascript
-extractExifData(file) {
-    if (file.type === 'new-format') {
-        return this.parseNewFormat(file);
-    }
-    // ... 既存のロジック
-}
-```
+FileUtils.validateFileのallowedTypes、index.htmlのaccept、READMEの対応形式の表をそろえます。
+ExifReader 4.12.0が読み取れる形式に限り、読み取り失敗時もnormalizeTags({})と同じ形を返します。
+ブラウザーがプレビューできない形式でもメタデータ解析を継続します。
+形式の追加には、実ファイルの読み取り・表示・エラー復旧の検証が必要です。
 
 ---
 
@@ -400,26 +377,26 @@ extractExifData(file) {
 ### プライバシー保護
 
 1. **ローカル処理の徹底**:
-   - すべてのファイル処理はブラウザ内で完結
+   - すべてのファイル処理はブラウザー内で完結
    - 外部サーバーへの画像送信は一切なし
 
 2. **機密データの適切な処理**:
    ```javascript
    // 機密データのクリア
-   SecurityUtils.clearSensitiveData(sensitiveObject);
+   window.WhereShotUtils.SecurityUtils.clearSensitiveData(sensitiveObject);
    ```
 
 3. **メタデータのサニタイゼーション**:
    ```javascript
-   // XSS防止
-   const safeText = SecurityUtils.escapeHtml(userInput);
+   // 外部入力をHTMLとして解釈しない。
+   element.textContent = userInput;
    ```
 
 ### 入力検証
 
 1. **ファイル検証**:
    ```javascript
-   const validation = FileUtils.validateFile(file);
+   const validation = window.WhereShotUtils.FileUtils.validateFile(file);
    if (!validation.isValid) {
        throw new Error(validation.errors.join(', '));
    }
@@ -439,114 +416,54 @@ extractExifData(file) {
    try {
        const result = await riskyOperation();
    } catch (error) {
-       console.error('処理エラー:', error);
-       UIUtils.showError(`エラー: ${error.message}`);
+       console.error('処理に失敗しました');
+       window.WhereShotUtils.UIUtils.showError('処理に失敗しました。内容を確認してください');
    }
    ```
 
 2. **ユーザーフレンドリーなエラーメッセージ**:
    ```javascript
-   UIUtils.showError('ファイルの読み込みに失敗しました。ファイル形式を確認してください。');
+   window.WhereShotUtils.UIUtils.showError('ファイルの読み込みに失敗しました。ファイル形式を確認してください。');
    ```
 
 ---
 
 ## 🧪 テスト
 
-### 単体テスト例
+### 自動テスト
 
-```javascript
-// ExifParserのテスト例
-describe('ExifParser', () => {
-    test('GPS座標の変換', () => {
-        const parser = new ExifParser();
-        const result = parser.convertGPSCoordinate([35, 40, 30], 'N');
-        expect(result).toBeCloseTo(35.675, 3);
-    });
-});
-```
+Node 22以上でnpm testを実行します。node:testとnode:assert/strictだけを使い、依存追加とネットワークアクセスは不要です。
+test/には実画像Exif、時刻、太陽、URL、レポート、観測所、vendorハッシュ、README、HTML、配色、整形の検証があります。
+timezone.test.jsは4つのTZで同じ子プロセスを実行し、計算結果が一致することと、実際にTZが切り替わっていることを確認します。
 
-### 統合テスト例
+### ブラウザーでの確認
 
-```javascript
-// ファイル処理の統合テスト
-describe('ファイル処理フロー', () => {
-    test('GPS付き画像の完全な処理', async () => {
-        const mockFile = new File([''], 'test.jpg', { type: 'image/jpeg' });
-        const app = new WhereShotApp();
-        
-        await app.handleFileSelection(mockFile);
-        
-        expect(app.currentExifData).toBeDefined();
-        expect(app.currentExifData.gps.latitude).toBeDefined();
-    });
-});
-```
-
----
+HTTPとfile://の両方で、画像選択、壊れた画像からの復旧、XSS文字列のファイル名、
+UTCオフセット、地図操作、コピー、プレビュー、ダイアログを確認します。
 
 ## 📈 パフォーマンス最適化
 
 ### 大きなファイルの処理
 
-```javascript
-// チャンク処理の例
-async processLargeFile(file) {
-    const chunkSize = 1024 * 1024; // 1MB
-    const chunks = Math.ceil(file.size / chunkSize);
-    
-    for (let i = 0; i < chunks; i++) {
-        const start = i * chunkSize;
-        const end = Math.min(start + chunkSize, file.size);
-        const chunk = file.slice(start, end);
-        
-        await this.processChunk(chunk);
-        
-        // UI更新（進捗表示）
-        this.updateProgress((i + 1) / chunks * 100);
-    }
-}
-```
+受け付ける上限は100MBです。ファイルはArrayBufferとして読み込みます。
+チャンク解析は実装していません。メタデータの読み取り失敗もfinallyで読み込み中の状態を解除します。
 
 ### メモリ管理
 
-```javascript
-// データクリアの例
-clearAllData() {
-    // 各モジュールのデータをクリア
-    this.exifParser.clearData();
-    this.sunCalculator.clearData();
-    this.mapController.resetMap();
-    
-    // ガベージコレクションを促進
-    this.currentFile = null;
-    this.currentExifData = null;
-}
-```
+次のファイルを処理する前にclearAnalysisDataで参照と表示を消します。
+プレビューのObject URLは非表示・ファイル変更・リセット時にrevokeObjectURLで解放します。
+これはメモリの安全な消去やブラウザーの履歴消去を保証するものではありません。
+
 
 ---
 
 ## 🚀 デプロイメント
 
-### GitHub Pages デプロイ
-
-1. **設定ファイル** (`.github/workflows/deploy.yml`):
-```yaml
-name: Deploy to GitHub Pages
-on:
-  push:
-    branches: [ main ]
-jobs:
-  deploy:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v2
-      - name: Deploy to GitHub Pages
-        uses: peaceiris/actions-gh-pages@v3
-        with:
-          github_token: ${{ secrets.GITHUB_TOKEN }}
-          publish_dir: ./
-```
+### GitHub Pagesデプロイ
+
+mainブランチのルートをlegacyビルドで配信します。.nojekyllによりvendor/も静的ファイルとして配信します。
+.github/workflows/test.ymlはpushとpull_requestでNode 22のnpm testを実行します。
+公開後はvendor/の取得可否と、配信ファイルのSHA-256がGitのバイト列と一致することを確認します。
 
 ### カスタムドメイン
 
@@ -562,4 +479,4 @@ CNAME whereshot.yourdomain.com -> username.github.io
 
 ---
 
-このAPI仕様書は、WhereShotの拡張や統合を行う開発者向けの技術資料です。詳細な実装例や最新の情報については、ソースコードとGitHubリポジトリを参照してください。
+このAPI仕様書は、WhereShotの拡張や統合を行う開発者向けの技術資料です。詳細な実装例や最新の情報については、ソースコードとGitHubリポジトリーを参照してください。
diff --git a/docs/user_guide.md b/docs/user_guide.md
index 88787d5..1e2495f 100644
--- a/docs/user_guide.md
+++ b/docs/user_guide.md
@@ -20,7 +20,7 @@
 
 ## 🚀 はじめに
 
-WhereShotは、画像や動画から「いつ・どこで撮られたか？」を解析するためのOSINT（オープンソースインテリジェンス）支援ツールです。
+WhereShotは、画像から「いつ・どこで撮られたか？」を解析するためのOSINT（オープンソースインテリジェンス）支援ツールです。
 
 ### 特徴
 - **完全ローカル処理**: 画像データは外部に送信されません
@@ -37,7 +37,7 @@ WhereShotは、画像や動画から「いつ・どこで撮られたか？」
 1. **ドラッグ&ドロップ**: 画像ファイルを画面中央のアップロードエリアにドラッグ
 2. **ファイル選択**: 「ファイルを選択」ボタンをクリックしてファイルを選択
 
-**対応形式**: JPEG, PNG, TIFF, MP4（最大100MB）
+**対応形式**: JPEG, PNG, TIFF, WebP, HEIC/HEIF（最大100MB）
 
 ### ステップ2: Exif情報の確認
 
@@ -56,17 +56,18 @@ GPS情報が含まれている場合：
 - 地図レイヤー（通常/衛星/地形）を切り替え可能
 
 GPS情報がない場合：
-- 「手動で位置指定」ボタンをクリック
+- 自動でONになる位置指定モードを確認
 - 地図上をクリックして推定位置を設定
 
 ### ステップ4: 太陽位置計算
 
-1. 撮影地点と日時が設定されていることを確認
+1. 撮影地点、撮影地の現地時刻、UTCオフセットが設定されていることを確認
 2. 「計算実行」ボタンをクリック
 3. 以下の情報が表示されます：
    - **☀️ 太陽高度**: 地平線からの角度
    - **🧭 太陽方位**: 北を基準とした方角
-   - **🌅 時間帯**: 朝・昼・夕方の判定
+   - **🌅 時間帯**: 高度・方位による午前、午後、薄明、夜間などの判定
+   - **影**: 方向と、物体の高さに対する長さの比
 
 ---
 
@@ -78,18 +79,35 @@ GPS情報がない場合：
 
 1. 「撮影方向を設定」ボタンをクリック
 2. 地図上で撮影した方向をクリック
-3. 撮影地点から指定点への方向線が表示されます
+3. 撮影地点から指定点への方向線が表示される。
+
+Exifの撮影方位があれば自動で200mの矢印を出します。手動指定が優先されます。磁北基準の値は補正しません。
+位置指定と方向設定は排他で、どちらもOFFなら地図クリックは位置を変更しません。
+
+### UTCオフセットと整合度
+
+解析日時は撮影地の現地時刻です。OffsetTimeOriginal、GPS時刻との差、ブラウザーの順でUTCオフセットを選びます。
+GPSとの差は15分単位に丸め、残差が5分を超えたら採用しません。経度からの目安は自動適用しません。
+カメラの時計が撮影地に合っているかを確認し、必要なら日時・オフセットを手動で変更してください。
+推定日時とソース一覧は選択中のオフセットで表示します。
+整合度は最大95%で、情報間の食い違いの少なさを示します。撮影の事実を保証しません。
+
+### SHA-256と解析レポート
+
+ファイル情報のSHA-256をコピーできます。Web Cryptoが使えない場合は計算不可と表示します。
+「解析結果をコピー」で、現地時刻・UTC・根拠・位置・太陽・影などをテキストとして取り出せます。
+内容はボタン下のプレビューで確認できます。ブラウザーに解析結果を保存しません。
 
 ### 地図操作
 
 - **ズーム**: マウスホイールまたは+/-ボタン
 - **移動**: 地図をドラッグ
-- **レイヤー切り替え**: 右上のコントロールで地図種類を変更
+- **レイヤー切り替え**: 「地図の種類」の選択欄で変更
 - **座標表示**: 地図下部に現在のカーソル位置の座標が表示
 
 ### GPS精度円
 
-GPS情報に精度データが含まれている場合、撮影地点周辺に精度円が表示されます。これにより、実際の撮影位置の誤差範囲を視覚的に確認できます。
+GPSHPositioningErrorがある場合だけ、メートル単位の精度円を表示します。無次元のGPSDOPは使いません。記録された値であって、実際の誤差を保証するものではありません。
 
 ---
 
@@ -111,7 +129,7 @@ WhereShotは外部サービスとの連携により、より詳細な検証が
 - **用途**: 撮影日の天候確認
 - **情報**: 降水量、気温、風向・風速
 - **検証**: 画像の天候条件との整合性チェック
-- **自動リンク生成:** 画像の位置情報と撮影日時に基づき、全国の気象庁観測所から最も近い地点の天気ページを開くことができる。
+- **自動リンク生成:** 画像の位置情報と撮影日時に基づき、収録した54か所から200km以内の最寄りの観測所を選び、日本時間の日付の毎時ページを開く。該当しなければ気象庁のトップページを案内する。
 
 ### Google Street View
 - **用途**: 地上からの視点での環境確認
@@ -144,12 +162,17 @@ WhereShotは外部サービスとの連携により、より詳細な検証が
 
 ## 🛠️ トラブルシューティング
 
+### 読めない画像やプレビュー
+
+壊れたファイルは通知を表示し、前の画像のGPSやマーカーを残しません。
+HEIC/HEIFなどをブラウザーが表示できない場合は「この形式はプレビューできません」と表示し、解析は続けます。
+
 ### 画像がアップロードできない
 
 **原因と対処法**:
 - ファイルサイズが100MBを超えている → ファイルサイズを圧縮
-- 非対応形式 → JPEG, PNG, TIFF, MP4形式に変換
-- ブラウザの制限 → ページを再読み込み、別ブラウザで試行
+- 非対応形式 → JPEG, PNG, TIFF, WebP, HEIC/HEIF形式に変換
+- ブラウザーの制限 → ページを再読み込み、別ブラウザーで試行
 
 ### Exif情報が表示されない
 
@@ -166,9 +189,9 @@ WhereShotは外部サービスとの連携により、より詳細な検証が
 
 **対処法**:
 - インターネット接続を確認
-- ブラウザの JavaScript が有効か確認
+- ブラウザーの JavaScript が有効か確認
 - ページを再読み込み
-- 別のブラウザで試行
+- 別のブラウザーで試行
 
 ### 太陽位置計算がエラーになる
 
@@ -182,7 +205,11 @@ WhereShotは外部サービスとの連携により、より詳細な検証が
 ## ❓ よくある質問
 
 ### Q1: アップロードした画像は外部に送信されますか？
-**A**: いいえ。すべての処理はブラウザ内で行われ、画像やメタデータが外部サーバーに送信されることはありません。
+**A**: いいえ。すべての処理はブラウザー内で行われ、画像やメタデータが外部サーバーに送信されることはありません。
+
+地図を表示すると、表示範囲のタイル番号が配信元（OpenStreetMap、選択時はEsri・OpenTopoMap）に送られます。
+画像とExifは送信しませんが、撮影地点の周辺を見ていることは配信元に伝わります。
+起動時にはcdnjsからLeafletの2ファイルを取得します。
 
 ### Q2: どの程度の精度で位置を特定できますか？
 **A**: GPS精度に依存しますが、一般的に数メートル～数十メートルの誤差範囲です。GPS情報がない場合は、周辺情報から手動で推定する必要があります。
@@ -191,7 +218,7 @@ WhereShotは外部サービスとの連携により、より詳細な検証が
 **A**: Exif情報が保持されていれば可能です。ただし、デジタルカメラが普及する以前（2000年代前半以前）の画像には通常Exif情報が含まれていません。
 
 ### Q4: 動画ファイルも解析できますか？
-**A**: MP4形式の動画ファイルに対応していますが、静止画に比べてメタデータが限られる場合があります。
+**A**: 動画は対象外です。画像のメタデータのみ読み取ります。
 
 ### Q5: 法執行機関での利用は可能ですか？
 **A**: 技術的には可能ですが、法的証拠として使用する場合は、適切な証拠保全手順と専門家による検証が必要です。
@@ -203,7 +230,7 @@ WhereShotは外部サービスとの連携により、より詳細な検証が
 
 ## 📞 サポート・問い合わせ
 
-- **GitHub Issues**: [問題報告・機能要望](https://github.com/ipusiron/osm-infra-viewer/issues)
+- **GitHub Issues**: [問題報告・機能要望](https://github.com/ipusiron/whereshot/issues)
 - **作者ブログ**: [akademeia.info](https://akademeia.info/)
 - **X（Twitter）**: [@ipusiron](https://x.com/ipusiron)
 
@@ -211,11 +238,11 @@ WhereShotは外部サービスとの連携により、より詳細な検証が
 
 ## 📚 関連資料
 
-- [API仕様書](api-reference.md)
-- [使用例・サンプル](examples/)
+- [API仕様書](api_reference.md)
+- [サンプル画像](../assets/2016-07-24%2010.33.57.jpg)
 - [OSINT調査手法について](https://akademeia.info/) （作者ブログ）
 
 ---
 
 **⚠️ 免責事項**
-本ツールはOSINT調査の支援を目的としており、プライバシー侵害や不正な監視活動での使用は意図されていません。適用される法律と倫理的ガイドラインを遵守してご利用ください。
\ No newline at end of file
+本ツールはOSINT調査の支援を目的としており、プライバシー侵害や不正な監視活動での使用は意図されていません。適用される法律と倫理的ガイドラインを遵守してご利用ください。
diff --git a/index.html b/index.html
index 95ec20a..a747260 100644
--- a/index.html
+++ b/index.html
@@ -4,14 +4,22 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>WhereShot - 撮影時刻・場所解析ツール</title>
-    <meta name="description" content="画像・動画から撮影時刻・場所を解析するOSINT支援ツール">
+    <meta name="description" content="画像のExif・UTCオフセット・太陽位置・地図から撮影時刻と場所を検証するOSINT支援ツール">
     <meta name="author" content="IPUSIRON">
     
     <!-- セキュリティヘッダー -->
-    <meta http-equiv="Content-Security-Policy" content="default-src 'self' 'unsafe-inline' 'unsafe-eval' https: data: blob:">
+    <meta http-equiv="Content-Security-Policy" content="
+        default-src 'self'; script-src 'self' https://cdnjs.cloudflare.com;
+        style-src 'self' https://cdnjs.cloudflare.com;
+        img-src 'self' data: blob: https://tile.openstreetmap.org https://server.arcgisonline.com https://*.tile.opentopomap.org;
+        connect-src 'none'; font-src 'self'; object-src 'none'; base-uri 'self'; form-action 'self'">
+    <!-- OSMタイル利用規約のReferer要件を満たし、配信元にはオリジンだけを送ります。 -->
+    <meta name="referrer" content="strict-origin-when-cross-origin">
     
     <!-- Leaflet CSS -->
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/leaflet.css" integrity="sha512-Zcn6bjR/8RZbLEpLIeOwNtzREBAJnUKESxces60Mpoj+2okopSAcSUIUOseddDm0cxnGQzxIR7vJgsLZbdLE3w==" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/leaflet.css"
+        integrity="sha512-Zcn6bjR/8RZbLEpLIeOwNtzREBAJnUKESxces60Mpoj+2okopSAcSUIUOseddDm0cxnGQzxIR7vJgsLZbdLE3w=="
+        crossorigin="anonymous">
     
     <!-- アプリケーションCSS -->
     <link rel="stylesheet" href="css/style.css">
@@ -20,6 +28,7 @@
     <link rel="icon" type="image/x-icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>📸</text></svg>">
 </head>
 <body>
+    <noscript>このツールを使うにはJavaScriptを有効にしてください。画像とExifは送信しません。</noscript>
     <div class="app-container">
         <!-- ヘッダー -->
         <header class="app-header">
@@ -39,20 +48,22 @@ <h1 class="app-title">
         <main class="main-content">
             <!-- ファイルアップロード エリア -->
             <section class="upload-section">
-                <div id="drop-zone" class="drop-zone">
+                <div id="drop-zone" class="drop-zone" aria-describedby="supported-formats">
                     <div class="drop-zone-content">
                         <div class="upload-icon">📸</div>
-                        <h3>画像をドラッグ&ドロップ</h3>
+                        <h2 id="upload-title">画像をドラッグ&ドロップ</h2>
+                        <p id="upload-filename"></p>
                         <p>または <button id="file-select-btn" class="btn btn-primary">ファイルを選択</button></p>
-                        <small>対応形式: JPEG, PNG, TIFF, MP4</small>
+                        <small id="supported-formats">対応形式: JPEG, PNG, TIFF, WebP, HEIC/HEIF（100MB以下）</small>
                     </div>
-                    <input type="file" id="file-input" accept="image/*,video/mp4" style="display: none;">
+                    <label for="file-input" class="sr-only">解析する画像ファイル</label>
+                    <input type="file" id="file-input" accept="image/jpeg,image/png,image/tiff,image/webp,image/heic,image/heif" hidden>
                 </div>
 
                 <!-- 画像プレビューエリア -->
-                <div id="image-preview" class="image-preview" style="display: none;">
+                <div id="image-preview" class="image-preview" hidden>
                     <div class="preview-header">
-                        <h3>📁 アップロードファイル</h3>
+                        <h2>📁 アップロードファイル</h2>
                         <div class="preview-controls">
                             <button id="toggle-preview-btn" class="btn btn-secondary">🔍 プレビュー表示</button>
                             <button id="change-file-btn" class="btn btn-secondary">📂 別ファイル選択</button>
@@ -65,12 +76,15 @@ <h3>📁 アップロードファイル</h3>
                                 <p><strong>📄 ファイル名:</strong> <span id="file-name">-</span></p>
                                 <p><strong>📊 ファイルサイズ:</strong> <span id="file-size">-</span></p>
                                 <p><strong>🎭 形式:</strong> <span id="file-type">-</span></p>
-                                <p><strong>📅 更新日:</strong> <span id="file-modified">-</span></p>
+                                <p><strong>📅 更新日（UTC）:</strong> <span id="file-modified">-</span></p>
+                                <p class="hash-row"><strong>SHA-256:</strong> <span id="file-sha256">-</span></p>
+                                <button id="copy-sha256-btn" class="btn btn-secondary" disabled>SHA-256をコピー</button>
                             </div>
                         </div>
                         
-                        <div id="image-display" class="image-display" style="display: none;">
-                            <img id="preview-img" src="" alt="プレビュー画像" />
+                        <div id="image-display" class="image-display" hidden>
+                            <img id="preview-img" alt="プレビュー画像">
+                            <p id="preview-message" role="status"></p>
                             <div class="privacy-notice">
                                 <small>🔒 プライバシー保護: 画像はローカルでのみ表示され、外部に送信されません</small>
                             </div>
@@ -80,26 +94,26 @@ <h3>📁 アップロードファイル</h3>
             </section>
 
             <!-- 解析結果表示エリア -->
-            <div id="analysis-results" class="analysis-results" style="display: none;">
+            <div id="analysis-results" class="analysis-results" hidden>
                 
                 <!-- Exif情報パネル -->
                 <section class="info-panel">
-                    <h2>📊 Exif メタデータ</h2>
+                    <h2>📊 Exifメタデータ</h2>
                     <div class="info-grid">
                         <div class="info-card">
-                            <h4>📅 撮影日時</h4>
+                            <h3>📅 撮影日時</h3>
                             <div id="datetime-info" class="info-content">-</div>
                         </div>
                         <div class="info-card">
-                            <h4>📍 GPS位置</h4>
+                            <h3>📍 GPS位置</h3>
                             <div id="gps-info" class="info-content">-</div>
                         </div>
                         <div class="info-card">
-                            <h4>📷 カメラ情報</h4>
+                            <h3>📷 カメラ情報</h3>
                             <div id="camera-info" class="info-content">-</div>
                         </div>
                         <div class="info-card">
-                            <h4>⚙️ 撮影設定</h4>
+                            <h3>⚙️ 撮影設定</h3>
                             <div id="settings-info" class="info-content">-</div>
                         </div>
                     </div>
@@ -111,20 +125,21 @@ <h3>🔍 日時推定</h3>
                             <div class="estimated-datetime">
                                 <div class="estimation-header">
                                     <h4>推定日時</h4>
-                                    <button id="set-estimated-datetime-btn" class="btn btn-primary" style="display: none;">
+                                    <button id="set-estimated-datetime-btn" class="btn btn-primary" hidden>
                                         📅 解析日時にセット
                                     </button>
                                 </div>
                                 <div id="estimated-datetime-value" class="estimation-value">-</div>
                                 <div id="estimation-confidence" class="estimation-confidence">-</div>
+                                <p class="estimation-note">メタデータどうしの食い違いの少なさを示す値です。Exif・ファイル名・更新日時は書き換えられます</p>
                             </div>
                             
-                            <div id="estimation-warnings" class="estimation-warnings" style="display: none;">
+                            <div id="estimation-warnings" class="estimation-warnings" aria-live="polite" hidden>
                                 <!-- 警告メッセージがここに表示される -->
                             </div>
                             
                             <div class="estimation-sources">
-                                <h5>日時ソース</h5>
+                                <h4>日時ソース</h4>
                                 <div id="datetime-sources" class="sources-list">
                                     <div class="source-item">
                                         <span class="source-type">解析待機中...</span>
@@ -139,8 +154,9 @@ <h5>日時ソース</h5>
                 <section class="map-panel">
                     <h2>🗺️ 撮影地点マップ</h2>
                     <div class="map-controls">
-                        <button id="manual-location-btn" class="btn btn-secondary">手動で位置指定</button>
-                        <button id="direction-mode-btn" class="btn btn-secondary">撮影方向を設定</button>
+                        <button id="manual-location-btn" class="btn btn-secondary" aria-pressed="false">手動で位置指定</button>
+                        <button id="direction-mode-btn" class="btn btn-secondary" aria-pressed="false">撮影方向を設定</button>
+                        <label for="map-layer-select">地図の種類</label>
                         <select id="map-layer-select" class="form-select">
                             <option value="osm">OpenStreetMap</option>
                             <option value="satellite">衛星画像</option>
@@ -149,8 +165,7 @@ <h2>🗺️ 撮影地点マップ</h2>
                     </div>
                     <!-- 地図コンテナ - 修正版 -->
                     <div class="map-wrapper">
-                        <div id="map" class="map-container map-initializing" 
-                             style="width: 100%; height: 500px; min-height: 400px; background: var(--bg-card); position: relative;">
+                        <div id="map" class="map-container map-initializing">
                         </div>
                         <div class="map-info">
                             <small id="map-coordinates">地図を読み込み中...</small>
@@ -158,31 +173,42 @@ <h2>🗺️ 撮影地点マップ</h2>
                     </div>
                 </section>
 
+                <p id="direction-info" class="direction-info">撮影方位: 記録なし</p>
+                <p class="map-privacy-notice">地図を表示すると、表示している範囲のタイル番号が地図の配信元（OpenStreetMap、選んだ場合はEsri・OpenTopoMap）に送られます。画像とExifは送信しません</p>
+
                 <!-- 太陽位置計算パネル -->
                 <section class="sun-panel">
                     <h2>🌞 太陽位置・影解析</h2>
                     <div class="sun-controls">
-                        <label for="analysis-date">解析日時:</label>
-                        <input type="datetime-local" id="analysis-date" class="form-input">
+                        <label for="analysis-date">解析日時（撮影地の現地時刻）</label>
+                        <input type="datetime-local" id="analysis-date" class="form-input" step="1">
+                        <label for="utc-offset">撮影地のUTCオフセット</label>
+                        <select id="utc-offset" class="form-select" aria-describedby="utc-offset-source"></select>
                         <button id="calculate-sun-btn" class="btn btn-primary">計算実行</button>
+                        <a id="suncalc-link" href="#" target="_blank" rel="noopener noreferrer" class="btn btn-link">SunCalc.org</a>
                     </div>
-                    <div id="sun-results" class="sun-results">
+                    <p id="utc-offset-source" aria-live="polite"></p>
+                    <div id="sun-results" class="sun-results" aria-live="polite">
                         <div class="sun-info-grid">
                             <div class="sun-info-card">
-                                <h4>☀️ 太陽高度</h4>
+                                <h3>☀️ 太陽高度</h3>
                                 <div id="sun-elevation" class="sun-value">-</div>
                             </div>
                             <div class="sun-info-card">
-                                <h4>🧭 太陽方位</h4>
+                                <h3>🧭 太陽方位</h3>
                                 <div id="sun-azimuth" class="sun-value">-</div>
                             </div>
                             <div class="sun-info-card">
-                                <h4>🌅 時間帯</h4>
+                                <h3>🌅 時間帯</h3>
                                 <div id="sun-phase" class="sun-value">-</div>
                             </div>
                             <div class="sun-info-card">
-                                <h4>🔗 詳細確認</h4>
-                                <a id="suncalc-link" href="#" target="_blank" class="btn btn-link">SunCalc.org</a>
+                                <h3>影の方向</h3>
+                                <div id="shadow-direction" class="sun-value">-</div>
+                            </div>
+                            <div class="sun-info-card">
+                                <h3>影の長さ</h3>
+                                <div id="shadow-length" class="sun-value">-</div>
                             </div>
                         </div>
                     </div>
@@ -193,23 +219,29 @@ <h4>🔗 詳細確認</h4>
                     <h2>🌐 外部データ連携</h2>
                     <div class="external-links">
                         <div class="link-group">
-                            <h4>🛰️ 衛星画像・気象データ</h4>
+                            <h3>🛰️ 衛星画像・気象データ</h3>
                             <a id="nasa-worldview-link" href="#" target="_blank" rel="noopener noreferrer" class="btn btn-external">NASA Worldview</a>
                             <a id="weather-link" href="#" target="_blank" rel="noopener noreferrer" class="btn btn-external">過去の天気</a>
+                            <p id="weather-note" class="link-note"></p>
                         </div>
                         <div class="link-group">
-                            <h4>🗾 地理院地図・空中写真</h4>
+                            <h3>🗾 地理院地図・空中写真</h3>
                             <a id="gsi-map-link" href="#" target="_blank" rel="noopener noreferrer" class="btn btn-external">地理院地図</a>
                             <a id="gsi-photo-link" href="#" target="_blank" rel="noopener noreferrer" class="btn btn-external">空中写真</a>
                         </div>
                         <div class="link-group">
-                            <h4>🔍 その他の検証ツール</h4>
+                            <h3>🔍 その他の検証ツール</h3>
                             <a id="streetview-link" href="#" target="_blank" rel="noopener noreferrer" class="btn btn-external">Street View</a>
                             <a id="reverse-image-link" href="https://images.google.com/" target="_blank" rel="noopener noreferrer" class="btn btn-external">Google画像検索を開く</a>
                             <small>※ プレビュー画像を右クリック → 「Googleで画像を検索」 で利用できます</small>
                         </div>
                     </div>
                 </section>
+                <section class="report-panel">
+                    <h2>解析レポート</h2>
+                    <button id="copy-report-btn" class="btn btn-primary" disabled>解析結果をコピー</button>
+                    <pre id="report-preview"></pre>
+                </section>
             </div>
         </main>
 
@@ -218,17 +250,17 @@ <h4>🔍 その他の検証ツール</h4>
 
         <!-- フッター -->
         <footer class="app-footer">
-            <div class="footer" style="text-align: center;">
-                🔗 GitHubリポジトリはこちら（<a href="https://github.com/ipusiron/whereshot" target="_blank" style="color: #007bff; text-decoration: none;">ipusiron/whereshot</a>）
+            <div class="footer">
+                🔗 GitHubリポジトリーはこちら（<a href="https://github.com/ipusiron/whereshot" target="_blank" rel="noopener noreferrer">ipusiron/whereshot</a>）
             </div>
         </footer>
     </div>
 
     <!-- ヘルプモーダル -->
-    <div id="help-modal" class="modal" style="display: none;">
+    <dialog id="help-dialog" class="modal" aria-labelledby="help-title">
         <div class="modal-content">
-            <span class="modal-close">&times;</span>
-            <h2>WhereShot 使用方法</h2>
+            <button type="button" class="modal-close" aria-label="閉じる">&times;</button>
+            <h2 id="help-title">WhereShot使用方法</h2>
             <div class="help-content">
                 <h3>🚀 基本的な使い方</h3>
                 <ol>
@@ -241,11 +273,13 @@ <h3>🚀 基本的な使い方</h3>
                 
                 <h3>🔒 プライバシー保護</h3>
                 <ul>
-                    <li>すべての処理はブラウザ内で完結</li>
+                    <li>すべての処理はブラウザー内で完結</li>
                     <li>画像・メタデータは外部送信されません</li>
-                    <li>安全なOSINT調査が可能</li>
+                    <li>地図を表示すると、表示範囲のタイル番号が地図の配信元に送られる（画像とExifは送信しない）</li>
                 </ul>
                 
+                <h3>UTCオフセット</h3>
+                <p>解析日時は撮影地の現地時刻です。Exifのオフセット、GPS時刻との差、ブラウザーの順に候補を選びます。撮影地やカメラの時計に合わせて選び直してください。</p>
                 <h3>⚠️ 注意事項</h3>
                 <ul>
                     <li>GPS情報がない画像は手動で位置指定が必要</li>
@@ -254,59 +288,23 @@ <h3>⚠️ 注意事項</h3>
                 </ul>
             </div>
         </div>
-    </div>
+    </dialog>
+    <div id="toast-region" aria-live="polite"></div>
 
-    <!-- JavaScript ライブラリ -->
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/leaflet.min.js" integrity="sha512-puJW3E/qXDqYp9IfhAI54BJEaWIfloJ7JWs7OeD5i6ruC9JZL1gERT1wjtwXFlh7CjE7ZJ+/vcRZRkIYIb6p4g==" crossorigin="anonymous"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/exif-js/2.3.0/exif.min.js" integrity="sha512-xsoiisGNT6Dw2Le1Cocn5305Uje1pOYeSzrpO3RD9K+JTpVH9KqSXksXqur8cobTEKJcFz0COYq4723mzo88/Q==" crossorigin="anonymous"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/suncalc/1.9.0/suncalc.min.js" integrity="sha512-F6rjAEKNMtM0aODcc/MdnAvhGxn7FCbAkKJ5FKba/fnD3gnN+LBEok326WAMdOhKQKYNr+j/tJEuV1PKwIfhCA==" crossorigin="anonymous"></script>
-    
-    <!-- アプリケーションスクリプト -->
-    <script src="js/utils.js"></script>
-    <script src="js/exif-parser.js"></script>
-    <script src="js/datetime-estimator.js"></script>
-    <script src="js/sun-calculator.js"></script>
-    <script src="js/map-controller.js"></script>
-    <script src="js/main.js"></script>
+    <!-- JavaScript ライブラリー -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/leaflet.min.js" defer
+        integrity="sha512-puJW3E/qXDqYp9IfhAI54BJEaWIfloJ7JWs7OeD5i6ruC9JZL1gERT1wjtwXFlh7CjE7ZJ+/vcRZRkIYIb6p4g=="
+        crossorigin="anonymous"></script>
+    <script src="vendor/exifreader/exif-reader.min.js" defer></script>
+    <script src="vendor/suncalc/suncalc.js" defer></script>
 
-    <!-- 地図初期化管理スクリプト -->
-    <script>
-        // 地図初期化の状態管理
-        document.addEventListener('DOMContentLoaded', function() {
-            const mapContainer = document.getElementById('map');
-            
-            // 地図初期化完了イベントリスナー
-            document.addEventListener('whereshot:mapInitialized', function() {
-                if (mapContainer) {
-                    mapContainer.classList.remove('map-initializing');
-                    mapContainer.classList.add('map-ready');
-                    
-                    // 座標表示を更新
-                    const mapCoordinates = document.getElementById('map-coordinates');
-                    if (mapCoordinates) {
-                        mapCoordinates.textContent = 'クリックして座標を取得';
-                    }
-                    
-                    console.log('[WhereShot] Map UI state updated to ready');
-                }
-            });
-
-            // 地図初期化失敗イベントリスナー
-            document.addEventListener('whereshot:mapInitializationFailed', function(e) {
-                if (mapContainer) {
-                    mapContainer.classList.remove('map-initializing');
-                    mapContainer.classList.add('map-error');
-                    
-                    // エラーメッセージを表示
-                    const mapCoordinates = document.getElementById('map-coordinates');
-                    if (mapCoordinates) {
-                        mapCoordinates.textContent = '地図の読み込みに失敗しました';
-                    }
-                    
-                    console.error('[WhereShot] Map initialization failed:', e.detail);
-                }
-            });
-        });
-    </script>
+    <!-- アプリケーションスクリプト（file://でも同じ観測所を読む） -->
+    <script src="data/stations.js" defer></script>
+    <script src="js/whereshot-logic.js" defer></script>
+    <script src="js/utils.js" defer></script>
+    <script src="js/exif-parser.js" defer></script>
+    <script src="js/sun-calculator.js" defer></script>
+    <script src="js/map-controller.js" defer></script>
+    <script src="js/main.js" defer></script>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/js/datetime-estimator.js b/js/datetime-estimator.js
deleted file mode 100644
index f8c8c10..0000000
--- a/js/datetime-estimator.js
+++ /dev/null
@@ -1,681 +0,0 @@
-/**
- * WhereShot - 日時推定エンジン
- * Created by IPUSIRON - セキュリティ重視のOSINTツール
- */
-
-class DateTimeEstimator {
-    constructor() {
-        this.dateTimePatterns = [
-            // === 時間付きパターン（優先度高） ===
-            
-            // YYYY-MM-DD HH:MM:SS形式（最も一般的）
-            {
-                pattern: /(\d{4})[_\-\/](\d{1,2})[_\-\/](\d{1,2})[_\s\-T](\d{1,2})[_:\-\.](\d{1,2})[_:\-\.](\d{1,2})/,
-                format: 'YYYY-MM-DD HH:MM:SS',
-                reliability: 0.95
-            },
-            
-            // YYYYMMDD_HHMMSS形式（カメラ系で多用）
-            {
-                pattern: /(\d{4})(\d{2})(\d{2})[_\-\s](\d{2})[_:\-\.](\d{2})[_:\-\.](\d{2})/,
-                format: 'YYYYMMDD_HHMMSS',
-                reliability: 0.95
-            },
-            
-            // YYYYMMDDHHMMSS形式（連続）
-            {
-                pattern: /(\d{4})(\d{2})(\d{2})(\d{2})(\d{2})(\d{2})/,
-                format: 'YYYYMMDDHHMMSS',
-                reliability: 0.9
-            },
-            
-            // IMG_YYYYMMDD_HHMMSS形式（標準カメラ形式）
-            {
-                pattern: /IMG[_\-\s](\d{4})(\d{2})(\d{2})[_\-\s](\d{2})[_:\-\.](\d{2})[_:\-\.](\d{2})/i,
-                format: 'IMG_YYYYMMDD_HHMMSS',
-                reliability: 0.95
-            },
-            
-            // DSC_YYYYMMDD_HHMMSS形式
-            {
-                pattern: /DSC[_\-\s](\d{4})(\d{2})(\d{2})[_\-\s](\d{2})[_:\-\.](\d{2})[_:\-\.](\d{2})/i,
-                format: 'DSC_YYYYMMDD_HHMMSS',
-                reliability: 0.95
-            },
-            
-            // PHOTO_YYYY_MM_DD_HH_MM_SS形式
-            {
-                pattern: /PHOTO[_\-\s](\d{4})[_\-](\d{1,2})[_\-](\d{1,2})[_\-\s](\d{1,2})[_\-\.](\d{1,2})[_\-\.](\d{1,2})/i,
-                format: 'PHOTO_YYYY_MM_DD_HH_MM_SS',
-                reliability: 0.9
-            },
-            
-            // Screenshot_YYYY-MM-DD-HH-MM-SS形式
-            {
-                pattern: /Screenshot[_\-\s](\d{4})[_\-](\d{1,2})[_\-](\d{1,2})[_\-\s](\d{1,2})[_\-\.](\d{1,2})[_\-\.](\d{1,2})/i,
-                format: 'Screenshot_YYYY-MM-DD-HH-MM-SS',
-                reliability: 0.9
-            },
-            
-            // YYYY-MM-DD_HH-MM形式（分まで）
-            {
-                pattern: /(\d{4})[_\-\/](\d{1,2})[_\-\/](\d{1,2})[_\s\-T](\d{1,2})[_:\-\.](\d{1,2})/,
-                format: 'YYYY-MM-DD HH:MM',
-                reliability: 0.85
-            },
-            
-            // YYYYMMDD_HHMM形式（分まで）
-            {
-                pattern: /(\d{4})(\d{2})(\d{2})[_\-\s](\d{2})[_:\-\.](\d{2})(?!\d)/,
-                format: 'YYYYMMDD_HHMM',
-                reliability: 0.85
-            },
-            
-            // VID_YYYYMMDD_HHMMSS形式（動画）
-            {
-                pattern: /VID[_\-\s](\d{4})(\d{2})(\d{2})[_\-\s](\d{2})[_:\-\.](\d{2})[_:\-\.](\d{2})/i,
-                format: 'VID_YYYYMMDD_HHMMSS',
-                reliability: 0.95
-            },
-            
-            // 時間付きISO形式（YYYY-MM-DDTHH:MM:SS）
-            {
-                pattern: /(\d{4})[_\-](\d{2})[_\-](\d{2})T(\d{2})[:\.](\d{2})[:\.](\d{2})/,
-                format: 'ISO_DATETIME',
-                reliability: 0.95
-            },
-            
-            // h時m分s秒形式（日本語）
-            {
-                pattern: /(\d{4})[_\-\/](\d{1,2})[_\-\/](\d{1,2})[_\s](\d{1,2})[時h](\d{1,2})[分m](\d{1,2})[秒s]/,
-                format: 'YYYY-MM-DD HH時MM分SS秒',
-                reliability: 0.9
-            },
-            
-            // YYYY年MM月DD日HH時MM分SS秒形式
-            {
-                pattern: /(\d{4})年(\d{1,2})月(\d{1,2})日(\d{1,2})時(\d{1,2})分(\d{1,2})秒/,
-                format: 'YYYY年MM月DD日HH時MM分SS秒',
-                reliability: 0.9
-            },
-            
-            // スペース区切り形式（YYYY MM DD HH MM SS）
-            {
-                pattern: /(\d{4})\s+(\d{1,2})\s+(\d{1,2})\s+(\d{1,2})\s+(\d{1,2})\s+(\d{1,2})/,
-                format: 'YYYY MM DD HH MM SS',
-                reliability: 0.8
-            },
-            
-            // === 日付のみパターン（時間なし） ===
-            
-            // YYYY-MM-DD形式（時刻なし）
-            {
-                pattern: /(\d{4})[_\-\/](\d{1,2})[_\-\/](\d{1,2})(?![_\-\d])/,
-                format: 'YYYY-MM-DD',
-                reliability: 0.7
-            },
-            
-            // YYYYMMDD形式（時刻なし）
-            {
-                pattern: /(\d{4})(\d{2})(\d{2})(?![_\-\d])/,
-                format: 'YYYYMMDD',
-                reliability: 0.7
-            },
-            
-            // YYYY年MM月DD日形式
-            {
-                pattern: /(\d{4})年(\d{1,2})月(\d{1,2})日/,
-                format: 'YYYY年MM月DD日',
-                reliability: 0.8
-            },
-            
-            // WhatsApp形式: IMG-YYYYMMDD-WAxxxx
-            {
-                pattern: /IMG[_\-](\d{4})(\d{2})(\d{2})[_\-]WA/i,
-                format: 'WhatsApp',
-                reliability: 0.6
-            },
-            
-            // Unix timestamp形式（10桁）
-            {
-                pattern: /(\d{10})(?!\d)/,
-                format: 'Unix_timestamp',
-                reliability: 0.8
-            },
-            
-            // Unix timestamp形式（13桁、ミリ秒）
-            {
-                pattern: /(\d{13})(?!\d)/,
-                format: 'Unix_timestamp_ms',
-                reliability: 0.8
-            }
-        ];
-    }
-
-    /**
-     * 複数のソースから日時を推定
-     * @param {object} exifData - Exif情報
-     * @param {File} file - ファイルオブジェクト
-     * @returns {object} 推定結果
-     */
-    estimateDateTime(exifData, file) {
-        const sources = this.collectDateTimeSources(exifData, file);
-        const analysis = this.analyzeDateTimeSources(sources);
-        const estimated = this.selectBestDateTime(sources, analysis);
-
-        return {
-            sources: sources,
-            analysis: analysis,
-            estimated: estimated,
-            confidence: this.calculateConfidence(sources, analysis),
-            warnings: this.generateWarnings(sources, analysis),
-            formatted: {
-                estimated: estimated ? window.WhereShotUtils.DateUtils.formatDateTime(estimated) : null,
-                sources: this.formatSources(sources)
-            }
-        };
-    }
-
-    /**
-     * 各ソースから日時情報を収集
-     * @param {object} exifData - Exif情報
-     * @param {File} file - ファイルオブジェクト
-     * @returns {Array} 日時ソース配列
-     */
-    collectDateTimeSources(exifData, file) {
-        const sources = [];
-
-        // Exif日時情報（最高の信頼性）
-        if (exifData.dateTime.original) {
-            sources.push({
-                type: 'exif_original',
-                date: exifData.dateTime.original,
-                reliability: 0.95,
-                description: 'Exif撮影日時',
-                hasTime: true
-            });
-        }
-
-        if (exifData.dateTime.digitized) {
-            sources.push({
-                type: 'exif_digitized',
-                date: exifData.dateTime.digitized,
-                reliability: 0.85,
-                description: 'Exifデジタル化日時',
-                hasTime: true
-            });
-        }
-
-        if (exifData.dateTime.modified) {
-            sources.push({
-                type: 'exif_modified',
-                date: exifData.dateTime.modified,
-                reliability: 0.65,
-                description: 'Exif更新日時',
-                hasTime: true
-            });
-        }
-
-        // ファイル名からの抽出
-        const filenameResults = this.extractAllDatesFromFilename(file.name);
-        filenameResults.forEach(result => {
-            sources.push({
-                type: 'filename',
-                date: result.date,
-                reliability: result.reliability,
-                description: `ファイル名 (${result.format})`,
-                pattern: result.format,
-                hasTime: result.hasTime,
-                matchedText: result.matchedText
-            });
-        });
-
-        // ファイル更新日時
-        sources.push({
-            type: 'file_modified',
-            date: new Date(file.lastModified),
-            reliability: 0.3,
-            description: 'ファイル更新日時',
-            hasTime: true
-        });
-
-        // 信頼性とタイムスタンプの有無でソート
-        return sources.sort((a, b) => {
-            // 時間情報がある方を優先
-            if (a.hasTime && !b.hasTime) return -1;
-            if (!a.hasTime && b.hasTime) return 1;
-            // 信頼性でソート
-            return b.reliability - a.reliability;
-        });
-    }
-
-    /**
-     * ファイル名からすべての日時を抽出
-     * @param {string} filename - ファイル名
-     * @returns {Array} 抽出結果の配列
-     */
-    extractAllDatesFromFilename(filename) {
-        const results = [];
-        
-        for (const pattern of this.dateTimePatterns) {
-            const matches = filename.matchAll(new RegExp(pattern.pattern.source, 'gi'));
-            
-            for (const match of matches) {
-                const dateResult = this.parseMatchedDate(match, pattern.format);
-                if (dateResult && this.isValidDate(dateResult.date)) {
-                    results.push({
-                        date: dateResult.date,
-                        format: pattern.format,
-                        reliability: pattern.reliability || 0.7,
-                        hasTime: dateResult.hasTime,
-                        matchedText: match[0]
-                    });
-                }
-            }
-        }
-
-        // 重複除去（同じ日時の場合は信頼性が高い方を採用）
-        const uniqueResults = [];
-        results.forEach(result => {
-            const existing = uniqueResults.find(existing => 
-                Math.abs(existing.date.getTime() - result.date.getTime()) < 60000 // 1分以内の差は同じとみなす
-            );
-            
-            if (!existing) {
-                uniqueResults.push(result);
-            } else if (result.reliability > existing.reliability) {
-                const index = uniqueResults.indexOf(existing);
-                uniqueResults[index] = result;
-            }
-        });
-
-        return uniqueResults.sort((a, b) => b.reliability - a.reliability);
-    }
-
-    /**
-     * マッチした文字列から日付オブジェクトを作成
-     * @param {Array} match - 正規表現マッチ結果
-     * @param {string} format - フォーマット種類
-     * @returns {object|null} 日付オブジェクトと時間有無フラグ
-     */
-    parseMatchedDate(match, format) {
-        try {
-            let date = null;
-            let hasTime = false;
-
-            switch (format) {
-                case 'YYYY-MM-DD HH:MM:SS':
-                case 'YYYYMMDD_HHMMSS':
-                case 'YYYYMMDDHHMMSS':
-                case 'IMG_YYYYMMDD_HHMMSS':
-                case 'DSC_YYYYMMDD_HHMMSS':
-                case 'VID_YYYYMMDD_HHMMSS':
-                case 'PHOTO_YYYY_MM_DD_HH_MM_SS':
-                case 'Screenshot_YYYY-MM-DD-HH-MM-SS':
-                case 'ISO_DATETIME':
-                case 'YYYY-MM-DD HH時MM分SS秒':
-                case 'YYYY年MM月DD日HH時MM分SS秒':
-                case 'YYYY MM DD HH MM SS':
-                    date = new Date(
-                        parseInt(match[1]), // year
-                        parseInt(match[2]) - 1, // month (0-based)
-                        parseInt(match[3]), // day
-                        parseInt(match[4]) || 0, // hour
-                        parseInt(match[5]) || 0, // minute
-                        parseInt(match[6]) || 0  // second
-                    );
-                    hasTime = true;
-                    break;
-
-                case 'YYYY-MM-DD HH:MM':
-                case 'YYYYMMDD_HHMM':
-                    date = new Date(
-                        parseInt(match[1]), // year
-                        parseInt(match[2]) - 1, // month (0-based)
-                        parseInt(match[3]), // day
-                        parseInt(match[4]) || 0, // hour
-                        parseInt(match[5]) || 0, // minute
-                        0  // second
-                    );
-                    hasTime = true;
-                    break;
-
-                case 'YYYY-MM-DD':
-                case 'YYYYMMDD':
-                case 'YYYY年MM月DD日':
-                case 'WhatsApp':
-                    date = new Date(
-                        parseInt(match[1]), // year
-                        parseInt(match[2]) - 1, // month (0-based)
-                        parseInt(match[3]), // day
-                        12, 0, 0 // 正午に設定
-                    );
-                    hasTime = false;
-                    break;
-
-                case 'Unix_timestamp':
-                    date = new Date(parseInt(match[1]) * 1000);
-                    hasTime = true;
-                    break;
-
-                case 'Unix_timestamp_ms':
-                    date = new Date(parseInt(match[1]));
-                    hasTime = true;
-                    break;
-
-                default:
-                    return null;
-            }
-
-            return { date, hasTime };
-
-        } catch (error) {
-            console.warn('日付パースエラー:', error);
-            return null;
-        }
-    }
-
-    /**
-     * 日付の妥当性をチェック
-     * @param {Date} date - チェックする日付
-     * @returns {boolean} 妥当性
-     */
-    isValidDate(date) {
-        if (!(date instanceof Date) || isNaN(date.getTime())) {
-            return false;
-        }
-
-        const year = date.getFullYear();
-        const now = new Date();
-
-        // 1990年から現在+1年の範囲内
-        if (year < 1990 || year > now.getFullYear() + 1) {
-            return false;
-        }
-
-        // 未来すぎる日付をチェック（1週間以上先）
-        const oneWeekFromNow = new Date(now.getTime() + 7 * 24 * 60 * 60 * 1000);
-        if (date > oneWeekFromNow) {
-            return false;
-        }
-
-        return true;
-    }
-
-    /**
-     * 日時ソースを分析
-     * @param {Array} sources - 日時ソース配列
-     * @returns {object} 分析結果
-     */
-    analyzeDateTimeSources(sources) {
-        if (sources.length === 0) {
-            return { consistency: 'none', conflicts: [], agreement: 0 };
-        }
-
-        const conflicts = [];
-        const tolerance = 24 * 60 * 60 * 1000; // 24時間の許容誤差（ミリ秒）
-
-        // 時間情報がある場合は更に厳密にチェック
-        const hasTimeInfo = sources.some(s => s.hasTime);
-        const timeTolerance = hasTimeInfo ? 60 * 60 * 1000 : tolerance; // 1時間の許容誤差
-
-        // 各ソース間の比較
-        for (let i = 0; i < sources.length; i++) {
-            for (let j = i + 1; j < sources.length; j++) {
-                const diff = Math.abs(sources[i].date.getTime() - sources[j].date.getTime());
-                const currentTolerance = (sources[i].hasTime && sources[j].hasTime) ? timeTolerance : tolerance;
-                
-                if (diff > currentTolerance) {
-                    conflicts.push({
-                        source1: sources[i],
-                        source2: sources[j],
-                        difference: diff,
-                        differenceFormatted: this.formatTimeDifference(diff)
-                    });
-                }
-            }
-        }
-
-        // 一致度を計算
-        const totalComparisons = (sources.length * (sources.length - 1)) / 2;
-        const agreement = totalComparisons > 0 ? 
-            ((totalComparisons - conflicts.length) / totalComparisons) : 1;
-
-        let consistency;
-        if (conflicts.length === 0) {
-            consistency = 'high';
-        } else if (agreement >= 0.7) {
-            consistency = 'medium';
-        } else {
-            consistency = 'low';
-        }
-
-        return {
-            consistency: consistency,
-            conflicts: conflicts,
-            agreement: agreement,
-            hasTimeInfo: hasTimeInfo
-        };
-    }
-
-    /**
-     * 最適な日時を選択
-     * @param {Array} sources - 日時ソース配列
-     * @param {object} analysis - 分析結果
-     * @returns {Date|null} 推定日時
-     */
-    selectBestDateTime(sources, analysis) {
-        if (sources.length === 0) return null;
-
-        // 時間情報があるソースを優先
-        const timeAwareSources = sources.filter(s => s.hasTime);
-        const sourcesToConsider = timeAwareSources.length > 0 ? timeAwareSources : sources;
-
-        // Exif Original が存在する場合は最優先
-        const exifOriginal = sourcesToConsider.find(s => s.type === 'exif_original');
-        if (exifOriginal) {
-            return exifOriginal.date;
-        }
-
-        // 複数のソースが一致している場合はその値を採用
-        if (analysis.consistency === 'high' && sourcesToConsider.length > 1) {
-            const consensusDate = this.findConsensusDate(sourcesToConsider, analysis.hasTimeInfo);
-            if (consensusDate) {
-                return consensusDate;
-            }
-        }
-
-        // 最も信頼性が高いソースを選択
-        return sourcesToConsider[0].date;
-    }
-
-    /**
-     * コンセンサス日時を見つける
-     * @param {Array} sources - 日時ソース配列
-     * @param {boolean} hasTimeInfo - 時間情報があるかどうか
-     * @returns {Date|null} コンセンサス日時
-     */
-    findConsensusDate(sources, hasTimeInfo) {
-        const tolerance = hasTimeInfo ? 60 * 60 * 1000 : 24 * 60 * 60 * 1000; // 時間情報があれば1時間、なければ24時間
-        const groups = [];
-
-        sources.forEach(source => {
-            let added = false;
-            for (const group of groups) {
-                if (Math.abs(group[0].date.getTime() - source.date.getTime()) <= tolerance) {
-                    group.push(source);
-                    added = true;
-                    break;
-                }
-            }
-            if (!added) {
-                groups.push([source]);
-            }
-        });
-
-        // 最大のグループを見つける
-        const largestGroup = groups.reduce((prev, current) => 
-            prev.length > current.length ? prev : current, []);
-
-        if (largestGroup.length >= 2) {
-            // 信頼性が最も高いソースの日時を返す
-            return largestGroup.reduce((prev, current) => 
-                prev.reliability > current.reliability ? prev : current).date;
-        }
-
-        return null;
-    }
-
-    /**
-     * 信頼度を計算
-     * @param {Array} sources - 日時ソース配列
-     * @param {object} analysis - 分析結果
-     * @returns {number} 信頼度（0-1）
-     */
-    calculateConfidence(sources, analysis) {
-        if (sources.length === 0) return 0;
-
-        let confidence = sources[0].reliability;
-
-        // 一致度を反映
-        confidence *= analysis.agreement;
-
-        // ソース数を反映（複数ソースがある場合は信頼度アップ）
-        if (sources.length > 1) {
-            confidence *= 1.2;
-        }
-
-        // Exif Original がある場合は信頼度アップ
-        if (sources.some(s => s.type === 'exif_original')) {
-            confidence *= 1.3;
-        }
-
-        // 時間情報がある場合は信頼度アップ
-        if (analysis.hasTimeInfo) {
-            confidence *= 1.1;
-        }
-
-        // ファイル名から時間付きで抽出できた場合は信頼度アップ
-        const timeAwareFilenameSource = sources.find(s => s.type === 'filename' && s.hasTime);
-        if (timeAwareFilenameSource) {
-            confidence *= 1.15;
-        }
-
-        return Math.min(confidence, 1.0);
-    }
-
-    /**
-     * 警告メッセージを生成
-     * @param {Array} sources - 日時ソース配列
-     * @param {object} analysis - 分析結果
-     * @returns {Array} 警告メッセージ配列
-     */
-    generateWarnings(sources, analysis) {
-        const warnings = [];
-
-        if (sources.length === 0) {
-            warnings.push({
-                type: 'no_datetime',
-                message: '日時情報が見つかりません',
-                severity: 'error'
-            });
-            return warnings;
-        }
-
-        if (analysis.consistency === 'low') {
-            warnings.push({
-                type: 'inconsistent',
-                message: '複数の日時情報に大きな差異があります',
-                severity: 'warning'
-            });
-        }
-
-        if (analysis.conflicts.length > 0) {
-            analysis.conflicts.forEach(conflict => {
-                warnings.push({
-                    type: 'conflict',
-                    message: `${conflict.source1.description}と${conflict.source2.description}に${conflict.differenceFormatted}の差があります`,
-                    severity: 'warning'
-                });
-            });
-        }
-
-        if (!sources.some(s => s.type === 'exif_original')) {
-            warnings.push({
-                type: 'no_exif_original',
-                message: 'Exif撮影日時が存在しません。推定日時の信頼性が低下します',
-                severity: 'info'
-            });
-        }
-
-        // ファイル更新日時のみの場合
-        if (sources.length === 1 && sources[0].type === 'file_modified') {
-            warnings.push({
-                type: 'file_modified_only',
-                message: 'ファイル更新日時のみで推定しています。実際の撮影日時と異なる可能性があります',
-                severity: 'warning'
-            });
-        }
-
-        // 時間情報なしの警告
-        if (!analysis.hasTimeInfo) {
-            warnings.push({
-                type: 'no_time_info',
-                message: '時間情報がないため、日付のみの推定です',
-                severity: 'info'
-            });
-        }
-
-        // ファイル名から時間が抽出できた場合の情報
-        const timeAwareFilenameSource = sources.find(s => s.type === 'filename' && s.hasTime);
-        if (timeAwareFilenameSource) {
-            warnings.push({
-                type: 'filename_time_extracted',
-                message: `ファイル名から時間情報を抽出しました (${timeAwareFilenameSource.matchedText})`,
-                severity: 'info'
-            });
-        }
-
-        return warnings;
-    }
-
-    /**
-     * 時間差をフォーマット
-     * @param {number} milliseconds - ミリ秒
-     * @returns {string} フォーマットされた時間差
-     */
-    formatTimeDifference(milliseconds) {
-        const seconds = Math.floor(milliseconds / 1000);
-        const minutes = Math.floor(seconds / 60);
-        const hours = Math.floor(minutes / 60);
-        const days = Math.floor(hours / 24);
-
-        if (days > 0) {
-            return `${days}日${hours % 24}時間`;
-        } else if (hours > 0) {
-            return `${hours}時間${minutes % 60}分`;
-        } else if (minutes > 0) {
-            return `${minutes}分`;
-        } else {
-            return `${seconds}秒`;
-        }
-    }
-
-    /**
-     * ソース情報をフォーマット
-     * @param {Array} sources - 日時ソース配列
-     * @returns {Array} フォーマットされたソース情報
-     */
-    formatSources(sources) {
-        return sources.map(source => ({
-            description: source.description + (source.hasTime ? ' (時間付き)' : ' (日付のみ)'),
-            date: window.WhereShotUtils.DateUtils.formatDateTime(source.date),
-            reliability: `${Math.round(source.reliability * 100)}%`,
-            type: source.type,
-            matchedText: source.matchedText || ''
-        }));
-    }
-}
-
-// シングルトンインスタンスを作成
-window.WhereShotDateTimeEstimator = new DateTimeEstimator();
\ No newline at end of file
diff --git a/js/exif-parser.js b/js/exif-parser.js
index 8fe031e..6604f46 100644
--- a/js/exif-parser.js
+++ b/js/exif-parser.js
@@ -6,522 +6,27 @@
 class ExifParser {
     constructor() {
         this.extractedData = null;
-        this.callbacks = {};
+        this.readFailed = false;
     }
 
     /**
      * 画像ファイルからExif情報を抽出
      * @param {File} file - 画像ファイル
-     * @returns {Promise<object>} 抽出されたExif情報
+     * @returns {Promise<object>} 正規化されたExif情報（読み取れなければ全項目null）
      */
     async extractExifData(file) {
-        return new Promise((resolve, reject) => {
-            try {
-                // ファイル検証
-                const validation = window.WhereShotUtils.FileUtils.validateFile(file);
-                if (!validation.isValid) {
-                    reject(new Error(validation.errors.join(', ')));
-                    return;
-                }
-
-                // Exif-jsライブラリを使用してExif情報を抽出
-                EXIF.getData(file, () => {
-                    try {
-                        const allMetaData = EXIF.getAllTags(file);
-                        const processedData = this.processExifData(allMetaData, file);
-                        this.extractedData = processedData;
-                        
-                        // セキュリティログ
-                        console.log('[WhereShot] Exif extraction completed:', {
-                            hasGPS: !!processedData.gps.latitude,
-                            hasDateTime: !!processedData.dateTime.original,
-                            fileSize: file.size
-                        });
-                        
-                        resolve(processedData);
-                    } catch (error) {
-                        console.error('[WhereShot] Exif processing error:', error);
-                        reject(error);
-                    }
-                });
-            } catch (error) {
-                console.error('[WhereShot] Exif extraction error:', error);
-                reject(error);
-            }
-        });
-    }
-
-    /**
-     * 生のExifデータを処理・整理
-     * @param {object} exifData - 生のExifデータ
-     * @param {File} file - 元ファイル
-     * @returns {object} 処理されたメタデータ
-     */
-    processExifData(exifData, file) {
-        const processed = {
-            file: this.extractFileInfo(file),
-            dateTime: this.extractDateTimeInfo(exifData),
-            gps: this.extractGPSInfo(exifData),
-            camera: this.extractCameraInfo(exifData),
-            settings: this.extractCameraSettings(exifData),
-            technical: this.extractTechnicalInfo(exifData),
-            security: this.performSecurityAnalysis(exifData, file),
-            raw: exifData
-        };
-
-        return processed;
-    }
-
-    /**
-     * ファイル基本情報を抽出
-     * @param {File} file - ファイルオブジェクト
-     * @returns {object} ファイル情報
-     */
-    extractFileInfo(file) {
-        return {
-            name: file.name,
-            size: file.size,
-            type: file.type,
-            lastModified: new Date(file.lastModified),
-            sizeFormatted: window.WhereShotUtils.FileUtils.formatFileSize(file.size),
-            typeCategory: window.WhereShotUtils.FileUtils.getFileType(file.name)
-        };
-    }
-
-    /**
-     * 日時情報を抽出・処理
-     * @param {object} exifData - Exifデータ
-     * @returns {object} 日時情報
-     */
-    extractDateTimeInfo(exifData) {
-        const dateTimeFields = [
-            'DateTime',
-            'DateTimeOriginal',
-            'DateTimeDigitized',
-            'CreateDate',
-            'ModifyDate'
-        ];
-
-        const dateTimeInfo = {
-            original: null,
-            digitized: null,
-            modified: null,
-            created: null,
-            timezone: null,
-            formatted: {}
-        };
-
-        // 各日時フィールドを処理
-        dateTimeFields.forEach(field => {
-            if (exifData[field]) {
-                const date = this.parseExifDateTime(exifData[field]);
-                if (date) {
-                    switch (field) {
-                        case 'DateTime':
-                        case 'ModifyDate':
-                            dateTimeInfo.modified = date;
-                            break;
-                        case 'DateTimeOriginal':
-                            dateTimeInfo.original = date;
-                            break;
-                        case 'DateTimeDigitized':
-                            dateTimeInfo.digitized = date;
-                            break;
-                        case 'CreateDate':
-                            dateTimeInfo.created = date;
-                            break;
-                    }
-                }
-            }
-        });
-
-        // タイムゾーン情報
-        if (exifData.OffsetTime || exifData.OffsetTimeOriginal) {
-            dateTimeInfo.timezone = exifData.OffsetTime || exifData.OffsetTimeOriginal;
-        }
-
-        // フォーマット済み文字列を生成
-        Object.keys(dateTimeInfo).forEach(key => {
-            if (dateTimeInfo[key] instanceof Date) {
-                dateTimeInfo.formatted[key] = window.WhereShotUtils.DateUtils.formatDateTime(dateTimeInfo[key]);
-            }
-        });
-
-        return dateTimeInfo;
-    }
-
-    /**
-     * GPS情報を抽出・処理
-     * @param {object} exifData - Exifデータ
-     * @returns {object} GPS情報
-     */
-    extractGPSInfo(exifData) {
-        const gpsInfo = {
-            latitude: null,
-            longitude: null,
-            altitude: null,
-            accuracy: null,
-            direction: null,
-            speed: null,
-            timestamp: null,
-            formatted: {},
-            raw: {}
-        };
-
-        // GPS座標の抽出
-        if (exifData.GPSLatitude && exifData.GPSLongitude) {
-            gpsInfo.latitude = this.convertGPSCoordinate(
-                exifData.GPSLatitude,
-                exifData.GPSLatitudeRef
-            );
-            gpsInfo.longitude = this.convertGPSCoordinate(
-                exifData.GPSLongitude,
-                exifData.GPSLongitudeRef
-            );
-        }
-
-        // 高度情報
-        if (exifData.GPSAltitude) {
-            gpsInfo.altitude = this.convertGPSAltitude(
-                exifData.GPSAltitude,
-                exifData.GPSAltitudeRef
-            );
-        }
-
-        // その他のGPS情報
-        if (exifData.GPSDOP) gpsInfo.accuracy = exifData.GPSDOP;
-        if (exifData.GPSImgDirection) gpsInfo.direction = exifData.GPSImgDirection;
-        if (exifData.GPSSpeed) gpsInfo.speed = exifData.GPSSpeed;
-        if (exifData.GPSTimeStamp) gpsInfo.timestamp = exifData.GPSTimeStamp;
-
-        // フォーマット済み情報
-        if (gpsInfo.latitude !== null && gpsInfo.longitude !== null) {
-            gpsInfo.formatted.coordinates = window.WhereShotUtils.GeoUtils.formatCoordinates(
-                gpsInfo.latitude,
-                gpsInfo.longitude
-            );
-        }
-
-        if (gpsInfo.altitude !== null) {
-            gpsInfo.formatted.altitude = `${gpsInfo.altitude.toFixed(1)}m`;
-        }
-
-        // 生データの保存
-        gpsInfo.raw = {
-            GPSLatitude: exifData.GPSLatitude,
-            GPSLatitudeRef: exifData.GPSLatitudeRef,
-            GPSLongitude: exifData.GPSLongitude,
-            GPSLongitudeRef: exifData.GPSLongitudeRef,
-            GPSAltitude: exifData.GPSAltitude,
-            GPSAltitudeRef: exifData.GPSAltitudeRef
-        };
-
-        return gpsInfo;
-    }
-
-    /**
-     * カメラ情報を抽出
-     * @param {object} exifData - Exifデータ
-     * @returns {object} カメラ情報
-     */
-    extractCameraInfo(exifData) {
-        return {
-            make: this.sanitizeString(exifData.Make) || null,
-            model: this.sanitizeString(exifData.Model) || null,
-            software: this.sanitizeString(exifData.Software) || null,
-            lens: this.sanitizeString(exifData.LensModel || exifData.LensInfo) || null,
-            serial: this.sanitizeString(exifData.BodySerialNumber) || null,
-            lensSerial: this.sanitizeString(exifData.LensSerialNumber) || null,
-            formatted: {
-                camera: this.formatCameraName(
-                    this.sanitizeString(exifData.Make), 
-                    this.sanitizeString(exifData.Model)
-                ),
-                fullInfo: this.formatFullCameraInfo(exifData)
-            }
-        };
-    }
-
-    /**
-     * 撮影設定情報を抽出
-     * @param {object} exifData - Exifデータ
-     * @returns {object} 撮影設定情報
-     */
-    extractCameraSettings(exifData) {
-        const settings = {
-            iso: exifData.ISOSpeedRatings || exifData.ISO || null,
-            aperture: exifData.FNumber || exifData.ApertureValue || null,
-            shutter: exifData.ShutterSpeedValue || exifData.ExposureTime || null,
-            focalLength: exifData.FocalLength || null,
-            exposureMode: exifData.ExposureMode || null,
-            meteringMode: exifData.MeteringMode || null,
-            flash: exifData.Flash || null,
-            whiteBalance: exifData.WhiteBalance || null,
-            colorSpace: exifData.ColorSpace || null,
-            orientation: exifData.Orientation || null,
-            formatted: {}
-        };
-
-        // フォーマット済み設定情報
-        if (settings.aperture) {
-            settings.formatted.aperture = `f/${settings.aperture}`;
-        }
-        
-        if (settings.shutter) {
-            settings.formatted.shutter = this.formatShutterSpeed(settings.shutter);
-        }
-        
-        if (settings.focalLength) {
-            settings.formatted.focalLength = `${settings.focalLength}mm`;
-        }
-        
-        if (settings.iso) {
-            settings.formatted.iso = `ISO ${settings.iso}`;
-        }
-
-        return settings;
-    }
-
-    /**
-     * 技術的情報を抽出
-     * @param {object} exifData - Exifデータ
-     * @returns {object} 技術的情報
-     */
-    extractTechnicalInfo(exifData) {
-        return {
-            resolution: {
-                width: exifData.ExifImageWidth || exifData.ImageWidth || null,
-                height: exifData.ExifImageHeight || exifData.ImageLength || null,
-                xResolution: exifData.XResolution || null,
-                yResolution: exifData.YResolution || null,
-                resolutionUnit: exifData.ResolutionUnit || null
-            },
-            compression: exifData.Compression || null,
-            photometricInterpretation: exifData.PhotometricInterpretation || null,
-            bitsPerSample: exifData.BitsPerSample || null,
-            samplesPerPixel: exifData.SamplesPerPixel || null
-        };
-    }
-
-    /**
-     * セキュリティ分析を実行
-     * @param {object} exifData - Exifデータ
-     * @param {File} file - ファイル
-     * @returns {object} セキュリティ分析結果
-     */
-    performSecurityAnalysis(exifData, file) {
-        const analysis = {
-            privacyRisk: 'low',
-            hasGPS: false,
-            hasPersonalInfo: false,
-            hasCameraSerial: false,
-            hasTimestamp: false,
-            warnings: [],
-            recommendations: []
-        };
-
-        // GPS情報のチェック
-        if (exifData.GPSLatitude && exifData.GPSLongitude) {
-            analysis.hasGPS = true;
-            analysis.privacyRisk = 'high';
-            analysis.warnings.push('GPS位置情報が含まれています');
-            analysis.recommendations.push('公開前にGPS情報を削除することを推奨');
-        }
-
-        // 個人識別可能情報のチェック
-        if (exifData.BodySerialNumber || exifData.LensSerialNumber) {
-            analysis.hasCameraSerial = true;
-            analysis.privacyRisk = analysis.privacyRisk === 'high' ? 'high' : 'medium';
-            analysis.warnings.push('カメラ/レンズのシリアル番号が含まれています');
-            analysis.recommendations.push('デバイス特定を避けるためシリアル番号の削除を推奨');
-        }
-
-        // タイムスタンプのチェック
-        if (exifData.DateTime || exifData.DateTimeOriginal) {
-            analysis.hasTimestamp = true;
-            analysis.warnings.push('詳細な撮影時刻が記録されています');
-        }
-
-        // その他の個人情報
-        if (exifData.Artist || exifData.Copyright || exifData.UserComment) {
-            analysis.hasPersonalInfo = true;
-            analysis.privacyRisk = 'medium';
-            analysis.warnings.push('作者情報またはコメントが含まれています');
-        }
-
-        return analysis;
-    }
-
-    /**
-     * 文字列をサニタイズして文字化けを防ぐ
-     * @param {any} str - サニタイズする文字列
-     * @returns {string|null} サニタイズされた文字列
-     */
-    sanitizeString(str) {
-        if (!str) return null;
-        
-        // 文字列型でない場合は変換を試みる
-        if (typeof str !== 'string') {
-            // 配列やオブジェクトの場合は最初の要素を取得
-            if (Array.isArray(str) && str.length > 0) {
-                str = str[0];
-            } else if (typeof str === 'object') {
-                // オブジェクトの場合は文字列化を試みる
-                try {
-                    str = String(str);
-                } catch (error) {
-                    return null;
-                }
-            } else {
-                str = String(str);
-            }
-        }
-        
-        // 制御文字や非印字文字を除去
-        str = str.replace(/[\x00-\x1F\x7F-\x9F]/g, '');
-        
-        // 連続する非ASCII文字（文字化けの可能性）をチェック
-        const nonAsciiPattern = /[^\x20-\x7E\u3040-\u309F\u30A0-\u30FF\u4E00-\u9FAF]/g;
-        const nonAsciiMatches = str.match(nonAsciiPattern);
-        
-        // 非ASCII文字が全体の50%以上の場合は文字化けと判定
-        if (nonAsciiMatches && nonAsciiMatches.length > str.length * 0.5) {
-            return null;
-        }
-        
-        // 非ASCII文字を除去（ただし日本語は保持）
-        str = str.replace(/[^\x20-\x7E\u3040-\u309F\u30A0-\u30FF\u4E00-\u9FAF\s]/g, '');
-        
-        // 空白文字のトリム
-        str = str.trim();
-        
-        // 空文字列の場合はnullを返す
-        return str.length > 0 ? str : null;
-    }
-
-    /**
-     * Exif日時文字列をDateオブジェクトに変換
-     * @param {string} dateTimeString - Exif日時文字列
-     * @returns {Date|null} Dateオブジェクト
-     */
-    parseExifDateTime(dateTimeString) {
-        if (!dateTimeString) return null;
-
-        try {
-            // Exif形式: "YYYY:MM:DD HH:MM:SS"
-            const cleanStr = dateTimeString.replace(/:/g, '-', 2).replace(':', ' ');
-            const date = new Date(cleanStr);
-            
-            return isNaN(date.getTime()) ? null : date;
-        } catch (error) {
-            console.warn('Exif日時のパースに失敗:', error);
-            return null;
-        }
-    }
-
-    /**
-     * GPS座標を度分秒からデシマル度に変換
-     * @param {Array} coordinate - GPS座標配列
-     * @param {string} ref - 方位参照 (N/S/E/W)
-     * @returns {number|null} デシマル度
-     */
-    convertGPSCoordinate(coordinate, ref) {
-        if (!coordinate || !Array.isArray(coordinate) || coordinate.length !== 3) {
-            return null;
-        }
-
+        this.readFailed = false;
         try {
-            const degrees = coordinate[0];
-            const minutes = coordinate[1];
-            const seconds = coordinate[2];
-
-            return window.WhereShotUtils.GeoUtils.dmsToDecimal(degrees, minutes, seconds, ref);
-        } catch (error) {
-            console.warn('GPS座標の変換に失敗:', error);
-            return null;
-        }
-    }
-
-    /**
-     * GPS高度を変換
-     * @param {number} altitude - 高度値
-     * @param {number} ref - 高度参照 (0=海面上, 1=海面下)
-     * @returns {number|null} 高度（メートル）
-     */
-    convertGPSAltitude(altitude, ref) {
-        if (altitude === null || altitude === undefined) return null;
-
-        const altitudeValue = typeof altitude === 'object' ? altitude.numerator / altitude.denominator : altitude;
-        return ref === 1 ? -altitudeValue : altitudeValue;
-    }
-
-    /**
-     * カメラ名をフォーマット
-     * @param {string} make - メーカー名
-     * @param {string} model - モデル名
-     * @returns {string} フォーマットされたカメラ名
-     */
-    formatCameraName(make, model) {
-        // サニタイズされた値を使用
-        const safeMake = this.sanitizeString(make);
-        const safeModel = this.sanitizeString(model);
-        
-        if (!safeMake && !safeModel) return '不明';
-        if (!safeMake) return safeModel;
-        if (!safeModel) return safeMake;
-        
-        // メーカー名がモデル名に含まれている場合は重複を避ける
-        if (safeModel.toLowerCase().includes(safeMake.toLowerCase())) {
-            return safeModel;
-        }
-        
-        return `${safeMake} ${safeModel}`;
-    }
-
-    /**
-     * カメラの完全情報をフォーマット
-     * @param {object} exifData - Exifデータ
-     * @returns {string} フォーマットされた情報
-     */
-    formatFullCameraInfo(exifData) {
-        const parts = [];
-        
-        const safeMake = this.sanitizeString(exifData.Make);
-        const safeModel = this.sanitizeString(exifData.Model);
-        const safeLens = this.sanitizeString(exifData.LensModel);
-        const safeSoftware = this.sanitizeString(exifData.Software);
-        
-        if (safeMake && safeModel) {
-            parts.push(this.formatCameraName(safeMake, safeModel));
-        }
-        
-        if (safeLens) {
-            parts.push(`レンズ: ${safeLens}`);
-        }
-        
-        if (safeSoftware) {
-            parts.push(`ソフトウェア: ${safeSoftware}`);
-        }
-        
-        return parts.length > 0 ? parts.join('\n') : '情報なし';
-    }
-
-    /**
-     * シャッタースピードをフォーマット
-     * @param {number} speed - シャッタースピード値
-     * @returns {string} フォーマットされたシャッタースピード
-     */
-    formatShutterSpeed(speed) {
-        if (!speed) return '';
-
-        if (speed >= 1) {
-            return `${speed}s`;
-        } else {
-            const fraction = Math.round(1 / speed);
-            return `1/${fraction}s`;
+            const buffer = await file.arrayBuffer();
+            const tags = ExifReader.load(buffer, { expanded: true });
+            this.extractedData = WhereShotLogic.normalizeTags(tags);
+            this.readFailed = Object.values(this.extractedData).every(value => value === null);
+        } catch {
+            this.readFailed = true;
+            this.extractedData = WhereShotLogic.normalizeTags({});
         }
+        return this.extractedData;
     }
-
     /**
      * 抽出されたデータを取得
      * @returns {object|null} 抽出されたデータ
@@ -540,31 +45,6 @@ class ExifParser {
         }
     }
 
-    /**
-     * Exif情報をJSON形式でエクスポート
-     * @param {boolean} includeSensitive - 機密情報を含めるかどうか
-     * @returns {string} JSON文字列
-     */
-    exportData(includeSensitive = false) {
-        if (!this.extractedData) return null;
-
-        const exportData = { ...this.extractedData };
-        
-        if (!includeSensitive) {
-            // 機密情報を除去
-            delete exportData.gps;
-            delete exportData.camera.serial;
-            delete exportData.camera.lensSerial;
-            if (exportData.raw) {
-                delete exportData.raw.GPSLatitude;
-                delete exportData.raw.GPSLongitude;
-                delete exportData.raw.BodySerialNumber;
-                delete exportData.raw.LensSerialNumber;
-            }
-        }
-
-        return JSON.stringify(exportData, null, 2);
-    }
 }
 
 // シングルトンインスタンスを作成
diff --git a/js/main.js b/js/main.js
index 48d8f2b..4e4bd58 100644
--- a/js/main.js
+++ b/js/main.js
@@ -11,6 +11,9 @@ class WhereShotApp {
     this.currentEstimationResult = null;
     this.isInitialized = false;
     this.mapInitialized = false;
+    this.fileGeneration = 0;
+    this.previewUrl = null;
+    this.sha256 = null;
   }
 
   /**
@@ -18,321 +21,50 @@ class WhereShotApp {
    */
   async initialize() {
     try {
-      console.log('[WhereShot] Initializing application...');
-
       // DOM要素の準備を待つ
       if (document.readyState === 'loading') {
         await new Promise((resolve) => {
-          document.addEventListener('DOMContentLoaded', resolve);
+          document.addEventListener('DOMContentLoaded', resolve, { once: true });
         });
       }
 
       // UIイベントリスナーを設定（地図より先に）
+      this.setupOffsetChoices();
       this.setupEventListeners();
-
-      // 観測所データを読み込む（エラーハンドリング強化）
-      await this.loadStationsData();
-
-      // セキュリティ設定
-      this.setupSecurity();
-
-      // 外部リンクの初期設定
       this.initializeExternalLinks();
-
-      // 地図の初期化は最後に、かつ非同期で
-      this.initializeMapWhenReady();
-
       this.isInitialized = true;
-      console.log('[WhereShot] Application initialized successfully');
-
-      // 初期化完了を通知
-      this.showWelcomeMessage();
-    } catch (error) {
-      console.error('[WhereShot] Initialization error:', error);
-      window.WhereShotUtils.UIUtils.showError(
-        'アプリケーションの初期化に失敗しました。HTTPサーバー経由でアクセスしてください。'
-      );
+    } catch {
+      console.error('アプリケーションを初期化できませんでした');
+      window.WhereShotUtils.UIUtils.showError('アプリケーションの初期化に失敗しました。再読み込みしてください。');
     }
   }
 
   /**
-   * 地図を適切なタイミングで初期化
+   * 撮影地で使われるUTCオフセットの候補を表示
    */
-  async initializeMapWhenReady() {
-    try {
-      // 少し遅らせて、他の要素が完全に準備されてから地図を初期化
-      setTimeout(async () => {
-        await this.initializeMap();
-      }, 500);
-    } catch (error) {
-      console.error('[WhereShot] Map initialization deferred error:', error);
+  setupOffsetChoices() {
+    const select = document.getElementById('utc-offset');
+    for (const offset of WhereShotLogic.OFFSET_CHOICES) {
+      const option = document.createElement('option');
+      option.value = String(offset);
+      option.textContent = 'UTC' + WhereShotLogic.formatOffset(offset);
+      select.append(option);
     }
+    select.value = '0';
   }
-
   /**
-   * 地図を初期化
+   * 結果パネルが表示された直後に一度だけ地図を初期化
    */
   async initializeMap() {
-    try {
-      console.log('[WhereShot] Initializing map...');
-      
-      await window.WhereShotMapController.initializeMap('map', {
-        center: [35.6762, 139.6503], // 東京
-        zoom: 10,
-      });
-      
-      this.mapInitialized = true;
-      console.log('[WhereShot] Map initialization completed');
-      
-    } catch (error) {
-      console.error('[WhereShot] Map initialization failed:', error);
-      window.WhereShotUtils.UIUtils.showError('地図の初期化に失敗しました');
-    }
-  }
-
-  /**
-   * 観測所データを読み込む
-   */
-  async loadStationsData() {
-    try {
-      // ファイルプロトコルの検出
-      if (window.location.protocol === 'file:') {
-        console.warn('[WhereShot] File protocol detected. Using fallback station data.');
-        this.initializeFallbackStations();
-        return;
-      }
-
-      // HTTPサーバー経由での読み込み
-      const response = await fetch('data/stations.json');
-      
-      if (!response.ok) {
-        throw new Error(`HTTP ${response.status}: ${response.statusText}`);
-      }
-      
-      const data = await response.json();
-      window.WhereShotStations = data;
-      console.log(`[WhereShot] 観測所 ${data.length} 件を読み込みました`);
-      
-    } catch (error) {
-      console.error('[WhereShot] stations.json の読み込みに失敗:', error);
-      this.initializeFallbackStations();
-      
-      // ユーザーに適切なガイダンスを表示
-      if (window.location.protocol === 'file:') {
-        this.showFileProtocolWarning();
-      }
-    }
-  }
-
-  /**
-   * フォールバック用の観測所データを初期化（20件）
-   */
-  initializeFallbackStations() {
-    window.WhereShotStations = [
-      // 北海道
-      {
-        "name": "札幌",
-        "lat": 43.0642,
-        "lng": 141.3469,
-        "prec_no": 14,
-        "block_no": 47412
-      },
-      {
-        "name": "函館",
-        "lat": 41.7688,
-        "lng": 140.7288,
-        "prec_no": 23,
-        "block_no": 47430
-      },
-      // 東北
-      {
-        "name": "盛岡",
-        "lat": 39.7036,
-        "lng": 141.1527,
-        "prec_no": 33,
-        "block_no": 47584
-      },
-      {
-        "name": "仙台",
-        "lat": 38.2688,
-        "lng": 140.8721,
-        "prec_no": 34,
-        "block_no": 47590
-      },
-      {
-        "name": "福島",
-        "lat": 37.7608,
-        "lng": 140.4747,
-        "prec_no": 36,
-        "block_no": 47595
-      },
-      {
-        "name": "秋田",
-        "lat": 39.7186,
-        "lng": 140.1024,
-        "prec_no": 32,
-        "block_no": 47582
-      },
-      // 関東
-      {
-        "name": "東京",
-        "lat": 35.6895,
-        "lng": 139.6917,
-        "prec_no": 44,
-        "block_no": 47662
-      },
-      {
-        "name": "横浜",
-        "lat": 35.4437,
-        "lng": 139.638,
-        "prec_no": 46,
-        "block_no": 47670
-      },
-      {
-        "name": "水戸",
-        "lat": 36.3658,
-        "lng": 140.4714,
-        "prec_no": 40,
-        "block_no": 47629
-      },
-      {
-        "name": "宇都宮",
-        "lat": 36.5484,
-        "lng": 139.8837,
-        "prec_no": 41,
-        "block_no": 47615
-      },
-      // 中部
-      {
-        "name": "名古屋",
-        "lat": 35.1815,
-        "lng": 136.9066,
-        "prec_no": 51,
-        "block_no": 47636
-      },
-      {
-        "name": "新潟",
-        "lat": 37.9026,
-        "lng": 139.0235,
-        "prec_no": 54,
-        "block_no": 47604
-      },
-      {
-        "name": "金沢",
-        "lat": 36.5946,
-        "lng": 136.6256,
-        "prec_no": 56,
-        "block_no": 47605
-      },
-      // 関西
-      {
-        "name": "大阪",
-        "lat": 34.6937,
-        "lng": 135.5023,
-        "prec_no": 62,
-        "block_no": 47772
-      },
-      {
-        "name": "神戸",
-        "lat": 34.6901,
-        "lng": 135.1955,
-        "prec_no": 63,
-        "block_no": 47770
-      },
-      // 中国・四国
-      {
-        "name": "広島",
-        "lat": 34.3963,
-        "lng": 132.4592,
-        "prec_no": 67,
-        "block_no": 47765
-      },
-      {
-        "name": "高松",
-        "lat": 34.3403,
-        "lng": 134.0434,
-        "prec_no": 72,
-        "block_no": 47891
-      },
-      {
-        "name": "松山",
-        "lat": 33.8392,
-        "lng": 132.7657,
-        "prec_no": 73,
-        "block_no": 47887
-      },
-      // 九州・沖縄
-      {
-        "name": "福岡",
-        "lat": 33.5902,
-        "lng": 130.4017,
-        "prec_no": 82,
-        "block_no": 47807
-      },
-      {
-        "name": "鹿児島",
-        "lat": 31.5966,
-        "lng": 130.5571,
-        "prec_no": 88,
-        "block_no": 47827
-      },
-      {
-        "name": "那覇",
-        "lat": 26.2124,
-        "lng": 127.6809,
-        "prec_no": 91,
-        "block_no": 47936
-      }
-    ];
-    console.log(`[WhereShot] フォールバック観測所データ ${window.WhereShotStations.length} 件を使用中`);
-  }
-
-  /**
-   * ファイルプロトコル警告を表示
-   */
-  showFileProtocolWarning() {
-    const warningDiv = document.createElement('div');
-    warningDiv.className = 'file-protocol-warning';
-    warningDiv.style.cssText = `
-      position: fixed;
-      top: 0;
-      left: 0;
-      right: 0;
-      background: linear-gradient(135deg, #f59e0b, #d97706);
-      color: white;
-      padding: 1rem;
-      text-align: center;
-      z-index: 1002;
-      font-weight: 600;
-      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-    `;
-    
-    warningDiv.innerHTML = `
-      <div>
-        ⚠️ <strong>重要:</strong> より良い動作のため、HTTPサーバー経由でアクセスしてください
-        <br>
-        <small style="opacity: 0.9; margin-top: 0.5rem; display: block;">
-          推奨: <code>python -m http.server 8000</code> 実行後、
-          <code>http://localhost:8000</code> でアクセス
-        </small>
-        <button onclick="this.parentElement.parentElement.remove()" 
-                style="margin-left: 1rem; padding: 0.25rem 0.5rem; background: rgba(255,255,255,0.2); 
-                       border: none; border-radius: 0.25rem; color: white; cursor: pointer;">
-          ×
-        </button>
-      </div>
-    `;
-    
-    document.body.insertBefore(warningDiv, document.body.firstChild);
-    
-    // 10秒後に自動で消す
-    setTimeout(() => {
-      if (warningDiv.parentElement) {
-        warningDiv.remove();
-      }
-    }, 10000);
+    const exif = this.currentExifData;
+    const hasGPS = WhereShotLogic.isValidLatLng(exif?.latitude, exif?.longitude);
+    await window.WhereShotMapController.initializeMap('map', {
+      center: hasGPS ? [exif.latitude, exif.longitude] : [35.6762, 139.6503],
+      zoom: hasGPS ? 15 : 10,
+    });
+    this.mapInitialized = true;
+    window.WhereShotMapController.safeInvalidateSize();
   }
-
   /**
    * UIイベントリスナーを設定
    */
@@ -352,8 +84,6 @@ class WhereShotApp {
     // モーダル関連
     this.setupModalListeners();
 
-    // キーボードショートカット
-    this.setupKeyboardShortcuts();
   }
 
   /**
@@ -451,6 +181,14 @@ class WhereShotApp {
       window.WhereShotMapController.switchLayer(e.target.value);
     });
 
+    // SHA-256とレポートのコピー
+    document.getElementById('copy-sha256-btn').addEventListener('click', () => {
+      if (this.sha256) this.copyText(this.sha256);
+    });
+    document.getElementById('copy-report-btn').addEventListener('click', () => {
+      this.copyText(document.getElementById('report-preview').textContent);
+    });
+
     // プレビュー表示切り替えボタン
     const togglePreviewBtn = document.getElementById('toggle-preview-btn');
     togglePreviewBtn?.addEventListener('click', () => {
@@ -468,53 +206,51 @@ class WhereShotApp {
    * 地図関連のイベントリスナーを設定
    */
   setupMapListeners() {
-    // カスタム地図イベント
     document.addEventListener('whereshot:locationChanged', (e) => {
       this.onLocationChanged(e.detail);
     });
-
     document.addEventListener('whereshot:directionChanged', (e) => {
       this.onDirectionChanged(e.detail);
     });
 
-    // 地図初期化完了イベント
-    document.addEventListener('whereshot:mapInitialized', (e) => {
-      console.log('[WhereShot] Map initialization event received');
+    // 旧インラインスクリプトの初期化状態管理をここに集約
+    document.addEventListener('whereshot:mapInitialized', () => {
       this.mapInitialized = true;
-      
-      // 地図が初期化された後にサイズを再計算
-      setTimeout(() => {
-        window.WhereShotMapController.safeInvalidateSize();
-      }, 200);
+      const container = document.getElementById('map');
+      container.classList.remove('map-initializing', 'map-error');
+      container.classList.add('map-ready');
+      document.getElementById('map-coordinates').textContent = '位置指定または方向設定を選んで操作できます';
     });
-
-    // 地図初期化失敗イベント
-    document.addEventListener('whereshot:mapInitializationFailed', (e) => {
-      console.error('[WhereShot] Map initialization failed event received:', e.detail);
+    document.addEventListener('whereshot:mapInitializationFailed', () => {
       this.mapInitialized = false;
-      window.WhereShotUtils.UIUtils.showError('地図の初期化に失敗しました');
+      const container = document.getElementById('map');
+      container.classList.remove('map-initializing');
+      container.classList.add('map-error');
+      document.getElementById('map-coordinates').textContent = '地図の読み込みに失敗しました';
     });
   }
-
   /**
-   * 太陽計算関連のイベントリスナーを設定
+   * 解析日時とUTCオフセットの変更を反映
    */
   setupSunCalculationListeners() {
-    const analysisDate = document.getElementById('analysis-date');
-
-    // 日時変更時の自動計算
-    analysisDate?.addEventListener('change', () => {
-      if (this.hasValidLocation()) {
-        this.calculateSunPosition();
-      }
+    document.getElementById('analysis-date').addEventListener('change', () => {
+      this.dateWasEdited = true;
+      this.refreshAnalysis();
+    });
+    document.getElementById('utc-offset').addEventListener('change', (e) => {
+      this.offsetDecision = {
+        offsetMin: Number(e.target.value), source: 'manual', residualSec: null, conflict: false,
+      };
+      this.updateEstimation();
+      this.updateExifDisplay(this.currentExifData || WhereShotLogic.normalizeTags({}));
+      this.refreshAnalysis();
     });
   }
-
   /**
    * モーダル関連のイベントリスナーを設定
    */
   setupModalListeners() {
-    const helpModal = document.getElementById('help-modal');
+    const helpModal = document.getElementById('help-dialog');
     const modalClose = helpModal?.querySelector('.modal-close');
 
     // モーダルクローズ
@@ -530,768 +266,439 @@ class WhereShotApp {
     });
   }
 
-  /**
-   * キーボードショートカットを設定
-   */
-  setupKeyboardShortcuts() {
-    document.addEventListener('keydown', (e) => {
-      // Escapeキーでモーダルを閉じる
-      if (e.key === 'Escape') {
-        this.hideHelpModal();
-      }
-
-      // Ctrl+R でリセット
-      if (e.ctrlKey && e.key === 'r') {
-        e.preventDefault();
-        this.resetApplication();
-      }
-
-      // F1でヘルプ
-      if (e.key === 'F1') {
-        e.preventDefault();
-        this.showHelpModal();
-      }
-    });
-  }
-
-  /**
-   * セキュリティ設定
-   */
-  setupSecurity() {
-    // CSPヘッダーの確認（開発用）
-    if (document.querySelector('meta[http-equiv="Content-Security-Policy"]')) {
-      console.log('[WhereShot] CSP header detected');
-    }
-
-    // セキュアなランダム値生成の確認
-    if (window.crypto && window.crypto.getRandomValues) {
-      console.log('[WhereShot] Secure random generation available');
-    }
-  }
-
   /**
    * 外部リンクの初期設定
    */
   initializeExternalLinks() {
-    // 各外部リンクにデフォルトのtarget="_blank"とrel属性を設定
-    const externalLinks = [
-      'nasa-worldview-link',
-      'weather-link',
-      'gsi-map-link',
-      'gsi-photo-link',
-      'streetview-link',
-      'reverse-image-link',
-    ];
-
-    externalLinks.forEach((linkId) => {
-      const link = document.getElementById(linkId);
-      if (link) {
-        // デフォルトのhrefを確認（#の場合は無効化）
-        if (link.href === '#' || link.href.endsWith('#')) {
-          link.style.opacity = '0.5';
-          link.style.cursor = 'not-allowed';
-          link.onclick = (e) => {
-            e.preventDefault();
-            window.WhereShotUtils.UIUtils.showError(
-              '画像を読み込んでから外部リンクをご利用ください'
-            );
-          };
+    for (const link of document.querySelectorAll('.external-links a, #suncalc-link')) {
+      link.target = '_blank';
+      link.rel = 'noopener noreferrer';
+      link.addEventListener('click', (event) => {
+        if (link.getAttribute('aria-disabled') === 'true') {
+          event.preventDefault();
+          window.WhereShotUtils.UIUtils.showError('位置と解析日時を設定してからリンクをご利用ください');
         }
-
-        // セキュリティ属性を確実に設定
-        link.target = '_blank';
-        link.rel = 'noopener noreferrer';
-      }
-    });
-
-    // 気象庁リンクのデフォルト設定
-    const weatherLink = document.getElementById('weather-link');
-    if (weatherLink) {
-      weatherLink.href = 'https://ds.data.jma.go.jp/obd/stats/etrn/index.php';
-      weatherLink.title = '気象庁 過去の気象データ・ダウンロード';
-    }
-
-    // 類似画像検索のデフォルト設定
-    const reverseImageLink = document.getElementById('reverse-image-link');
-    if (reverseImageLink) {
-      reverseImageLink.href = 'https://images.google.com/';
-      reverseImageLink.title = 'Google画像検索';
+      });
     }
-
-    console.log('[WhereShot] External links initialized');
+    this.updateExternalLinks();
   }
 
+  /**
+   * 安全なリンクの有効・無効状態を同期
+   */
+  setExternalLink(id, url) {
+    const link = document.getElementById(id);
+    link.setAttribute('aria-disabled', String(!url));
+    link.classList.toggle('is-disabled', !url);
+    if (url) link.href = url;
+    else link.removeAttribute('href');
+  }
   /**
    * ファイル選択処理
    * @param {File} file - 選択されたファイル
    */
   async handleFileSelection(file) {
+    const generation = ++this.fileGeneration;
+    this.clearAnalysisData();
+    this.resetUI();
+    window.WhereShotUtils.UIUtils.showLoading('drop-zone', true);
     try {
-      window.WhereShotUtils.UIUtils.showLoading('drop-zone', true);
-
       // ファイル検証
       const validation = window.WhereShotUtils.FileUtils.validateFile(file);
       if (!validation.isValid) {
-        throw new Error(validation.errors.join(', '));
+        window.WhereShotUtils.UIUtils.showError(validation.errors.join('、'));
+        return;
       }
 
       this.currentFile = file;
-
-      // 地図をリセット（前の画像のマーカー等をクリア）
-      if (this.mapInitialized && window.WhereShotMapController) {
-        window.WhereShotMapController.resetMap();
-      }
-
-      // ファイル情報を表示
       this.displayFileInfo(file);
-
-      // ドロップゾーンの状態を更新
       this.updateDropZoneState(true);
-
-      // プレビューエリアを表示
       this.showImagePreview();
 
-      // Exif情報を抽出
+      // 同期のExifReader例外もextractExifData内で受け止める
       const exifData = await window.WhereShotExifParser.extractExifData(file);
+      if (generation !== this.fileGeneration) return;
       this.currentExifData = exifData;
-
-      // 日時推定を実行
-      const estimationResult =
-        window.WhereShotDateTimeEstimator.estimateDateTime(exifData, file);
-      this.currentEstimationResult = estimationResult;
-
-      // UI更新
+      this.chooseOffset(exifData);
+      this.updateEstimation();
       this.updateExifDisplay(exifData);
-      this.updateDateTimeEstimationDisplay(estimationResult);
-      this.showAnalysisResults();
-
-      // GPS情報があれば地図に表示
-      if (exifData.gps.latitude && exifData.gps.longitude) {
+      await this.calculateFileHash(file, generation);
+      if (generation !== this.fileGeneration) return;
+      await this.showAnalysisResults();
+      if (generation !== this.fileGeneration) return;
+
+      // 0度の緯度・経度も有効
+      if (WhereShotLogic.isValidLatLng(exifData.latitude, exifData.longitude)) {
+        this.locationSource = 'exif';
         this.displayLocationOnMap(exifData);
+      } else {
+        window.WhereShotMapController.toggleManualLocationMode(true);
       }
 
-      // 推定日時があれば自動入力
-      if (estimationResult.estimated) {
-        this.setAnalysisDateTime(estimationResult.estimated);
+      if (this.currentEstimationResult.estimatedUtcMs !== null) {
+        this.setAnalysisDateTime(WhereShotLogic.utcMsToWall(
+          this.currentEstimationResult.estimatedUtcMs, this.offsetDecision.offsetMin
+        ));
+      }
+      this.refreshAnalysis();
+      if (window.WhereShotExifParser.readFailed) {
+        window.WhereShotUtils.UIUtils.showError('この形式または内容からはExifを読み取れませんでした');
+      } else {
+        window.WhereShotUtils.UIUtils.showSuccess('ファイルの解析が完了しました');
       }
+    } catch {
+      console.error('ファイルを解析できませんでした');
+      window.WhereShotUtils.UIUtils.showError('ファイルを解析できませんでした。形式や内容を確認してください');
+    } finally {
+      if (generation === this.fileGeneration) {
+        window.WhereShotUtils.UIUtils.showLoading('drop-zone', false);
+      }
+    }
+  }
 
-      // 外部リンクを更新
-      this.updateExternalLinks(exifData);
+  /**
+   * 撮影時点のブラウザー側オフセットはDOM側だけで取得する
+   */
+  chooseOffset(exif) {
+    const logic = WhereShotLogic;
+    const filename = logic.extractDatesFromFilename(this.currentFile.name, Date.now());
+    const wall = logic.parseExifDateTime(exif.dateTimeOriginal)
+      || logic.parseExifDateTime(exif.dateTimeDigitized)
+      || logic.parseExifDateTime(exif.dateTime)
+      || filename.find((source) => source.wall)?.wall;
+    const browserDate = wall
+      ? new Date(wall.year, wall.month - 1, wall.day, wall.hour, wall.minute, wall.second)
+      : new Date(this.currentFile.lastModified);
+    this.offsetDecision = logic.decideOffset({
+      exifOffset: exif.offsetTimeOriginal, wall, gpsUtcMs: exif.gpsUtcMs,
+      browserOffsetMin: -browserDate.getTimezoneOffset(),
+    });
+    const select = document.getElementById('utc-offset');
+    const value = String(this.offsetDecision.offsetMin);
+    // Exifに候補外の有効な分単位オフセットがある場合も、値を黙って変えない。
+    select.querySelectorAll('[data-custom]').forEach((option) => option.remove());
+    if (!Array.from(select.options).some((option) => option.value === value)) {
+      const option = document.createElement('option');
+      option.value = value;
+      option.dataset.custom = 'true';
+      option.textContent = 'UTC' + logic.formatOffset(this.offsetDecision.offsetMin);
+      select.append(option);
+    }
+    select.value = value;
+  }
 
-      window.WhereShotUtils.UIUtils.showSuccess('ファイルの解析が完了しました');
-    } catch (error) {
-      console.error('[WhereShot] File processing error:', error);
-      window.WhereShotUtils.UIUtils.showError(
-        `ファイル処理エラー: ${error.message}`
-      );
-    } finally {
-      window.WhereShotUtils.UIUtils.showLoading('drop-zone', false);
+  /**
+   * ファイルのバイト列をSHA-256にする。内容を保存・送信しない。
+   */
+  async calculateFileHash(file, generation) {
+    let hash = null;
+    try {
+      if (globalThis.crypto?.subtle) {
+        const digest = await crypto.subtle.digest('SHA-256', await file.arrayBuffer());
+        hash = Array.from(new Uint8Array(digest), (value) => value.toString(16).padStart(2, '0')).join('');
+      }
+    } catch {
+      // セキュアコンテキスト以外などでも解析は続ける。
     }
+    if (generation !== this.fileGeneration) return;
+    this.sha256 = hash;
+    document.getElementById('file-sha256').textContent = hash || 'この開き方では計算できません';
+    document.getElementById('copy-sha256-btn').disabled = !hash;
   }
 
+  /**
+   * 選択中のオフセットで全ソースを再評価
+   */
+  updateEstimation() {
+    if (!this.currentFile || !this.currentExifData) return;
+    this.currentEstimationResult = WhereShotLogic.estimateDateTime({
+      exif: this.currentExifData, fileName: this.currentFile.name,
+      lastModifiedMs: this.currentFile.lastModified,
+      offsetMin: this.offsetDecision.offsetMin, nowMs: Date.now(),
+    });
+    this.updateDateTimeEstimationDisplay(this.currentEstimationResult);
+  }
   /**
    * Exif表示を更新
-   * @param {object} exifData - Exif情報
+   * @param {object} exifData - 正規化済みExif情報
    */
   updateExifDisplay(exifData) {
-    // 撮影日時
-    const datetimeInfo = document.getElementById('datetime-info');
-    if (datetimeInfo) {
-      if (exifData.dateTime.original) {
-        const formattedDate = window.WhereShotUtils.SecurityUtils.escapeHtml(
-          exifData.dateTime.formatted.original || '不明'
-        );
-        const timezone = exifData.dateTime.timezone
-          ? window.WhereShotUtils.SecurityUtils.escapeHtml(
-              exifData.dateTime.timezone
-            )
-          : '';
-
-        datetimeInfo.innerHTML = `
-                    <strong>撮影日時:</strong> ${formattedDate}<br>
-                    ${
-                      timezone
-                        ? `<strong>タイムゾーン:</strong> ${timezone}`
-                        : ''
-                    }
-                `;
-      } else {
-        datetimeInfo.innerHTML = `
-                    <p style="color: var(--text-muted);">日時情報なし</p>
-                `;
-      }
-    }
+    const logic = WhereShotLogic;
+    const wall = logic.parseExifDateTime(exifData.dateTimeOriginal);
+    document.getElementById('datetime-info').textContent = wall
+      ? logic.formatWall(wall, this.offsetDecision.offsetMin).replace('（', '\n（') : '日時情報なし';
 
     // GPS情報
     const gpsInfo = document.getElementById('gps-info');
-    if (gpsInfo) {
-      if (exifData.gps.latitude && exifData.gps.longitude) {
-        const coordinates = window.WhereShotUtils.SecurityUtils.escapeHtml(
-          exifData.gps.formatted.coordinates
-        );
-        const altitude = exifData.gps.altitude
-          ? window.WhereShotUtils.SecurityUtils.escapeHtml(
-              exifData.gps.formatted.altitude
-            )
-          : '';
-
-        gpsInfo.innerHTML = `
-                    <div class="gps-status-badge gps-available">✓ GPS有り</div>
-                    <strong>座標:</strong><br>${coordinates}<br>
-                    ${altitude ? `<strong>高度:</strong> ${altitude}` : ''}
-                `;
-      } else {
-        gpsInfo.innerHTML = `
-                    <div class="gps-status-badge gps-unavailable">✕ GPS無し</div>
-                    <p style="margin-top: 0.5rem; color: var(--text-muted);">位置情報が記録されていません</p>
-                `;
-      }
+    gpsInfo.replaceChildren();
+    const badge = document.createElement('div');
+    const hasGPS = logic.isValidLatLng(exifData.latitude, exifData.longitude);
+    badge.className = 'gps-status-badge ' + (hasGPS ? 'gps-available' : 'gps-unavailable');
+    badge.textContent = hasGPS ? '✓ GPS有り' : '✕ GPS無し';
+    gpsInfo.append(badge);
+    const coordinates = document.createElement('p');
+    coordinates.textContent = hasGPS
+      ? logic.decimalToDms(exifData.latitude, true) + ', ' + logic.decimalToDms(exifData.longitude, false)
+        + '\n(' + exifData.latitude.toFixed(6) + ', ' + exifData.longitude.toFixed(6) + ')'
+      : '位置情報が記録されていません';
+    gpsInfo.append(coordinates);
+    if (hasGPS && Number.isFinite(exifData.altitude)) {
+      const altitude = document.createElement('p');
+      altitude.textContent = '高度: ' + exifData.altitude.toFixed(1) + 'm';
+      gpsInfo.append(altitude);
     }
 
-    // カメラ情報（文字化け対策済み）
-    const cameraInfo = document.getElementById('camera-info');
-    if (cameraInfo) {
-      const cameraText = exifData.camera.formatted.camera || '不明';
-      cameraInfo.textContent =
-        window.WhereShotUtils.SecurityUtils.escapeHtml(cameraText);
-    }
+    // カメラ情報（外部由来の文字列はそのままテキストとして表示）
+    const camera = [logic.formatCamera(exifData.make, exifData.model)];
+    if (exifData.lensModel) camera.push('レンズ: ' + exifData.lensModel);
+    if (exifData.software) camera.push('ソフトウェア: ' + exifData.software);
+    document.getElementById('camera-info').textContent = camera.join('\n');
 
     // 撮影設定
-    const settingsInfo = document.getElementById('settings-info');
-    if (settingsInfo) {
-      const settings = [];
-      if (exifData.settings.formatted.iso)
-        settings.push(exifData.settings.formatted.iso);
-      if (exifData.settings.formatted.aperture)
-        settings.push(exifData.settings.formatted.aperture);
-      if (exifData.settings.formatted.shutter)
-        settings.push(exifData.settings.formatted.shutter);
-      if (exifData.settings.formatted.focalLength)
-        settings.push(exifData.settings.formatted.focalLength);
-
-      const settingsText =
-        settings.length > 0 ? settings.join(', ') : '設定情報なし';
-      settingsInfo.textContent =
-        window.WhereShotUtils.SecurityUtils.escapeHtml(settingsText);
-    }
+    const settings = [];
+    if (exifData.iso !== null) settings.push('ISO ' + exifData.iso);
+    if (exifData.fNumber !== null) settings.push('f/' + exifData.fNumber);
+    const exposure = logic.formatExposure(exifData.exposureTime);
+    if (exposure) settings.push(exposure);
+    if (exifData.focalLength !== null) settings.push(exifData.focalLength + 'mm');
+    document.getElementById('settings-info').textContent = settings.join(', ') || '設定情報なし';
+    this.updateDirectionDisplay();
   }
-
   /**
    * 日時推定結果を表示
-   * @param {object} estimationResult - 推定結果
+   * @param {object} result - 推定結果
    */
-  updateDateTimeEstimationDisplay(estimationResult) {
-    // 推定日時値
-    const estimatedValueElement = document.getElementById(
-      'estimated-datetime-value'
-    );
-    if (estimatedValueElement) {
-      if (estimationResult.estimated) {
-        estimatedValueElement.textContent =
-          estimationResult.formatted.estimated;
-        estimatedValueElement.style.color = 'var(--text-primary)';
-      } else {
-        estimatedValueElement.textContent = '推定できませんでした';
-        estimatedValueElement.style.color = 'var(--text-muted)';
-      }
-    }
-
-    // 信頼度
-    const confidenceElement = document.getElementById('estimation-confidence');
-    if (confidenceElement) {
-      const confidencePercent = Math.round(estimationResult.confidence * 100);
-      let confidenceLevel = 'low';
-
-      if (confidencePercent >= 80) {
-        confidenceLevel = 'high';
-      } else if (confidencePercent >= 60) {
-        confidenceLevel = 'medium';
-      }
-
-      confidenceElement.textContent = `信頼度: ${confidencePercent}%`;
-      confidenceElement.className = `estimation-confidence ${confidenceLevel}`;
-    }
-
-    // 推定日時セットボタンの表示制御
-    const setButton = document.getElementById('set-estimated-datetime-btn');
-    if (setButton) {
-      setButton.style.display = estimationResult.estimated
-        ? 'inline-flex'
-        : 'none';
+  updateDateTimeEstimationDisplay(result) {
+    const logic = WhereShotLogic;
+    const value = document.getElementById('estimated-datetime-value');
+    value.textContent = result.best
+      ? logic.formatWall(logic.utcMsToWall(result.estimatedUtcMs, this.offsetDecision.offsetMin), this.offsetDecision.offsetMin)
+        + '\n' + logic.formatUtc(result.estimatedUtcMs)
+      : '推定できませんでした';
+    const confidence = document.getElementById('estimation-confidence');
+    const percent = Math.round(result.confidence * 100);
+    confidence.textContent = '整合度: ' + percent + '%';
+    confidence.className = 'estimation-confidence ' + (percent >= 80 ? 'high' : percent >= 60 ? 'medium' : 'low');
+    document.getElementById('set-estimated-datetime-btn').hidden = !result.best;
+
+    const warnings = result.conflicts.map((conflict) => ({
+      severity: 'warning',
+      message: logic.SOURCE_LABEL[conflict.a] + 'と' + logic.SOURCE_LABEL[conflict.b] + 'の日時が食い違っています',
+    }));
+    for (const note of result.notes) {
+      warnings.push({
+        severity: 'info',
+        message: logic.SOURCE_LABEL[note.type] + 'が推定日時と異なります。撮影後に保存・編集・コピーされた可能性があります',
+      });
     }
-
-    // 警告メッセージ
-    this.displayEstimationWarnings(estimationResult.warnings);
-
-    // ソースリスト
-    this.displayDateTimeSources(estimationResult.formatted.sources);
+    if (!result.best) warnings.push({ severity: 'warning', message: '日時情報が見つかりません' });
+    this.displayEstimationWarnings(warnings);
+    this.displayDateTimeSources(result.sources);
   }
-
   /**
    * 推定警告を表示
    * @param {Array} warnings - 警告配列
    */
   displayEstimationWarnings(warnings) {
-    const warningsContainer = document.getElementById('estimation-warnings');
-    if (!warningsContainer) return;
-
-    if (warnings.length === 0) {
-      warningsContainer.style.display = 'none';
-      return;
+    const container = document.getElementById('estimation-warnings');
+    container.replaceChildren();
+    container.hidden = warnings.length === 0;
+    for (const warning of warnings) {
+      const item = document.createElement('div');
+      item.className = 'warning-item ' + warning.severity;
+      item.textContent = warning.message;
+      container.append(item);
     }
-
-    warningsContainer.style.display = 'block';
-    warningsContainer.innerHTML = warnings
-      .map((warning) => {
-        const iconMap = {
-          error: '❌',
-          warning: '⚠️',
-          info: 'ℹ️',
-        };
-
-        return `
-                <div class="warning-item ${warning.severity}">
-                    <span class="warning-icon">${
-                      iconMap[warning.severity]
-                    }</span>
-                    <span class="warning-message">${window.WhereShotUtils.SecurityUtils.escapeHtml(
-                      warning.message
-                    )}</span>
-                </div>
-            `;
-      })
-      .join('');
   }
-
   /**
-   * 日時ソースを表示
+   * 日時ソースを選択中のオフセットで表示
    * @param {Array} sources - ソース配列
    */
   displayDateTimeSources(sources) {
-    const sourcesContainer = document.getElementById('datetime-sources');
-    if (!sourcesContainer) return;
-
-    if (sources.length === 0) {
-      sourcesContainer.innerHTML =
-        '<div class="source-item"><span class="source-type">日時情報が見つかりませんでした</span></div>';
+    const container = document.getElementById('datetime-sources');
+    container.replaceChildren();
+    if (!sources.length) {
+      container.textContent = '日時情報が見つかりませんでした';
       return;
     }
-
-    sourcesContainer.innerHTML = sources
-      .map((source) => {
-        let reliabilityClass = 'low';
-        const reliability = parseInt(source.reliability);
-
-        if (reliability >= 80) {
-          reliabilityClass = 'high';
-        } else if (reliability >= 60) {
-          reliabilityClass = 'medium';
-        }
-
-        return `
-                <div class="source-item">
-                    <span class="source-type">${window.WhereShotUtils.SecurityUtils.escapeHtml(
-                      source.description
-                    )}</span>
-                    <span class="source-datetime">${window.WhereShotUtils.SecurityUtils.escapeHtml(
-                      source.date
-                    )}</span>
-                    <span class="source-reliability ${reliabilityClass}">${
-          source.reliability
-        }</span>
-                </div>
-            `;
-      })
-      .join('');
+    for (const source of sources) {
+      const item = document.createElement('div');
+      item.className = 'source-item';
+      const label = document.createElement('span');
+      label.className = 'source-type';
+      label.textContent = source.label + (source.hasTime ? '' : '（日付のみ・時刻は正午）');
+      const date = document.createElement('span');
+      date.className = 'source-datetime';
+      date.textContent = WhereShotLogic.formatWall(
+        WhereShotLogic.utcMsToWall(source.utcMs, this.offsetDecision.offsetMin), this.offsetDecision.offsetMin
+      );
+      if (source.type === 'gps_utc' || ['pxl-utc', 'unix-ms', 'unix-s'].includes(source.pattern)) {
+        date.textContent += '［UTCで記録］';
+      }
+      const reliability = document.createElement('span');
+      reliability.className = 'source-reliability';
+      reliability.textContent = Math.round(source.reliability * 100) + '%';
+      item.append(label, date, reliability);
+      container.append(item);
+    }
   }
-
   /**
    * 推定日時を解析日時にセット
    */
   setEstimatedDateTime() {
-    if (
-      !this.currentEstimationResult ||
-      !this.currentEstimationResult.estimated
-    ) {
-      window.WhereShotUtils.UIUtils.showError('推定日時がありません');
-      return;
-    }
-
-    try {
-      this.setAnalysisDateTime(this.currentEstimationResult.estimated);
-      window.WhereShotUtils.UIUtils.showSuccess(
-        '推定日時を解析日時にセットしました'
-      );
-
-      // 太陽位置の自動計算
-      if (this.hasValidLocation()) {
-        setTimeout(() => {
-          this.calculateSunPosition();
-        }, 500);
-      }
-    } catch (error) {
-      console.error('[WhereShot] Set estimated datetime error:', error);
-      window.WhereShotUtils.UIUtils.showError('推定日時のセットに失敗しました');
-    }
+    if (!this.currentEstimationResult?.best) return;
+    this.dateWasEdited = false;
+    this.setAnalysisDateTime(WhereShotLogic.utcMsToWall(
+      this.currentEstimationResult.estimatedUtcMs, this.offsetDecision.offsetMin
+    ));
+    this.refreshAnalysis();
+    window.WhereShotUtils.UIUtils.showSuccess('推定日時を解析日時にセットしました');
   }
-
   /**
-   * 解析結果を表示
+   * 解析結果を表示したあとに地図を初期化
    */
   async showAnalysisResults() {
-    const resultsDiv = document.getElementById('analysis-results');
-    if (resultsDiv) {
-      resultsDiv.style.display = 'block';
-      resultsDiv.classList.add('visible');
-
-      // 地図のサイズを安全に再計算（地図が初期化されてから）
-      if (this.mapInitialized) {
-        // 段階的に複数回実行
-        const delays = [200, 500, 1000];
-        delays.forEach(delay => {
-          setTimeout(() => {
-            window.WhereShotMapController.safeInvalidateSize();
-          }, delay);
-        });
-      } else {
-        // 地図がまだ初期化されていない場合は、初期化完了を待つ
-        this.waitForMapAndResize();
-      }
-
-      // スムーズスクロール
-      setTimeout(() => {
-        resultsDiv.scrollIntoView({ behavior: 'smooth' });
-      }, 300);
-    }
+    const results = document.getElementById('analysis-results');
+    results.hidden = false;
+    await this.initializeMap();
+    // ファイル情報と解析の先頭へ移動する。
+    document.getElementById('image-preview').scrollIntoView({
+      behavior: matchMedia('(prefers-reduced-motion: reduce)').matches ? 'auto' : 'smooth',
+      block: 'start',
+    });
   }
-
   /**
-   * 地図の初期化を待ってサイズを再計算
+   * 地図にExif位置・メートル単位の精度・撮影方位を表示
    */
-  async waitForMapAndResize() {
-    try {
-      // 地図の初期化完了を待機（最大15秒）
-      const maxWait = 15000;
-      const checkInterval = 500;
-      let waitTime = 0;
-
-      while (!this.mapInitialized && waitTime < maxWait) {
-        await new Promise(resolve => setTimeout(resolve, checkInterval));
-        waitTime += checkInterval;
-        
-        if (waitTime % 2000 === 0) {
-          console.log(`[WhereShot] Still waiting for map initialization... (${waitTime/1000}s)`);
-        }
-      }
-
-      if (this.mapInitialized) {
-        // 段階的にサイズ再計算
-        const delays = [200, 500, 1000];
-        delays.forEach(delay => {
-          setTimeout(() => {
-            window.WhereShotMapController.safeInvalidateSize();
-          }, delay);
-        });
-      } else {
-        console.warn('[WhereShot] Map initialization timeout');
-      }
-    } catch (error) {
-      console.error('[WhereShot] Error waiting for map:', error);
+  displayLocationOnMap(exif) {
+    const map = window.WhereShotMapController;
+    map.setLocation(exif.latitude, exif.longitude, {
+      type: 'photo', accuracy: exif.hPositioningError, centerMap: true, zoom: 15,
+    });
+    if (exif.hPositioningError !== null) {
+      map.showAccuracyCircle(exif.latitude, exif.longitude, exif.hPositioningError);
     }
+    map.setExifDirection(exif.imgDirection);
   }
-
   /**
-   * 地図に位置を表示
-   * @param {object} exifData - Exif情報
+   * 撮影地の壁時計を秒単位で設定
    */
-  async displayLocationOnMap(exifData) {
-    const lat = exifData.gps.latitude;
-    const lng = exifData.gps.longitude;
-
-    // 地図が初期化されるまで待機
-    if (!this.mapInitialized) {
-      console.log('[WhereShot] Waiting for map initialization before setting location...');
-      await this.waitForMapInitialization();
-    }
-
-    if (this.mapInitialized) {
-      try {
-        window.WhereShotMapController.setLocation(lat, lng, {
-          type: 'photo',
-          accuracy: exifData.gps.accuracy,
-          dateTime: exifData.dateTime.original,
-          centerMap: true,
-          zoom: 15,
-        });
-
-        // GPS精度円を表示
-        if (exifData.gps.accuracy) {
-          window.WhereShotMapController.showAccuracyCircle(
-            lat,
-            lng,
-            exifData.gps.accuracy
-          );
-        }
-      } catch (error) {
-        console.error('[WhereShot] Error setting location on map:', error);
-        window.WhereShotUtils.UIUtils.showError('地図への位置表示に失敗しました');
-      }
-    }
+  setAnalysisDateTime(wall) {
+    document.getElementById('analysis-date').value = WhereShotLogic.wallToInputValue(wall);
   }
 
   /**
-   * 地図初期化の完了を待機
+   * 太陽位置・外部リンク・レポートが共有する唯一の日時
    */
-  async waitForMapInitialization() {
-    const maxWait = 20000; // 20秒に延長
-    const checkInterval = 500;
-    let waitTime = 0;
-
-    while (!this.mapInitialized && waitTime < maxWait) {
-      await new Promise(resolve => setTimeout(resolve, checkInterval));
-      waitTime += checkInterval;
-      
-      if (waitTime % 3000 === 0) {
-        console.log(`[WhereShot] Still waiting for map initialization... (${waitTime/1000}s)`);
-      }
-    }
-
-    if (!this.mapInitialized) {
-      console.error('[WhereShot] Map initialization timeout after 20 seconds');
-      throw new Error('地図の初期化がタイムアウトしました');
-    }
+  getAnalysisTime() {
+    const wall = WhereShotLogic.inputValueToWall(document.getElementById('analysis-date').value);
+    const offsetMin = Number(document.getElementById('utc-offset').value);
+    return { wall, offsetMin, utcMs: WhereShotLogic.wallToUtcMs(wall, offsetMin) };
   }
 
   /**
-   * 解析日時を設定
-   * @param {Date} dateTime - 日時
+   * 解析日時・位置の変更をすべての出力に反映
    */
-  setAnalysisDateTime(dateTime) {
-    const analysisDate = document.getElementById('analysis-date');
-    if (analysisDate && dateTime) {
-      analysisDate.value =
-        window.WhereShotUtils.DateUtils.formatForInput(dateTime);
+  refreshAnalysis() {
+    this.updateOffsetSource();
+    if (this.hasValidLocation() && this.getAnalysisTime().utcMs !== null) {
+      this.calculateSunPosition(false);
+    } else {
+      this.currentSunData = null;
+      this.updateSunDisplay(null);
     }
+    this.updateExternalLinks();
+    this.updateReport();
   }
 
   /**
-   * 外部リンクを更新
-   * @param {object} exifData - Exif情報
+   * UTCオフセットの根拠と警告を表示。経度の目安は適用しない。
    */
-  updateExternalLinks(exifData) {
-    const lat = exifData.gps.latitude;
-    const lng = exifData.gps.longitude;
-    const dateTime = this.currentEstimationResult?.estimated || exifData?.dateTime?.original || null;
-
-    console.log('[WhereShot] Updating external links:', { lat, lng, dateTime });
-
-    // すべての外部リンクを有効化
-    this.enableExternalLinks();
-
-    if (lat && lng) {
-      // NASA Worldview
-      const nasaLink = document.getElementById('nasa-worldview-link');
-      if (nasaLink) {
-        const nasaURL = window.WhereShotUtils.URLUtils.generateNASAWorldviewURL(
-          lat,
-          lng,
-          dateTime
-        );
-        nasaLink.href = nasaURL;
-        nasaLink.target = '_blank';
-        nasaLink.rel = 'noopener noreferrer';
-        console.log('[WhereShot] NASA Worldview URL:', nasaURL);
-      }
-
-      // 地理院地図
-      const gsiMapLink = document.getElementById('gsi-map-link');
-      if (gsiMapLink) {
-        const gsiURL = window.WhereShotUtils.URLUtils.generateGSIMapURL(
-          lat,
-          lng
-        );
-        gsiMapLink.href = gsiURL;
-        gsiMapLink.target = '_blank';
-        gsiMapLink.rel = 'noopener noreferrer';
-        console.log('[WhereShot] GSI Map URL:', gsiURL);
-      }
-
-      const gsiPhotoLink = document.getElementById('gsi-photo-link');
-      if (gsiPhotoLink) {
-        const gsiPhotoURL = window.WhereShotUtils.URLUtils.generateGSIPhotoURL(
-          lat,
-          lng
-        );
-        gsiPhotoLink.href = gsiPhotoURL;
-        gsiPhotoLink.target = '_blank';
-        gsiPhotoLink.rel = 'noopener noreferrer';
-        console.log('[WhereShot] GSI Photo URL:', gsiPhotoURL);
-      }
-
-      // Street View
-      const streetViewLink = document.getElementById('streetview-link');
-      if (streetViewLink) {
-        const streetViewURL =
-          window.WhereShotUtils.URLUtils.generateStreetViewURL(lat, lng);
-        streetViewLink.href = streetViewURL;
-        streetViewLink.target = '_blank';
-        streetViewLink.rel = 'noopener noreferrer';
-        console.log('[WhereShot] Street View URL:', streetViewURL);
-      }
+  updateOffsetSource() {
+    const d = this.offsetDecision;
+    if (!d) return;
+    const lines = [];
+    if (d.source === 'exif') lines.push('ExifのOffsetTimeOriginalから');
+    if (d.source === 'gps') {
+      lines.push('GPS時刻（UTC）との差から推定（残差 ' + String(d.residualSec).replace('-', '−') + ' 秒）');
     }
-
-    // 気象情報（位置情報と日時の両方が必要）
-    const weatherLink = document.getElementById('weather-link');
-    if (weatherLink) {
-      const dateTime =
-        exifData?.dateTime?.original ||
-        this.currentEstimationResult?.estimated ||
-        null;
-
-      const weatherURL = window.WhereShotUtils.URLUtils.generateWeatherURL(
-        lat,
-        lng,
-        dateTime
-      );
-      weatherLink.href = weatherURL;
-      weatherLink.target = '_blank';
-      weatherLink.rel = 'noopener noreferrer';
-      console.log('[WhereShot] Weather URL:', weatherURL);
-
-      // 位置情報がない場合の処理
-      if (!lat || !lng) {
-        weatherLink.title =
-          '位置情報がないため、気象庁トップページにリンクします';
-      } else {
-        weatherLink.title = `撮影地点の過去の天気データにリンクします`;
+    if (d.source === 'browser') {
+      lines.push('このブラウザーのタイムゾーンを仮に使っています。撮影地が違う場合は選び直してください');
+      const location = window.WhereShotMapController.getCurrentLocation();
+      const hint = WhereShotLogic.longitudeOffsetHint(location?.longitude);
+      if (hint !== null && Math.abs(hint - d.offsetMin) >= 120) {
+        lines.push('撮影地の経度からの目安はUTC' + WhereShotLogic.formatOffset(hint)
+          + 'です（標準時・夏時間とは一致しないことがあります）。UTCオフセットを確認してください');
       }
     }
-
-    // 類似画像検索
-    const reverseImageLink = document.getElementById('reverse-image-link');
-    if (reverseImageLink) {
-      const reverseImageURL =
-        window.WhereShotUtils.URLUtils.generateReverseImageURL();
-      reverseImageLink.href = reverseImageURL;
-      reverseImageLink.target = '_blank';
-      reverseImageLink.rel = 'noopener noreferrer';
-      console.log('[WhereShot] Reverse Image URL:', reverseImageURL);
-    }
+    if (d.source === 'manual') lines.push('手動で指定');
+    if (d.conflict) lines.push('ExifのオフセットとGPS時刻からの推定が食い違っています');
+    const source = document.getElementById('utc-offset-source');
+    source.textContent = lines.join('\n');
+    source.classList.toggle('offset-warning', d.source === 'browser' || d.conflict);
   }
-
   /**
-   * 外部リンクを有効化
+   * 外部リンクを更新（解析日時＋UTCオフセットに統一）
    */
-  enableExternalLinks() {
-    const externalLinks = [
-      'nasa-worldview-link',
-      'weather-link',
-      'gsi-map-link',
-      'gsi-photo-link',
-      'streetview-link',
-      'reverse-image-link',
-    ];
-
-    externalLinks.forEach((linkId) => {
-      const link = document.getElementById(linkId);
-      if (link) {
-        link.style.opacity = '1';
-        link.style.cursor = 'pointer';
-        link.onclick = null; // イベントハンドラーを削除
-      }
-    });
+  updateExternalLinks() {
+    const logic = WhereShotLogic;
+    const location = window.WhereShotMapController.getCurrentLocation();
+    const lat = location?.latitude;
+    const lng = location?.longitude;
+    const { wall, utcMs } = this.getAnalysisTime();
+    this.setExternalLink('nasa-worldview-link', logic.nasaWorldviewUrl(lat, lng, wall));
+    this.setExternalLink('gsi-map-link', logic.gsiMapUrl(lat, lng, false));
+    this.setExternalLink('gsi-photo-link', logic.gsiMapUrl(lat, lng, true));
+    this.setExternalLink('streetview-link', logic.streetViewUrl(lat, lng, this.getCurrentDirection()));
+    this.setExternalLink('suncalc-link', logic.sunCalcOrgUrl(lat, lng, wall));
+    const weather = logic.jmaHourlyUrl(lat, lng, utcMs, window.WhereShotStations);
+    this.currentWeather = weather;
+    this.setExternalLink('weather-link', weather?.url || null);
+    document.getElementById('weather-link').textContent = weather?.station
+      ? '過去の天気（' + weather.station + '・約' + weather.distanceKm + 'km）' : '過去の天気';
+    document.getElementById('weather-note').textContent = location && !weather?.station
+      ? '200km以内に気象庁の観測所がありません（日本国外など）。日時も確認してください' : '';
   }
-
   /**
    * 太陽位置を計算
    */
-  async calculateSunPosition() {
-    try {
-      // 地図が初期化されているかチェック
-      if (!this.mapInitialized) {
-        throw new Error('地図が初期化されていません');
-      }
-
-      const location = window.WhereShotMapController.getCurrentLocation();
-      const analysisDate = document.getElementById('analysis-date');
-
-      if (!location) {
-        throw new Error('位置情報が設定されていません');
-      }
-
-      if (!analysisDate.value) {
-        throw new Error('解析日時が設定されていません');
-      }
-
-      const dateTime = new Date(analysisDate.value);
-      if (isNaN(dateTime.getTime())) {
-        throw new Error('無効な日時です');
-      }
-
-      // 太陽位置を計算
-      const sunData = window.WhereShotSunCalculator.calculateSunPosition(
-        location.latitude,
-        location.longitude,
-        dateTime
-      );
-
-      this.currentSunData = sunData;
-
-      // 結果を表示
-      this.updateSunDisplay(sunData);
-
-      // SunCalc.orgリンクを更新
-      const sunCalcLink = document.getElementById('suncalc-link');
-      if (sunCalcLink) {
-        sunCalcLink.href = window.WhereShotSunCalculator.generateSunCalcURL(
-          location.latitude,
-          location.longitude,
-          dateTime
-        );
-      }
-
-      window.WhereShotUtils.UIUtils.showSuccess('太陽位置の計算が完了しました');
-    } catch (error) {
-      console.error('[WhereShot] Sun calculation error:', error);
-      window.WhereShotUtils.UIUtils.showError(
-        `太陽位置計算エラー: ${error.message}`
-      );
+  calculateSunPosition(notify = true) {
+    const location = window.WhereShotMapController.getCurrentLocation();
+    const { utcMs } = this.getAnalysisTime();
+    if (!this.hasValidLocation() || utcMs === null) {
+      this.currentSunData = null;
+      this.updateSunDisplay(null);
+      if (notify) window.WhereShotUtils.UIUtils.showError('撮影位置と解析日時を設定してください');
+      return;
     }
+    this.currentSunData = window.WhereShotSunCalculator.calculateSunPosition(
+      location.latitude, location.longitude, utcMs
+    );
+    this.updateSunDisplay(this.currentSunData);
+    this.updateExternalLinks();
+    this.updateReport();
+    if (notify) window.WhereShotUtils.UIUtils.showSuccess('太陽位置の計算が完了しました');
   }
-
   /**
-   * 太陽表示を更新
-   * @param {object} sunData - 太陽データ
+   * 太陽と影の表示を更新
    */
-  updateSunDisplay(sunData) {
-    // 太陽高度
-    const sunElevation = document.getElementById('sun-elevation');
-    if (sunElevation) {
-      sunElevation.textContent = sunData.formatted.elevation;
-    }
-
-    // 太陽方位
-    const sunAzimuth = document.getElementById('sun-azimuth');
-    if (sunAzimuth) {
-      sunAzimuth.textContent = sunData.formatted.azimuth;
-    }
-
-    // 時間帯
-    const sunPhase = document.getElementById('sun-phase');
-    if (sunPhase) {
-      sunPhase.textContent = sunData.formatted.phase;
-    }
+  updateSunDisplay(sun) {
+    const direction = (value) => value.toFixed(1) + '°（' + WhereShotLogic.toCardinalJa(value) + '）';
+    document.getElementById('sun-elevation').textContent = sun ? sun.altitudeDeg.toFixed(1) + '°' : '-';
+    document.getElementById('sun-azimuth').textContent = sun ? direction(sun.azimuthDeg) : '-';
+    document.getElementById('sun-phase').textContent = sun ? WhereShotLogic.PHASE_JA[sun.phase] : '-';
+    document.getElementById('shadow-direction').textContent = sun
+      ? (sun.shadowDirectionDeg === null ? '影なし' : direction(sun.shadowDirectionDeg)) : '-';
+    document.getElementById('shadow-length').textContent = sun
+      ? (sun.shadowRatio === null ? '影なし' : '高さの' + sun.shadowRatio.toFixed(2) + '倍') : '-';
   }
-
   /**
    * 手動位置指定モードを切り替え
    */
   toggleManualLocationMode() {
-    window.WhereShotUtils.UIUtils.showSuccess(
-      '地図をクリックして位置を指定してください'
-    );
+    const map = window.WhereShotMapController;
+    map.toggleManualLocationMode(!map.isManualLocationMode);
   }
-
   /**
    * 撮影方向設定モードを切り替え
    */
@@ -1301,111 +708,134 @@ class WhereShotApp {
   }
 
   /**
-   * 位置変更イベントハンドラ
-   * @param {object} location - 位置情報
+   * 位置変更イベントハンドラー
    */
-  onLocationChanged(location) {
-    console.log('[WhereShot] Location changed:', location);
-
-    // 太陽計算がある場合は再計算
-    if (this.currentSunData) {
-      this.calculateSunPosition();
-    }
+  onLocationChanged() {
+    this.locationSource = 'manual';
+    this.updateDirectionDisplay();
+    this.refreshAnalysis();
+  }
+  /**
+   * 方向変更イベントハンドラー
+   */
+  onDirectionChanged() {
+    this.updateDirectionDisplay();
+    this.updateExternalLinks();
+    this.updateReport();
   }
 
   /**
-   * 方向変更イベントハンドラ
-   * @param {object} direction - 方向情報
+   * 現在の方位は手動設定を優先し、なければExifの記録を使う
    */
-  onDirectionChanged(direction) {
-    console.log('[WhereShot] Direction changed:', direction);
+  getCurrentDirection() {
+    const manual = window.WhereShotMapController.getCurrentDirection();
+    return Number.isFinite(manual) ? manual : (this.currentExifData?.imgDirection ?? null);
   }
 
   /**
-   * 有効な位置情報があるかチェック
-   * @returns {boolean} 有効性
+   * 撮影方位と真北・磁北の根拠を表示
    */
-  hasValidLocation() {
-    if (!this.mapInitialized) {
-      return false;
+  updateDirectionDisplay() {
+    const direction = this.getCurrentDirection();
+    let text = '撮影方位: 記録なし';
+    if (Number.isFinite(direction)) {
+      const manual = window.WhereShotMapController.directionSource === 'manual';
+      const ref = this.currentExifData?.imgDirectionRef;
+      const reference = ref === 'M' ? '磁北基準' : (ref === 'T' ? '真北基準' : '基準不明');
+      text = '撮影方位: ' + direction.toFixed(1) + '°（' + WhereShotLogic.toCardinalJa(direction) + '）'
+        + (manual ? '［手動］' : '［Exif・' + reference + '］');
     }
-    
-    const location = window.WhereShotMapController.getCurrentLocation();
-    return location && location.latitude && location.longitude;
+    document.getElementById('direction-info').textContent = text;
   }
 
   /**
-   * ヘルプモーダルを表示
+   * 保存せず、確認できるプレーンテキストのレポートを作る
    */
-  showHelpModal() {
-    const helpModal = document.getElementById('help-modal');
-    if (helpModal) {
-      helpModal.style.display = 'flex';
+  updateReport() {
+    const preview = document.getElementById('report-preview');
+    if (!this.currentFile) {
+      preview.textContent = '';
+      document.getElementById('copy-report-btn').disabled = true;
+      return;
     }
+    const time = this.getAnalysisTime();
+    const location = window.WhereShotMapController.getCurrentLocation();
+    preview.textContent = WhereShotLogic.buildReport({
+      fileName: this.currentFile.name, fileSize: this.currentFile.size, fileType: this.currentFile.type,
+      sha256: this.sha256, wall: time.wall, offsetMin: time.offsetMin,
+      offsetSource: this.offsetDecision?.source, residualSec: this.offsetDecision?.residualSec,
+      dateSourceLabel: this.dateWasEdited ? '解析日時を手動指定' : this.currentEstimationResult?.best?.label,
+      confidence: this.currentEstimationResult?.confidence || 0,
+      latitude: location?.latitude, longitude: location?.longitude, locationSource: this.locationSource,
+      directionDeg: this.getCurrentDirection(), sun: this.currentSunData,
+      station: this.currentWeather?.station, stationKm: this.currentWeather?.distanceKm,
+      generatedAtUtcMs: Date.now(),
+    });
+    document.getElementById('copy-report-btn').disabled = false;
   }
 
   /**
-   * ヘルプモーダルを非表示
+   * Clipboard APIが使えない場合にも操作を継続
    */
-  hideHelpModal() {
-    const helpModal = document.getElementById('help-modal');
-    if (helpModal) {
-      helpModal.style.display = 'none';
+  async copyText(text) {
+    try {
+      if (!navigator.clipboard?.writeText) throw new Error('コピー非対応');
+      await navigator.clipboard.writeText(text);
+      window.WhereShotUtils.UIUtils.showSuccess('コピーしました');
+    } catch {
+      window.WhereShotUtils.UIUtils.showError('コピーできませんでした。内容を選択してコピーしてください');
     }
   }
-
   /**
-   * ウェルカムメッセージを表示
+   * 0度を含む有効な位置情報があるかチェック
    */
-  showWelcomeMessage() {
-    console.log(
-      '%c🔍 WhereShot - 撮影時刻・場所解析ツール',
-      'font-size: 16px; font-weight: bold; color: #2563eb;'
-    );
-    console.log(
-      '%c📸 Created by IPUSIRON - セキュリティ重視のOSINTツール',
-      'color: #64748b;'
-    );
-    console.log('%c🔒 すべての処理はローカルで実行されます', 'color: #059669;');
+  hasValidLocation() {
+    const location = window.WhereShotMapController.getCurrentLocation();
+    return WhereShotLogic.isValidLatLng(location?.latitude, location?.longitude);
+  }
+  /**
+   * ヘルプダイアログを表示
+   */
+  showHelpModal() {
+    document.getElementById('help-dialog').showModal();
+  }
+  /**
+   * ヘルプダイアログを閉じる
+   */
+  hideHelpModal() {
+    document.getElementById('help-dialog').close();
   }
-
   /**
    * アプリケーションをリセット
    */
   resetApplication() {
-    try {
-      // 確認ダイアログ
-      if (!confirm('すべてのデータをリセットしますか？')) {
-        return;
-      }
-
-      // データをクリア
-      this.currentFile = null;
-      this.currentExifData = null;
-      this.currentSunData = null;
-      this.currentEstimationResult = null;
-
-      // UIをリセット
-      this.resetUI();
-
-      // 地図をリセット
-      if (this.mapInitialized) {
-        window.WhereShotMapController.resetMap();
-      }
-
-      // パーサーデータをクリア
-      window.WhereShotExifParser.clearData();
-      window.WhereShotSunCalculator.clearData();
-
-      window.WhereShotUtils.UIUtils.showSuccess(
-        'アプリケーションがリセットされました'
-      );
-    } catch (error) {
-      console.error('[WhereShot] Reset error:', error);
-      window.WhereShotUtils.UIUtils.showError('リセットに失敗しました');
-    }
+    if (!confirm('すべてのデータをリセットしますか？')) return;
+    ++this.fileGeneration;
+    this.clearAnalysisData();
+    this.resetUI();
+    window.WhereShotUtils.UIUtils.showLoading('drop-zone', false);
+    window.WhereShotUtils.UIUtils.showSuccess('アプリケーションがリセットされました');
   }
 
+  /**
+   * 次の読み込みが失敗しても、前のファイルの情報を残さない
+   */
+  clearAnalysisData() {
+    this.hideImagePreview();
+    this.currentFile = null;
+    this.currentExifData = null;
+    this.currentSunData = null;
+    this.currentEstimationResult = null;
+    this.currentWeather = null;
+    this.offsetDecision = null;
+    this.locationSource = null;
+    this.sha256 = null;
+    this.dateWasEdited = false;
+    window.WhereShotMapController.resetMap();
+    window.WhereShotExifParser.clearData();
+    window.WhereShotSunCalculator.clearData();
+    document.getElementById('toast-region').replaceChildren();
+  }
   /**
    * UIをリセット
    */
@@ -1413,14 +843,13 @@ class WhereShotApp {
     // 解析結果を非表示
     const resultsDiv = document.getElementById('analysis-results');
     if (resultsDiv) {
-      resultsDiv.style.display = 'none';
-      resultsDiv.classList.remove('visible');
+      resultsDiv.hidden = true;
     }
 
     // プレビューエリアを非表示
     const previewDiv = document.getElementById('image-preview');
     if (previewDiv) {
-      previewDiv.style.display = 'none';
+      previewDiv.hidden = true;
     }
 
     // ドロップゾーンの状態をリセット
@@ -1435,6 +864,11 @@ class WhereShotApp {
       'sun-elevation',
       'sun-azimuth',
       'sun-phase',
+      'shadow-direction',
+      'shadow-length',
+      'direction-info',
+      'file-sha256',
+      'utc-offset-source',
     ];
 
     infoElements.forEach((id) => {
@@ -1460,18 +894,17 @@ class WhereShotApp {
 
     const setButton = document.getElementById('set-estimated-datetime-btn');
     if (setButton) {
-      setButton.style.display = 'none';
+      setButton.hidden = true;
     }
 
     const warningsContainer = document.getElementById('estimation-warnings');
     if (warningsContainer) {
-      warningsContainer.style.display = 'none';
+      warningsContainer.hidden = true;
     }
 
     const sourcesContainer = document.getElementById('datetime-sources');
     if (sourcesContainer) {
-      sourcesContainer.innerHTML =
-        '<div class="source-item"><span class="source-type">解析待機中...</span></div>';
+      sourcesContainer.textContent = '解析待機中...';
     }
 
     // 入力をクリア
@@ -1486,10 +919,14 @@ class WhereShotApp {
       fileInput.value = '';
     }
 
+    this.updateExternalLinks();
+    this.updateReport();
+    document.getElementById('copy-sha256-btn').disabled = true;
+
     // 地図座標表示をリセット
     const mapCoordinates = document.getElementById('map-coordinates');
     if (mapCoordinates) {
-      mapCoordinates.textContent = 'クリックして座標を取得';
+      mapCoordinates.textContent = '位置指定または方向設定を選んで操作できます';
     }
   }
 
@@ -1521,9 +958,7 @@ class WhereShotApp {
     const fileModifiedElement = document.getElementById('file-modified');
     if (fileModifiedElement) {
       fileModifiedElement.textContent =
-        window.WhereShotUtils.DateUtils.formatDateTime(
-          new Date(file.lastModified)
-        );
+        WhereShotLogic.formatUtc(file.lastModified);
     }
   }
 
@@ -1533,7 +968,7 @@ class WhereShotApp {
   showImagePreview() {
     const previewDiv = document.getElementById('image-preview');
     if (previewDiv) {
-      previewDiv.style.display = 'block';
+      previewDiv.hidden = false;
     }
   }
 
@@ -1541,35 +976,42 @@ class WhereShotApp {
    * 画像プレビューの表示切り替え
    */
   toggleImagePreview() {
-    const imageDisplay = document.getElementById('image-display');
-    const toggleBtn = document.getElementById('toggle-preview-btn');
-    const previewImg = document.getElementById('preview-img');
-
     if (!this.currentFile) return;
-
-    if (imageDisplay.style.display === 'none' || !imageDisplay.style.display) {
-      // プレビューを表示
-      if (this.currentFile.type.startsWith('image/')) {
-        const reader = new FileReader();
-        reader.onload = (e) => {
-          previewImg.src = e.target.result;
-          imageDisplay.style.display = 'block';
-          toggleBtn.textContent = '🙈 プレビュー非表示';
-        };
-        reader.readAsDataURL(this.currentFile);
-      } else {
-        window.WhereShotUtils.UIUtils.showError(
-          '画像ファイルではないため、プレビューできません'
-        );
-      }
-    } else {
-      // プレビューを非表示
-      imageDisplay.style.display = 'none';
-      previewImg.src = '';
-      toggleBtn.textContent = '🔍 プレビュー表示';
+    const display = document.getElementById('image-display');
+    if (!display.hidden) {
+      this.hideImagePreview();
+      return;
     }
+    const img = document.getElementById('preview-img');
+    const message = document.getElementById('preview-message');
+    this.previewUrl = URL.createObjectURL(this.currentFile);
+    img.hidden = false;
+    message.textContent = '';
+    img.onerror = () => {
+      img.hidden = true;
+      img.removeAttribute('src');
+      message.textContent = 'この形式はプレビューできません';
+      if (this.previewUrl) URL.revokeObjectURL(this.previewUrl);
+      this.previewUrl = null;
+    };
+    img.src = this.previewUrl;
+    display.hidden = false;
+    document.getElementById('toggle-preview-btn').textContent = '🙈 プレビュー非表示';
   }
 
+  /**
+   * プレビューのURLを解放
+   */
+  hideImagePreview() {
+    const img = document.getElementById('preview-img');
+    img.onerror = null;
+    img.removeAttribute('src');
+    if (this.previewUrl) URL.revokeObjectURL(this.previewUrl);
+    this.previewUrl = null;
+    document.getElementById('image-display').hidden = true;
+    document.getElementById('preview-message').textContent = '';
+    document.getElementById('toggle-preview-btn').textContent = '🔍 プレビュー表示';
+  }
   /**
    * ファイルを変更
    */
@@ -1581,42 +1023,14 @@ class WhereShotApp {
   }
 
   /**
-   * ドロップゾーンの状態を更新
-   * @param {boolean} uploaded - アップロード済みかどうか
+   * ボタンのノードを保持したままドロップゾーンを更新
    */
   updateDropZoneState(uploaded) {
     const dropZone = document.getElementById('drop-zone');
-    const dropZoneContent = dropZone?.querySelector('.drop-zone-content');
-
-    if (!dropZone || !dropZoneContent) return;
-
-    if (uploaded && this.currentFile) {
-      dropZone.classList.add('uploaded');
-      dropZoneContent.innerHTML = `
-                <div class="upload-icon">✅</div>
-                <div>
-                    <h3>ファイル読み込み完了</h3>
-                    <p>${this.currentFile.name}</p>
-                    <small>別のファイルをドロップするか、下のボタンで変更できます</small>
-                </div>
-            `;
-    } else {
-      dropZone.classList.remove('uploaded');
-      dropZoneContent.innerHTML = `
-                <div class="upload-icon">📸</div>
-                <h3>画像をドラッグ&ドロップ</h3>
-                <p>または <button id="file-select-btn" class="btn btn-primary">ファイルを選択</button></p>
-                <small>対応形式: JPEG, PNG, TIFF, MP4</small>
-            `;
-
-      // ボタンイベントを再設定
-      const fileSelectBtn = document.getElementById('file-select-btn');
-      const fileInput = document.getElementById('file-input');
-      fileSelectBtn?.addEventListener('click', (e) => {
-        e.stopPropagation();
-        fileInput.click();
-      });
-    }
+    dropZone.classList.toggle('uploaded', uploaded);
+    dropZone.querySelector('.upload-icon').textContent = uploaded ? '✅' : '📸';
+    document.getElementById('upload-title').textContent = uploaded ? 'ファイル読み込み完了' : '画像をドラッグ&ドロップ';
+    document.getElementById('upload-filename').textContent = uploaded ? this.currentFile.name : '';
   }
 }
 
@@ -1633,4 +1047,4 @@ if (document.readyState === 'loading') {
 }
 
 // グローバルに公開（デバッグ用）
-window.WhereShotApp = app;
\ No newline at end of file
+window.WhereShotApp = app;
diff --git a/js/map-controller.js b/js/map-controller.js
index c86d77f..0a00e45 100644
--- a/js/map-controller.js
+++ b/js/map-controller.js
@@ -7,7 +7,9 @@ class MapController {
     constructor() {
         this.map = null;
         this.currentMarker = null;
-        this.directionLine = null;
+        this.directionLayer = null;
+        this.directionSource = null;
+        this.isManualLocationMode = false;
         this.accuracyCircle = null;
         this.isDirectionMode = false;
         this.currentLocation = null;
@@ -31,7 +33,6 @@ class MapController {
         }
 
         if (this.isInitialized) {
-            console.log('[WhereShot] Map already initialized');
             return Promise.resolve();
         }
 
@@ -46,7 +47,6 @@ class MapController {
      */
     async _performMapInitialization(containerId, options) {
         try {
-            console.log('[WhereShot] Starting map initialization...');
 
             // デフォルトオプション
             const defaultOptions = {
@@ -58,11 +58,11 @@ class MapController {
 
             const mapOptions = { ...defaultOptions, ...options };
 
-            // 地図コンテナの準備を待機（改善版）
-            const container = await this._waitForContainer(containerId);
-            
-            // コンテナが表示されるまで待機（改善版）
-            await this._waitForContainerVisible(container);
+            // 解析結果を表示したあとで呼ぶ。非表示コンテナのポーリングはしない。
+            const container = document.getElementById(containerId);
+            if (!container || !container.getBoundingClientRect().height) {
+                throw new Error('地図の表示領域がありません');
+            }
 
             // 地図を作成
             this.map = L.map(containerId, {
@@ -84,8 +84,7 @@ class MapController {
             // コントロールを追加
             this.addCustomControls();
 
-            // 地図の準備完了を待機
-            await this._waitForMapReady();
+
 
             // 初期化完了フラグを設定
             this.isInitialized = true;
@@ -96,16 +95,16 @@ class MapController {
                 containerId: containerId
             });
 
-            console.log('[WhereShot] Map initialization completed successfully');
+            this.safeInvalidateSize();
 
         } catch (error) {
-            console.error('[WhereShot] Map initialization error:', error);
+            console.error('地図を初期化できませんでした');
             this.isInitialized = false;
             this.initializationPromise = null;
 
             // 初期化失敗イベントを発火
             this.dispatchEvent('mapInitializationFailed', {
-                error: error.message,
+                error: '地図を初期化できませんでした',
                 containerId: containerId
             });
 
@@ -114,182 +113,38 @@ class MapController {
     }
 
     /**
-     * コンテナの存在を待機
-     * @param {string} containerId - コンテナID
-     * @returns {Promise<HTMLElement>} コンテナ要素
-     */
-    _waitForContainer(containerId) {
-        return new Promise((resolve, reject) => {
-            const checkContainer = () => {
-                const container = document.getElementById(containerId);
-                if (container) {
-                    console.log('[WhereShot] Container found:', containerId);
-                    resolve(container);
-                } else {
-                    setTimeout(checkContainer, 50);
-                }
-            };
-
-            // 最大5秒待機（短縮）
-            setTimeout(() => {
-                reject(new Error(`Map container ${containerId} not found within timeout`));
-            }, 5000);
-
-            checkContainer();
-        });
-    }
-
-    /**
-     * コンテナが表示されるまで待機（改善版）
-     * @param {HTMLElement} container - コンテナ要素
-     * @returns {Promise<void>}
-     */
-    _waitForContainerVisible(container) {
-        return new Promise((resolve) => {
-            let attempts = 0;
-            const maxAttempts = 20; // 最大20回まで（2秒）
-            const checkInterval = 100; // 100ms間隔
-
-            const checkVisible = () => {
-                attempts++;
-                const rect = container.getBoundingClientRect();
-                const style = window.getComputedStyle(container);
-                const isVisible = rect.width > 0 && 
-                                rect.height > 0 && 
-                                container.offsetWidth > 0 && 
-                                container.offsetHeight > 0 &&
-                                style.display !== 'none' &&
-                                style.visibility !== 'hidden';
-                
-                if (isVisible) {
-                    console.log(`[WhereShot] Container is visible after ${attempts} attempts:`, {
-                        width: rect.width,
-                        height: rect.height,
-                        offsetWidth: container.offsetWidth,
-                        offsetHeight: container.offsetHeight
-                    });
-                    resolve();
-                } else if (attempts >= maxAttempts) {
-                    // 最大試行回数に達した場合は強制的に進む
-                    console.warn(`[WhereShot] Container visibility timeout after ${attempts} attempts, proceeding anyway`);
-                    resolve();
-                } else {
-                    // 進捗をログ出力（5回ごと）
-                    if (attempts % 5 === 0) {
-                        console.log(`[WhereShot] Still waiting for container visibility... (${attempts}/${maxAttempts})`);
-                    }
-                    setTimeout(checkVisible, checkInterval);
-                }
-            };
-
-            checkVisible();
-        });
-    }
-
-    /**
-     * 地図の準備完了を待機（改善版）
-     * @returns {Promise<void>}
-     */
-    _waitForMapReady() {
-        return new Promise((resolve) => {
-            const timeout = setTimeout(() => {
-                console.warn('[WhereShot] Map ready timeout, proceeding anyway');
-                this._performFinalSizeCalculation();
-                resolve();
-            }, 3000); // 3秒タイムアウト
-
-            if (this.map._loaded) {
-                // 既に読み込み完了している場合
-                clearTimeout(timeout);
-                this._performFinalSizeCalculation();
-                resolve();
-            } else {
-                // 読み込み完了を待機
-                this.map.whenReady(() => {
-                    clearTimeout(timeout);
-                    console.log('[WhereShot] Map whenReady event fired');
-                    this._performFinalSizeCalculation();
-                    resolve();
-                });
-            }
-        });
-    }
-
-    /**
-     * 最終的なサイズ計算を実行（改善版）
-     */
-    _performFinalSizeCalculation() {
-        // 即座に1回実行
-        this.safeInvalidateSize();
-
-        // 追加で段階的に実行（回数を減らす）
-        const sizeCalculationSteps = [200, 500];
-        
-        sizeCalculationSteps.forEach((delay, index) => {
-            setTimeout(() => {
-                this.safeInvalidateSize();
-                console.log(`[WhereShot] Additional size calculation ${index + 1} completed`);
-            }, delay);
-        });
-    }
-
-    /**
-     * 地図のサイズを安全に再計算（改善版）
+     * 地図のサイズを安全に再計算
      */
     safeInvalidateSize() {
-        if (!this.map) {
-            console.log('[WhereShot] Map not available for size invalidation');
-            return false;
-        }
-
-        if (!this.isInitialized) {
-            console.log('[WhereShot] Map not initialized for size invalidation');
-            return false;
-        }
-
-        try {
-            // コンテナの状態をチェック
-            const container = this.map.getContainer();
-            if (!container) {
-                console.log('[WhereShot] Map container not found');
-                return false;
-            }
-
-            const rect = container.getBoundingClientRect();
-            if (rect.width === 0 || rect.height === 0) {
-                console.log('[WhereShot] Container has zero dimensions, skipping size invalidation');
-                return false;
-            }
-
-            this.map.invalidateSize();
-            console.log('[WhereShot] Map size invalidated successfully');
-            return true;
-
-        } catch (error) {
-            console.warn('[WhereShot] Error invalidating map size:', error);
-            return false;
-        }
+        if (!this.map || !this.isInitialized) return false;
+        const rect = this.map.getContainer().getBoundingClientRect();
+        if (!rect.width || !rect.height) return false;
+        this.map.invalidateSize();
+        return true;
     }
-
     /**
      * ベースレイヤーを設定
      */
     setupBaseLayers() {
         // OpenStreetMap
-        this.layers.osm = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+        this.layers.osm = L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
             attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
             maxZoom: 19
         });
 
         // 衛星画像（Esri）
-        this.layers.satellite = L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}', {
-            attribution: 'Tiles &copy; Esri &mdash; Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community',
+        const satelliteUrl = 'https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}';
+        this.layers.satellite = L.tileLayer(satelliteUrl, {
+            attribution: 'Tiles &copy; Esri &mdash; Esri, Vantor, Earthstar Geographics, and the GIS User Community',
             maxZoom: 18
         });
 
         // 地形図（OpenTopoMap）
         this.layers.terrain = L.tileLayer('https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png', {
-            attribution: 'Map data: &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, <a href="http://viewfinderpanoramas.org">SRTM</a> | Map style: &copy; <a href="https://opentopomap.org">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)',
+            attribution: 'Map data: &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, '
+                + '<a href="https://viewfinderpanoramas.org">SRTM</a> | Map style: &copy; '
+                + '<a href="https://opentopomap.org">OpenTopoMap</a> '
+                + '(<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)',
             maxZoom: 17
         });
 
@@ -312,11 +167,6 @@ class MapController {
             this.onMapMove(e);
         });
 
-        // ズーム変更イベント
-        this.map.on('zoomend', (e) => {
-            this.onMapZoom(e);
-        });
-
         // ウィンドウリサイズイベント（デバウンス付き）
         let resizeTimer;
         window.addEventListener('resize', () => {
@@ -338,45 +188,26 @@ class MapController {
             imperial: false
         }).addTo(this.map);
 
-        // レイヤーコントロール
-        const baseLayers = {
-            "OpenStreetMap": this.layers.osm,
-            "衛星画像": this.layers.satellite,
-            "地形図": this.layers.terrain
-        };
-
-        this.layerControl = L.control.layers(baseLayers, {}, {
-            position: 'topright',
-            collapsed: false
-        }).addTo(this.map);
+        // ベースレイヤーの切替は画面のselectに一本化する。
     }
 
     /**
-     * 地図クリックイベントハンドラ
+     * 地図クリックイベントハンドラー
      * @param {object} e - クリックイベント
      */
     onMapClick(e) {
         const { lat, lng } = e.latlng;
-
+        if (!WhereShotLogic.isValidLatLng(lat, lng)) return;
         if (this.isDirectionMode) {
-            // 方向設定モード
             this.setDirection(lat, lng);
+        } else if (this.isManualLocationMode) {
+            this.setLocation(lat, lng, { type: 'manual', centerMap: false });
+            this.dispatchEvent('locationChanged', { latitude: lat, longitude: lng });
         } else {
-            // 通常の位置設定モード
-            this.setLocation(lat, lng);
+            return;
         }
-
-        // 座標情報を更新
         this.updateCoordinateDisplay(lat, lng);
-
-        // カスタムイベントを発火
-        this.dispatchEvent('locationChanged', {
-            latitude: lat,
-            longitude: lng,
-            isDirectionMode: this.isDirectionMode
-        });
     }
-
     /**
      * 地図移動イベントハンドラ
      * @param {object} e - 移動イベント
@@ -386,15 +217,6 @@ class MapController {
         this.updateCoordinateDisplay(center.lat, center.lng);
     }
 
-    /**
-     * ズーム変更イベントハンドラ
-     * @param {object} e - ズームイベント
-     */
-    onMapZoom(e) {
-        const zoom = this.map.getZoom();
-        console.log('[WhereShot] Map zoom changed:', zoom);
-    }
-
     /**
      * 位置を設定
      * @param {number} latitude - 緯度
@@ -403,6 +225,12 @@ class MapController {
      */
     setLocation(latitude, longitude, options = {}) {
         try {
+            if (!this.map || !WhereShotLogic.isValidLatLng(latitude, longitude)) return;
+            this.clearDirection();
+            if (this.accuracyCircle) {
+                this.map.removeLayer(this.accuracyCircle);
+                this.accuracyCircle = null;
+            }
             this.currentLocation = { latitude, longitude };
 
             // 既存のマーカーを削除
@@ -420,10 +248,16 @@ class MapController {
             // マーカーのドラッグイベント
             this.currentMarker.on('dragend', (e) => {
                 const position = e.target.getLatLng();
+                this.clearDirection();
                 this.currentLocation = {
                     latitude: position.lat,
                     longitude: position.lng
                 };
+                if (this.accuracyCircle) {
+                    this.map.removeLayer(this.accuracyCircle);
+                    this.accuracyCircle = null;
+                }
+                this.currentMarker.setPopupContent(this.createLocationPopup(position.lat, position.lng, {}));
                 this.updateCoordinateDisplay(position.lat, position.lng);
                 this.dispatchEvent('locationChanged', this.currentLocation);
             });
@@ -437,10 +271,10 @@ class MapController {
                 this.map.setView([latitude, longitude], options.zoom || this.map.getZoom());
             }
 
-            console.log('[WhereShot] Location set:', { latitude, longitude });
+
 
         } catch (error) {
-            console.error('[WhereShot] Error setting location:', error);
+            console.error('地図に位置を表示できませんでした');
             throw error;
         }
     }
@@ -457,7 +291,7 @@ class MapController {
             this.map.removeLayer(this.accuracyCircle);
         }
 
-        if (accuracy && accuracy > 0) {
+        if (Number.isFinite(accuracy) && accuracy > 0) {
             this.accuracyCircle = L.circle([latitude, longitude], {
                 radius: accuracy,
                 fillColor: '#3388ff',
@@ -472,144 +306,114 @@ class MapController {
     }
 
     /**
-     * 撮影方向を設定
+     * 撮影方向を設定（手動で選んだ終点を優先）
      * @param {number} endLat - 終点緯度
      * @param {number} endLng - 終点経度
      */
     setDirection(endLat, endLng) {
-        if (!this.currentLocation) {
+        if (!this.currentLocation || !WhereShotLogic.isValidLatLng(endLat, endLng)) {
             window.WhereShotUtils.UIUtils.showError('先に撮影位置を設定してください');
             return;
         }
+        const { latitude, longitude } = this.currentLocation;
+        const direction = WhereShotLogic.bearing(latitude, longitude, endLat, endLng);
+        const distance = WhereShotLogic.distanceM(latitude, longitude, endLat, endLng);
+        this.drawDirection(direction, distance, 'manual');
+    }
 
-        // 既存の方向線を削除
-        if (this.directionLine) {
-            this.map.removeLayer(this.directionLine);
+    /**
+     * Exifの方位を200mの矢印で表示
+     */
+    setExifDirection(direction) {
+        if (this.directionSource === 'manual') return;
+        if (Number.isFinite(direction) && this.currentLocation) {
+            this.drawDirection(direction, 200, 'exif');
         }
+    }
 
-        const startLat = this.currentLocation.latitude;
-        const startLng = this.currentLocation.longitude;
-
-        // 方向を計算
-        const direction = this.calculateBearing(startLat, startLng, endLat, endLng);
+    /**
+     * 本線と先端2本を一つのレイヤーとして保持
+     */
+    drawDirection(direction, distance, source) {
+        this.clearDirection();
+        if (!this.map || !this.currentLocation) return;
+        const { latitude, longitude } = this.currentLocation;
+        const end = WhereShotLogic.destinationPoint(latitude, longitude, direction, distance);
         this.currentDirection = direction;
-
-        // 方向線を描画
-        this.directionLine = L.polyline([
-            [startLat, startLng],
-            [endLat, endLng]
-        ], {
-            color: '#ff4444',
-            weight: 3,
-            opacity: 0.8,
-            dashArray: '5, 10'
-        }).addTo(this.map);
-
-        // 矢印を追加
-        this.addDirectionArrow(startLat, startLng, endLat, endLng);
-
-        // ポップアップを設定
-        const distance = window.WhereShotUtils.GeoUtils.calculateDistance(startLat, startLng, endLat, endLng);
-        this.directionLine.bindPopup(`
-            <strong>撮影方向</strong><br>
-            方位: ${direction.toFixed(1)}° (${this.degreesToCardinal(direction)})<br>
-            距離: ${distance.toFixed(0)}m
-        `);
-
-        console.log('[WhereShot] Direction set:', direction);
-
-        // イベントを発火
-        this.dispatchEvent('directionChanged', {
-            direction: direction,
-            distance: distance
-        });
+        this.directionSource = source;
+        this.directionLayer = L.layerGroup().addTo(this.map);
+        const options = { color: source === 'exif' ? '#67e8f9' : '#fca5a5', weight: 3 };
+        L.polyline([[latitude, longitude], [end.lat, end.lng]], options).addTo(this.directionLayer);
+        this.addDirectionArrow(end.lat, end.lng, direction, Math.min(40, Math.max(8, distance / 5)), options);
+        this.dispatchEvent('directionChanged', { direction, distance, source });
     }
 
     /**
-     * 方角を計算
-     * @param {number} lat1 - 開始点緯度
-     * @param {number} lng1 - 開始点経度
-     * @param {number} lat2 - 終了点緯度
-     * @param {number} lng2 - 終了点経度
-     * @returns {number} 方角（度）
+     * 矢印とその根拠をまとめてクリア
      */
-    calculateBearing(lat1, lng1, lat2, lng2) {
-        const dLng = (lng2 - lng1) * Math.PI / 180;
-        const lat1Rad = lat1 * Math.PI / 180;
-        const lat2Rad = lat2 * Math.PI / 180;
-
-        const y = Math.sin(dLng) * Math.cos(lat2Rad);
-        const x = Math.cos(lat1Rad) * Math.sin(lat2Rad) - 
-                  Math.sin(lat1Rad) * Math.cos(lat2Rad) * Math.cos(dLng);
-
-        let bearing = Math.atan2(y, x) * 180 / Math.PI;
-        return (bearing + 360) % 360;
+    clearDirection() {
+        if (this.directionLayer && this.map) this.map.removeLayer(this.directionLayer);
+        this.directionLayer = null;
+        this.currentDirection = null;
+        this.directionSource = null;
     }
-
     /**
-     * 方向矢印を追加
-     * @param {number} startLat - 開始点緯度
-     * @param {number} startLng - 開始点経度
-     * @param {number} endLat - 終了点緯度
-     * @param {number} endLng - 終了点経度
+     * 球面上の終点から後方へ矢印の先端を描く
      */
-    addDirectionArrow(startLat, startLng, endLat, endLng) {
-        const arrowIcon = L.divIcon({
-            className: 'direction-arrow',
-            html: '▶',
-            iconSize: [20, 20],
-            iconAnchor: [10, 10]
-        });
-
-        const arrowMarker = L.marker([endLat, endLng], {
-            icon: arrowIcon
-        }).addTo(this.map);
-
-        // 矢印を方向に回転
-        const bearing = this.calculateBearing(startLat, startLng, endLat, endLng);
-        const arrowElement = arrowMarker.getElement();
-        if (arrowElement) {
-            arrowElement.style.transform += ` rotate(${bearing}deg)`;
+    addDirectionArrow(endLat, endLng, direction, length, options) {
+        for (const angle of [direction + 150, direction + 210]) {
+            const point = WhereShotLogic.destinationPoint(endLat, endLng, angle, length);
+            L.polyline([[endLat, endLng], [point.lat, point.lng]], options).addTo(this.directionLayer);
         }
     }
-
     /**
-     * レイヤーを切り替え
+     * レイヤーを切り替え（常に一つだけ）
      * @param {string} layerName - レイヤー名
      */
     switchLayer(layerName) {
-        if (this.layers[layerName] && this.currentLayer !== layerName) {
-            // 現在のレイヤーを削除
-            this.map.removeLayer(this.layers[this.currentLayer]);
-            
-            // 新しいレイヤーを追加
-            this.layers[layerName].addTo(this.map);
-            this.currentLayer = layerName;
-
-            console.log('[WhereShot] Layer switched to:', layerName);
+        if (!this.map || !this.layers[layerName]) return;
+        for (const layer of Object.values(this.layers)) {
+            if (this.map.hasLayer(layer)) this.map.removeLayer(layer);
         }
+        this.layers[layerName].addTo(this.map);
+        this.currentLayer = layerName;
     }
-
     /**
      * 方向設定モードを切り替え
      * @param {boolean} enabled - 有効/無効
      */
     toggleDirectionMode(enabled) {
         this.isDirectionMode = enabled;
-        
         if (enabled) {
-            this.map.getContainer().style.cursor = 'crosshair';
+            this.isManualLocationMode = false;
             window.WhereShotUtils.UIUtils.showSuccess('地図をクリックして撮影方向を設定してください');
         } else {
-            this.map.getContainer().style.cursor = '';
-            if (this.directionLine) {
-                this.map.removeLayer(this.directionLine);
-                this.directionLine = null;
-                this.currentDirection = null;
-            }
+            this.clearDirection();
+            this.dispatchEvent('directionChanged', { direction: null, source: null });
+        }
+        this.updateModeControls();
+    }
+
+    /**
+     * 位置設定と方向設定は排他にする
+     */
+    toggleManualLocationMode(enabled) {
+        this.isManualLocationMode = enabled;
+        if (enabled) {
+            this.isDirectionMode = false;
+            window.WhereShotUtils.UIUtils.showSuccess('地図をクリックして撮影位置を指定してください');
         }
+        this.updateModeControls();
     }
 
+    /**
+     * モードの表示と読み上げ状態を同期
+     */
+    updateModeControls() {
+        this.map?.getContainer().classList.toggle('map-picking', this.isDirectionMode || this.isManualLocationMode);
+        document.getElementById('manual-location-btn').setAttribute('aria-pressed', String(this.isManualLocationMode));
+        document.getElementById('direction-mode-btn').setAttribute('aria-pressed', String(this.isDirectionMode));
+    }
     /**
      * 位置アイコンを作成
      * @param {string} type - アイコンタイプ
@@ -637,7 +441,8 @@ class MapController {
                     ...iconOptions,
                     iconUrl: 'data:image/svg+xml;base64,' + btoa(`
                         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#dc2626">
-                            <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/>
+                            <path d="M12 2C8.13 2 5 5.13 5 9
+                        c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/>
                         </svg>
                     `)
                 });
@@ -646,7 +451,8 @@ class MapController {
                     ...iconOptions,
                     iconUrl: 'data:image/svg+xml;base64,' + btoa(`
                         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#059669">
-                            <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/>
+                            <path d="M12 2C8.13 2 5 5.13 5 9
+                        c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/>
                         </svg>
                     `)
                 });
@@ -654,42 +460,51 @@ class MapController {
     }
 
     /**
-     * 位置ポップアップを作成
+     * 位置ポップアップをDOMで作成
      * @param {number} latitude - 緯度
      * @param {number} longitude - 経度
      * @param {object} options - オプション
-     * @returns {string} HTMLコンテンツ
+     * @returns {HTMLElement} ポップアップ
      */
-    createLocationPopup(latitude, longitude, options) {
-        const coords = window.WhereShotUtils.GeoUtils.formatCoordinates(latitude, longitude);
-        
-        return `
-            <div class="location-popup">
-                <h4>📍 撮影位置</h4>
-                <p><strong>座標:</strong><br>${coords}</p>
-                ${options.accuracy ? `<p><strong>GPS精度:</strong> ±${options.accuracy.toFixed(1)}m</p>` : ''}
-                ${options.dateTime ? `<p><strong>日時:</strong><br>${window.WhereShotUtils.DateUtils.formatDateTime(options.dateTime)}</p>` : ''}
-                <div class="popup-actions">
-                    <button onclick="window.WhereShotMapController.copyCoordinates(${latitude}, ${longitude})" class="btn btn-link">座標をコピー</button>
-                </div>
-            </div>
-        `;
+    createLocationPopup(latitude, longitude, options = {}) {
+        const root = document.createElement('div');
+        root.className = 'location-popup';
+        const heading = document.createElement('h3');
+        heading.textContent = '📍 撮影位置';
+        const coordinates = document.createElement('p');
+        coordinates.textContent = latitude.toFixed(6) + ', ' + longitude.toFixed(6)
+            + '\n' + WhereShotLogic.decimalToDms(latitude, true) + ', ' + WhereShotLogic.decimalToDms(longitude, false);
+        root.append(heading, coordinates);
+        if (Number.isFinite(options.accuracy)) {
+            const accuracy = document.createElement('p');
+            accuracy.textContent = 'GPS精度: ±' + options.accuracy.toFixed(1) + 'm';
+            root.append(accuracy);
+        }
+        const actions = document.createElement('div');
+        actions.className = 'popup-actions';
+        const copy = document.createElement('button');
+        copy.type = 'button';
+        copy.className = 'btn btn-link';
+        copy.textContent = '座標をコピー';
+        copy.addEventListener('click', () => this.copyCoordinates(latitude, longitude));
+        actions.append(copy);
+        root.append(actions);
+        return root;
     }
-
     /**
      * 座標をクリップボードにコピー
      * @param {number} latitude - 緯度
      * @param {number} longitude - 経度
      */
-    copyCoordinates(latitude, longitude) {
-        const coords = `${latitude.toFixed(6)}, ${longitude.toFixed(6)}`;
-        navigator.clipboard.writeText(coords).then(() => {
+    async copyCoordinates(latitude, longitude) {
+        try {
+            if (!navigator.clipboard?.writeText) throw new Error('コピー非対応');
+            await navigator.clipboard.writeText(latitude.toFixed(6) + ', ' + longitude.toFixed(6));
             window.WhereShotUtils.UIUtils.showSuccess('座標をコピーしました');
-        }).catch(() => {
-            window.WhereShotUtils.UIUtils.showError('座標のコピーに失敗しました');
-        });
+        } catch {
+            window.WhereShotUtils.UIUtils.showError('コピーできませんでした。座標を選択してコピーしてください');
+        }
     }
-
     /**
      * 座標表示を更新
      * @param {number} latitude - 緯度
@@ -702,18 +517,6 @@ class MapController {
         }
     }
 
-    /**
-     * 度を方角に変換
-     * @param {number} degrees - 度
-     * @returns {string} 方角
-     */
-    degreesToCardinal(degrees) {
-        const directions = ['北', '北北東', '北東', '東北東', '東', '東南東', '南東', '南南東',
-                          '南', '南南西', '南西', '西南西', '西', '西北西', '北西', '北北西'];
-        const index = Math.round(degrees / 22.5) % 16;
-        return directions[index];
-    }
-
     /**
      * カスタムイベントを発火
      * @param {string} eventName - イベント名
@@ -736,10 +539,7 @@ class MapController {
             this.currentMarker = null;
         }
         
-        if (this.directionLine) {
-            this.map.removeLayer(this.directionLine);
-            this.directionLine = null;
-        }
+        this.clearDirection();
         
         if (this.accuracyCircle) {
             this.map.removeLayer(this.accuracyCircle);
@@ -751,12 +551,8 @@ class MapController {
         this.currentDirection = null;
         this.isDirectionMode = false;
 
-        // カーソルをリセット
-        if (this.map) {
-            this.map.getContainer().style.cursor = '';
-        }
-
-        console.log('[WhereShot] Map reset');
+        this.isManualLocationMode = false;
+        this.updateModeControls();
     }
 
     /**
@@ -793,4 +589,4 @@ class MapController {
 }
 
 // シングルトンインスタンスを作成
-window.WhereShotMapController = new MapController();
\ No newline at end of file
+window.WhereShotMapController = new MapController();
diff --git a/js/sun-calculator.js b/js/sun-calculator.js
index 82592d7..d5514b4 100644
--- a/js/sun-calculator.js
+++ b/js/sun-calculator.js
@@ -11,402 +11,18 @@ class SunCalculator {
     }
 
     /**
-     * 指定位置・日時での太陽位置を計算
+     * 指定位置・UTCの瞬間で太陽位置を計算
      * @param {number} latitude - 緯度
      * @param {number} longitude - 経度
-     * @param {Date} dateTime - 日時
-     * @returns {object} 太陽位置データ
+     * @param {number} utcMs - UTCのミリ秒
+     * @returns {object|null} 太陽位置データ
      */
-    calculateSunPosition(latitude, longitude, dateTime) {
-        try {
-            if (!this.validateInputs(latitude, longitude, dateTime)) {
-                throw new Error('無効な入力パラメータです');
-            }
-
-            this.currentPosition = { latitude, longitude };
-            this.currentDateTime = dateTime;
-
-            // SunCalcライブラリを使用して太陽位置を計算
-            const sunPosition = SunCalc.getPosition(dateTime, latitude, longitude);
-            const sunTimes = SunCalc.getTimes(dateTime, latitude, longitude);
-
-            // 計算結果を構造化
-            this.sunData = {
-                position: this.processSunPosition(sunPosition),
-                times: this.processSunTimes(sunTimes),
-                analysis: this.analyzeSunConditions(sunPosition, sunTimes, dateTime),
-                shadow: this.calculateShadowInfo(sunPosition),
-                location: { latitude, longitude },
-                dateTime: dateTime,
-                formatted: {}
-            };
-
-            // フォーマット済み情報を生成
-            this.sunData.formatted = this.formatSunData(this.sunData);
-
-            console.log('[WhereShot] Sun calculation completed:', {
-                elevation: this.sunData.position.elevation,
-                azimuth: this.sunData.position.azimuth,
-                phase: this.sunData.analysis.phase
-            });
-
-            return this.sunData;
-
-        } catch (error) {
-            console.error('[WhereShot] Sun calculation error:', error);
-            throw error;
-        }
-    }
-
-    /**
-     * 入力パラメータの妥当性を検証
-     * @param {number} latitude - 緯度
-     * @param {number} longitude - 経度
-     * @param {Date} dateTime - 日時
-     * @returns {boolean} 妥当性
-     */
-    validateInputs(latitude, longitude, dateTime) {
-        if (typeof latitude !== 'number' || typeof longitude !== 'number') {
-            return false;
-        }
-
-        if (latitude < -90 || latitude > 90) {
-            return false;
-        }
-
-        if (longitude < -180 || longitude > 180) {
-            return false;
-        }
-
-        if (!(dateTime instanceof Date) || isNaN(dateTime.getTime())) {
-            return false;
-        }
-
-        return true;
-    }
-
-    /**
-     * 太陽位置データを処理
-     * @param {object} sunPosition - SunCalcの太陽位置データ
-     * @returns {object} 処理された太陽位置データ
-     */
-    processSunPosition(sunPosition) {
-        return {
-            // 高度（地平線からの角度）- ラジアンから度に変換
-            elevation: this.radiansToDegrees(sunPosition.altitude),
-            // 方位角（北から時計回り）- ラジアンから度に変換し、0-360度に正規化
-            azimuth: this.normalizeAzimuth(this.radiansToDegrees(sunPosition.azimuth)),
-            // 生データ
-            raw: {
-                altitude: sunPosition.altitude,
-                azimuth: sunPosition.azimuth
-            }
-        };
-    }
-
-    /**
-     * 太陽の時刻データを処理
-     * @param {object} sunTimes - SunCalcの太陽時刻データ
-     * @returns {object} 処理された太陽時刻データ
-     */
-    processSunTimes(sunTimes) {
-        return {
-            sunrise: sunTimes.sunrise,
-            sunset: sunTimes.sunset,
-            solarNoon: sunTimes.solarNoon,
-            nadir: sunTimes.nadir,
-            dawn: sunTimes.dawn,
-            dusk: sunTimes.dusk,
-            nauticalDawn: sunTimes.nauticalDawn,
-            nauticalDusk: sunTimes.nauticalDusk,
-            nightEnd: sunTimes.nightEnd,
-            night: sunTimes.night,
-            goldenHourEnd: sunTimes.goldenHourEnd,
-            goldenHour: sunTimes.goldenHour
-        };
-    }
-
-    /**
-     * 太陽の状況を分析
-     * @param {object} sunPosition - 太陽位置
-     * @param {object} sunTimes - 太陽時刻
-     * @param {Date} dateTime - 対象日時
-     * @returns {object} 分析結果
-     */
-    analyzeSunConditions(sunPosition, sunTimes, dateTime) {
-        const elevation = this.radiansToDegrees(sunPosition.altitude);
-        const phase = this.determineSunPhase(dateTime, sunTimes);
-        const lightQuality = this.determineLightQuality(elevation, phase);
-
-        return {
-            phase: phase,
-            isVisible: elevation > 0,
-            lightQuality: lightQuality,
-            shadowLength: this.calculateRelativeShadowLength(elevation),
-            photographyTips: this.getPhotographyTips(elevation, phase),
-            verification: {
-                timeConsistency: this.checkTimeConsistency(dateTime, sunTimes, phase),
-                shadowDirection: this.getShadowDirection(sunPosition),
-                lightDirection: this.getLightDirection(sunPosition)
-            }
-        };
-    }
-
-    /**
-     * 影の情報を計算
-     * @param {object} sunPosition - 太陽位置
-     * @returns {object} 影の情報
-     */
-    calculateShadowInfo(sunPosition) {
-        const elevation = this.radiansToDegrees(sunPosition.altitude);
-        const azimuth = this.normalizeAzimuth(this.radiansToDegrees(sunPosition.azimuth));
-
-        return {
-            direction: (azimuth + 180) % 360, // 影の方向（太陽と反対）
-            relativeLength: this.calculateRelativeShadowLength(elevation),
-            exists: elevation > 0,
-            description: this.describeShadow(elevation, azimuth)
-        };
-    }
-
-    /**
-     * 太陽フェーズを判定
-     * @param {Date} dateTime - 対象日時
-     * @param {object} sunTimes - 太陽時刻データ
-     * @returns {string} フェーズ名
-     */
-    determineSunPhase(dateTime, sunTimes) {
-        const time = dateTime.getTime();
-
-        if (time < sunTimes.dawn.getTime()) return 'night';
-        if (time < sunTimes.sunrise.getTime()) return 'dawn';
-        if (time < sunTimes.goldenHourEnd.getTime()) return 'golden-hour-morning';
-        if (time < sunTimes.solarNoon.getTime()) return 'morning';
-        if (time < sunTimes.goldenHour.getTime()) return 'afternoon';
-        if (time < sunTimes.sunset.getTime()) return 'golden-hour-evening';
-        if (time < sunTimes.dusk.getTime()) return 'sunset';
-        return 'night';
-    }
-
-    /**
-     * 光の質を判定
-     * @param {number} elevation - 太陽高度
-     * @param {string} phase - 太陽フェーズ
-     * @returns {string} 光の質
-     */
-    determineLightQuality(elevation, phase) {
-        if (elevation < 0) return 'none';
-        if (elevation < 6) return 'dim';
-        if (phase.includes('golden-hour')) return 'golden';
-        if (elevation < 30) return 'soft';
-        if (elevation < 60) return 'normal';
-        return 'harsh';
-    }
-
-    /**
-     * 相対的な影の長さを計算
-     * @param {number} elevation - 太陽高度（度）
-     * @returns {number} 相対的な影の長さ
-     */
-    calculateRelativeShadowLength(elevation) {
-        if (elevation <= 0) return Infinity;
-        return 1 / Math.tan(this.degreesToRadians(elevation));
-    }
-
-    /**
-     * 撮影のヒントを提供
-     * @param {number} elevation - 太陽高度
-     * @param {string} phase - 太陽フェーズ
-     * @returns {Array} 撮影ヒント
-     */
-    getPhotographyTips(elevation, phase) {
-        const tips = [];
-
-        switch (phase) {
-            case 'golden-hour-morning':
-            case 'golden-hour-evening':
-                tips.push('ゴールデンアワー: 暖色系の美しい光');
-                tips.push('ポートレートや風景撮影に最適');
-                break;
-            case 'dawn':
-            case 'sunset':
-                tips.push('マジックアワー: ドラマチックな空の色');
-                break;
-            case 'morning':
-            case 'afternoon':
-                if (elevation > 60) {
-                    tips.push('太陽が高く、影が短い');
-                    tips.push('コントラストに注意');
-                } else {
-                    tips.push('適度な光量と影');
-                }
-                break;
-            case 'night':
-                tips.push('夜間: フラッシュまたは人工光源が必要');
-                break;
-        }
-
-        return tips;
-    }
-
-    /**
-     * 時刻の整合性をチェック
-     * @param {Date} dateTime - 対象日時
-     * @param {object} sunTimes - 太陽時刻データ
-     * @param {string} phase - フェーズ
-     * @returns {object} 整合性チェック結果
-     */
-    checkTimeConsistency(dateTime, sunTimes, phase) {
-        const result = {
-            consistent: true,
-            warnings: []
-        };
-
-        // 夜間なのに太陽が見える、など
-        const hour = dateTime.getHours();
-        
-        if (phase === 'night' && hour >= 6 && hour <= 18) {
-            result.consistent = false;
-            result.warnings.push('夜間フェーズですが、昼間の時刻です');
-        }
-
-        if ((phase === 'morning' || phase === 'afternoon') && (hour < 6 || hour > 18)) {
-            result.consistent = false;
-            result.warnings.push('昼間フェーズですが、夜間の時刻です');
-        }
-
-        return result;
-    }
-
-    /**
-     * 影の方向を取得
-     * @param {object} sunPosition - 太陽位置
-     * @returns {string} 方角の説明
-     */
-    getShadowDirection(sunPosition) {
-        const azimuth = this.normalizeAzimuth(this.radiansToDegrees(sunPosition.azimuth));
-        const shadowDirection = (azimuth + 180) % 360;
-        return this.degreesToCardinal(shadowDirection);
-    }
-
-    /**
-     * 光の方向を取得
-     * @param {object} sunPosition - 太陽位置
-     * @returns {string} 方角の説明
-     */
-    getLightDirection(sunPosition) {
-        const azimuth = this.normalizeAzimuth(this.radiansToDegrees(sunPosition.azimuth));
-        return this.degreesToCardinal(azimuth);
-    }
-
-    /**
-     * 影の説明を生成
-     * @param {number} elevation - 太陽高度
-     * @param {number} azimuth - 太陽方位
-     * @returns {string} 影の説明
-     */
-    describeShadow(elevation, azimuth) {
-        if (elevation <= 0) return '影なし（太陽が地平線下）';
-
-        const length = this.calculateRelativeShadowLength(elevation);
-        const direction = this.degreesToCardinal((azimuth + 180) % 360);
-
-        let lengthDesc;
-        if (length > 10) lengthDesc = '非常に長い';
-        else if (length > 5) lengthDesc = '長い';
-        else if (length > 2) lengthDesc = '普通';
-        else if (length > 1) lengthDesc = '短い';
-        else lengthDesc = '非常に短い';
-
-        return `${direction}方向に${lengthDesc}影`;
-    }
-
-    /**
-     * 太陽データをフォーマット
-     * @param {object} sunData - 太陽データ
-     * @returns {object} フォーマット済みデータ
-     */
-    formatSunData(sunData) {
-        return {
-            elevation: `${sunData.position.elevation.toFixed(1)}°`,
-            azimuth: `${sunData.position.azimuth.toFixed(1)}° (${this.degreesToCardinal(sunData.position.azimuth)})`,
-            phase: this.getPhaseDisplayName(sunData.analysis.phase),
-            times: {
-                sunrise: window.WhereShotUtils.DateUtils.formatDateTime(sunData.times.sunrise),
-                sunset: window.WhereShotUtils.DateUtils.formatDateTime(sunData.times.sunset),
-                solarNoon: window.WhereShotUtils.DateUtils.formatDateTime(sunData.times.solarNoon)
-            },
-            shadow: {
-                direction: `${sunData.shadow.direction.toFixed(0)}° (${this.degreesToCardinal(sunData.shadow.direction)})`,
-                description: sunData.shadow.description
-            }
-        };
-    }
-
-    /**
-     * フェーズの表示名を取得
-     * @param {string} phase - フェーズ名
-     * @returns {string} 表示名
-     */
-    getPhaseDisplayName(phase) {
-        const phaseNames = {
-            'night': '夜間',
-            'dawn': '明け方',
-            'golden-hour-morning': '朝のゴールデンアワー',
-            'morning': '午前',
-            'afternoon': '午後',
-            'golden-hour-evening': '夕方のゴールデンアワー',
-            'sunset': '夕暮れ'
-        };
-
-        return phaseNames[phase] || phase;
-    }
-
-    /**
-     * ラジアンを度に変換
-     * @param {number} radians - ラジアン
-     * @returns {number} 度
-     */
-    radiansToDegrees(radians) {
-        return radians * 180 / Math.PI;
-    }
-
-    /**
-     * 度をラジアンに変換
-     * @param {number} degrees - 度
-     * @returns {number} ラジアン
-     */
-    degreesToRadians(degrees) {
-        return degrees * Math.PI / 180;
-    }
-
-    /**
-     * 方位角を0-360度に正規化
-     * @param {number} azimuth - 方位角
-     * @returns {number} 正規化された方位角
-     */
-    normalizeAzimuth(azimuth) {
-        azimuth = azimuth + 180; // SunCalcは南を0度とするため、北を0度に変換
-        return (azimuth % 360 + 360) % 360;
-    }
-
-    /**
-     * 度を方角に変換
-     * @param {number} degrees - 度
-     * @returns {string} 方角
-     */
-    degreesToCardinal(degrees) {
-        const directions = [
-            'N', 'NNE', 'NE', 'ENE',
-            'E', 'ESE', 'SE', 'SSE',
-            'S', 'SSW', 'SW', 'WSW',
-            'W', 'WNW', 'NW', 'NNW'
-        ];
-        
-        const index = Math.round(degrees / 22.5) % 16;
-        return directions[index];
+    calculateSunPosition(latitude, longitude, utcMs) {
+        this.currentPosition = { latitude, longitude };
+        this.currentDateTime = utcMs;
+        this.sunData = WhereShotLogic.sunReport(SunCalc, latitude, longitude, utcMs);
+        return this.sunData;
     }
-
     /**
      * 現在の太陽データを取得
      * @returns {object|null} 太陽データ
@@ -415,41 +31,6 @@ class SunCalculator {
         return this.sunData;
     }
 
-    /**
-     * SunCalc.org URLを生成
-     * @param {number} latitude - 緯度
-     * @param {number} longitude - 経度
-     * @param {Date} dateTime - 日時
-     * @returns {string} SunCalc.org URL
-     */
-    generateSunCalcURL(latitude, longitude, dateTime) {
-        return window.WhereShotUtils.URLUtils.generateSunCalcURL(latitude, longitude, dateTime);
-    }
-
-    /**
-     * 影の検証ツール
-     * @param {number} observedShadowDirection - 観察された影の方向（度）
-     * @param {number} tolerance - 許容誤差（度）
-     * @returns {object} 検証結果
-     */
-    verifyShadowDirection(observedShadowDirection, tolerance = 15) {
-        if (!this.sunData) {
-            throw new Error('太陽位置が計算されていません');
-        }
-
-        const calculatedDirection = this.sunData.shadow.direction;
-        const difference = Math.abs(calculatedDirection - observedShadowDirection);
-        const normalizedDifference = Math.min(difference, 360 - difference);
-
-        return {
-            calculated: calculatedDirection,
-            observed: observedShadowDirection,
-            difference: normalizedDifference,
-            matches: normalizedDifference <= tolerance,
-            confidence: Math.max(0, 100 - (normalizedDifference / tolerance) * 100)
-        };
-    }
-
     /**
      * データをクリア
      */
@@ -461,4 +42,4 @@ class SunCalculator {
 }
 
 // シングルトンインスタンスを作成
-window.WhereShotSunCalculator = new SunCalculator();
\ No newline at end of file
+window.WhereShotSunCalculator = new SunCalculator();
diff --git a/js/utils.js b/js/utils.js
index 9668ece..7a29986 100644
--- a/js/utils.js
+++ b/js/utils.js
@@ -3,317 +3,6 @@
  * Created by IPUSIRON - セキュリティ重視のOSINTツール
  */
 
-// ========== 日付・時刻ユーティリティ ==========
-const DateUtils = {
-  /**
-   * 日付を読みやすい形式でフォーマット
-   * @param {Date} date - フォーマットする日付
-   * @returns {string} フォーマットされた日付文字列
-   */
-  formatDateTime: (date) => {
-    if (!date || !(date instanceof Date)) return '-';
-
-    const options = {
-      year: 'numeric',
-      month: '2-digit',
-      day: '2-digit',
-      hour: '2-digit',
-      minute: '2-digit',
-      second: '2-digit',
-      timeZoneName: 'short',
-    };
-
-    return date.toLocaleString('ja-JP', options);
-  },
-
-  /**
-   * ISO 8601形式の日付文字列をDateオブジェクトに変換
-   * @param {string} dateString - ISO 8601形式の日付文字列
-   * @returns {Date|null} Dateオブジェクトまたはnull
-   */
-  parseISOString: (dateString) => {
-    if (!dateString) return null;
-
-    try {
-      const date = new Date(dateString);
-      return isNaN(date.getTime()) ? null : date;
-    } catch (error) {
-      console.warn('日付のパースに失敗:', error);
-      return null;
-    }
-  },
-
-  /**
-   * datetime-local input用のフォーマット
-   * @param {Date} date - フォーマットする日付
-   * @returns {string} datetime-local形式の文字列
-   */
-  formatForInput: (date) => {
-    if (!date || !(date instanceof Date)) return '';
-
-    const year = date.getFullYear();
-    const month = String(date.getMonth() + 1).padStart(2, '0');
-    const day = String(date.getDate()).padStart(2, '0');
-    const hours = String(date.getHours()).padStart(2, '0');
-    const minutes = String(date.getMinutes()).padStart(2, '0');
-
-    return `${year}-${month}-${day}T${hours}:${minutes}`;
-  },
-};
-
-// ========== 座標・地理ユーティリティ ==========
-const GeoUtils = {
-  /**
-   * 度分秒形式をデシマル度に変換
-   * @param {number} degrees - 度
-   * @param {number} minutes - 分
-   * @param {number} seconds - 秒
-   * @param {string} direction - 方向 (N/S/E/W)
-   * @returns {number} デシマル度
-   */
-  dmsToDecimal: (degrees, minutes, seconds, direction) => {
-    let decimal = Math.abs(degrees) + minutes / 60 + seconds / 3600;
-
-    if (direction === 'S' || direction === 'W') {
-      decimal = -decimal;
-    }
-
-    return decimal;
-  },
-
-  /**
-   * デシマル度を度分秒形式に変換
-   * @param {number} decimal - デシマル度
-   * @param {boolean} isLatitude - 緯度かどうか
-   * @returns {string} 度分秒形式の文字列
-   */
-  decimalToDms: (decimal, isLatitude = true) => {
-    if (decimal === null || decimal === undefined) return '';
-
-    const absolute = Math.abs(decimal);
-    const degrees = Math.floor(absolute);
-    const minutesFloat = (absolute - degrees) * 60;
-    const minutes = Math.floor(minutesFloat);
-    const seconds = ((minutesFloat - minutes) * 60).toFixed(2);
-
-    let direction;
-    if (isLatitude) {
-      direction = decimal >= 0 ? 'N' : 'S';
-    } else {
-      direction = decimal >= 0 ? 'E' : 'W';
-    }
-
-    return `${degrees}°${minutes}'${seconds}"${direction}`;
-  },
-
-  /**
-   * 座標を読みやすい形式でフォーマット
-   * @param {number} lat - 緯度
-   * @param {number} lng - 経度
-   * @returns {string} フォーマットされた座標文字列
-   */
-  formatCoordinates: (lat, lng) => {
-    if (
-      lat === null ||
-      lng === null ||
-      lat === undefined ||
-      lng === undefined
-    ) {
-      return 'GPS情報なし';
-    }
-
-    const latDms = GeoUtils.decimalToDms(lat, true);
-    const lngDms = GeoUtils.decimalToDms(lng, false);
-
-    return `${latDms}, ${lngDms}\n(${lat.toFixed(6)}, ${lng.toFixed(6)})`;
-  },
-
-  /**
-   * 2点間の距離を計算（ハーバサイン公式）
-   * @param {number} lat1 - 地点1の緯度
-   * @param {number} lng1 - 地点1の経度
-   * @param {number} lat2 - 地点2の緯度
-   * @param {number} lng2 - 地点2の経度
-   * @returns {number} 距離（メートル）
-   */
-  calculateDistance: (lat1, lng1, lat2, lng2) => {
-    const R = 6371000; // 地球の半径（メートル）
-    const φ1 = (lat1 * Math.PI) / 180;
-    const φ2 = (lat2 * Math.PI) / 180;
-    const Δφ = ((lat2 - lat1) * Math.PI) / 180;
-    const Δλ = ((lng2 - lng1) * Math.PI) / 180;
-
-    const a =
-      Math.sin(Δφ / 2) * Math.sin(Δφ / 2) +
-      Math.cos(φ1) * Math.cos(φ2) * Math.sin(Δλ / 2) * Math.sin(Δλ / 2);
-    const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
-
-    return R * c;
-  },
-};
-
-// ========== 外部URL生成ユーティリティ ==========
-const URLUtils = {
-  /**
-   * NASA Worldview URL生成
-   * @param {number} lat - 緯度
-   * @param {number} lng - 経度
-   * @param {Date} date - 日付
-   * @returns {string} NASA Worldview URL
-   */
-  generateNASAWorldviewURL: (lat, lng, date) => {
-    if (!lat || !lng) return '#';
-
-    // 日付をYYYY-MM-DD形式に変換
-    const dateStr = date
-      ? date.toISOString().split('T')[0]
-      : new Date().toISOString().split('T')[0];
-
-    // 座標範囲を計算（適度なズームレベルになるよう調整）
-    const margin = 1.0; // 度単位での表示範囲
-    const minLon = lng - margin;
-    const minLat = lat - margin;
-    const maxLon = lng + margin;
-    const maxLat = lat + margin;
-
-    // 確実に表示されるレイヤーの組み合わせ
-    const layers = [
-      'MODIS_Terra_CorrectedReflectance_TrueColor',
-      'MODIS_Aqua_CorrectedReflectance_TrueColor',
-      'VIIRS_SNPP_CorrectedReflectance_TrueColor',
-      'Reference_Labels_15m', // 地名ラベル
-      'Reference_Features_15m', // 海岸線・国境
-    ];
-
-    // URLを構築（zパラメータを除去し、vパラメータのみ使用）
-    const baseURL = 'https://worldview.earthdata.nasa.gov/';
-    const params = new URLSearchParams({
-      v: `${minLon},${minLat},${maxLon},${maxLat}`,
-      t: dateStr,
-      l: layers.join(','),
-    });
-
-    const finalURL = `${baseURL}?${params.toString()}`;
-
-    console.log('[NASA Worldview] Generated URL:', finalURL);
-    return finalURL;
-  },
-
-  /**
-   * 地理院地図 URL生成
-   * @param {number} lat - 緯度
-   * @param {number} lng - 経度
-   * @returns {string} 地理院地図 URL
-   */
-  generateGSIMapURL: (lat, lng) => {
-    if (!lat || !lng) return '#';
-
-    const zoom = 15;
-    return `https://maps.gsi.go.jp/#${zoom}/${lat}/${lng}/&base=std&ls=std&disp=1&vs=c1j0h0k0l0u0t0z0r0s0m0f1`;
-  },
-
-  /**
-   * 地理院地図（空中写真）URL生成
-   * @param {number} lat - 緯度
-   * @param {number} lng - 経度
-   * @returns {string} 地理院地図（空中写真）URL
-   */
-  generateGSIPhotoURL: (lat, lng) => {
-    if (!lat || !lng) return '#';
-
-    const zoom = 15;
-    return `https://maps.gsi.go.jp/#${zoom}/${lat}/${lng}/&base=ort&ls=ort&disp=1&vs=c1j0h0k0l0u0t0z0r0s0m0f1`;
-  },
-
-  /**
-   * 気象庁 過去の天気 URL生成
-   * @param {number} lat - 緯度
-   * @param {number} lng - 経度
-   * @param {Date} date - 日付
-   * @returns {string} 気象庁 URL
-   */
-  generateWeatherURL: (lat, lng, date) => {
-    if (!date || !lat || !lng || !window.WhereShotStations?.length) {
-      return 'https://www.data.jma.go.jp/obd/stats/etrn/index.php';
-    }
-
-    const year = date.getFullYear();
-    const month = date.getMonth() + 1;
-    const day = date.getDate();
-
-    // 最も近い観測所を選ぶ
-    const nearest = window.WhereShotStations.reduce((best, station) => {
-      const d = window.WhereShotUtils.GeoUtils.calculateDistance(
-        lat,
-        lng,
-        station.lat,
-        station.lng
-      );
-      return !best || d < best.distance ? { ...station, distance: d } : best;
-    }, null);
-
-    if (!nearest) {
-      return 'https://www.data.jma.go.jp/obd/stats/etrn/index.php';
-    }
-
-    const params = new URLSearchParams({
-      prec_no: nearest.prec_no.toString(),
-      block_no: nearest.block_no.toString(),
-      year: year.toString(),
-      month: month.toString(),
-      day: day.toString(),
-      view: 'a4s',
-    });
-
-    const finalURL = `https://ds.data.jma.go.jp/obd/stats/etrn/view/daily_s1.php?${params.toString()}`;
-    
-    console.log(
-      `[WeatherURL] Generated for ${nearest.name} (${year}/${month}/${day}):`,
-      finalURL
-    );
-
-    return finalURL;
-  },
-
-  /**
-   * Google Street View URL生成
-   * @param {number} lat - 緯度
-   * @param {number} lng - 経度
-   * @returns {string} Street View URL
-   */
-  generateStreetViewURL: (lat, lng) => {
-    if (!lat || !lng) return '#';
-
-    return `https://www.google.com/maps/@?api=1&map_action=pano&viewpoint=${lat},${lng}`;
-  },
-
-  /**
-   * SunCalc.org URL生成
-   * @param {number} lat - 緯度
-   * @param {number} lng - 経度
-   * @param {Date} date - 日付
-   * @returns {string} SunCalc.org URL
-   */
-  generateSunCalcURL: (lat, lng, date) => {
-    if (!lat || !lng) return '#';
-
-    const dateStr = date
-      ? date.toISOString().split('T')[0]
-      : new Date().toISOString().split('T')[0];
-    return `https://www.suncalc.org/#/${lat},${lng},15/${dateStr}/12:00/1/3`;
-  },
-
-  /**
-   * 類似画像検索URL生成（更新版）
-   * @param {File} imageFile - 検索対象の画像ファイル（オプション）
-   * @returns {string} 検索URL
-   */
-  generateReverseImageURL: (imageFile = null) => {
-    // 基本的にはGoogle Imagesの検索ページ
-    return 'https://images.google.com/';
-  },
-};
-
 // ========== ファイルユーティリティ ==========
 const FileUtils = {
   /**
@@ -339,22 +28,8 @@ const FileUtils = {
   getFileType: (fileName) => {
     const extension = fileName.split('.').pop().toLowerCase();
 
-    const imageTypes = [
-      'jpg',
-      'jpeg',
-      'png',
-      'gif',
-      'bmp',
-      'tiff',
-      'tif',
-      'webp',
-    ];
-    const videoTypes = ['mp4', 'avi', 'mov', 'wmv', 'flv', 'webm'];
-
-    if (imageTypes.includes(extension)) return 'image';
-    if (videoTypes.includes(extension)) return 'video';
-
-    return 'unknown';
+    const imageTypes = ['jpg', 'jpeg', 'png', 'tiff', 'tif', 'webp', 'heic', 'heif'];
+    return imageTypes.includes(extension) ? 'image' : 'unknown';
   },
 
   /**
@@ -364,7 +39,9 @@ const FileUtils = {
    */
   validateFile: (file) => {
     const maxSize = 100 * 1024 * 1024; // 100MB
-    const allowedTypes = ['image/jpeg', 'image/png', 'image/tiff', 'video/mp4'];
+    const allowedTypes = [
+      'image/jpeg', 'image/png', 'image/tiff', 'image/webp', 'image/heic', 'image/heif',
+    ];
 
     const result = {
       isValid: true,
@@ -398,7 +75,7 @@ const UIUtils = {
     const el =
       typeof element === 'string' ? document.getElementById(element) : element;
     if (el) {
-      el.style.display = show ? 'block' : 'none';
+      el.hidden = !show;
     }
   },
 
@@ -409,23 +86,10 @@ const UIUtils = {
    */
   showError: (message, duration = 5000) => {
     const errorDiv = document.createElement('div');
-    errorDiv.className = 'error-message';
-    errorDiv.style.cssText = `
-            position: fixed;
-            top: 20px;
-            right: 20px;
-            background: var(--danger-color);
-            color: white;
-            padding: 1rem;
-            border-radius: 0.375rem;
-            box-shadow: var(--shadow-md);
-            z-index: 1001;
-            max-width: 400px;
-            word-wrap: break-word;
-        `;
+    errorDiv.className = 'toast toast--error';
     errorDiv.textContent = message;
 
-    document.body.appendChild(errorDiv);
+    document.getElementById('toast-region').appendChild(errorDiv);
 
     setTimeout(() => {
       if (errorDiv.parentNode) {
@@ -441,23 +105,10 @@ const UIUtils = {
    */
   showSuccess: (message, duration = 3000) => {
     const successDiv = document.createElement('div');
-    successDiv.className = 'success-message';
-    successDiv.style.cssText = `
-            position: fixed;
-            top: 20px;
-            right: 20px;
-            background: var(--success-color);
-            color: white;
-            padding: 1rem;
-            border-radius: 0.375rem;
-            box-shadow: var(--shadow-md);
-            z-index: 1001;
-            max-width: 400px;
-            word-wrap: break-word;
-        `;
+    successDiv.className = 'toast toast--success';
     successDiv.textContent = message;
 
-    document.body.appendChild(successDiv);
+    document.getElementById('toast-region').appendChild(successDiv);
 
     setTimeout(() => {
       if (successDiv.parentNode) {
@@ -476,33 +127,15 @@ const UIUtils = {
       typeof element === 'string' ? document.getElementById(element) : element;
     if (!el) return;
 
-    if (show) {
-      el.style.opacity = '0.5';
-      el.style.pointerEvents = 'none';
-    } else {
-      el.style.opacity = '1';
-      el.style.pointerEvents = 'auto';
-    }
+    el.classList.toggle('is-loading', show);
+    el.setAttribute('aria-busy', String(show));
   },
 };
 
 // ========== セキュリティユーティリティ ==========
 const SecurityUtils = {
   /**
-   * XSSを防ぐためのHTMLエスケープ
-   * @param {string} str - エスケープする文字列
-   * @returns {string} エスケープされた文字列
-   */
-  escapeHtml: (str) => {
-    if (!str) return '';
-
-    const div = document.createElement('div');
-    div.textContent = str;
-    return div.innerHTML;
-  },
-
-  /**
-   * 機密データのクリア（メモリ内のデータを安全に削除）
+   * 機密データの参照をクリア（メモリの安全な消去を保証しない）
    * @param {object} obj - クリアするオブジェクト
    */
   clearSensitiveData: (obj) => {
@@ -537,9 +170,6 @@ const SecurityUtils = {
 
 // ========== エクスポート ==========
 window.WhereShotUtils = {
-  DateUtils,
-  GeoUtils,
-  URLUtils,
   FileUtils,
   UIUtils,
   SecurityUtils,
diff --git a/js/whereshot-logic.js b/js/whereshot-logic.js
new file mode 100644
index 0000000..88b4bf9
--- /dev/null
+++ b/js/whereshot-logic.js
@@ -0,0 +1,536 @@
+/**
+ * WhereShot - 時刻・Exif・太陽位置・地理情報の純粋ロジック
+ * Created by IPUSIRON - セキュリティ重視のOSINTツール
+ * 壁時計とUTCの瞬間を分離し、閲覧環境に依存せず計算する。
+ */
+'use strict';
+
+const WhereShotLogic = (() => {
+  const DAY_MS = 86400000;
+  const pad = (n) => String(n).padStart(2, '0');
+  const rad = (d) => d * Math.PI / 180;
+  const deg = (r) => r * 180 / Math.PI;
+  const normalizeDegrees = (d) => ((d % 360) + 360) % 360;
+
+  // ========== 日付・時刻ユーティリティ ==========
+  function isValidWall(w) {
+    if (!w || typeof w !== 'object') return false;
+    const keys = ['year', 'month', 'day', 'hour', 'minute', 'second'];
+    if (!keys.every((k) => Number.isInteger(w[k]))) return false;
+    if (w.year < 1900 || w.year > 2100 || w.month < 1 || w.month > 12) return false;
+    const days = new Date(Date.UTC(w.year, w.month, 0)).getUTCDate();
+    return w.day >= 1 && w.day <= days && w.hour >= 0 && w.hour <= 23
+      && w.minute >= 0 && w.minute <= 59 && w.second >= 0 && w.second <= 59;
+  }
+
+  function wallFromMatch(m, hasTime = true) {
+    return {
+      year: +m[1], month: +m[2], day: +m[3],
+      hour: hasTime ? +m[4] : 12,
+      minute: hasTime ? +m[5] : 0,
+      second: hasTime ? +(m[6] || 0) : 0,
+    };
+  }
+
+  function parseExifDateTime(str) {
+    if (typeof str !== 'string') return null;
+    const m = /^(\d{4}):(\d{2}):(\d{2}) (\d{2}):(\d{2}):(\d{2})/.exec(str);
+    const w = m ? wallFromMatch(m) : null;
+    return isValidWall(w) ? w : null;
+  }
+
+  function validOffset(n) {
+    return Number.isInteger(n) && n >= -720 && n <= 840;
+  }
+
+  function parseOffset(str) {
+    if (typeof str !== 'string') return null;
+    if (str === 'Z') return 0;
+    const m = /^([+-])(\d{2}):(\d{2})$/.exec(str);
+    if (!m || +m[3] > 59) return null;
+    const n = (m[1] === '-' ? -1 : 1) * (+m[2] * 60 + +m[3]);
+    return validOffset(n) ? n : null;
+  }
+
+  function formatOffset(n) {
+    if (!validOffset(n)) return '';
+    const a = Math.abs(n);
+    return `${n < 0 ? '-' : '+'}${pad(Math.floor(a / 60))}:${pad(a % 60)}`;
+  }
+
+  function wallToUtcMs(w, offsetMin) {
+    if (!isValidWall(w) || !validOffset(offsetMin)) return null;
+    return Date.UTC(w.year, w.month - 1, w.day, w.hour, w.minute, w.second) - offsetMin * 60000;
+  }
+
+  function utcMsToWall(ms, offsetMin) {
+    if (!Number.isFinite(ms) || !validOffset(offsetMin)) return null;
+    const d = new Date(ms + offsetMin * 60000);
+    if (!Number.isFinite(d.getTime())) return null;
+    return {
+      year: d.getUTCFullYear(), month: d.getUTCMonth() + 1, day: d.getUTCDate(),
+      hour: d.getUTCHours(), minute: d.getUTCMinutes(), second: d.getUTCSeconds(),
+    };
+  }
+
+  function formatWall(w, offsetMin = null) {
+    if (!isValidWall(w)) return '不明';
+    const base = `${w.year}/${pad(w.month)}/${pad(w.day)} ${pad(w.hour)}:${pad(w.minute)}:${pad(w.second)}`;
+    return offsetMin === null ? base : `${base}（UTC${formatOffset(offsetMin)}）`;
+  }
+
+  function formatUtc(ms) {
+    const w = utcMsToWall(ms, 0);
+    if (!w) return '不明';
+    return `${w.year}-${pad(w.month)}-${pad(w.day)} ${pad(w.hour)}:${pad(w.minute)}:${pad(w.second)} UTC`;
+  }
+
+  function wallToInputValue(w) {
+    if (!isValidWall(w)) return '';
+    return `${w.year}-${pad(w.month)}-${pad(w.day)}T${pad(w.hour)}:${pad(w.minute)}:${pad(w.second)}`;
+  }
+
+  function inputValueToWall(v) {
+    if (typeof v !== 'string') return null;
+    const m = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2})(?::(\d{2}))?$/.exec(v);
+    const w = m ? wallFromMatch(m) : null;
+    return isValidWall(w) ? w : null;
+  }
+
+  function gpsDateTimeToUtcMs(dateStamp, timeStamp) {
+    if (typeof dateStamp !== 'string' || !Array.isArray(timeStamp) || timeStamp.length !== 3) return null;
+    const m = /^(\d{4}):(\d{2}):(\d{2})$/.exec(dateStamp);
+    if (!m || !timeStamp.every(Number.isFinite)) return null;
+    const [hour, minute, seconds] = timeStamp;
+    if (seconds < 0 || seconds >= 60) return null;
+    const w = { year: +m[1], month: +m[2], day: +m[3], hour, minute, second: Math.floor(seconds) };
+    return wallToUtcMs(w, 0);
+  }
+
+  function inferOffsetFromGps(wall, gpsUtcMs) {
+    if (!isValidWall(wall) || !Number.isFinite(gpsUtcMs)) return null;
+    const diffSec = (wallToUtcMs(wall, 0) - gpsUtcMs) / 1000;
+    const offsetMin = Math.round(diffSec / 900) * 15;
+    const residualSec = diffSec - offsetMin * 60;
+    if (!validOffset(offsetMin) || Math.abs(residualSec) > 300) return null;
+    return { offsetMin, residualSec };
+  }
+
+  function longitudeOffsetHint(lng) {
+    return Number.isFinite(lng) ? Math.max(-720, Math.min(840, Math.round(lng / 15) * 60)) : null;
+  }
+
+  function decideOffset(input = {}) {
+    const { exifOffset, wall, gpsUtcMs, browserOffsetMin = 0 } = input || {};
+    const fromExif = parseOffset(exifOffset);
+    const fromGps = inferOffsetFromGps(wall, gpsUtcMs);
+    if (fromExif !== null) {
+      return {
+        offsetMin: fromExif, source: 'exif', residualSec: null,
+        conflict: !!fromGps && fromGps.offsetMin !== fromExif,
+      };
+    }
+    if (fromGps) return { ...fromGps, source: 'gps', conflict: false };
+    return {
+      offsetMin: validOffset(browserOffsetMin) ? browserOffsetMin : 0,
+      source: 'browser', residualSec: null, conflict: false,
+    };
+  }
+
+  const OFFSET_CHOICES = [
+    -720, -660, -600, -570, -540, -480, -420, -360, -300, -240, -210, -180, -120, -60, 0,
+    60, 120, 180, 210, 240, 270, 300, 330, 345, 360, 390, 420, 480, 525, 540, 570, 600,
+    630, 660, 720, 765, 780, 840,
+  ];
+
+  // ========== 座標・地理ユーティリティ ==========
+  const EARTH_RADIUS = 6371000;
+  function isValidLatLng(lat, lng) {
+    return Number.isFinite(lat) && Number.isFinite(lng) && lat >= -90 && lat <= 90 && lng >= -180 && lng <= 180;
+  }
+
+  /** 2点間の距離を計算（ハーバサイン公式、メートル）。 */
+  function distanceM(lat1, lng1, lat2, lng2) {
+    const a = Math.sin(rad(lat2 - lat1) / 2) ** 2
+      + Math.cos(rad(lat1)) * Math.cos(rad(lat2)) * Math.sin(rad(lng2 - lng1) / 2) ** 2;
+    return EARTH_RADIUS * 2 * Math.atan2(Math.sqrt(a), Math.sqrt(Math.max(0, 1 - a)));
+  }
+
+  function bearing(lat1, lng1, lat2, lng2) {
+    const y = Math.sin(rad(lng2 - lng1)) * Math.cos(rad(lat2));
+    const x = Math.cos(rad(lat1)) * Math.sin(rad(lat2))
+      - Math.sin(rad(lat1)) * Math.cos(rad(lat2)) * Math.cos(rad(lng2 - lng1));
+    return normalizeDegrees(deg(Math.atan2(y, x)));
+  }
+
+  function destinationPoint(lat, lng, bearingDeg, distM) {
+    const d = distM / EARTH_RADIUS;
+    const b = rad(bearingDeg);
+    const p1 = rad(lat);
+    const l1 = rad(lng);
+    const p2 = Math.asin(Math.sin(p1) * Math.cos(d) + Math.cos(p1) * Math.sin(d) * Math.cos(b));
+    const l2 = l1 + Math.atan2(Math.sin(b) * Math.sin(d) * Math.cos(p1), Math.cos(d) - Math.sin(p1) * Math.sin(p2));
+    return { lat: deg(p2), lng: ((deg(l2) + 540) % 360) - 180 };
+  }
+
+  const CARDINALS_JA = [
+    '北', '北北東', '北東', '東北東', '東', '東南東', '南東', '南南東',
+    '南', '南南西', '南西', '西南西', '西', '西北西', '北西', '北北西',
+  ];
+  function toCardinalJa(d) {
+    return Number.isFinite(d) ? CARDINALS_JA[Math.round(normalizeDegrees(d) / 22.5) % 16] : '不明';
+  }
+
+  function decimalToDms(value, isLat) {
+    if (!Number.isFinite(value)) return '';
+    // 最初に1/100秒へ丸め、60秒・60分の繰り上げを保証する。
+    const total = Math.round(Math.abs(value) * 360000);
+    const degrees = Math.floor(total / 360000);
+    const minutes = Math.floor((total % 360000) / 6000);
+    const seconds = (total % 6000) / 100;
+    const dir = isLat ? (value >= 0 ? 'N' : 'S') : (value >= 0 ? 'E' : 'W');
+    return `${degrees}°${minutes}'${seconds.toFixed(2)}"${dir}`;
+  }
+
+  function nearestStation(lat, lng, stations, maxKm = 200) {
+    if (!isValidLatLng(lat, lng) || !Array.isArray(stations) || !Number.isFinite(maxKm)) return null;
+    let best = null;
+    for (const station of stations) {
+      if (!station || !isValidLatLng(station.lat, station.lng)) continue;
+      const km = distanceM(lat, lng, station.lat, station.lng) / 1000;
+      if (km <= maxKm && (!best || km < best.distanceKm)) best = { station, distanceKm: km };
+    }
+    return best ? { station: best.station, distanceKm: Math.round(best.distanceKm) } : null;
+  }
+
+  // ========== 外部URL生成ユーティリティ ==========
+  const c6 = (v) => Number(v.toFixed(6));
+  function nasaWorldviewUrl(lat, lng, wall) {
+    if (!isValidLatLng(lat, lng) || !isValidWall(wall)) return null;
+    const v = [c6(lng - 1), c6(lat - 1), c6(lng + 1), c6(lat + 1)].join(',');
+    const layers = [
+      'MODIS_Terra_CorrectedReflectance_TrueColor', 'MODIS_Aqua_CorrectedReflectance_TrueColor',
+      'VIIRS_SNPP_CorrectedReflectance_TrueColor', 'Reference_Labels_15m', 'Reference_Features_15m',
+    ];
+    const params = new URLSearchParams({ v, t: wallToInputValue(wall).slice(0, 10), l: layers.join(',') });
+    return `https://worldview.earthdata.nasa.gov/?${params}`;
+  }
+
+  function sunCalcOrgUrl(lat, lng, wall) {
+    if (!isValidLatLng(lat, lng) || !isValidWall(wall)) return null;
+    const date = `${wall.year}.${pad(wall.month)}.${pad(wall.day)}`;
+    return `https://www.suncalc.org/#/${c6(lat)},${c6(lng)},15/${date}/${pad(wall.hour)}:${pad(wall.minute)}/1/3`;
+  }
+
+  function gsiMapUrl(lat, lng, photo = false) {
+    if (!isValidLatLng(lat, lng)) return null;
+    const base = photo ? 'ort' : 'std';
+    return `https://maps.gsi.go.jp/#15/${c6(lat)}/${c6(lng)}/&base=${base}&ls=${base}&disp=1&vs=c1j0h0k0l0u0t0z0r0s0m0f1`;
+  }
+
+  function streetViewUrl(lat, lng, headingDeg) {
+    if (!isValidLatLng(lat, lng)) return null;
+    let url = `https://www.google.com/maps/@?api=1&map_action=pano&viewpoint=${c6(lat)},${c6(lng)}`;
+    if (Number.isFinite(headingDeg)) url += `&heading=${Math.round(normalizeDegrees(headingDeg)) % 360}`;
+    return url;
+  }
+
+  const JMA_TOP = 'https://www.data.jma.go.jp/stats/etrn/index.php';
+  function jmaHourlyUrl(lat, lng, utcMs, stations) {
+    if (!isValidLatLng(lat, lng)) return null;
+    const nearest = nearestStation(lat, lng, stations);
+    const day = utcMsToWall(utcMs, 540);
+    if (!nearest || !day) return { url: JMA_TOP, station: null, distanceKm: null };
+    const params = new URLSearchParams({
+      prec_no: nearest.station.prec_no, block_no: nearest.station.block_no,
+      year: day.year, month: day.month, day: day.day, view: '',
+    });
+    return {
+      url: `https://www.data.jma.go.jp/stats/etrn/view/hourly_s1.php?${params}`,
+      station: nearest.station.name, distanceKm: nearest.distanceKm,
+    };
+  }
+
+  // ========== 太陽位置・影 ==========
+  const PHASE_JA = {
+    night: '夜間', dawn: '明け方（薄明）', dusk: '夕暮れ（薄明）',
+    'golden-morning': '朝のゴールデンアワー', 'golden-evening': '夕方のゴールデンアワー',
+    morning: '午前', afternoon: '午後',
+  };
+  function sunPhaseKey(altDeg, azDeg) {
+    const east = azDeg < 180;
+    if (altDeg < -6) return 'night';
+    if (altDeg < -0.833) return east ? 'dawn' : 'dusk';
+    if (altDeg < 6) return east ? 'golden-morning' : 'golden-evening';
+    return east ? 'morning' : 'afternoon';
+  }
+
+  function sunReport(SunCalc, lat, lng, utcMs) {
+    if (!isValidLatLng(lat, lng) || !Number.isFinite(utcMs)) return null;
+    const position = SunCalc.getPosition(new Date(utcMs), lat, lng);
+    const altitudeDeg = deg(position.altitude);
+    const azimuthDeg = normalizeDegrees(deg(position.azimuth) + 180);
+    return {
+      altitudeDeg, azimuthDeg, phase: sunPhaseKey(altitudeDeg, azimuthDeg),
+      shadowDirectionDeg: altitudeDeg > 0 ? (azimuthDeg + 180) % 360 : null,
+      shadowRatio: altitudeDeg > 0 ? 1 / Math.tan(rad(altitudeDeg)) : null,
+    };
+  }
+
+  // ========== ファイル名からの日時（強いパターンから順に） ==========
+  const FILENAME_PATTERNS = [
+    {
+      id: 'ymd-hms-sep', kind: 'wall', hasTime: true, reliability: 0.6,
+      re: /(?<!\d)(\d{4})[-_.\/](\d{1,2})[-_.\/](\d{1,2})(?:[-_ T]| at )(\d{1,2})[-_:.](\d{2})[-_:.](\d{2})(?!\d)/g,
+    },
+    {
+      id: 'ymd-sep-hms-compact', kind: 'wall', hasTime: true, reliability: 0.6,
+      re: /(?<!\d)(\d{4})[-_.](\d{2})[-_.](\d{2})[-_ ](\d{2})(\d{2})(\d{2})(?!\d)/g,
+    },
+    {
+      id: 'pxl-utc', kind: 'utc', hasTime: true, reliability: 0.6,
+      re: /PXL_(\d{4})(\d{2})(\d{2})_(\d{2})(\d{2})(\d{2})\d{3}(?!\d)/gi,
+    },
+    {
+      id: 'ymd-hms-compact', kind: 'wall', hasTime: true, reliability: 0.6,
+      re: /(?<!\d)(\d{4})(\d{2})(\d{2})[-_ ](\d{2})(\d{2})(\d{2})(?!\d)/g,
+    },
+    {
+      id: 'ymdhms-14', kind: 'wall', hasTime: true, reliability: 0.55,
+      re: /(?<!\d)(\d{4})(\d{2})(\d{2})(\d{2})(\d{2})(\d{2})(?!\d)/g,
+    },
+    {
+      id: 'ja-full', kind: 'wall', hasTime: true, reliability: 0.6,
+      re: /(\d{4})年(\d{1,2})月(\d{1,2})日\s?(\d{1,2})時(\d{1,2})分(\d{1,2})秒/g,
+    },
+    {
+      id: 'ymd-sep', kind: 'wall', hasTime: false, reliability: 0.4,
+      re: /(?<!\d)(\d{4})[-_.\/](\d{1,2})[-_.\/](\d{1,2})(?!\d)/g,
+    },
+    {
+      id: 'ymd-8', kind: 'wall', hasTime: false, reliability: 0.4,
+      re: /(?<!\d)(\d{4})(\d{2})(\d{2})(?!\d)/g,
+    },
+    { id: 'ja-date', kind: 'wall', hasTime: false, reliability: 0.4, re: /(\d{4})年(\d{1,2})月(\d{1,2})日/g },
+    { id: 'unix-ms', kind: 'unix-ms', hasTime: true, reliability: 0.5, re: /(?<!\d)(1\d{12})(?!\d)/g },
+    { id: 'unix-s', kind: 'unix-s', hasTime: true, reliability: 0.5, re: /(?<!\d)(1\d{9})(?!\d)/g },
+  ];
+
+  function extractDatesFromFilename(name, nowMs) {
+    if (typeof name !== 'string' || !Number.isFinite(nowMs)) return [];
+    const out = [];
+    const taken = [];
+    const maxYear = new Date(nowMs).getUTCFullYear() + 1;
+    for (const pattern of FILENAME_PATTERNS) {
+      // 呼び出し間で正規表現のlastIndexを共有しない。
+      for (const m of name.matchAll(new RegExp(pattern.re))) {
+        const start = m.index;
+        const end = start + m[0].length;
+        if (taken.some(([a, b]) => start < b && end > a)) continue;
+        let item = null;
+        if (pattern.kind.startsWith('unix')) {
+          const ms = +m[1] * (pattern.kind === 'unix-s' ? 1000 : 1);
+          if (ms >= 1e12 && ms <= nowMs + 7 * DAY_MS) item = { utcMs: ms };
+        } else {
+          const w = wallFromMatch(m, pattern.hasTime);
+          if (isValidWall(w) && w.year >= 1990 && w.year <= maxYear) {
+            item = pattern.kind === 'utc' ? { utcMs: wallToUtcMs(w, 0) } : { wall: w };
+          }
+        }
+        if (item) {
+          taken.push([start, end]);
+          out.push({
+            pattern: pattern.id, matched: m[0], hasTime: pattern.hasTime,
+            reliability: pattern.reliability, ...item,
+          });
+        }
+      }
+    }
+    return out;
+  }
+
+  // ========== 複数のソースから日時を推定 ==========
+  const SOURCE_LABEL = {
+    exif_original: 'Exif撮影日時', gps_utc: 'GPS時刻（UTC）', exif_digitized: 'Exifデジタル化日時',
+    exif_modified: 'Exif更新日時', filename: 'ファイル名', file_modified: 'ファイル更新日時',
+  };
+  function estimateDateTime(input = {}) {
+    const { exif: givenExif, fileName = '', lastModifiedMs, offsetMin = 0, nowMs } = input || {};
+    const exif = givenExif || {};
+    const sources = [];
+    const push = (type, data) => sources.push({ type, label: SOURCE_LABEL[type], ...data });
+    for (const [key, type, reliability] of [
+      ['dateTimeOriginal', 'exif_original', 0.95], ['dateTimeDigitized', 'exif_digitized', 0.85],
+      ['dateTime', 'exif_modified', 0.5],
+    ]) {
+      const wall = parseExifDateTime(exif[key]);
+      if (wall) push(type, { wall, hasTime: true, reliability });
+    }
+    if (Number.isFinite(exif.gpsUtcMs)) push('gps_utc', { utcMs: exif.gpsUtcMs, hasTime: true, reliability: 0.9 });
+    for (const f of extractDatesFromFilename(fileName, nowMs)) {
+      push('filename', { ...f, label: `ファイル名（${f.matched}）` });
+    }
+    if (Number.isFinite(lastModifiedMs)) push('file_modified', { utcMs: lastModifiedMs, hasTime: true, reliability: 0.3 });
+    for (const source of sources) {
+      if (source.wall) source.utcMs = wallToUtcMs(source.wall, offsetMin);
+    }
+    sources.sort((a, b) => Number(b.hasTime) - Number(a.hasTime) || b.reliability - a.reliability);
+
+    // 更新日時は撮影後に変わりうるため、整合度を下げる材料にしない。
+    const secondary = new Set(['exif_modified', 'file_modified']);
+    const primary = sources.filter((source) => !secondary.has(source.type));
+    const conflicts = [];
+    for (let i = 0; i < primary.length; i++) {
+      for (let j = i + 1; j < primary.length; j++) {
+        const tolerance = primary[i].hasTime && primary[j].hasTime ? 3600000 : DAY_MS;
+        const diffMs = Math.abs(primary[i].utcMs - primary[j].utcMs);
+        if (diffMs > tolerance) conflicts.push({ a: primary[i].type, b: primary[j].type, diffMs });
+      }
+    }
+    const pairs = primary.length * (primary.length - 1) / 2;
+    const agreement = pairs ? (pairs - conflicts.length) / pairs : 1;
+    const best = sources[0] || null;
+    const confidence = best ? Math.round(best.reliability * (0.5 + 0.5 * agreement) * 100) / 100 : 0;
+    const notes = [];
+    if (best) {
+      for (const source of sources) {
+        const diffMs = Math.abs(source.utcMs - best.utcMs);
+        if (secondary.has(source.type) && source !== best && diffMs >= 3600000) notes.push({ type: source.type, diffMs });
+      }
+    }
+    return { sources, conflicts, notes, agreement, best, estimatedUtcMs: best ? best.utcMs : null, confidence };
+  }
+
+  // ========== ExifReaderのexpandedタグを平たい値にする ==========
+  function tagString(tag) {
+    if (!tag || typeof tag !== 'object') return null;
+    const value = Array.isArray(tag.value) ? tag.value[0] : tag.value;
+    return typeof value === 'string' ? value : (typeof tag.description === 'string' ? tag.description || null : null);
+  }
+
+  function ratio(value) {
+    if (Array.isArray(value) && value.length === 2 && value.every(Number.isFinite) && value[1] !== 0) {
+      const result = value[0] / value[1];
+      return Number.isFinite(result) ? result : null;
+    }
+    return Number.isFinite(value) ? value : null;
+  }
+
+  function cleanText(value) {
+    if (typeof value !== 'string') return null;
+    const text = value.replace(/[\u0000-\u001f\u007f-\u009f]/g, '').trim();
+    return text ? Array.from(text).slice(0, 200).join('') : null;
+  }
+
+  function normalizeTags(tags) {
+    const e = tags?.exif || {};
+    const g = tags?.gps || {};
+    const ts = Array.isArray(e.GPSTimeStamp?.value) ? e.GPSTimeStamp.value.map(ratio) : null;
+    const direction = ratio(e.GPSImgDirection?.value);
+    const directionRef = tagString(e.GPSImgDirectionRef);
+    const coordinatesValid = isValidLatLng(g.Latitude, g.Longitude);
+    const isoValue = e.ISOSpeedRatings?.value;
+    const iso = Array.isArray(isoValue) ? isoValue[0] : isoValue;
+    const accuracy = ratio(e.GPSHPositioningError?.value);
+    return {
+      dateTimeOriginal: tagString(e.DateTimeOriginal),
+      dateTimeDigitized: tagString(e.DateTimeDigitized),
+      dateTime: tagString(e.DateTime),
+      offsetTimeOriginal: tagString(e.OffsetTimeOriginal),
+      offsetTime: tagString(e.OffsetTime),
+      gpsUtcMs: gpsDateTimeToUtcMs(tagString(e.GPSDateStamp), ts),
+      latitude: coordinatesValid ? g.Latitude : null,
+      longitude: coordinatesValid ? g.Longitude : null,
+      altitude: Number.isFinite(g.Altitude) ? g.Altitude : null,
+      imgDirection: Number.isFinite(direction) && direction >= 0 && direction < 360 ? direction : null,
+      imgDirectionRef: ['T', 'M'].includes(directionRef) ? directionRef : null,
+      hPositioningError: Number.isFinite(accuracy) && accuracy >= 0 ? accuracy : null,
+      make: cleanText(tagString(e.Make)),
+      model: cleanText(tagString(e.Model)),
+      software: cleanText(tagString(e.Software)),
+      lensModel: cleanText(tagString(e.LensModel)),
+      exposureTime: ratio(e.ExposureTime?.value),
+      fNumber: ratio(e.FNumber?.value),
+      iso: Number.isFinite(iso) ? iso : null,
+      focalLength: ratio(e.FocalLength?.value),
+    };
+  }
+
+  function formatExposure(time) {
+    if (!Number.isFinite(time) || time <= 0) return null;
+    return time >= 1 ? `${Number(time.toFixed(1))}s` : `1/${Math.round(1 / time)}s`;
+  }
+
+  function formatCamera(make, model) {
+    const safeMake = cleanText(make);
+    const safeModel = cleanText(model);
+    if (!safeMake && !safeModel) return '不明';
+    if (!safeMake) return safeModel;
+    if (!safeModel) return safeMake;
+    return safeModel.toLowerCase().includes(safeMake.toLowerCase()) ? safeModel : `${safeMake} ${safeModel}`;
+  }
+
+  // ========== レポート（作成時刻も呼び出し側が指定） ==========
+  const OFFSET_SOURCE_JA = {
+    exif: 'ExifのOffsetTimeOriginal', gps: 'GPS時刻との差から推定',
+    browser: 'ブラウザーのタイムゾーン（要確認）', manual: '手動で指定',
+  };
+  const LOCATION_SOURCE_JA = { exif: 'ExifのGPS', manual: '地図で手動指定' };
+  function formatInt(n) {
+    return Number.isFinite(n) ? String(Math.trunc(n)).replace(/\B(?=(\d{3})+(?!\d))/g, ',') : '0';
+  }
+
+  function buildReport(input) {
+    const d = input && typeof input === 'object' ? input : {};
+    const lines = ['WhereShot 解析レポート'];
+    lines.push(`ファイル: ${d.fileName || '不明'}（${formatInt(d.fileSize)} バイト、${d.fileType || '種類不明'}）`);
+    lines.push(`SHA-256: ${d.sha256 || '未計算'}`);
+    if (isValidWall(d.wall) && validOffset(d.offsetMin)) {
+      lines.push(`撮影日時（現地）: ${formatWall(d.wall, d.offsetMin)}`);
+      lines.push(`撮影日時（UTC）: ${formatUtc(wallToUtcMs(d.wall, d.offsetMin))}`);
+      const residual = d.offsetSource === 'gps' && Number.isFinite(d.residualSec) ? `（残差 ${d.residualSec} 秒）` : '';
+      lines.push(`UTCオフセットの根拠: ${OFFSET_SOURCE_JA[d.offsetSource] || '不明'}${residual}`);
+      lines.push(`日時の根拠: ${d.dateSourceLabel || '不明'}（整合度 ${Math.round((d.confidence || 0) * 100)}%）`);
+    } else {
+      lines.push('撮影日時: 不明');
+    }
+    if (isValidLatLng(d.latitude, d.longitude)) {
+      const coordinates = `${d.latitude.toFixed(6)}, ${d.longitude.toFixed(6)}`;
+      lines.push(`位置: ${coordinates}（${decimalToDms(d.latitude, true)}, ${decimalToDms(d.longitude, false)}）`);
+      lines.push(`位置の根拠: ${LOCATION_SOURCE_JA[d.locationSource] || '不明'}`);
+    } else {
+      lines.push('位置: 不明');
+    }
+    lines.push(Number.isFinite(d.directionDeg)
+      ? `撮影方位: ${d.directionDeg.toFixed(1)}°（${toCardinalJa(d.directionDeg)}）` : '撮影方位: 記録なし');
+    if (d.sun && Number.isFinite(d.sun.altitudeDeg) && Number.isFinite(d.sun.azimuthDeg)) {
+      const sun = d.sun;
+      const position = `高度 ${sun.altitudeDeg.toFixed(1)}°、方位 ${sun.azimuthDeg.toFixed(1)}°（${toCardinalJa(sun.azimuthDeg)}）`;
+      lines.push(`太陽: ${position}、${PHASE_JA[sun.phase] || '不明'}`);
+      if (Number.isFinite(sun.shadowDirectionDeg) && Number.isFinite(sun.shadowRatio)) {
+        const direction = `${sun.shadowDirectionDeg.toFixed(1)}°（${toCardinalJa(sun.shadowDirectionDeg)}）`;
+        lines.push(`影: ${direction}方向、長さは高さの ${sun.shadowRatio.toFixed(2)} 倍`);
+      } else {
+        lines.push('影: なし（太陽が地平線の下）');
+      }
+    }
+    if (d.station) lines.push(`最寄りの気象庁観測所: ${d.station}（約 ${d.stationKm} km）`);
+    lines.push(`レポート作成: ${formatUtc(d.generatedAtUtcMs)}`);
+    lines.push('注意: Exif・ファイル名・更新日時は書き換えられる。この結果だけで撮影の事実を断定しないこと。');
+    return lines.join('\n');
+  }
+
+  return {
+    isValidWall, parseExifDateTime, parseOffset, formatOffset, wallToUtcMs, utcMsToWall,
+    formatWall, formatUtc, wallToInputValue, inputValueToWall, gpsDateTimeToUtcMs,
+    inferOffsetFromGps, longitudeOffsetHint, decideOffset, OFFSET_CHOICES,
+    isValidLatLng, distanceM, bearing, destinationPoint, toCardinalJa, decimalToDms, nearestStation,
+    nasaWorldviewUrl, sunCalcOrgUrl, gsiMapUrl, streetViewUrl, jmaHourlyUrl, JMA_TOP,
+    sunPhaseKey, sunReport, PHASE_JA, FILENAME_PATTERNS, SOURCE_LABEL,
+    extractDatesFromFilename, estimateDateTime, normalizeTags, formatExposure, formatCamera,
+    buildReport, formatInt,
+  };
+})();
+
+globalThis.WhereShotLogic = WhereShotLogic;
+if (typeof module === 'object' && module.exports) module.exports = WhereShotLogic;
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..6a76c1b
--- /dev/null
+++ b/package.json
@@ -0,0 +1,5 @@
+{
+  "name": "whereshot",
+  "private": true,
+  "scripts": { "test": "node --test" }
+}
diff --git a/test/contrast.test.js b/test/contrast.test.js
new file mode 100644
index 0000000..aaaceb0
--- /dev/null
+++ b/test/contrast.test.js
@@ -0,0 +1,44 @@
+const test = require('node:test');
+const assert = require('node:assert/strict');
+const fs = require('node:fs');
+const path = require('node:path');
+const css = fs.readFileSync(path.join(__dirname, '../css/style.css'), 'utf8');
+const root = css.match(/:root\s*\{([^}]+)\}/)[1];
+const colors = Object.fromEntries([...root.matchAll(/--([\w-]+):\s*(#[0-9a-f]{6});/gi)].map((m) => [m[1], m[2]]));
+function luminance(hex) {
+  const rgb = hex.slice(1).match(/../g).map((v) => parseInt(v, 16) / 255);
+  const linear = rgb.map((v) => v <= 0.04045 ? v / 12.92 : ((v + 0.055) / 1.055) ** 2.4);
+  return linear[0] * 0.2126 + linear[1] * 0.7152 + linear[2] * 0.0722;
+}
+function contrast(a, b) {
+  const values = [luminance(a), luminance(b)].sort((x, y) => y - x);
+  return (values[0] + 0.05) / (values[1] + 0.05);
+}
+const groups = [
+  ['text', ['surface', 'surface-2', 'bg', 'bg-peak'], 4.5],
+  ['text-secondary', ['surface', 'surface-2', 'bg-peak'], 4.5],
+  ['text-muted', ['surface', 'surface-2', 'bg-peak'], 4.5],
+  ['text-accent', ['surface', 'surface-2'], 4.5],
+  ['#ffffff', ['primary', 'danger', 'success', 'external'], 4.5],
+  ['#1f1300', ['warning'], 4.5],
+  ['info', ['surface', 'surface-2'], 4.5],
+  ['link', ['surface', 'bg-peak'], 4.5],
+  ['ok', ['surface', 'surface-2'], 4.5],
+  ['warn', ['surface', 'surface-2'], 4.5],
+  ['err', ['surface', 'surface-2'], 4.5],
+  ['border', ['surface', 'surface-2', 'bg-peak'], 3],
+  ['focus', ['surface', 'bg', 'bg-peak'], 3],
+];
+test('J-2 WCAG 2.2の相対輝度からすべての指定ペアを計算', () => {
+  let checked = 0;
+  for (const [foreground, backgrounds, minimum] of groups) {
+    for (const background of backgrounds) {
+      const value = contrast(colors[foreground] || foreground, colors[background]);
+      assert.ok(value >= minimum, `${foreground}/${background}: ${value}`);
+      checked++;
+    }
+  }
+  assert.equal(checked, 33);
+  for (const name of ['surface', 'surface-2', 'bg', 'bg-peak']) assert.match(colors[name], /^#[0-9a-f]{6}$/);
+  assert.doesNotMatch(css, /(?:outline|accent-color|border(?:-color)?):[^;]*var\(--primary\)/);
+});
diff --git a/test/exif.test.js b/test/exif.test.js
new file mode 100644
index 0000000..adbf285
--- /dev/null
+++ b/test/exif.test.js
@@ -0,0 +1,80 @@
+const test = require('node:test');
+const assert = require('node:assert/strict');
+const { createHash } = require('node:crypto');
+const fs = require('node:fs');
+const path = require('node:path');
+const vm = require('node:vm');
+const { L, exif, buffer, sha256 } = require('./fixtures/sample.cjs');
+
+test('B-8 実画像をExifReaderで読み、平たいメタデータへ正規化する', () => {
+  for (const key of ['dateTimeOriginal', 'dateTimeDigitized', 'dateTime']) {
+    assert.equal(exif[key], '2016:07:24 10:33:57');
+  }
+  for (const key of ['offsetTimeOriginal', 'offsetTime', 'imgDirection', 'software', 'lensModel', 'hPositioningError']) {
+    assert.equal(exif[key], null);
+  }
+  assert.equal(exif.gpsUtcMs, 1469324038000);
+  assert.ok(Math.abs(exif.latitude - 34.28611372222222) < 1e-9);
+  assert.ok(Math.abs(exif.longitude - 133.79983519444446) < 1e-9);
+  assert.equal(exif.altitude, 65);
+  assert.equal(exif.make, 'JIAYU');
+  assert.equal(exif.model, 'S3');
+  assert.equal(exif.exposureTime, 0.000501);
+  assert.equal(exif.fNumber, 2);
+  assert.equal(exif.iso, 114);
+  assert.equal(exif.focalLength, 3.5);
+  assert.equal(createHash('sha256').update(buffer).digest('hex'), sha256);
+  assert.equal(buffer.length, 3571592);
+});
+
+test('B-8 カメラ名・ExposureTime・空のタグ・Unicode', () => {
+  assert.equal(L.formatCamera('JIAYU', 'S3'), 'JIAYU S3');
+  assert.equal(L.formatCamera('Canon', 'Canon EOS R5'), 'Canon EOS R5');
+  assert.equal(L.formatCamera(null, null), '不明');
+  for (const [v, expected] of [[0.000501, '1/1996s'], [1 / 250, '1/250s'], [2, '2s'], [0.5, '1/2s'], [0, null], [null, null]]) {
+    assert.equal(L.formatExposure(v), expected);
+  }
+  for (const tags of [{}, null, { exif: {}, gps: {} }]) {
+    const n = L.normalizeTags(tags);
+    assert.equal(Object.keys(n).length, 20);
+    assert.ok(Object.values(n).every((v) => v === null));
+  }
+  assert.equal(L.normalizeTags({ exif: { Make: { value: ['Société Française'] } } }).make, 'Société Française');
+  assert.equal(L.normalizeTags({ exif: { Make: { value: ['\u0000 한국어 \u007f'] } } }).make, '한국어');
+  assert.equal(L.normalizeTags({ exif: { Make: { value: ['あ'.repeat(201)] } } }).make.length, 200);
+  const tags = { exif: {
+    GPSImgDirection: { value: [27126, 100] }, GPSImgDirectionRef: { value: ['M'] },
+    GPSHPositioningError: { value: [5, 2] }, GPSDOP: { value: [100, 1] },
+  }, gps: { Latitude: 0, Longitude: 0 } };
+  assert.equal(L.normalizeTags(tags).imgDirection, 271.26);
+  assert.equal(L.normalizeTags(tags).imgDirectionRef, 'M');
+  assert.equal(L.normalizeTags(tags).hPositioningError, 2.5);
+  assert.equal(L.normalizeTags(tags).latitude, 0);
+  tags.gps.Latitude = 91;
+  assert.equal(L.normalizeTags(tags).latitude, null);
+  assert.equal(L.normalizeTags(tags).longitude, null);
+});
+
+test('B-3 破損4種・読み取り失敗は必ず決着し、空の結果とreadFailedを返す', async () => {
+  const context = { window: {}, WhereShotLogic: L,
+    ExifReader: require('../vendor/exifreader/exif-reader.min.js') };
+  vm.runInNewContext(fs.readFileSync(path.join(__dirname, '../js/exif-parser.js'), 'utf8'), context);
+  const parser = context.window.WhereShotExifParser;
+  const damaged = [
+    Buffer.concat([Buffer.from('FFD8FFE1001045786966000049492A00', 'hex'), Buffer.alloc(40, 255)]),
+    Buffer.from('FFD8FFD9', 'hex'),
+    Buffer.concat([Buffer.from('89504E470D0A1A0A', 'hex'), Buffer.alloc(64)]),
+    Buffer.alloc(64),
+  ];
+  for (const data of damaged) {
+    const result = await parser.extractExifData({ arrayBuffer: async () => data });
+    assert.ok(Object.values(result).every(value => value === null));
+    assert.equal(parser.readFailed, true);
+  }
+  const result = await parser.extractExifData({ arrayBuffer: async () => { throw new Error('read failed'); } });
+  assert.ok(Object.values(result).every(value => value === null));
+  assert.equal(parser.readFailed, true);
+  await parser.extractExifData({ arrayBuffer: async () => buffer });
+  assert.equal(parser.readFailed, false);
+  assert.equal(parser.getExtractedData().make, 'JIAYU');
+});
diff --git a/test/fixtures/sample.cjs b/test/fixtures/sample.cjs
new file mode 100644
index 0000000..fa9b3d0
--- /dev/null
+++ b/test/fixtures/sample.cjs
@@ -0,0 +1,22 @@
+const fs = require('node:fs');
+const path = require('node:path');
+const L = require('../../js/whereshot-logic');
+const ExifReader = require('../../vendor/exifreader/exif-reader.min');
+const SunCalc = require('../../vendor/suncalc/suncalc');
+const stations = require('../../data/stations.json');
+const buffer = fs.readFileSync(path.join(__dirname, '../../assets/2016-07-24 10.33.57.jpg'));
+const exif = L.normalizeTags(ExifReader.load(buffer, { expanded: true }));
+const nowMs = Date.UTC(2026, 8, 20);
+const wall = { year: 2016, month: 7, day: 24, hour: 10, minute: 33, second: 57 };
+const latitude = 34.28611372222222;
+const longitude = 133.79983519444446;
+const utcMs = 1469324037000;
+const sha256 = 'a08e3c4742a0a910e2df04a71f0b165fd87281695a26ac7fe5056a15752aaff8';
+const sun = L.sunReport(SunCalc, latitude, longitude, utcMs);
+const reportInput = {
+  fileName: '2016-07-24 10.33.57.jpg', fileSize: 3571592, fileType: 'image/jpeg', sha256,
+  wall, offsetMin: 540, offsetSource: 'gps', residualSec: -1, dateSourceLabel: 'Exif撮影日時',
+  confidence: 0.95, latitude, longitude, locationSource: 'exif', directionDeg: null, sun,
+  station: '高松', stationKm: 23, generatedAtUtcMs: nowMs,
+};
+module.exports = { L, ExifReader, SunCalc, stations, buffer, exif, nowMs, wall, latitude, longitude, utcMs, sha256, sun, reportInput };
diff --git a/test/fixtures/tz-probe.js b/test/fixtures/tz-probe.js
new file mode 100644
index 0000000..458fdc5
--- /dev/null
+++ b/test/fixtures/tz-probe.js
@@ -0,0 +1,23 @@
+// TZ設定が効いた診断値と、TZに依存してはいけない計算結果を分けて出す。
+const S = require('./sample.cjs');
+const { L, exif, nowMs, wall, latitude: lat, longitude: lng, utcMs, reportInput, sun, stations } = S;
+const filenames = [
+  '2016-07-24 10.33.57.jpg', 'IMG_20240101_123456.jpg', 'VID_20240101_123456.mp4', '20240101_123456.jpg',
+  'Screenshot_20240101-123456.png', 'PXL_20240101_123456789.jpg', 'Screenshot_2024-01-01-12-34-56.png',
+  'WhatsApp Image 2024-01-01 at 12.34.56.jpeg', 'signal-2024-01-01-123456.jpg', 'スクリーンショット 2024-01-01 123456.png',
+  '20160724103357.jpg', '2024年1月1日12時34分56秒.jpg', 'IMG-20240101-WA0001.jpg', 'image_1920x1080_20240101.jpg',
+  '1609459200.jpg', 'FB_IMG_1609459200123.jpg', '2024-01-01 25.61.61.jpg', '2024-02-31 10.00.00.jpg',
+  '2024-13-01.jpg', 'IMG_1234.JPG', 'DSC01234.JPG', 'P1000123.JPG', 'received_1234567890123456.jpeg',
+  '0724103357.jpg', '2031-01-01.jpg', '1989-12-31.jpg',
+];
+const data = {
+  estimate: L.estimateDateTime({ exif, fileName: '2016-07-24 10.33.57.jpg', lastModifiedMs: 1469324036000, offsetMin: 540, nowMs }),
+  sun,
+  links: [L.nasaWorldviewUrl(lat, lng, wall), L.sunCalcOrgUrl(lat, lng, wall), L.gsiMapUrl(lat, lng),
+    L.streetViewUrl(lat, lng, null), L.jmaHourlyUrl(lat, lng, utcMs, stations)],
+  report: L.buildReport(reportInput),
+  filenames: filenames.map((name) => L.extractDatesFromFilename(name, nowMs)),
+};
+if (process.argv.includes('--probe')) {
+  process.stdout.write(JSON.stringify({ timezoneOffset: new Date(2016, 6, 24).getTimezoneOffset(), data }));
+}
diff --git a/test/format.test.js b/test/format.test.js
new file mode 100644
index 0000000..246e440
--- /dev/null
+++ b/test/format.test.js
@@ -0,0 +1,28 @@
+const test = require('node:test');
+const assert = require('node:assert/strict');
+const fs = require('node:fs');
+const path = require('node:path');
+const root = path.join(__dirname, '..');
+function files(dir) {
+  return fs.readdirSync(dir, { withFileTypes: true }).flatMap((entry) => {
+    const name = path.join(dir, entry.name);
+    return entry.isDirectory() ? files(name) : [name];
+  });
+}
+test('H-8 minifyをせず、読みやすい行の長さとファイル構造を保つ', () => {
+  const list = ['js', 'css', 'test'].flatMap((dir) => files(path.join(root, dir)))
+    .filter((file) => /\.(js|cjs|css)$/.test(file));
+  list.push(path.join(root, 'index.html'));
+  const errors = [];
+  for (const file of list) {
+    const limit = file.endsWith('.html') ? 250 : 160;
+    fs.readFileSync(file, 'utf8').split(/\r?\n/).forEach((line, i) => {
+      if (Array.from(line).length > limit) errors.push(`${path.relative(root, file)}:${i + 1} (${Array.from(line).length})`);
+    });
+  }
+  assert.deepEqual(errors, []);
+  for (const [file, minimum] of [['css/style.css', 900], ['js/main.js', 700],
+    ['js/map-controller.js', 400], ['js/whereshot-logic.js', 350]]) {
+    assert.ok(fs.readFileSync(path.join(root, file), 'utf8').split('\n').length >= minimum, file);
+  }
+});
diff --git a/test/html.test.js b/test/html.test.js
new file mode 100644
index 0000000..9b72f02
--- /dev/null
+++ b/test/html.test.js
@@ -0,0 +1,99 @@
+const test = require('node:test');
+const assert = require('node:assert/strict');
+const fs = require('node:fs');
+const path = require('node:path');
+const root = path.join(__dirname, '..');
+const html = fs.readFileSync(path.join(root, 'index.html'), 'utf8');
+const attr = (tag, name) => tag.match(new RegExp(`\\b${name}="([^"]*)"`))?.[1];
+
+test('I CSP・referrer・外部リソースの範囲とSRI', () => {
+  const cspTag = html.match(/<meta[^>]+http-equiv="Content-Security-Policy"[^>]*>/)[0];
+  const csp = attr(cspTag, 'content').replace(/\s+/g, ' ').trim();
+  assert.doesNotMatch(csp, /frame-ancestors|'unsafe-inline'|'unsafe-eval'|https:(?!\/\/)/);
+  assert.equal(csp, "default-src 'self'; script-src 'self' https://cdnjs.cloudflare.com; "
+    + "style-src 'self' https://cdnjs.cloudflare.com; img-src 'self' data: blob: https://tile.openstreetmap.org "
+    + "https://server.arcgisonline.com https://*.tile.opentopomap.org; connect-src 'none'; font-src 'self'; "
+    + "object-src 'none'; base-uri 'self'; form-action 'self'");
+  // OSMタイル利用規約は有効なRefererを求めるためno-referrerにしない。
+  assert.match(html, /<meta name="referrer" content="strict-origin-when-cross-origin">/);
+  assert.match(html, /<noscript>/);
+  assert.match(html, /<meta name="viewport"/);
+  const remote = [...html.matchAll(/<(?:script|link)\b[^>]*(?:src|href)="https?:[^>]+>/g)].map((m) => m[0]);
+  assert.equal(remote.length, 2);
+  const hashes = [
+    'sha512-Zcn6bjR/8RZbLEpLIeOwNtzREBAJnUKESxces60Mpoj+2okopSAcSUIUOseddDm0cxnGQzxIR7vJgsLZbdLE3w==',
+    'sha512-puJW3E/qXDqYp9IfhAI54BJEaWIfloJ7JWs7OeD5i6ruC9JZL1gERT1wjtwXFlh7CjE7ZJ+/vcRZRkIYIb6p4g==',
+  ];
+  remote.forEach((tag, i) => {
+    assert.equal(attr(tag, 'integrity'), hashes[i]);
+    assert.equal(attr(tag, 'crossorigin'), 'anonymous');
+    assert.match(tag, /https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/leaflet\/1.9.4\//);
+  });
+});
+
+test('H-4 古典スクリプトをdefer付きで指定順に読み込む', () => {
+  const tags = [...html.matchAll(/<script\b[^>]*>([\s\S]*?)<\/script>/g)];
+  const expected = [
+    'https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/leaflet.min.js',
+    'vendor/exifreader/exif-reader.min.js', 'vendor/suncalc/suncalc.js', 'data/stations.js',
+    'js/whereshot-logic.js', 'js/utils.js', 'js/exif-parser.js', 'js/sun-calculator.js',
+    'js/map-controller.js', 'js/main.js',
+  ];
+  assert.deepEqual(tags.map((m) => attr(m[0], 'src')), expected);
+  for (const tag of tags) {
+    assert.match(tag[0], /\bdefer\b/);
+    assert.doesNotMatch(tag[0], /type="module"/);
+    assert.equal(tag[1].trim(), '');
+  }
+  assert.doesNotMatch(html, /\s(?:on\w+|style)\s*=|<style\b|exif-js|datetime-estimator\.js/i);
+});
+
+test('J ラベル・見出し・状態通知・ネイティブダイアログ', () => {
+  const ids = ['file-input', 'file-select-btn', 'file-sha256', 'datetime-info', 'gps-info', 'direction-info',
+    'analysis-date', 'utc-offset', 'utc-offset-source', 'map-layer-select', 'manual-location-btn',
+    'direction-mode-btn', 'sun-elevation', 'sun-azimuth', 'sun-phase', 'shadow-direction', 'shadow-length',
+    'copy-report-btn', 'report-preview', 'help-dialog'];
+  for (const id of ids) assert.ok(html.includes(`id="${id}"`), id);
+  for (const m of html.matchAll(/<(?:input|select)\b[^>]*>/g)) {
+    assert.ok(html.includes(`for="${attr(m[0], 'id')}"`), m[0]);
+  }
+  assert.match(html, /<input[^>]*id="analysis-date"[^>]*step="1"/);
+  assert.match(html, /<dialog id="help-dialog"[^>]*aria-labelledby="help-title"/);
+  assert.match(html, /<button[^>]*class="modal-close"[^>]*aria-label="閉じる"/);
+  const drop = html.match(/<div id="drop-zone"[^>]*>/)[0];
+  assert.doesNotMatch(drop, /role=|tabindex=/);
+  assert.match(drop, /aria-describedby=/);
+  for (const id of ['estimation-warnings', 'utc-offset-source', 'sun-results', 'toast-region']) {
+    assert.match(html.match(new RegExp(`<[^>]*id="${id}"[^>]*>`))[0], /aria-live="polite"/);
+  }
+  for (const id of ['manual-location-btn', 'direction-mode-btn']) {
+    assert.match(html.match(new RegExp(`<[^>]*id="${id}"[^>]*>`))[0], /aria-pressed="false"/);
+  }
+  for (const m of html.matchAll(/<a\b[^>]*target="_blank"[^>]*>/g)) {
+    assert.equal(attr(m[0], 'rel'), 'noopener noreferrer');
+  }
+  let level = 0;
+  for (const m of html.matchAll(/<h([1-6])\b/g)) {
+    assert.ok(+m[1] <= level + 1, m[0]);
+    level = +m[1];
+  }
+});
+
+test('H・I DOMの安全な描画とロジックの環境非依存性', () => {
+  const files = fs.readdirSync(path.join(root, 'js')).filter((name) => name.endsWith('.js'));
+  assert.ok(!files.includes('datetime-estimator.js'));
+  for (const file of files) {
+    const source = fs.readFileSync(path.join(root, 'js', file), 'utf8');
+    assert.doesNotMatch(source,
+      /innerHTML|insertAdjacentHTML|outerHTML|document\.write|console\.log|Math\.random|style\.cssText|\{s\}\.tile\.openstreetmap/);
+    assert.doesNotMatch(source, /style\.display\s*=|\.onclick\s*=/);
+  }
+  const logic = fs.readFileSync(path.join(root, 'js/whereshot-logic.js'), 'utf8');
+  const forbidden = /document|window|navigator|fetch\(|crypto|localStorage|Date\.now|console\.|getHours|getMinutes|getSeconds/;
+  assert.doesNotMatch(logic, forbidden);
+  assert.doesNotMatch(logic, /getDate\(|getMonth|getFullYear|getDay\(|getTimezoneOffset|toLocale/);
+  assert.doesNotMatch(logic, /new Date\(\s*[A-Za-z_$][\w$.]*\s*,/);
+  const map = fs.readFileSync(path.join(root, 'js/map-controller.js'), 'utf8');
+  assert.ok(map.includes('https://tile.openstreetmap.org/{z}/{x}/{y}.png'));
+  assert.doesNotMatch(map, /L\.control\.layers|style\.transform/);
+});
diff --git a/test/logic.test.js b/test/logic.test.js
new file mode 100644
index 0000000..fd94dad
--- /dev/null
+++ b/test/logic.test.js
@@ -0,0 +1,227 @@
+const test = require('node:test');
+const assert = require('node:assert/strict');
+const S = require('./fixtures/sample.cjs');
+const { L, wall: W, exif, nowMs, stations, latitude: lat, longitude: lng, reportInput } = S;
+
+test('A-6 壁時計・オフセット・UTCの厳密な変換', () => {
+  assert.deepEqual(L.parseExifDateTime('2016:07:24 10:33:57'), W);
+  for (const v of ['0000:00:00 00:00:00', '    :  :     :  :  ', '2024:02:30 10:00:00',
+    '2024:01:01 24:00:00', '2016-07-24T10:33:57', 20160724]) assert.equal(L.parseExifDateTime(v), null);
+  assert.deepEqual(L.parseExifDateTime('2024:02:29 23:59:59'),
+    { year: 2024, month: 2, day: 29, hour: 23, minute: 59, second: 59 });
+  for (const [input, expected] of [['+09:00', 540], ['-03:30', -210], ['+14:00', 840],
+    ['-12:00', -720], ['Z', 0], ['+15:00', null], ['0900', null], ['+01:60', null]]) {
+    assert.equal(L.parseOffset(input), expected);
+  }
+  for (const [input, expected] of [[540, '+09:00'], [-210, '-03:30'], [0, '+00:00'], [345, '+05:45']]) {
+    assert.equal(L.formatOffset(input), expected);
+  }
+  assert.equal(L.wallToUtcMs(W, 540), 1469324037000);
+  assert.equal(L.formatUtc(1469324037000), '2016-07-24 01:33:57 UTC');
+  assert.deepEqual(L.utcMsToWall(1469324037000, 540), W);
+  assert.equal(L.formatWall(L.utcMsToWall(1469324037000, 120), 120), '2016/07/24 03:33:57（UTC+02:00）');
+  assert.equal(L.formatWall(W, 540), '2016/07/24 10:33:57（UTC+09:00）');
+  assert.equal(L.formatWall(W, null), '2016/07/24 10:33:57');
+  assert.equal(L.wallToInputValue(W), '2016-07-24T10:33:57');
+  assert.deepEqual(L.inputValueToWall('2016-07-24T10:33'), { ...W, second: 0 });
+  assert.equal(L.inputValueToWall('2016-13-24T10:33'), null);
+  for (const seconds of [58, 58.75]) {
+    assert.equal(L.gpsDateTimeToUtcMs('2016:07:24', [1, 33, seconds]), 1469324038000);
+  }
+  assert.equal(L.gpsDateTimeToUtcMs('2016-07-24', [1, 33, 58]), null);
+  assert.equal(L.gpsDateTimeToUtcMs('2016:07:24', [1, 33]), null);
+  assert.deepEqual(L.inferOffsetFromGps(W, 1469324038000), { offsetMin: 540, residualSec: -1 });
+  for (const [wall, date, time, expected] of [
+    ['2024:03:01 12:00:10', '2024:03:01', [6, 15, 0], { offsetMin: 345, residualSec: 10 }],
+    ['2024:07:04 20:00:00', '2024:07:05', [3, 0, 2], { offsetMin: -420, residualSec: -2 }],
+    ['2024:03:01 12:07:00', '2024:03:01', [3, 0, 0], null],
+  ]) assert.deepEqual(L.inferOffsetFromGps(L.parseExifDateTime(wall), L.gpsDateTimeToUtcMs(date, time)), expected);
+});
+
+test('A-6 オフセットの優先順位と経度の参考値', () => {
+  const args = { wall: W, gpsUtcMs: 1469324038000, browserOffsetMin: -480 };
+  assert.deepEqual(L.decideOffset({ ...args, exifOffset: '+02:00' }),
+    { offsetMin: 120, source: 'exif', residualSec: null, conflict: true });
+  assert.deepEqual(L.decideOffset({ ...args, exifOffset: '+09:00' }),
+    { offsetMin: 540, source: 'exif', residualSec: null, conflict: false });
+  assert.deepEqual(L.decideOffset({ ...args, exifOffset: null }),
+    { offsetMin: 540, source: 'gps', residualSec: -1, conflict: false });
+  assert.deepEqual(L.decideOffset({ exifOffset: null, wall: W, gpsUtcMs: null, browserOffsetMin: 120 }),
+    { offsetMin: 120, source: 'browser', residualSec: null, conflict: false });
+  assert.equal(L.decideOffset({ ...args, wall: null }).source, 'browser');
+  for (const [input, expected] of [[133.8, 540], [2.2945, 0], [-74.006, -300], [178.4, 720], [NaN, null]]) {
+    assert.equal(L.longitudeOffsetHint(input), expected);
+  }
+  assert.equal(L.OFFSET_CHOICES.length, 38);
+  assert.equal(L.OFFSET_CHOICES[0], -720);
+  assert.equal(L.OFFSET_CHOICES.at(-1), 840);
+  assert.ok(L.OFFSET_CHOICES.includes(345));
+  assert.ok(L.OFFSET_CHOICES.every((n, i, a) => i === 0 || n > a[i - 1]));
+});
+
+const filenameCases = [
+  ['2016-07-24 10.33.57.jpg', 'ymd-hms-sep', '2016-07-24 10.33.57', '2016/07/24 10:33:57', true],
+  ['IMG_20240101_123456.jpg', 'ymd-hms-compact', '20240101_123456', '2024/01/01 12:34:56', true],
+  ['VID_20240101_123456.mp4', 'ymd-hms-compact', '20240101_123456', '2024/01/01 12:34:56', true],
+  ['20240101_123456.jpg', 'ymd-hms-compact', '20240101_123456', '2024/01/01 12:34:56', true],
+  ['Screenshot_20240101-123456.png', 'ymd-hms-compact', '20240101-123456', '2024/01/01 12:34:56', true],
+  ['PXL_20240101_123456789.jpg', 'pxl-utc', 'PXL_20240101_123456789', '2024-01-01 12:34:56 UTC', true],
+  ['Screenshot_2024-01-01-12-34-56.png', 'ymd-hms-sep', '2024-01-01-12-34-56', '2024/01/01 12:34:56', true],
+  ['WhatsApp Image 2024-01-01 at 12.34.56.jpeg', 'ymd-hms-sep', '2024-01-01 at 12.34.56', '2024/01/01 12:34:56', true],
+  ['signal-2024-01-01-123456.jpg', 'ymd-sep-hms-compact', '2024-01-01-123456', '2024/01/01 12:34:56', true],
+  ['スクリーンショット 2024-01-01 123456.png', 'ymd-sep-hms-compact', '2024-01-01 123456', '2024/01/01 12:34:56', true],
+  ['20160724103357.jpg', 'ymdhms-14', '20160724103357', '2016/07/24 10:33:57', true],
+  ['2024年1月1日12時34分56秒.jpg', 'ja-full', '2024年1月1日12時34分56秒', '2024/01/01 12:34:56', true],
+  ['IMG-20240101-WA0001.jpg', 'ymd-8', '20240101', '2024/01/01 12:00:00', false],
+  ['image_1920x1080_20240101.jpg', 'ymd-8', '20240101', '2024/01/01 12:00:00', false],
+  ['1609459200.jpg', 'unix-s', '1609459200', '2021-01-01 00:00:00 UTC', true],
+  ['FB_IMG_1609459200123.jpg', 'unix-ms', '1609459200123', '2021-01-01 00:00:00 UTC', true],
+  ['2024-01-01 25.61.61.jpg', 'ymd-sep', '2024-01-01', '2024/01/01 12:00:00', false],
+];
+for (const [name, pattern, matched, formatted, hasTime] of filenameCases) {
+  test('C-4 ファイル名 ' + name, () => {
+    const results = L.extractDatesFromFilename(name, nowMs);
+    assert.equal(results.length, 1);
+    const r = results[0];
+    assert.equal(r.pattern, pattern);
+    assert.equal(r.matched, matched);
+    assert.equal(r.hasTime, hasTime);
+    assert.equal(r.wall ? L.formatWall(r.wall, null) : L.formatUtc(r.utcMs), formatted);
+    const reliability = !hasTime ? 0.4 : pattern.startsWith('unix') ? 0.5 : pattern === 'ymdhms-14' ? 0.55 : 0.6;
+    assert.equal(r.reliability, reliability);
+  });
+}
+test('C-4 不正・範囲外のファイル名を繰り上げたりUnix時刻として誤読しない', () => {
+  for (const name of ['2024-02-31 10.00.00.jpg', '2024-13-01.jpg', 'IMG_1234.JPG', 'DSC01234.JPG',
+    'P1000123.JPG', 'received_1234567890123456.jpeg', '0724103357.jpg', '2031-01-01.jpg', '1989-12-31.jpg']) {
+    assert.deepEqual(L.extractDatesFromFilename(name, nowMs), [], name);
+  }
+  assert.equal(L.extractDatesFromFilename('PXL_20240101_123456789.jpg', nowMs)[0].utcMs, Date.UTC(2024, 0, 1, 12, 34, 56));
+});
+
+test('C-4 推定の順位、整合度、更新日時の注記', () => {
+  const estimate = (input) => L.estimateDateTime({ offsetMin: 540, nowMs, ...input });
+  const result = estimate({ exif, fileName: '2016-07-24 10.33.57.jpg', lastModifiedMs: 1469324036000 });
+  assert.deepEqual(result.sources.map((s) => s.type),
+    ['exif_original', 'gps_utc', 'exif_digitized', 'filename', 'exif_modified', 'file_modified']);
+  assert.equal(result.conflicts.length, 0);
+  assert.equal(result.confidence, 0.95);
+  assert.equal(result.estimatedUtcMs, 1469324037000);
+  const lastModifiedMs = Date.UTC(2024, 0, 1, 3, 34, 58);
+  const filename = estimate({ fileName: 'IMG_20240101_123456.jpg', lastModifiedMs });
+  assert.equal(filename.best.type, 'filename');
+  assert.equal(filename.confidence, 0.6);
+  assert.equal(filename.estimatedUtcMs, Date.UTC(2024, 0, 1, 3, 34, 56));
+  const modified = estimate({ fileName: 'photo.jpg', lastModifiedMs });
+  assert.equal(modified.best.type, 'file_modified');
+  assert.equal(modified.confidence, 0.3);
+  const original = { dateTimeOriginal: '2016:07:24 10:33:57' };
+  const downloaded = estimate({ exif: original, fileName: 'photo.jpg', lastModifiedMs: Date.UTC(2025, 4, 5) });
+  assert.equal(downloaded.confidence, 0.95);
+  assert.equal(downloaded.conflicts.length, 0);
+  assert.deepEqual(downloaded.notes.map((n) => n.type), ['file_modified']);
+  const conflict = estimate({ exif: original, fileName: 'IMG_20240101_123456.jpg' });
+  assert.equal(conflict.conflicts.length, 1);
+  assert.equal(conflict.agreement, 0);
+  assert.equal(conflict.confidence, 0.48);
+  const edited = estimate({
+    exif: { ...original, dateTime: '2016:08:01 09:00:00' }, fileName: '2016-07-24 10.33.57.jpg',
+  });
+  assert.equal(edited.confidence, 0.95);
+  assert.deepEqual(edited.notes.map((n) => n.type), ['exif_modified']);
+  assert.equal(estimate({ exif: { dateTime: '2016:08:01 09:00:00' }, fileName: 'IMG_20160724_103357.jpg' }).best.type, 'filename');
+  const pxl = estimate({ fileName: 'PXL_20240101_033456789.jpg' });
+  assert.equal(L.formatWall(L.utcMsToWall(pxl.estimatedUtcMs, 540), 540), '2024/01/01 12:34:56（UTC+09:00）');
+  const empty = estimate({ fileName: 'photo.jpg', lastModifiedMs: null });
+  assert.equal(empty.best, null);
+  assert.equal(empty.confidence, 0);
+  assert.equal(empty.estimatedUtcMs, null);
+});
+
+test('E-9 方位・距離・度分秒・ゼロ座標', () => {
+  assert.equal(L.bearing(34.286114, 133.799835, 34.291114, 133.799835), 0);
+  assert.equal(L.bearing(34.286114, 133.799835, 34.286114, 133.804835).toFixed(4), '89.9986');
+  const p = L.destinationPoint(34.286114, 133.799835, 90, 200);
+  assert.equal(p.lat.toFixed(6), '34.286114');
+  assert.equal(p.lng.toFixed(6), '133.802012');
+  assert.equal(L.distanceM(34.286114, 133.799835, p.lat, p.lng).toFixed(1), '200.0');
+  for (const [value, isLat, expected] of [
+    [35.9999999, true, `36°0'0.00"N`], [-0.5, true, `0°30'0.00"S`], [-74.006, false, `74°0'21.60"W`],
+    [0, false, `0°0'0.00"E`], [lat, true, `34°17'10.01"N`], [lng, false, `133°47'59.41"E`],
+  ]) assert.equal(L.decimalToDms(value, isLat), expected);
+  assert.equal(L.isValidLatLng(0, 0), true);
+  assert.equal(L.isValidLatLng(-90, 180), true);
+  assert.equal(L.isValidLatLng(90.1, 0), false);
+  assert.equal(L.isValidLatLng('35', 139), false);
+});
+
+test('F-6 外部リンクは撮影地の日付と安全な座標を使う', () => {
+  const nasa = 'https://worldview.earthdata.nasa.gov/?v=132.799835%2C33.286114%2C134.799835%2C35.286114&t=2016-07-24'
+    + '&l=MODIS_Terra_CorrectedReflectance_TrueColor%2CMODIS_Aqua_CorrectedReflectance_TrueColor'
+    + '%2CVIIRS_SNPP_CorrectedReflectance_TrueColor%2CReference_Labels_15m%2CReference_Features_15m';
+  assert.equal(L.nasaWorldviewUrl(lat, lng, W), nasa);
+  const early = { ...W, hour: 5, minute: 0, second: 0 };
+  assert.match(L.nasaWorldviewUrl(lat, lng, early), /t=2016-07-24/);
+  assert.equal(L.sunCalcOrgUrl(lat, lng, W), 'https://www.suncalc.org/#/34.286114,133.799835,15/2016.07.24/10:33/1/3');
+  assert.equal(L.sunCalcOrgUrl(lat, lng, early), 'https://www.suncalc.org/#/34.286114,133.799835,15/2016.07.24/05:00/1/3');
+  for (const [photo, base] of [[false, 'std'], [true, 'ort']]) {
+    assert.equal(L.gsiMapUrl(lat, lng, photo),
+      `https://maps.gsi.go.jp/#15/34.286114/133.799835/&base=${base}&ls=${base}&disp=1&vs=c1j0h0k0l0u0t0z0r0s0m0f1`);
+  }
+  const sv = 'https://www.google.com/maps/@?api=1&map_action=pano&viewpoint=';
+  assert.equal(L.streetViewUrl(lat, lng, null), sv + '34.286114,133.799835');
+  assert.equal(L.streetViewUrl(lat, lng, 89.6), sv + '34.286114,133.799835&heading=90');
+  assert.equal(L.streetViewUrl(51.4779, -0.0015, -30), sv + '51.4779,-0.0015&heading=330');
+  assert.equal(L.streetViewUrl(0, 0, null), sv + '0,0');
+  assert.equal(L.nasaWorldviewUrl(91, 0, W), null);
+  const jma = 'https://www.data.jma.go.jp/stats/etrn/view/hourly_s1.php'
+    + '?prec_no=72&block_no=47891&year=2016&month=7&day=24&view=';
+  assert.deepEqual(L.jmaHourlyUrl(lat, lng, 1469324037000, stations), { url: jma, station: '高松', distanceKm: 23 });
+  assert.equal(L.jmaHourlyUrl(lat, lng, Date.parse('2016-07-23T20:00:00Z'), stations).url, jma);
+  assert.deepEqual(L.jmaHourlyUrl(48.8584, 2.2945, 1469324037000, stations),
+    { url: 'https://www.data.jma.go.jp/stats/etrn/index.php', station: null, distanceKm: null });
+  const naha = L.nearestStation(26.2124, 127.6809, stations);
+  assert.equal(naha.station.name, '那覇');
+  assert.equal(naha.distanceKm, 1);
+  for (const [lat, lng] of [[27.0944, 142.1917], [35.1796, 129.0756], [37.5665, 126.978],
+    [48.8584, 2.2945], [0, 0], [NaN, 0]]) assert.equal(L.nearestStation(lat, lng, stations), null);
+});
+
+test('G-4 レポートの15行と最小入力の8行', () => {
+  const expected = [
+    'WhereShot 解析レポート',
+    'ファイル: 2016-07-24 10.33.57.jpg（3,571,592 バイト、image/jpeg）',
+    'SHA-256: a08e3c4742a0a910e2df04a71f0b165fd87281695a26ac7fe5056a15752aaff8',
+    '撮影日時（現地）: 2016/07/24 10:33:57（UTC+09:00）',
+    '撮影日時（UTC）: 2016-07-24 01:33:57 UTC',
+    'UTCオフセットの根拠: GPS時刻との差から推定（残差 -1 秒）',
+    '日時の根拠: Exif撮影日時（整合度 95%）',
+    `位置: 34.286114, 133.799835（34°17'10.01"N, 133°47'59.41"E）`,
+    '位置の根拠: ExifのGPS',
+    '撮影方位: 記録なし',
+    '太陽: 高度 64.0°、方位 117.3°（東南東）、午前',
+    '影: 297.3°（西北西）方向、長さは高さの 0.49 倍',
+    '最寄りの気象庁観測所: 高松（約 23 km）',
+    'レポート作成: 2026-09-20 00:00:00 UTC',
+    '注意: Exif・ファイル名・更新日時は書き換えられる。この結果だけで撮影の事実を断定しないこと。',
+  ];
+  assert.equal(expected.length, 15);
+  assert.equal(L.buildReport(reportInput), expected.join('\n'));
+  const minimal = { fileName: 'photo.png', fileSize: 72, fileType: '', sha256: null, wall: null,
+    latitude: null, longitude: null, directionDeg: 271.26, sun: null, station: null, generatedAtUtcMs: nowMs };
+  assert.equal(L.buildReport(minimal), [
+    'WhereShot 解析レポート', 'ファイル: photo.png（72 バイト、種類不明）', 'SHA-256: 未計算',
+    '撮影日時: 不明', '位置: 不明', '撮影方位: 271.3°（西）', 'レポート作成: 2026-09-20 00:00:00 UTC', expected.at(-1),
+  ].join('\n'));
+});
+
+test('H-8 不正入力は例外にしない', () => {
+  for (const v of [null, undefined, '', 42, 'x'.repeat(10000), '😀', '\u0000\u001f']) {
+    for (const fn of [L.parseExifDateTime, L.parseOffset, L.normalizeTags, L.buildReport]) {
+      assert.doesNotThrow(() => fn(v));
+    }
+    assert.doesNotThrow(() => L.extractDatesFromFilename(v, nowMs));
+    assert.doesNotThrow(() => L.nearestStation(v, v, stations));
+    assert.doesNotThrow(() => L.nearestStation(0, 0, v));
+  }
+});
diff --git a/test/readme.test.js b/test/readme.test.js
new file mode 100644
index 0000000..def343b
--- /dev/null
+++ b/test/readme.test.js
@@ -0,0 +1,130 @@
+const test = require('node:test');
+const assert = require('node:assert/strict');
+const fs = require('node:fs');
+const path = require('node:path');
+const vm = require('node:vm');
+const { execFileSync } = require('node:child_process');
+const { createHash } = require('node:crypto');
+const S = require('./fixtures/sample.cjs');
+const { L, nowMs, exif, wall, latitude: lat, longitude: lng, utcMs, sun, stations, buffer } = S;
+const root = path.join(__dirname, '..');
+const readme = fs.readFileSync(path.join(root, 'README.md'), 'utf8');
+function section(title, level = 3) {
+  const marker = '#'.repeat(level) + ' ' + title;
+  const start = readme.indexOf(marker);
+  assert.ok(start >= 0, title);
+  const end = readme.indexOf('\n' + '#'.repeat(level), start + marker.length);
+  const higher = readme.indexOf('\n## ', start + marker.length);
+  return readme.slice(start, Math.min(...[end, higher, readme.length].filter((n) => n >= 0)));
+}
+function rows(text) {
+  const lines = text.split('\n').filter((line) => line.startsWith('|'));
+  assert.ok(lines.length > 2);
+  return lines.slice(2).map((line) => line.split('|').slice(1, -1).map((v) => v.trim()));
+}
+
+test('K 対応形式表はvalidateFileの6つのMIMEと一致', () => {
+  const table = rows(section('対応形式'));
+  assert.equal(table.length, 5);
+  const types = table.flatMap((r) => r[1].split('、'));
+  assert.equal(types.length, 6);
+  const source = fs.readFileSync(path.join(root, 'js/utils.js'), 'utf8');
+  const allowed = [...source.match(/const allowedTypes = \[([^]*?)\];/)[1].matchAll(/'([^']+)'/g)].map((m) => m[1]);
+  assert.deepEqual(types, allowed);
+  const context = { window: {} };
+  vm.runInNewContext(source, context);
+  for (const type of types) assert.equal(context.window.WhereShotUtils.FileUtils.validateFile({ type, size: 1 }).isValid, true);
+  assert.equal(context.window.WhereShotUtils.FileUtils.validateFile({ type: 'video/mp4', size: 1 }).isValid, false);
+});
+
+test('K ファイル名の表9行を再計算', () => {
+  const table = rows(section('ファイル名の形式'));
+  assert.equal(table.length, 9);
+  for (const [name, pattern, value, base] of table) {
+    const result = L.extractDatesFromFilename(name, nowMs);
+    assert.equal(result.length, 1, name);
+    const r = result[0];
+    assert.equal(r.pattern, pattern, name);
+    assert.equal(r.wall ? L.formatWall(r.wall, null) : L.formatUtc(r.utcMs), value, name);
+    assert.equal(base.startsWith('UTC'), r.utcMs !== undefined, name);
+    assert.equal(base.includes('日付のみ'), !r.hasTime, name);
+  }
+});
+
+test('K サンプル解析例10行を実画像から再計算', () => {
+  const table = rows(section('サンプル画像の解析例'));
+  assert.equal(table.length, 10);
+  const values = Object.fromEntries(table);
+  const offset = L.decideOffset({ exifOffset: exif.offsetTimeOriginal, wall, gpsUtcMs: exif.gpsUtcMs, browserOffsetMin: -420 });
+  assert.equal(values['撮影日時（現地）'], L.formatWall(wall, null));
+  assert.equal(values['撮影日時（UTC）'], L.formatUtc(utcMs));
+  assert.equal(values['UTCオフセット'], `${L.formatOffset(offset.offsetMin)}（GPS時刻との差、残差${offset.residualSec}秒）`);
+  assert.equal(values['太陽高度'], sun.altitudeDeg.toFixed(1) + '°');
+  assert.equal(values['太陽方位'], `${sun.azimuthDeg.toFixed(1)}°（${L.toCardinalJa(sun.azimuthDeg)}）`);
+  assert.equal(values['影の方向'], `${sun.shadowDirectionDeg.toFixed(1)}°（${L.toCardinalJa(sun.shadowDirectionDeg)}）`);
+  assert.equal(values['影の長さ'], `高さの${sun.shadowRatio.toFixed(2)}倍`);
+  const estimate = L.estimateDateTime({ exif, fileName: '2016-07-24 10.33.57.jpg', offsetMin: 540, nowMs });
+  assert.equal(values['整合度'], `${Math.round(estimate.confidence * 100)}%`);
+  const jma = L.jmaHourlyUrl(lat, lng, utcMs, stations);
+  assert.equal(values['最寄りの観測所'], `${jma.station}（約${jma.distanceKm}km）`);
+  assert.equal(values['SHA-256'], createHash('sha256').update(buffer).digest('hex'));
+});
+
+test('K 通信表5行、CSP、スクリプトとタイルURL', () => {
+  const table = rows(section('通信先'));
+  assert.equal(table.length, 5);
+  const html = fs.readFileSync(path.join(root, 'index.html'), 'utf8');
+  const map = fs.readFileSync(path.join(root, 'js/map-controller.js'), 'utf8');
+  for (const row of table.slice(0, 4)) assert.ok(html.includes('https://' + row[1]), row[1]);
+  assert.ok(html.includes('src="https://' + table[0][1]));
+  for (const row of table.slice(1, 4)) {
+    assert.ok(map.includes(row[1].replace('*.', '{s}.')), row[1]);
+  }
+  const url = 'https://tile.openstreetmap.org/{z}/{x}/{y}.png';
+  assert.ok(map.includes(url));
+  assert.ok(readme.includes(url));
+  assert.ok(readme.includes('strict-origin-when-cross-origin'));
+  assert.match(table[4][0], /外部リンクを押したときだけ/);
+});
+
+test('K 画像参照と構成図の全パスが実在する', () => {
+  const images = [...readme.matchAll(/!\[[^\]]*\]\(([^)]+)\)/g)]
+    .map((m) => m[1]).filter((p) => !/^https?:/.test(p));
+  assert.equal(images.length, 3);
+  for (const file of images) assert.ok(fs.existsSync(path.join(root, decodeURIComponent(file))), file);
+  const tree = section('📁 ディレクトリー構造', 2).match(/```text\n([^]*?)```/)[1];
+  const stack = [];
+  const checked = [];
+  for (const line of tree.split('\n').slice(1)) {
+    const match = line.match(/^([│ ]*)(?:├── |└── )([^#]+?)(?:\s+#.*)?$/);
+    if (!match) continue;
+    const depth = match[1].length / 4;
+    stack.length = depth;
+    const name = match[2].trim();
+    const file = [...stack, name].join('/');
+    assert.ok(fs.existsSync(path.join(root, file)), file);
+    checked.push(file);
+    if (name.endsWith('/')) stack[depth] = name.slice(0, -1);
+  }
+  assert.equal(checked.length, 26);
+});
+
+test('K YAML構造・保護値・シリーズ表記・未実装機能の範囲', () => {
+  const yaml = readme.match(/^<!--\r?\n---\r?\n([^]*?)\r?\n---\r?\n-->/)?.[1];
+  assert.ok(yaml);
+  const keys = [...yaml.matchAll(/^(\w+):/gm)].map((m) => m[1]);
+  assert.deepEqual(keys, ['id', 'slug', 'title', 'subtitle_ja', 'subtitle_en', 'description_ja', 'description_en',
+    'category_ja', 'category_en', 'difficulty', 'tags', 'repo_url', 'demo_url', 'hub']);
+  for (const key of ['category_ja', 'category_en', 'tags']) assert.match(yaml, new RegExp(`${key}:\\r?\\n  - `));
+  assert.match(yaml, /^id: day013$/m);
+  assert.match(yaml, /^slug: whereshot$/m);
+  const head = execFileSync('git', ['show', 'HEAD:README.md'], { cwd: root, encoding: 'utf8' });
+  for (const key of ['id', 'slug', 'repo_url', 'demo_url', 'hub']) {
+    const re = new RegExp(`^${key}:.*$`, 'm');
+    assert.equal(yaml.match(re)[0], head.match(re)[0]);
+  }
+  assert.ok(readme.includes('Day013 - 生成AIで作るセキュリティツール100'));
+  assert.ok(readme.includes('https://akademeia.info/?page_id=42163'));
+  const withoutFuture = readme.replace(/## 🧭 今後の候補[^]*?(?=\n## )/, '');
+  assert.doesNotMatch(withoutFuture, /バッチ処理|CSV|座標系変換|UTM|JGD2011|視野角|磁気偏角|季節判定|自動削除|一時ストレージ/);
+});
diff --git a/test/stations.test.js b/test/stations.test.js
new file mode 100644
index 0000000..847fc85
--- /dev/null
+++ b/test/stations.test.js
@@ -0,0 +1,23 @@
+const test = require('node:test');
+const assert = require('node:assert/strict');
+const fs = require('node:fs');
+const vm = require('node:vm');
+const path = require('node:path');
+
+test('H-3 観測所のJSONと古典スクリプトが同じ54件', () => {
+  const root = path.join(__dirname, '..');
+  const json = JSON.parse(fs.readFileSync(path.join(root, 'data/stations.json'), 'utf8'));
+  const context = {};
+  vm.runInNewContext(fs.readFileSync(path.join(root, 'data/stations.js'), 'utf8'), context);
+  assert.deepEqual(JSON.parse(JSON.stringify(context.WhereShotStations)), json);
+  assert.equal(json.length, 54);
+  assert.equal(new Set(json.map((s) => s.name)).size, 54);
+  for (const station of json) {
+    assert.equal(typeof station.name, 'string');
+    assert.ok(station.lat >= 20 && station.lat <= 46);
+    assert.ok(station.lng >= 122 && station.lng <= 154);
+    assert.ok(Number.isInteger(station.prec_no));
+    assert.ok(Number.isInteger(station.block_no));
+    assert.match(String(station.block_no), /^\d{5}$/);
+  }
+});
diff --git a/test/sun.test.js b/test/sun.test.js
new file mode 100644
index 0000000..478ee99
--- /dev/null
+++ b/test/sun.test.js
@@ -0,0 +1,35 @@
+const test = require('node:test');
+const assert = require('node:assert/strict');
+const { L, SunCalc } = require('./fixtures/sample.cjs');
+
+const cases = [
+  [34.28611372222222, 133.79983519444446, 1469324037000, '64.0', '117.3', 'morning', '297.3', '0.49'],
+  [35.6812, 139.7671, '2024-06-21T02:45:00Z', '77.8', '182.1', 'afternoon', '2.1', '0.22'],
+  [35.6812, 139.7671, '2024-12-21T06:00:00Z', '14.2', '226.6', 'afternoon', '46.6', '3.95'],
+  [35.6812, 139.7671, '2024-06-20T19:10:00Z', '-3.6', '57.6', 'dawn', null, null],
+  [69.6492, 18.9553, '2024-06-21T23:00:00Z', '3.1', '3.1', 'golden-morning'],
+  [69.6492, 18.9553, '2024-12-21T11:00:00Z', '-3.1', '184.0', 'dusk', null, null],
+  [-33.8688, 151.2093, '2024-12-21T02:00:00Z', '79.5', '351.8', 'afternoon'],
+  [0, 0, '2024-03-20T12:00:00Z', '88.0', '90.4', 'morning'],
+  [48.8584, 2.2945, '2024-07-14T12:00:00Z', '62.8', '181.5', 'afternoon'],
+];
+for (const [lat, lng, time, altitude, azimuth, phase, shadow, ratio] of cases) {
+  test(`D-6 太陽 ${lat},${lng} ${time}`, () => {
+    const r = L.sunReport(SunCalc, lat, lng, typeof time === 'number' ? time : Date.parse(time));
+    assert.equal(r.altitudeDeg.toFixed(1), altitude);
+    assert.equal(r.azimuthDeg.toFixed(1), azimuth);
+    assert.equal(r.phase, phase);
+    if (shadow !== undefined) assert.equal(r.shadowDirectionDeg?.toFixed(1) ?? null, shadow);
+    if (ratio !== undefined) assert.equal(r.shadowRatio?.toFixed(2) ?? null, ratio);
+  });
+}
+test('D-6 日本語16方位と時間帯の境界', () => {
+  for (const [angle, name] of [[0, '北'], [11.24, '北'], [11.26, '北北東'], [90, '東'], [180, '南'],
+    [270, '西'], [348.74, '北北西'], [348.76, '北'], [360, '北'], [-90, '西']]) assert.equal(L.toCardinalJa(angle), name);
+  assert.equal(L.sunPhaseKey(-6.01, 90), 'night');
+  assert.equal(L.sunPhaseKey(-6, 90), 'dawn');
+  assert.equal(L.sunPhaseKey(-0.833, 90), 'golden-morning');
+  assert.equal(L.sunPhaseKey(5.99, 180), 'golden-evening');
+  assert.equal(L.sunPhaseKey(6, 90), 'morning');
+  assert.equal(L.sunPhaseKey(6, 180), 'afternoon');
+});
diff --git a/test/timezone.test.js b/test/timezone.test.js
new file mode 100644
index 0000000..efb0055
--- /dev/null
+++ b/test/timezone.test.js
@@ -0,0 +1,19 @@
+const test = require('node:test');
+const assert = require('node:assert/strict');
+const path = require('node:path');
+const { spawnSync } = require('node:child_process');
+
+test('H-8 4つのTZで同じ推定・太陽・リンク・レポート・ファイル名の結果', () => {
+  const zones = ['UTC', 'Asia/Tokyo', 'America/Los_Angeles', 'Pacific/Kiritimati'];
+  const results = zones.map((TZ) => {
+    const child = spawnSync(process.execPath, [path.join(__dirname, 'fixtures/tz-probe.js'), '--probe'], {
+      env: { ...process.env, TZ }, encoding: 'utf8',
+    });
+    assert.equal(child.status, 0, child.stderr);
+    assert.equal(child.stderr, '');
+    return JSON.parse(child.stdout);
+  });
+  assert.deepEqual(results.map((r) => r.timezoneOffset), [0, -540, 420, -840]);
+  assert.equal(new Set(results.map((r) => r.timezoneOffset)).size, 4);
+  for (const r of results) assert.equal(JSON.stringify(r.data), JSON.stringify(results[0].data));
+});
diff --git a/test/vendor.test.js b/test/vendor.test.js
new file mode 100644
index 0000000..16bcb43
--- /dev/null
+++ b/test/vendor.test.js
@@ -0,0 +1,19 @@
+const test = require('node:test');
+const assert = require('node:assert/strict');
+const fs = require('node:fs');
+const path = require('node:path');
+const { createHash } = require('node:crypto');
+
+const expected = [
+  ['exifreader/exif-reader.min.js', 68450, 'fa388e973a8280d360ac833588a084cbf856b41de51169b533b306f59b8cc110'],
+  ['exifreader/LICENSE', 16726, '3f3d9e0024b1921b067d6f7f88deb4a60cbe7a78e76c64e3f1d7fc3b779b9d04'],
+  ['suncalc/suncalc.js', 9116, '5bfe4127cb91b7436295135d491e2d8abeccacbc8c4d450fb30771183b1e24d2'],
+  ['suncalc/LICENSE', 1321, '9010b843aad8e450890fc18dae2dfec00e68c10da775515801c42878afbb0da1'],
+];
+for (const [file, bytes, sha256] of expected) {
+  test('vendorを無改変で保持: ' + file, () => {
+    const buffer = fs.readFileSync(path.join(__dirname, '../vendor', file));
+    assert.equal(buffer.length, bytes);
+    assert.equal(createHash('sha256').update(buffer).digest('hex'), sha256);
+  });
+}
diff --git a/vendor/exifreader/LICENSE b/vendor/exifreader/LICENSE
new file mode 100644
index 0000000..d0a1fa1
--- /dev/null
+++ b/vendor/exifreader/LICENSE
@@ -0,0 +1,373 @@
+Mozilla Public License Version 2.0
+==================================
+
+1. Definitions
+--------------
+
+1.1. "Contributor"
+    means each individual or legal entity that creates, contributes to
+    the creation of, or owns Covered Software.
+
+1.2. "Contributor Version"
+    means the combination of the Contributions of others (if any) used
+    by a Contributor and that particular Contributor's Contribution.
+
+1.3. "Contribution"
+    means Covered Software of a particular Contributor.
+
+1.4. "Covered Software"
+    means Source Code Form to which the initial Contributor has attached
+    the notice in Exhibit A, the Executable Form of such Source Code
+    Form, and Modifications of such Source Code Form, in each case
+    including portions thereof.
+
+1.5. "Incompatible With Secondary Licenses"
+    means
+
+    (a) that the initial Contributor has attached the notice described
+        in Exhibit B to the Covered Software; or
+
+    (b) that the Covered Software was made available under the terms of
+        version 1.1 or earlier of the License, but not also under the
+        terms of a Secondary License.
+
+1.6. "Executable Form"
+    means any form of the work other than Source Code Form.
+
+1.7. "Larger Work"
+    means a work that combines Covered Software with other material, in
+    a separate file or files, that is not Covered Software.
+
+1.8. "License"
+    means this document.
+
+1.9. "Licensable"
+    means having the right to grant, to the maximum extent possible,
+    whether at the time of the initial grant or subsequently, any and
+    all of the rights conveyed by this License.
+
+1.10. "Modifications"
+    means any of the following:
+
+    (a) any file in Source Code Form that results from an addition to,
+        deletion from, or modification of the contents of Covered
+        Software; or
+
+    (b) any new file in Source Code Form that contains any Covered
+        Software.
+
+1.11. "Patent Claims" of a Contributor
+    means any patent claim(s), including without limitation, method,
+    process, and apparatus claims, in any patent Licensable by such
+    Contributor that would be infringed, but for the grant of the
+    License, by the making, using, selling, offering for sale, having
+    made, import, or transfer of either its Contributions or its
+    Contributor Version.
+
+1.12. "Secondary License"
+    means either the GNU General Public License, Version 2.0, the GNU
+    Lesser General Public License, Version 2.1, the GNU Affero General
+    Public License, Version 3.0, or any later versions of those
+    licenses.
+
+1.13. "Source Code Form"
+    means the form of the work preferred for making modifications.
+
+1.14. "You" (or "Your")
+    means an individual or a legal entity exercising rights under this
+    License. For legal entities, "You" includes any entity that
+    controls, is controlled by, or is under common control with You. For
+    purposes of this definition, "control" means (a) the power, direct
+    or indirect, to cause the direction or management of such entity,
+    whether by contract or otherwise, or (b) ownership of more than
+    fifty percent (50%) of the outstanding shares or beneficial
+    ownership of such entity.
+
+2. License Grants and Conditions
+--------------------------------
+
+2.1. Grants
+
+Each Contributor hereby grants You a world-wide, royalty-free,
+non-exclusive license:
+
+(a) under intellectual property rights (other than patent or trademark)
+    Licensable by such Contributor to use, reproduce, make available,
+    modify, display, perform, distribute, and otherwise exploit its
+    Contributions, either on an unmodified basis, with Modifications, or
+    as part of a Larger Work; and
+
+(b) under Patent Claims of such Contributor to make, use, sell, offer
+    for sale, have made, import, and otherwise transfer either its
+    Contributions or its Contributor Version.
+
+2.2. Effective Date
+
+The licenses granted in Section 2.1 with respect to any Contribution
+become effective for each Contribution on the date the Contributor first
+distributes such Contribution.
+
+2.3. Limitations on Grant Scope
+
+The licenses granted in this Section 2 are the only rights granted under
+this License. No additional rights or licenses will be implied from the
+distribution or licensing of Covered Software under this License.
+Notwithstanding Section 2.1(b) above, no patent license is granted by a
+Contributor:
+
+(a) for any code that a Contributor has removed from Covered Software;
+    or
+
+(b) for infringements caused by: (i) Your and any other third party's
+    modifications of Covered Software, or (ii) the combination of its
+    Contributions with other software (except as part of its Contributor
+    Version); or
+
+(c) under Patent Claims infringed by Covered Software in the absence of
+    its Contributions.
+
+This License does not grant any rights in the trademarks, service marks,
+or logos of any Contributor (except as may be necessary to comply with
+the notice requirements in Section 3.4).
+
+2.4. Subsequent Licenses
+
+No Contributor makes additional grants as a result of Your choice to
+distribute the Covered Software under a subsequent version of this
+License (see Section 10.2) or under the terms of a Secondary License (if
+permitted under the terms of Section 3.3).
+
+2.5. Representation
+
+Each Contributor represents that the Contributor believes its
+Contributions are its original creation(s) or it has sufficient rights
+to grant the rights to its Contributions conveyed by this License.
+
+2.6. Fair Use
+
+This License is not intended to limit any rights You have under
+applicable copyright doctrines of fair use, fair dealing, or other
+equivalents.
+
+2.7. Conditions
+
+Sections 3.1, 3.2, 3.3, and 3.4 are conditions of the licenses granted
+in Section 2.1.
+
+3. Responsibilities
+-------------------
+
+3.1. Distribution of Source Form
+
+All distribution of Covered Software in Source Code Form, including any
+Modifications that You create or to which You contribute, must be under
+the terms of this License. You must inform recipients that the Source
+Code Form of the Covered Software is governed by the terms of this
+License, and how they can obtain a copy of this License. You may not
+attempt to alter or restrict the recipients' rights in the Source Code
+Form.
+
+3.2. Distribution of Executable Form
+
+If You distribute Covered Software in Executable Form then:
+
+(a) such Covered Software must also be made available in Source Code
+    Form, as described in Section 3.1, and You must inform recipients of
+    the Executable Form how they can obtain a copy of such Source Code
+    Form by reasonable means in a timely manner, at a charge no more
+    than the cost of distribution to the recipient; and
+
+(b) You may distribute such Executable Form under the terms of this
+    License, or sublicense it under different terms, provided that the
+    license for the Executable Form does not attempt to limit or alter
+    the recipients' rights in the Source Code Form under this License.
+
+3.3. Distribution of a Larger Work
+
+You may create and distribute a Larger Work under terms of Your choice,
+provided that You also comply with the requirements of this License for
+the Covered Software. If the Larger Work is a combination of Covered
+Software with a work governed by one or more Secondary Licenses, and the
+Covered Software is not Incompatible With Secondary Licenses, this
+License permits You to additionally distribute such Covered Software
+under the terms of such Secondary License(s), so that the recipient of
+the Larger Work may, at their option, further distribute the Covered
+Software under the terms of either this License or such Secondary
+License(s).
+
+3.4. Notices
+
+You may not remove or alter the substance of any license notices
+(including copyright notices, patent notices, disclaimers of warranty,
+or limitations of liability) contained within the Source Code Form of
+the Covered Software, except that You may alter any license notices to
+the extent required to remedy known factual inaccuracies.
+
+3.5. Application of Additional Terms
+
+You may choose to offer, and to charge a fee for, warranty, support,
+indemnity or liability obligations to one or more recipients of Covered
+Software. However, You may do so only on Your own behalf, and not on
+behalf of any Contributor. You must make it absolutely clear that any
+such warranty, support, indemnity, or liability obligation is offered by
+You alone, and You hereby agree to indemnify every Contributor for any
+liability incurred by such Contributor as a result of warranty, support,
+indemnity or liability terms You offer. You may include additional
+disclaimers of warranty and limitations of liability specific to any
+jurisdiction.
+
+4. Inability to Comply Due to Statute or Regulation
+---------------------------------------------------
+
+If it is impossible for You to comply with any of the terms of this
+License with respect to some or all of the Covered Software due to
+statute, judicial order, or regulation then You must: (a) comply with
+the terms of this License to the maximum extent possible; and (b)
+describe the limitations and the code they affect. Such description must
+be placed in a text file included with all distributions of the Covered
+Software under this License. Except to the extent prohibited by statute
+or regulation, such description must be sufficiently detailed for a
+recipient of ordinary skill to be able to understand it.
+
+5. Termination
+--------------
+
+5.1. The rights granted under this License will terminate automatically
+if You fail to comply with any of its terms. However, if You become
+compliant, then the rights granted under this License from a particular
+Contributor are reinstated (a) provisionally, unless and until such
+Contributor explicitly and finally terminates Your grants, and (b) on an
+ongoing basis, if such Contributor fails to notify You of the
+non-compliance by some reasonable means prior to 60 days after You have
+come back into compliance. Moreover, Your grants from a particular
+Contributor are reinstated on an ongoing basis if such Contributor
+notifies You of the non-compliance by some reasonable means, this is the
+first time You have received notice of non-compliance with this License
+from such Contributor, and You become compliant prior to 30 days after
+Your receipt of the notice.
+
+5.2. If You initiate litigation against any entity by asserting a patent
+infringement claim (excluding declaratory judgment actions,
+counter-claims, and cross-claims) alleging that a Contributor Version
+directly or indirectly infringes any patent, then the rights granted to
+You by any and all Contributors for the Covered Software under Section
+2.1 of this License shall terminate.
+
+5.3. In the event of termination under Sections 5.1 or 5.2 above, all
+end user license agreements (excluding distributors and resellers) which
+have been validly granted by You or Your distributors under this License
+prior to termination shall survive termination.
+
+************************************************************************
+*                                                                      *
+*  6. Disclaimer of Warranty                                           *
+*  -------------------------                                           *
+*                                                                      *
+*  Covered Software is provided under this License on an "as is"       *
+*  basis, without warranty of any kind, either expressed, implied, or  *
+*  statutory, including, without limitation, warranties that the       *
+*  Covered Software is free of defects, merchantable, fit for a        *
+*  particular purpose or non-infringing. The entire risk as to the     *
+*  quality and performance of the Covered Software is with You.        *
+*  Should any Covered Software prove defective in any respect, You     *
+*  (not any Contributor) assume the cost of any necessary servicing,   *
+*  repair, or correction. This disclaimer of warranty constitutes an   *
+*  essential part of this License. No use of any Covered Software is   *
+*  authorized under this License except under this disclaimer.         *
+*                                                                      *
+************************************************************************
+
+************************************************************************
+*                                                                      *
+*  7. Limitation of Liability                                          *
+*  --------------------------                                          *
+*                                                                      *
+*  Under no circumstances and under no legal theory, whether tort      *
+*  (including negligence), contract, or otherwise, shall any           *
+*  Contributor, or anyone who distributes Covered Software as          *
+*  permitted above, be liable to You for any direct, indirect,         *
+*  special, incidental, or consequential damages of any character      *
+*  including, without limitation, damages for lost profits, loss of    *
+*  goodwill, work stoppage, computer failure or malfunction, or any    *
+*  and all other commercial damages or losses, even if such party      *
+*  shall have been informed of the possibility of such damages. This   *
+*  limitation of liability shall not apply to liability for death or   *
+*  personal injury resulting from such party's negligence to the       *
+*  extent applicable law prohibits such limitation. Some               *
+*  jurisdictions do not allow the exclusion or limitation of           *
+*  incidental or consequential damages, so this exclusion and          *
+*  limitation may not apply to You.                                    *
+*                                                                      *
+************************************************************************
+
+8. Litigation
+-------------
+
+Any litigation relating to this License may be brought only in the
+courts of a jurisdiction where the defendant maintains its principal
+place of business and such litigation shall be governed by laws of that
+jurisdiction, without reference to its conflict-of-law provisions.
+Nothing in this Section shall prevent a party's ability to bring
+cross-claims or counter-claims.
+
+9. Miscellaneous
+----------------
+
+This License represents the complete agreement concerning the subject
+matter hereof. If any provision of this License is held to be
+unenforceable, such provision shall be reformed only to the extent
+necessary to make it enforceable. Any law or regulation which provides
+that the language of a contract shall be construed against the drafter
+shall not be used to construe this License against a Contributor.
+
+10. Versions of the License
+---------------------------
+
+10.1. New Versions
+
+Mozilla Foundation is the license steward. Except as provided in Section
+10.3, no one other than the license steward has the right to modify or
+publish new versions of this License. Each version will be given a
+distinguishing version number.
+
+10.2. Effect of New Versions
+
+You may distribute the Covered Software under the terms of the version
+of the License under which You originally received the Covered Software,
+or under the terms of any subsequent version published by the license
+steward.
+
+10.3. Modified Versions
+
+If you create software not governed by this License, and you want to
+create a new license for such software, you may create and use a
+modified version of this License if you rename the license and remove
+any references to the name of the license steward (except to note that
+such modified license differs from this License).
+
+10.4. Distributing Source Code Form that is Incompatible With Secondary
+Licenses
+
+If You choose to distribute Source Code Form that is Incompatible With
+Secondary Licenses under the terms of this version of the License, the
+notice described in Exhibit B of this License must be attached.
+
+Exhibit A - Source Code Form License Notice
+-------------------------------------------
+
+  This Source Code Form is subject to the terms of the Mozilla Public
+  License, v. 2.0. If a copy of the MPL was not distributed with this
+  file, You can obtain one at https://mozilla.org/MPL/2.0/.
+
+If it is not possible or desirable to put the notice in a particular
+file, then You may include the notice in a location (such as a LICENSE
+file in a relevant directory) where a recipient would be likely to look
+for such a notice.
+
+You may add additional accurate notices of copyright ownership.
+
+Exhibit B - "Incompatible With Secondary Licenses" Notice
+---------------------------------------------------------
+
+  This Source Code Form is "Incompatible With Secondary Licenses", as
+  defined by the Mozilla Public License, v. 2.0.
diff --git a/vendor/exifreader/README.md b/vendor/exifreader/README.md
new file mode 100644
index 0000000..909c1ed
--- /dev/null
+++ b/vendor/exifreader/README.md
@@ -0,0 +1,15 @@
+# ExifReader 4.12.0
+
+配布物を無改変で同梱しています。
+
+- 入手元：https://cdn.jsdelivr.net/npm/exifreader@4.12.0/dist/exif-reader.min.js
+- ソース：https://github.com/mattiasw/ExifReader
+- ライセンス：MPL-2.0（全文をLICENSEに同梱）
+- LICENSE入手元：https://cdn.jsdelivr.net/npm/exifreader@4.12.0/LICENSE
+
+| ファイル | バイト数 | SHA-256 |
+|---|---|---|
+| exif-reader.min.js | 68450 | fa388e973a8280d360ac833588a084cbf856b41de51169b533b306f59b8cc110 |
+| LICENSE | 16726 | 3f3d9e0024b1921b067d6f7f88deb4a60cbe7a78e76c64e3f1d7fc3b779b9d04 |
+
+ファイルの編集・整形・再圧縮はしません。test/vendor.test.jsでサイズとハッシュを検証します。
diff --git a/vendor/exifreader/exif-reader.min.js b/vendor/exifreader/exif-reader.min.js
new file mode 100644
index 0000000..63a8d02
--- /dev/null
+++ b/vendor/exifreader/exif-reader.min.js
@@ -0,0 +1,8 @@
+/**
+ * Skipped minification because the original files appears to be already minified.
+ * Original file: /npm/exifreader@4.12.0/dist/exif-reader.js
+ *
+ * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
+ */
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.ExifReader=t():e.ExifReader=t()}("undefined"!=typeof self?self:this,(function(){return function(){"use strict";var e={d:function(t,n){for(var r in n)e.o(n,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:1,get:n[r]})},o:function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r:function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:1})}},t={};function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}function r(e,t,n){for(var r=[],i=0;i<n&&t+i<e.byteLength;i++)r.push(e.getUint8(t+i));return o(r)}function i(e,t,n){for(var r=[],i=0;i<n&&t+i<e.byteLength;i+=2)r.push(e.getUint16(t+i));return o(r)}function o(e){return e.map((function(e){return String.fromCharCode(e)})).join("")}function a(){for(var e=1;e<arguments.length;e++)for(var t in arguments[e])arguments[0][t]=arguments[e][t];return arguments[0]}function u(e,t,n){var r=0;Object.defineProperty(e,t,{get:function(){return r||(r=1,Object.defineProperty(e,t,{configurable:1,enumerable:1,value:n.apply(e),writable:1})),e[t]},configurable:1,enumerable:1})}function c(e){return"undefined"!=typeof btoa?"string"==typeof e?btoa(e):btoa(Array.prototype.reduce.call(new Uint8Array(e),(function(e,t){return e+String.fromCharCode(t)}),"")):"undefined"!=typeof Buffer?void 0!==n(Buffer.from)?Buffer.from(e).toString("base64"):new Buffer(e).toString("base64"):void 0}function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}e.r(t),e.d(t,{default:function(){return sn},errors:function(){return ln},load:function(){return dn},loadView:function(){return vn}});var s=function(){function e(t){if(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),function(e){return"object"!==f(e)||void 0===e.length||void 0===e.readUInt8||void 0===e.readUInt16LE||void 0===e.readUInt16BE||void 0===e.readUInt32LE||void 0===e.readUInt32BE||void 0===e.readInt32LE||void 0===e.readInt32BE}(t))throw Error("DataView: Passed buffer type is unsupported.");this.buffer=t,this.byteLength=this.buffer.length}var t;return(t=[{key:"getUint8",value:function(e){return this.buffer.readUInt8(e)}},{key:"getUint16",value:function(e,t){return t?this.buffer.readUInt16LE(e):this.buffer.readUInt16BE(e)}},{key:"getUint32",value:function(e,t){return t?this.buffer.readUInt32LE(e):this.buffer.readUInt32BE(e)}},{key:"getInt32",value:function(e,t){return t?this.buffer.readInt32LE(e):this.buffer.readInt32BE(e)}}])&&function(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||0,r.configurable=1,"value"in r&&(r.writable=1),Object.defineProperty(e,r.key,r)}}(e.prototype,t),e}();function l(e){return e.map((function(e){return String.fromCharCode(e)})).join("")}function d(e){if(e.length>=8){var t=l(e.slice(0,8));if("ASCII\0\0\0"===t)return l(e.slice(8));if("JIS\0\0\0\0\0"===t)return"[JIS encoded text]";if("UNICODE\0"===t)return"[Unicode encoded text]";if("\0\0\0\0\0\0\0\0"===t)return"[Undefined encoding]"}return"Undefined"}function p(e){return e[0][0]/e[0][1]+e[1][0]/e[1][1]/60+e[2][0]/e[2][1]/3600}var m=18761,g=m,v=function(e,t){if(e.getUint16(t)===m)return m;if(19789===e.getUint16(t))return 19789;throw Error("Illegal byte order value. Faulty image.")},h=65505;function y(e,t){return 65472===e.getUint16(t)}function S(e,t){return 65474===e.getUint16(t)}function b(e,t){return 65506===e.getUint16(t)&&"ICC_PROFILE\0"===r(e,t+4,12)}function C(e,t){return 65506===e.getUint16(t)&&"MPF\0"===r(e,t+4,4)}function A(e,t){return 65504===e.getUint16(t)&&"JFIF"===r(e,t+4,4)&&0===e.getUint8(t+4+4)}function I(e,t){return e.getUint16(t)===h&&"Exif"===r(e,t+4,4)&&0===e.getUint8(t+4+4)}function P(e,t){return e.getUint16(t)===h&&function(e,t){return"http://ns.adobe.com/xap/1.0/\0"===r(e,t+4,29)}(e,t)}function U(e,t){return e.getUint16(t)===h&&function(e,t){return"http://ns.adobe.com/xmp/extension/\0"===r(e,t+4,35)}(e,t)}function w(e,t){return{dataOffset:e+33,length:t-31}}function T(e,t){return{dataOffset:e+79,length:t-77}}function D(e,t){return 65517===e.getUint16(t)&&"Photoshop 3.0"===r(e,t+4,13)&&0===e.getUint8(t+4+13)}function x(e,t){var n=e.getUint16(t);return n>=65504&&n<=65519||65534===n||65472===n||65474===n||65476===n||65499===n||65501===n||65498===n}function M(e,t){return 65535===e.getUint16(t)}var O="‰PNG\r\n\n",F="iTXt",R="pHYs",L="tIME";function k(e,t){return"IHDR"===r(e,t+4,4)}function E(e,t){return"iTXt"===r(e,t+4,4)&&"XML:com.adobe.xmp\0"===r(e,t+8,18)}function N(e,t){var n=r(e,t+4,4);return"tEXt"===n||"iTXt"===n}function G(e,t){return"eXIf"===r(e,t+4,4)}function B(e,t){var n=[R,L],i=r(e,t+4,4);return n.includes(i)}function j(e,t){t+=28;for(var n=0;n<2&&t<e.byteLength;)0===e.getUint8(t)&&n++,t++;if(!(n<2))return t}function z(e,t){var n=e.getUint32(t);return function(e){return 0===e}(n)?e.byteLength-t:function(e){return 1===e}(n)&&function(e,t){return 0===e.getUint32(t+8)}(e,t)?e.getUint32(t+12):n}var V=function(e){if(function(e){return!!e&&e.byteLength>=4&&function(e){var t=e.getUint16(0)===g;return 42===e.getUint16(2,t)}(e)}(e))return{hasAppMarkers:1,tiffHeaderOffset:0};if(function(e){return!!e&&e.byteLength>=2&&65496===e.getUint16(0)}(e))return function(e){for(var t,n,r,i,o,a,u,c,f,s=2;s+4+5<=e.byteLength;){if(y(e,s))n=s+2;else if(S(e,s))r=s+2;else if(A(e,s))t=e.getUint16(s+2),i=s+2;else if(I(e,s))t=e.getUint16(s+2),o=s+10;else if(P(e,s))u||(u=[]),t=e.getUint16(s+2),u.push(w(s,t));else if(U(e,s))u||(u=[]),t=e.getUint16(s+2),u.push(T(s,t));else if(D(e,s))t=e.getUint16(s+2),a=s+18;else if(b(e,s)){var l=s+18,d=(t=e.getUint16(s+2))-16,p=e.getUint8(s+16),m=e.getUint8(s+17);c||(c=[]),c.push({offset:l,length:d,chunkNumber:p,chunksTotal:m})}else if(C(e,s))t=e.getUint16(s+2),f=s+8;else{if(!x(e,s)){if(M(e,s)){s++;continue}break}t=e.getUint16(s+2)}s+=2+t}return{hasAppMarkers:s>2,fileDataOffset:n||r,jfifDataOffset:i,tiffHeaderOffset:o,iptcDataOffset:a,xmpChunks:u,iccChunks:c,mpfDataOffset:f}}(e);if(function(e){return!!e&&r(e,0,8)===O}(e))return function(e){for(var t={hasAppMarkers:0},n=8;n+4+4<=e.byteLength;){if(k(e,n))t.hasAppMarkers=1,t.pngHeaderOffset=n+8;else if(E(e,n)){var i=j(e,n);void 0!==i&&(t.hasAppMarkers=1,t.xmpChunks=[{dataOffset:i,length:e.getUint32(n+0)-(i-(n+8))}])}else if(N(e,n)){t.hasAppMarkers=1;var o=r(e,n+4,4);t.pngTextChunks||(t.pngTextChunks=[]),t.pngTextChunks.push({length:e.getUint32(n+0),type:o,offset:n+8})}else G(e,n)?(t.hasAppMarkers=1,t.tiffHeaderOffset=n+8):B(e,n)&&(t.hasAppMarkers=1,t.pngChunkOffsets||(t.pngChunkOffsets=[]),t.pngChunkOffsets.push(n+0));n+=e.getUint32(n+0)+4+4+4}return t}(e);if(function(e){if(!e)return 0;var t=r(e,8,4);return"ftyp"===r(e,4,4)&&-1!==["heic","heix","hevc","hevx","heim","heis","hevm","hevs","mif1"].indexOf(t)}(e))return function(e){var t=function(e){for(var t=0;t+4+4<=e.byteLength;){var n=z(e,t);if(n>=8&&"meta"===r(e,t+4,4))return{offset:t,length:n};t+=n}return{offset:void 0,length:0}}(e),n=t.offset,i=t.length;if(void 0===n)return{hasAppMarkers:0};var o=Math.min(n+i,e.byteLength),a=function(e,t,n){for(var i={ilocOffset:void 0,exifItemOffset:void 0,colrOffset:void 0};t+4<=n&&(!i.ilocOffset||!i.exifItemOffset||!i.colrOffset);){var o=r(e,t,4);"iloc"===o?i.ilocOffset=t:"Exif"===o?i.exifItemOffset=t+-4:"colr"===o&&(i.colrOffset=t+-4),t++}return i}(e,n,o),u=a.exifItemOffset,c=a.ilocOffset,f=a.colrOffset,s=function(e,t,n,r){if(n&&t&&!(t+2>r)){var i=e.getUint16(t);for(n+=12;n+16<=r;){if(e.getUint16(n)===i){var o=e.getUint32(n+8);if(o+4<=e.byteLength)return o+(e.getUint32(o)+4)}n+=16}}}(e,u,c,o),l=function(e,t,n){if(t&&!(t+12>n)){var i=r(e,t+8,4);if("prof"===i||"rICC"===i)return[{offset:t+12,length:z(e,t)-12,chunkNumber:1,chunksTotal:1}]}}(e,f,o);return{hasAppMarkers:void 0!==s||void 0!==l,tiffHeaderOffset:s,iccChunks:l}}(e);if(function(e){return!!e&&"RIFF"===r(e,0,4)&&"WEBP"===r(e,8,4)}(e))return function(e){for(var t,n,i,o=12,a=0;o+8<e.byteLength;){var u=r(e,o,4),c=e.getUint32(o+4,1);"EXIF"===u?(a=1,t="Exif\0\0"===r(e,o+8,6)?o+8+6:o+8):"XMP "===u?(a=1,n=[{dataOffset:o+8,length:c}]):"ICCP"===u&&(a=1,i=[{offset:o+8,length:c,chunkNumber:1,chunksTotal:1}]),o+=8+(c%2==0?c:c+1)}return{hasAppMarkers:a,tiffHeaderOffset:t,xmpChunks:n,iccChunks:i}}(e);throw Error("Invalid image format")},W={1:1,2:1,3:2,4:4,5:8,7:1,9:4,10:8,13:4},H={BYTE:1,ASCII:2,SHORT:3,LONG:4,RATIONAL:5,UNDEFINED:7,SLONG:9,SRATIONAL:10,IFD:13},X={getAsciiValue:function(e){return e.map((function(e){return String.fromCharCode(e)}))},getByteAt:Y,getAsciiAt:function(e,t){return e.getUint8(t)},getShortAt:function(e,t,n){return e.getUint16(t,n===g)},getLongAt:_,getRationalAt:function(e,t,n){return[_(e,t,n),_(e,t+4,n)]},getUndefinedAt:function(e,t){return Y(e,t)},getSlongAt:q,getSrationalAt:function(e,t,n){return[q(e,t,n),q(e,t+4,n)]},getIfdPointerAt:function(e,t,n){return _(e,t,n)},typeSizes:W,tagTypes:H,getTypeSize:function(e){if(void 0===H[e])throw Error("No such type found.");return W[H[e]]}};function Y(e,t){return e.getUint8(t)}function _(e,t,n){return e.getUint32(t,n===g)}function q(e,t,n){return e.getInt32(t,n===g)}var K={ApertureValue:function(e){return Math.pow(Math.sqrt(2),e[0]/e[1]).toFixed(2)},ColorSpace:function(e){return 1===e?"sRGB":65535===e?"Uncalibrated":"Unknown"},ComponentsConfiguration:function(e){return e.map((function(e){return 49===e?"Y":50===e?"Cb":51===e?"Cr":52===e?"R":53===e?"G":54===e?"B":void 0})).join("")},Contrast:function(e){return 0===e?"Normal":1===e?"Soft":2===e?"Hard":"Unknown"},CustomRendered:function(e){return 0===e?"Normal process":1===e?"Custom process":"Unknown"},ExposureMode:function(e){return 0===e?"Auto exposure":1===e?"Manual exposure":2===e?"Auto bracket":"Unknown"},ExposureProgram:function(e){return 0===e?"Undefined":1===e?"Manual":2===e?"Normal program":3===e?"Aperture priority":4===e?"Shutter priority":5===e?"Creative program":6===e?"Action program":7===e?"Portrait mode":8===e?"Landscape mode":9===e?"Bulb":"Unknown"},ExposureTime:function(e){return e[0]>=e[1]?"".concat(Math.round(e[0]/e[1])):0!==e[0]?"1/".concat(Math.round(e[1]/e[0])):"0/".concat(e[1])},FNumber:function(e){return"f/".concat(e[0]/e[1])},FocalLength:function(e){return e[0]/e[1]+" mm"},FocalPlaneResolutionUnit:function(e){return 2===e?"inches":3===e?"centimeters":"Unknown"},LightSource:function(e){return 1===e?"Daylight":2===e?"Fluorescent":3===e?"Tungsten (incandescent light)":4===e?"Flash":9===e?"Fine weather":10===e?"Cloudy weather":11===e?"Shade":12===e?"Daylight fluorescent (D 5700 – 7100K)":13===e?"Day white fluorescent (N 4600 – 5400K)":14===e?"Cool white fluorescent (W 3900 – 4500K)":15===e?"White fluorescent (WW 3200 – 3700K)":17===e?"Standard light A":18===e?"Standard light B":19===e?"Standard light C":20===e?"D55":21===e?"D65":22===e?"D75":23===e?"D50":24===e?"ISO studio tungsten":255===e?"Other light source":"Unknown"},MeteringMode:function(e){return 1===e?"Average":2===e?"CenterWeightedAverage":3===e?"Spot":4===e?"MultiSpot":5===e?"Pattern":6===e?"Partial":255===e?"Other":"Unknown"},ResolutionUnit:function(e){return 2===e?"inches":3===e?"centimeters":"Unknown"},Saturation:function(e){return 0===e?"Normal":1===e?"Low saturation":2===e?"High saturation":"Unknown"},SceneCaptureType:function(e){return 0===e?"Standard":1===e?"Landscape":2===e?"Portrait":3===e?"Night scene":"Unknown"},Sharpness:function(e){return 0===e?"Normal":1===e?"Soft":2===e?"Hard":"Unknown"},ShutterSpeedValue:function(e){var t=Math.pow(2,e[0]/e[1]);return t<=1?"".concat(Math.round(1/t)):"1/".concat(Math.round(t))},WhiteBalance:function(e){return 0===e?"Auto white balance":1===e?"Manual white balance":"Unknown"},XResolution:function(e){return""+Math.round(e[0]/e[1])},YResolution:function(e){return""+Math.round(e[0]/e[1])}};function J(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function $(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var Q={0:{name:"GPSVersionID",description:function(e){return 2===e[0]&&2===e[1]&&0===e[2]&&0===e[3]?"Version 2.2":"Unknown"}},1:{name:"GPSLatitudeRef",description:function(e){var t=e.join("");return"N"===t?"North latitude":"S"===t?"South latitude":"Unknown"}},2:{name:"GPSLatitude",description:p},3:{name:"GPSLongitudeRef",description:function(e){var t=e.join("");return"E"===t?"East longitude":"W"===t?"West longitude":"Unknown"}},4:{name:"GPSLongitude",description:p},5:{name:"GPSAltitudeRef",description:function(e){return 0===e?"Sea level":1===e?"Sea level reference (negative value)":"Unknown"}},6:{name:"GPSAltitude",description:function(e){return e[0]/e[1]+" m"}},7:{name:"GPSTimeStamp",description:function(e){return e.map((function(e){var t,n=(2,function(e){if(Array.isArray(e))return e}(t=e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o=[],a=1,u=0;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(o.push(r.value),2!==o.length);a=1);}catch(e){u=1,i=e}finally{try{a||null==n.return||n.return()}finally{if(u)throw i}}return o}}(t)||function(e,t){if(e){if("string"==typeof e)return $(e,2);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?$(e,2):void 0}}(t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),r=n[0]/n[1];return/^\d(\.|$)/.test("".concat(r))?"0".concat(r):r})).join(":")}},8:"GPSSatellites",9:{name:"GPSStatus",description:function(e){var t=e.join("");return"A"===t?"Measurement in progress":"V"===t?"Measurement Interoperability":"Unknown"}},10:{name:"GPSMeasureMode",description:function(e){var t=e.join("");return"2"===t?"2-dimensional measurement":"3"===t?"3-dimensional measurement":"Unknown"}},11:"GPSDOP",12:{name:"GPSSpeedRef",description:function(e){var t=e.join("");return"K"===t?"Kilometers per hour":"M"===t?"Miles per hour":"N"===t?"Knots":"Unknown"}},13:"GPSSpeed",14:{name:"GPSTrackRef",description:function(e){var t=e.join("");return"T"===t?"True direction":"M"===t?"Magnetic direction":"Unknown"}},15:"GPSTrack",16:{name:"GPSImgDirectionRef",description:function(e){var t=e.join("");return"T"===t?"True direction":"M"===t?"Magnetic direction":"Unknown"}},17:"GPSImgDirection",18:"GPSMapDatum",19:{name:"GPSDestLatitudeRef",description:function(e){var t=e.join("");return"N"===t?"North latitude":"S"===t?"South latitude":"Unknown"}},20:{name:"GPSDestLatitude",description:function(e){return e[0][0]/e[0][1]+e[1][0]/e[1][1]/60+e[2][0]/e[2][1]/3600}},21:{name:"GPSDestLongitudeRef",description:function(e){var t=e.join("");return"E"===t?"East longitude":"W"===t?"West longitude":"Unknown"}},22:{name:"GPSDestLongitude",description:function(e){return e[0][0]/e[0][1]+e[1][0]/e[1][1]/60+e[2][0]/e[2][1]/3600}},23:{name:"GPSDestBearingRef",description:function(e){var t=e.join("");return"T"===t?"True direction":"M"===t?"Magnetic direction":"Unknown"}},24:"GPSDestBearing",25:{name:"GPSDestDistanceRef",description:function(e){var t=e.join("");return"K"===t?"Kilometers":"M"===t?"Miles":"N"===t?"Knots":"Unknown"}},26:"GPSDestDistance",27:{name:"GPSProcessingMethod",description:d},28:{name:"GPSAreaInformation",description:d},29:"GPSDateStamp",30:{name:"GPSDifferential",description:function(e){return 0===e?"Measurement without differential correction":1===e?"Differential correction applied":"Unknown"}},31:"GPSHPositioningError"},Z={1:"InteroperabilityIndex",2:{name:"InteroperabilityVersion",description:function(e){return l(e)}},4096:"RelatedImageFileFormat",4097:"RelatedImageWidth",4098:"RelatedImageHeight"},ee={45056:{name:"MPFVersion",description:function(e){return l(e)}},45057:"NumberOfImages",45058:"MPEntry",45059:"ImageUIDList",45060:"TotalFrames"},te=a({},{11:"ProcessingSoftware",254:{name:"SubfileType",description:function(e){return{0:"Full-resolution image",1:"Reduced-resolution image",2:"Single page of multi-page image",3:"Single page of multi-page reduced-resolution image",4:"Transparency mask",5:"Transparency mask of reduced-resolution image",6:"Transparency mask of multi-page image",7:"Transparency mask of reduced-resolution multi-page image",65537:"Alternate reduced-resolution image",4294967295:"Invalid"}[e]||"Unknown"}},255:{name:"OldSubfileType",description:function(e){return{0:"Full-resolution image",1:"Reduced-resolution image",2:"Single page of multi-page image"}[e]||"Unknown"}},256:"ImageWidth",257:"ImageLength",258:"BitsPerSample",259:"Compression",262:"PhotometricInterpretation",263:{name:"Thresholding",description:function(e){return{1:"No dithering or halftoning",2:"Ordered dither or halfton",3:"Randomized dither"}[e]||"Unknown"}},264:"CellWidth",265:"CellLength",266:{name:"FillOrder",description:function(e){return{1:"Normal",2:"Reversed"}[e]||"Unknown"}},269:"DocumentName",270:"ImageDescription",271:"Make",272:"Model",273:"StripOffsets",274:{name:"Orientation",description:function(e){return 1===e?"top-left":2===e?"top-right":3===e?"bottom-right":4===e?"bottom-left":5===e?"left-top":6===e?"right-top":7===e?"right-bottom":8===e?"left-bottom":"Undefined"}},277:"SamplesPerPixel",278:"RowsPerStrip",279:"StripByteCounts",280:"MinSampleValue",281:"MaxSampleValue",282:{name:"XResolution",description:K.XResolution},283:{name:"YResolution",description:K.YResolution},284:"PlanarConfiguration",285:"PageName",286:{name:"XPosition",description:function(e){return""+Math.round(e[0]/e[1])}},287:{name:"YPosition",description:function(e){return""+Math.round(e[0]/e[1])}},290:{name:"GrayResponseUnit",description:function(e){return{1:"0.1",2:"0.001",3:"0.0001",4:"1e-05",5:"1e-06"}[e]||"Unknown"}},296:{name:"ResolutionUnit",description:K.ResolutionUnit},297:"PageNumber",301:"TransferFunction",305:"Software",306:"DateTime",315:"Artist",316:"HostComputer",317:"Predictor",318:{name:"WhitePoint",description:function(e){return e.map((function(e){return"".concat(e[0],"/").concat(e[1])})).join(", ")}},319:{name:"PrimaryChromaticities",description:function(e){return e.map((function(e){return"".concat(e[0],"/").concat(e[1])})).join(", ")}},321:"HalftoneHints",322:"TileWidth",323:"TileLength",330:"A100DataOffset",332:{name:"InkSet",description:function(e){return{1:"CMYK",2:"Not CMYK"}[e]||"Unknown"}},337:"TargetPrinter",338:{name:"ExtraSamples",description:function(e){return{0:"Unspecified",1:"Associated Alpha",2:"Unassociated Alpha"}[e]||"Unknown"}},339:{name:"SampleFormat",description:function(e){var t={1:"Unsigned",2:"Signed",3:"Float",4:"Undefined",5:"Complex int",6:"Complex float"};return Array.isArray(e)?e.map((function(e){return t[e]||"Unknown"})).join(", "):"Unknown"}},513:"JPEGInterchangeFormat",514:"JPEGInterchangeFormatLength",529:{name:"YCbCrCoefficients",description:function(e){return e.map((function(e){return""+e[0]/e[1]})).join("/")}},530:"YCbCrSubSampling",531:{name:"YCbCrPositioning",description:function(e){return 1===e?"centered":2===e?"co-sited":"undefined "+e}},532:{name:"ReferenceBlackWhite",description:function(e){return e.map((function(e){return""+e[0]/e[1]})).join(", ")}},700:"ApplicationNotes",18246:"Rating",18249:"RatingPercent",33432:{name:"Copyright",description:function(e){return e.join("; ")}},33550:"PixelScale",33723:"IPTC-NAA",33920:"IntergraphMatrix",33922:"ModelTiePoint",34118:"SEMInfo",34264:"ModelTransform",34377:"PhotoshopSettings",34665:"Exif IFD Pointer",34675:"ICC_Profile",34735:"GeoTiffDirectory",34736:"GeoTiffDoubleParams",34737:"GeoTiffAsciiParams",34853:"GPS Info IFD Pointer",40091:"XPTitle",40092:"XPComment",40093:"XPAuthor",40094:"XPKeywords",40095:"XPSubject",42112:"GDALMetadata",42113:"GDALNoData",50341:"PrintIM",50707:"DNGBackwardVersion",50708:"UniqueCameraModel",50709:"LocalizedCameraModel",50721:"ColorMatrix1",50722:"ColorMatrix2",50723:"CameraCalibration1",50724:"CameraCalibration2",50725:"ReductionMatrix1",50726:"ReductionMatrix2",50727:"AnalogBalance",50728:"AsShotNeutral",50729:"AsShotWhiteXY",50730:"BaselineExposure",50731:"BaselineNoise",50732:"BaselineSharpness",50734:"LinearResponseLimit",50735:"CameraSerialNumber",50736:"DNGLensInfo",50739:"ShadowScale",50741:{name:"MakerNoteSafety",description:function(e){return{0:"Unsafe",1:"Safe"}[e]||"Unknown"}},50778:{name:"CalibrationIlluminant1",description:K.LightSource},50779:{name:"CalibrationIlluminant2",description:K.LightSource},50781:"RawDataUniqueID",50827:"OriginalRawFileName",50828:"OriginalRawFileData",50831:"AsShotICCProfile",50832:"AsShotPreProfileMatrix",50833:"CurrentICCProfile",50834:"CurrentPreProfileMatrix",50879:"ColorimetricReference",50885:"SRawType",50898:"PanasonicTitle",50899:"PanasonicTitle2",50931:"CameraCalibrationSig",50932:"ProfileCalibrationSig",50933:"ProfileIFD",50934:"AsShotProfileName",50936:"ProfileName",50937:"ProfileHueSatMapDims",50938:"ProfileHueSatMapData1",50939:"ProfileHueSatMapData2",50940:"ProfileToneCurve",50941:{name:"ProfileEmbedPolicy",description:function(e){return{0:"Allow Copying",1:"Embed if Used",2:"Never Embed",3:"No Restrictions"}[e]||"Unknown"}},50942:"ProfileCopyright",50964:"ForwardMatrix1",50965:"ForwardMatrix2",50966:"PreviewApplicationName",50967:"PreviewApplicationVersion",50968:"PreviewSettingsName",50969:"PreviewSettingsDigest",50970:{name:"PreviewColorSpace",description:function(e){return{1:"Gray Gamma 2.2",2:"sRGB",3:"Adobe RGB",4:"ProPhoto RGB"}[e]||"Unknown"}},50971:"PreviewDateTime",50972:"RawImageDigest",50973:"OriginalRawFileDigest",50981:"ProfileLookTableDims",50982:"ProfileLookTableData",51043:"TimeCodes",51044:"FrameRate",51058:"TStop",51081:"ReelName",51089:"OriginalDefaultFinalSize",51090:"OriginalBestQualitySize",51091:"OriginalDefaultCropSize",51105:"CameraLabel",51107:{name:"ProfileHueSatMapEncoding",description:function(e){return{0:"Linear",1:"sRGB"}[e]||"Unknown"}},51108:{name:"ProfileLookTableEncoding",description:function(e){return{0:"Linear",1:"sRGB"}[e]||"Unknown"}},51109:"BaselineExposureOffset",51110:{name:"DefaultBlackRender",description:function(e){return{0:"Auto",1:"None"}[e]||"Unknown"}},51111:"NewRawImageDigest",51112:"RawToPreviewGain"},{33434:{name:"ExposureTime",description:K.ExposureTime},33437:{name:"FNumber",description:K.FNumber},34850:{name:"ExposureProgram",description:K.ExposureProgram},34852:"SpectralSensitivity",34855:"ISOSpeedRatings",34856:{name:"OECF",description:function(){return"[Raw OECF table data]"}},34858:"TimeZoneOffset",34859:"SelfTimerMode",34864:{name:"SensitivityType",description:function(e){return{1:"Standard Output Sensitivity",2:"Recommended Exposure Index",3:"ISO Speed",4:"Standard Output Sensitivity and Recommended Exposure Index",5:"Standard Output Sensitivity and ISO Speed",6:"Recommended Exposure Index and ISO Speed",7:"Standard Output Sensitivity, Recommended Exposure Index and ISO Speed"}[e]||"Unknown"}},34865:"StandardOutputSensitivity",34866:"RecommendedExposureIndex",34867:"ISOSpeed",34868:"ISOSpeedLatitudeyyy",34869:"ISOSpeedLatitudezzz",36864:{name:"ExifVersion",description:function(e){return l(e)}},36867:"DateTimeOriginal",36868:"DateTimeDigitized",36873:"GooglePlusUploadCode",36880:"OffsetTime",36881:"OffsetTimeOriginal",36882:"OffsetTimeDigitized",37121:{name:"ComponentsConfiguration",description:K.ComponentsConfiguration},37122:"CompressedBitsPerPixel",37377:{name:"ShutterSpeedValue",description:K.ShutterSpeedValue},37378:{name:"ApertureValue",description:K.ApertureValue},37379:"BrightnessValue",37380:"ExposureBiasValue",37381:{name:"MaxApertureValue",description:function(e){return Math.pow(Math.sqrt(2),e[0]/e[1]).toFixed(2)}},37382:{name:"SubjectDistance",description:function(e){return e[0]/e[1]+" m"}},37383:{name:"MeteringMode",description:K.MeteringMode},37384:{name:"LightSource",description:K.LightSource},37385:{name:"Flash",description:function(e){return 0===e?"Flash did not fire":1===e?"Flash fired":5===e?"Strobe return light not detected":7===e?"Strobe return light detected":9===e?"Flash fired, compulsory flash mode":13===e?"Flash fired, compulsory flash mode, return light not detected":15===e?"Flash fired, compulsory flash mode, return light detected":16===e?"Flash did not fire, compulsory flash mode":24===e?"Flash did not fire, auto mode":25===e?"Flash fired, auto mode":29===e?"Flash fired, auto mode, return light not detected":31===e?"Flash fired, auto mode, return light detected":32===e?"No flash function":65===e?"Flash fired, red-eye reduction mode":69===e?"Flash fired, red-eye reduction mode, return light not detected":71===e?"Flash fired, red-eye reduction mode, return light detected":73===e?"Flash fired, compulsory flash mode, red-eye reduction mode":77===e?"Flash fired, compulsory flash mode, red-eye reduction mode, return light not detected":79===e?"Flash fired, compulsory flash mode, red-eye reduction mode, return light detected":89===e?"Flash fired, auto mode, red-eye reduction mode":93===e?"Flash fired, auto mode, return light not detected, red-eye reduction mode":95===e?"Flash fired, auto mode, return light detected, red-eye reduction mode":"Unknown"}},37386:{name:"FocalLength",description:K.FocalLength},37393:"ImageNumber",37394:{name:"SecurityClassification",description:function(e){return{C:"Confidential",R:"Restricted",S:"Secret",T:"Top Secret",U:"Unclassified"}[e]||"Unknown"}},37395:"ImageHistory",37396:{name:"SubjectArea",description:function(e){return 2===e.length?"Location; X: ".concat(e[0],", Y: ").concat(e[1]):3===e.length?"Circle; X: ".concat(e[0],", Y: ").concat(e[1],", diameter: ").concat(e[2]):4===e.length?"Rectangle; X: ".concat(e[0],", Y: ").concat(e[1],", width: ").concat(e[2],", height: ").concat(e[3]):"Unknown"}},37500:{name:"MakerNote",description:function(){return"[Raw maker note data]"}},37510:{name:"UserComment",description:d},37520:"SubSecTime",37521:"SubSecTimeOriginal",37522:"SubSecTimeDigitized",37888:{name:"AmbientTemperature",description:function(e){return e[0]/e[1]+" °C"}},37889:{name:"Humidity",description:function(e){return e[0]/e[1]+" %"}},37890:{name:"Pressure",description:function(e){return e[0]/e[1]+" hPa"}},37891:{name:"WaterDepth",description:function(e){return e[0]/e[1]+" m"}},37892:{name:"Acceleration",description:function(e){return e[0]/e[1]+" mGal"}},37893:{name:"CameraElevationAngle",description:function(e){return e[0]/e[1]+" °"}},40960:{name:"FlashpixVersion",description:function(e){return e.map((function(e){return String.fromCharCode(e)})).join("")}},40961:{name:"ColorSpace",description:K.ColorSpace},40962:"PixelXDimension",40963:"PixelYDimension",40964:"RelatedSoundFile",40965:"Interoperability IFD Pointer",41483:"FlashEnergy",41484:{name:"SpatialFrequencyResponse",description:function(){return"[Raw SFR table data]"}},41486:"FocalPlaneXResolution",41487:"FocalPlaneYResolution",41488:{name:"FocalPlaneResolutionUnit",description:K.FocalPlaneResolutionUnit},41492:{name:"SubjectLocation",description:function(e){var t,n=(2,function(e){if(Array.isArray(e))return e}(t=e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o=[],a=1,u=0;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(o.push(r.value),2!==o.length);a=1);}catch(e){u=1,i=e}finally{try{a||null==n.return||n.return()}finally{if(u)throw i}}return o}}(t)||function(e,t){if(e){if("string"==typeof e)return J(e,2);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?J(e,2):void 0}}(t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),r=n[0],i=n[1];return"X: ".concat(r,", Y: ").concat(i)}},41493:"ExposureIndex",41495:{name:"SensingMethod",description:function(e){return 1===e?"Undefined":2===e?"One-chip color area sensor":3===e?"Two-chip color area sensor":4===e?"Three-chip color area sensor":5===e?"Color sequential area sensor":7===e?"Trilinear sensor":8===e?"Color sequential linear sensor":"Unknown"}},41728:{name:"FileSource",description:function(e){return 3===e?"DSC":"Unknown"}},41729:{name:"SceneType",description:function(e){return 1===e?"A directly photographed image":"Unknown"}},41730:{name:"CFAPattern",description:function(){return"[Raw CFA pattern table data]"}},41985:{name:"CustomRendered",description:K.CustomRendered},41986:{name:"ExposureMode",description:K.ExposureMode},41987:{name:"WhiteBalance",description:K.WhiteBalance},41988:{name:"DigitalZoomRatio",description:function(e){return 0===e[0]?"Digital zoom was not used":""+e[0]/e[1]}},41989:{name:"FocalLengthIn35mmFilm",description:function(e){return 0===e?"Unknown":e}},41990:{name:"SceneCaptureType",description:K.SceneCaptureType},41991:{name:"GainControl",description:function(e){return 0===e?"None":1===e?"Low gain up":2===e?"High gain up":3===e?"Low gain down":4===e?"High gain down":"Unknown"}},41992:{name:"Contrast",description:K.Contrast},41993:{name:"Saturation",description:K.Saturation},41994:{name:"Sharpness",description:K.Sharpness},41995:{name:"DeviceSettingDescription",description:function(){return"[Raw device settings table data]"}},41996:{name:"SubjectDistanceRange",description:function(e){return 1===e?"Macro":2===e?"Close view":3===e?"Distant view":"Unknown"}},42016:"ImageUniqueID",42032:"CameraOwnerName",42033:"BodySerialNumber",42034:{name:"LensSpecification",description:function(e){var t="".concat(e[0][0]/e[0][1],"-").concat(e[1][0]/e[1][1]," mm");return 0===e[3][1]?"".concat(t," f/?"):"".concat(t," f/").concat(1/(e[2][1]/e[2][1]/(e[3][0]/e[3][1])))}},42035:"LensMake",42036:"LensModel",42037:"LensSerialNumber",42080:{name:"CompositeImage",description:function(e){return{1:"Not a Composite Image",2:"General Composite Image",3:"Composite Image Captured While Shooting"}[e]||"Unknown"}},42081:"SourceImageNumberOfCompositeImage",42082:"SourceExposureTimesOfCompositeImage",42240:"Gamma",59932:"Padding",59933:"OffsetSchema",65e3:"OwnerName",65001:"SerialNumber",65002:"Lens",65100:"RawFile",65101:"Converter",65102:"WhiteBalance",65105:"Exposure",65106:"Shadows",65107:"Brightness",65108:"Contrast",65109:"Saturation",65110:"Sharpness",65111:"Smoothness",65112:"MoireFilter"}),ne={"0th":te,exif:te,gps:Q,interoperability:Z,mpf:ee},re={1:X.getByteAt,2:X.getAsciiAt,3:X.getShortAt,4:X.getLongAt,5:X.getRationalAt,7:X.getUndefinedAt,9:X.getSlongAt,10:X.getSrationalAt,13:X.getIfdPointerAt},ie=function(e,t,n){var r=v(e,t),i=function(e,t,n,r){return de(e,"0th",t,ae(e,t,n),n,r)}(e,t,r,n);return function(e,t,n,r,i){return void 0!==e["Interoperability IFD Pointer"]?a(e,de(t,"interoperability",n,n+e["Interoperability IFD Pointer"].value,r,i)):e}(i=function(e,t,n,r,i){return void 0!==e["GPS Info IFD Pointer"]?a(e,de(t,"gps",n,n+e["GPS Info IFD Pointer"].value,r,i)):e}(i=function(e,t,n,r,i){return void 0!==e["Exif IFD Pointer"]?a(e,de(t,"exif",n,n+e["Exif IFD Pointer"].value,r,i)):e}(i,e,t,r,n),e,t,r,n),e,t,r,n)},oe=function(e,t,n){var r=v(e,t);return function(e,t,n,r){var i=16;if(!n.MPEntry)return n;for(var o=[],a=0;a<Math.ceil(n.MPEntry.value.length/i);a++){o[a]={};var f=ue(n.MPEntry.value,a*i,X.getTypeSize("LONG"),r);o[a].ImageFlags=ce(f),o[a].ImageFormat=fe(f),o[a].ImageType=se(f);var s=ue(n.MPEntry.value,a*i+4,X.getTypeSize("LONG"),r);o[a].ImageSize={value:s,description:""+s};var l=le(a)?0:ue(n.MPEntry.value,a*i+8,X.getTypeSize("LONG"),r)+t;o[a].ImageOffset={value:l,description:""+l};var d=ue(n.MPEntry.value,a*i+12,X.getTypeSize("SHORT"),r);o[a].DependentImage1EntryNumber={value:d,description:""+d};var p=ue(n.MPEntry.value,a*i+14,X.getTypeSize("SHORT"),r);o[a].DependentImage2EntryNumber={value:p,description:""+p},o[a].image=e.buffer.slice(l,l+s),u(o[a],"base64",(function(){return c(this.image)}))}return n.Images=o,n}(e,t,de(e,"mpf",t,ae(e,t,r),r,n),r)};function ae(e,t,n){return t+X.getLongAt(e,t+4,n)}function ue(e,t,n,r){if(r===g){for(var i=0,o=0;o<n;o++)i+=e[t+o]<<8*o;return i}for(var a=0,u=0;u<n;u++)a+=e[t+u]<<8*(n-1-u);return a}function ce(e){var t=[e>>31&1,e>>30&1,e>>29&1],n=[];return t[0]&&n.push("Dependent Parent Image"),t[1]&&n.push("Dependent Child Image"),t[2]&&n.push("Representative Image"),{value:t,description:n.join(", ")||"None"}}function fe(e){var t=e>>24&7;return{value:t,description:0===t?"JPEG":"Unknown"}}function se(e){var t=16777215&e;return{value:t,description:{196608:"Baseline MP Primary Image",65537:"Large Thumbnail (VGA equivalent)",65538:"Large Thumbnail (Full HD equivalent)",131073:"Multi-Frame Image (Panorama)",131074:"Multi-Frame Image (Disparity)",131075:"Multi-Frame Image (Multi-Angle)",0:"Undefined"}[t]||"Unknown"}}function le(e){return 0===e}function de(e,t,n,r,i,o){var a=X.getTypeSize("SHORT"),u={},c=function(e,t,n){return t+X.getTypeSize("SHORT")<=e.byteLength?X.getShortAt(e,t,n):0}(e,r,i);r+=a;for(var f=0;f<c&&!(r+12>e.byteLength);f++){var s=pe(e,t,n,r,i,o);void 0!==s&&(u[s.name]={id:s.id,value:s.value,description:s.description}),r+=12}if(r<e.byteLength-X.getTypeSize("LONG")){var l=X.getLongAt(e,r,i);0!==l&&(u.Thumbnail=de(e,t,n,n+l,i,1))}return u}function pe(e,t,n,r,i,o){var a,u=X.getTypeSize("SHORT"),c=u+X.getTypeSize("SHORT"),f=c+X.getTypeSize("LONG"),s=X.getShortAt(e,r,i),l=X.getShortAt(e,r+u,i),d=X.getLongAt(e,r+c,i);if(void 0!==X.typeSizes[l]&&(o||void 0!==ne[t][s])){if(function(e,t){return X.typeSizes[e]*t<=X.getTypeSize("LONG")}(l,d))a=me(e,r+f,l,d,i);else{var p=X.getLongAt(e,r+f,i);a=function(e,t,n,r,i){return t+n+X.typeSizes[r]*i<=e.byteLength}(e,n,p,l,d)?me(e,n+p,l,d,i,33723===s):"<faulty value>"}l===X.tagTypes.ASCII&&(a=function(e){try{return e.map((function(e){return decodeURIComponent(escape(e))}))}catch(t){return e}}(a=function(e){for(var t=[],n=0,r=0;r<e.length;r++)"\0"!==e[r]?(void 0===t[n]&&(t[n]=""),t[n]+=e[r]):n++;return t}(a)));var m="undefined-".concat(s),g=a;if(void 0!==ne[t][s])if(void 0!==ne[t][s].name&&void 0!==ne[t][s].description){m=ne[t][s].name;try{g=ne[t][s].description(a)}catch(e){g=ge(a)}}else l===X.tagTypes.RATIONAL||l===X.tagTypes.SRATIONAL?(m=ne[t][s],g=""+a[0]/a[1]):(m=ne[t][s],g=ge(a));return{id:s,name:m,value:a,description:g}}}function me(e,t,n,r,i){var o=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,a=[];o&&(r*=X.typeSizes[n],n=X.tagTypes.BYTE);for(var u=0;u<r;u++)a.push(re[n](e,t,i)),t+=X.typeSizes[n];return n===X.tagTypes.ASCII?a=X.getAsciiValue(a):1===a.length&&(a=a[0]),a}function ge(e){return e instanceof Array?e.join(", "):e}var ve=function(e,t){var n=function(e,t){return X.getShortAt(e,t)}(e,t),r=function(e,t,n){if(!(8>n)){var r=X.getByteAt(e,t+7);return{value:r,description:""+r}}}(e,t,n);return{"Bits Per Sample":he(e,t,n),"Image Height":ye(e,t,n),"Image Width":Se(e,t,n),"Color Components":r,Subsampling:r&&be(e,t,r.value,n)}};function he(e,t,n){if(!(3>n)){var r=X.getByteAt(e,t+2);return{value:r,description:""+r}}}function ye(e,t,n){if(!(5>n)){var r=X.getShortAt(e,t+3);return{value:r,description:"".concat(r,"px")}}}function Se(e,t,n){if(!(7>n)){var r=X.getShortAt(e,t+5);return{value:r,description:"".concat(r,"px")}}}function be(e,t,n,r){if(!(8+3*n>r)){for(var i=[],o=0;o<n;o++){var a=t+8+3*o;i.push([X.getByteAt(e,a),X.getByteAt(e,a+1),X.getByteAt(e,a+2)])}return{value:i,description:i.length>1?Ce(i)+Ae(i):""}}}function Ce(e){var t={1:"Y",2:"Cb",3:"Cr",4:"I",5:"Q"};return e.map((function(e){return t[e[0]]})).join("")}function Ae(e){var t={17:"4:4:4 (1 1)",18:"4:4:0 (1 2)",20:"4:4:1 (1 4)",33:"4:2:2 (2 1)",34:"4:2:0 (2 2)",36:"4:2:1 (2 4)",65:"4:1:1 (4 1)",66:"4:1:0 (4 2)"};return 0===e.length||void 0===e[0][1]||void 0===t[e[0][1]]?"":t[e[0][1]]}var Ie=function(e,t){var n=function(e,t){return X.getShortAt(e,t)}(e,t),r=function(e,t,n){if(!(15>n)){var r=X.getByteAt(e,t+14);return{value:r,description:"".concat(r,"px")}}}(e,t,n),i=function(e,t,n){if(!(16>n)){var r=X.getByteAt(e,t+15);return{value:r,description:"".concat(r,"px")}}}(e,t,n),o={"JFIF Version":Pe(e,t,n),"Resolution Unit":Ue(e,t,n),XResolution:Te(e,t,n),YResolution:De(e,t,n),"JFIF Thumbnail Width":r,"JFIF Thumbnail Height":i};if(void 0!==r&&void 0!==i){var a=function(e,t,n,r){if(!(0===n||16+n>r))return{value:e.buffer.slice(t+16,t+16+n),description:"<24-bit RGB pixel data>"}}(e,t,3*r.value*i.value,n);a&&(o["JFIF Thumbnail"]=a)}for(var u in o)void 0===o[u]&&delete o[u];return o};function Pe(e,t,n){if(!(9>n)){var r=X.getByteAt(e,t+7),i=X.getByteAt(e,t+7+1);return{value:256*r+i,description:r+"."+i}}}function Ue(e,t,n){if(!(10>n)){var r=X.getByteAt(e,t+9);return{value:r,description:we(r)}}}function we(e){return 0===e?"None":1===e?"inches":2===e?"cm":"Unknown"}function Te(e,t,n){if(!(12>n)){var r=X.getShortAt(e,t+10);return{value:r,description:""+r}}}function De(e,t,n){if(!(14>n)){var r=X.getShortAt(e,t+12);return{value:r,description:""+r}}}var xe={iptc:{256:{name:"Model Version",description:function(e){return""+((e[0]<<8)+e[1])}},261:{name:"Destination",repeatable:1},276:{name:"File Format",description:function(e){return""+((e[0]<<8)+e[1])}},278:{name:"File Format Version",description:function(e){return""+((e[0]<<8)+e[1])}},286:"Service Identifier",296:"Envelope Number",306:"Product ID",316:"Envelope Priority",326:{name:"Date Sent",description:Me},336:{name:"Time Sent",description:Oe},346:{name:"Coded Character Set",description:Fe,encoding_name:Fe},356:"UNO",376:{name:"ARM Identifier",description:function(e){return""+((e[0]<<8)+e[1])}},378:{name:"ARM Version",description:function(e){return""+((e[0]<<8)+e[1])}},512:{name:"Record Version",description:function(e){return""+((e[0]<<8)+e[1])}},515:"Object Type Reference",516:"Object Attribute Reference",517:"Object Name",519:"Edit Status",520:{name:"Editorial Update",description:function(e){return"01"===l(e)?"Additional Language":"Unknown"}},522:"Urgency",524:{name:"Subject Reference",repeatable:1,description:function(e){var t=l(e).split(":");return t[2]+(t[3]?"/"+t[3]:"")+(t[4]?"/"+t[4]:"")}},527:"Category",532:{name:"Supplemental Category",repeatable:1},534:"Fixture Identifier",537:{name:"Keywords",repeatable:1},538:{name:"Content Location Code",repeatable:1},539:{name:"Content Location Name",repeatable:1},542:"Release Date",547:"Release Time",549:"Expiration Date",550:"Expiration Time",552:"Special Instructions",554:{name:"Action Advised",description:function(e){var t=l(e);return"01"===t?"Object Kill":"02"===t?"Object Replace":"03"===t?"Object Append":"04"===t?"Object Reference":"Unknown"}},557:{name:"Reference Service",repeatable:1},559:{name:"Reference Date",repeatable:1},562:{name:"Reference Number",repeatable:1},567:{name:"Date Created",description:Me},572:{name:"Time Created",description:Oe},574:{name:"Digital Creation Date",description:Me},575:{name:"Digital Creation Time",description:Oe},577:"Originating Program",582:"Program Version",587:{name:"Object Cycle",description:function(e){var t=l(e);return"a"===t?"morning":"p"===t?"evening":"b"===t?"both":"Unknown"}},592:{name:"By-line",repeatable:1},597:{name:"By-line Title",repeatable:1},602:"City",604:"Sub-location",607:"Province/State",612:"Country/Primary Location Code",613:"Country/Primary Location Name",615:"Original Transmission Reference",617:"Headline",622:"Credit",627:"Source",628:"Copyright Notice",630:{name:"Contact",repeatable:1},632:"Caption/Abstract",634:{name:"Writer/Editor",repeatable:1},637:{name:"Rasterized Caption",description:function(e){return e}},642:"Image Type",643:{name:"Image Orientation",description:function(e){var t=l(e);return"P"===t?"Portrait":"L"===t?"Landscape":"S"===t?"Square":"Unknown"}},647:"Language Identifier",662:{name:"Audio Type",description:function(e){var t=l(e),n=t.charAt(0),r=t.charAt(1),i="";return"1"===n?i+="Mono":"2"===n&&(i+="Stereo"),"A"===r?i+=", actuality":"C"===r?i+=", question and answer session":"M"===r?i+=", music, transmitted by itself":"Q"===r?i+=", response to a question":"R"===r?i+=", raw sound":"S"===r?i+=", scener":"V"===r?i+=", voicer":"W"===r&&(i+=", wrap"),""!==i?i:t}},663:{name:"Audio Sampling Rate",description:function(e){return parseInt(l(e),10)+" Hz"}},664:{name:"Audio Sampling Resolution",description:function(e){var t=parseInt(l(e),10);return t+(1===t?" bit":" bits")}},665:{name:"Audio Duration",description:function(e){var t=l(e);return t.length>=6?t.substr(0,2)+":"+t.substr(2,2)+":"+t.substr(4,2):t}},666:"Audio Outcue",698:"Short Document ID",699:"Unique Document ID",700:"Owner ID",712:{name:function(e){return 2===e.length?"ObjectData Preview File Format":"Record 2 destination"},description:function(e){if(2===e.length){var t=(e[0]<<8)+e[1];return 0===t?"No ObjectData":1===t?"IPTC-NAA Digital Newsphoto Parameter Record":2===t?"IPTC7901 Recommended Message Format":3===t?"Tagged Image File Format (Adobe/Aldus Image data)":4===t?"Illustrator (Adobe Graphics data)":5===t?"AppleSingle (Apple Computer Inc)":6===t?"NAA 89-3 (ANPA 1312)":7===t?"MacBinary II":8===t?"IPTC Unstructured Character Oriented File Format (UCOFF)":9===t?"United Press International ANPA 1312 variant":10===t?"United Press International Down-Load Message":11===t?"JPEG File Interchange (JFIF)":12===t?"Photo-CD Image-Pac (Eastman Kodak)":13===t?"Microsoft Bit Mapped Graphics File [*.BMP]":14===t?"Digital Audio File [*.WAV] (Microsoft & Creative Labs)":15===t?"Audio plus Moving Video [*.AVI] (Microsoft)":16===t?"PC DOS/Windows Executable Files [*.COM][*.EXE]":17===t?"Compressed Binary File [*.ZIP] (PKWare Inc)":18===t?"Audio Interchange File Format AIFF (Apple Computer Inc)":19===t?"RIFF Wave (Microsoft Corporation)":20===t?"Freehand (Macromedia/Aldus)":21===t?'Hypertext Markup Language "HTML" (The Internet Society)':22===t?"MPEG 2 Audio Layer 2 (Musicom), ISO/IEC":23===t?"MPEG 2 Audio Layer 3, ISO/IEC":24===t?"Portable Document File (*.PDF) Adobe":25===t?"News Industry Text Format (NITF)":26===t?"Tape Archive (*.TAR)":27===t?"Tidningarnas Telegrambyrå NITF version (TTNITF DTD)":28===t?"Ritzaus Bureau NITF version (RBNITF DTD)":29===t?"Corel Draw [*.CDR]":"Unknown format ".concat(t)}return l(e)}},713:{name:"ObjectData Preview File Format Version",description:function(e,t){var n={"00":{"00":"1"},"01":{"01":"1","02":"2","03":"3","04":"4"},"02":{"04":"4"},"03":{"01":"5.0","02":"6.0"},"04":{"01":"1.40"},"05":{"01":"2"},"06":{"01":"1"},11:{"01":"1.02"},20:{"01":"3.1","02":"4.0","03":"5.0","04":"5.5"},21:{"02":"2.0"}},r=l(e);if(t["ObjectData Preview File Format"]){var i=l(t["ObjectData Preview File Format"].value);if(n[i]&&n[i][r])return n[i][r]}return r}},714:"ObjectData Preview Data",1802:{name:"Size Mode",description:function(e){return e[0].toString()}},1812:{name:"Max Subfile Size",description:function(e){for(var t=0,n=0;n<e.length;n++)t=(t<<8)+e[n];return t.toString()}},1882:{name:"ObjectData Size Announced",description:function(e){for(var t=0,n=0;n<e.length;n++)t=(t<<8)+e[n];return t.toString()}},1887:{name:"Maximum ObjectData Size",description:function(e){for(var t=0,n=0;n<e.length;n++)t=(t<<8)+e[n];return t.toString()}}}};function Me(e){var t=l(e);return t.length>=8?t.substr(0,4)+"-"+t.substr(4,2)+"-"+t.substr(6,2):t}function Oe(e){var t=l(e),n=t;return t.length>=6&&(n=t.substr(0,2)+":"+t.substr(2,2)+":"+t.substr(4,2),11===t.length&&(n+=t.substr(6,1)+t.substr(7,2)+":"+t.substr(9,2))),n}function Fe(e){var t=l(e);return"%G"===t?"UTF-8":"%5"===t?"Windows-1252":"%/G"===t?"UTF-8 Level 1":"%/H"===t?"UTF-8 Level 2":"%/I"===t?"UTF-8 Level 3":"/A"===t?"ISO-8859-1":"/B"===t?"ISO-8859-2":"/C"===t?"ISO-8859-3":"/D"===t?"ISO-8859-4":"/@"===t?"ISO-8859-5":"/G"===t?"ISO-8859-6":"/F"===t?"ISO-8859-7":"/H"===t?"ISO-8859-8":"Unknown"}var Re=function(e,t){var n=function(){if("undefined"!=typeof TextDecoder)return TextDecoder}();if("undefined"!=typeof n&&void 0!==e)try{return new n(e).decode(Uint8Array.from(t))}catch(e){}return function(e){try{return decodeURIComponent(escape(e))}catch(t){return e}}(t.map((function(e){return String.fromCharCode(e)})).join(""))},Le=function(e,t,n){try{if(Array.isArray(e))return Ge(new DataView(Uint8Array.from(e).buffer),{size:e.length},0,n);var r=function(e,t){for(;t+12<=e.byteLength;){var n=ke(e,t);if(Ee(n))return{naaBlock:n,dataOffset:t+12};t+=12+n.size+Ne(n)}throw Error("No IPTC NAA resource block.")}(e,t);return Ge(e,r.naaBlock,r.dataOffset,n)}catch(e){return{}}};function ke(e,t){if(943868237!==e.getUint32(t,0))throw Error("Not an IPTC resource block.");return{type:e.getUint16(t+4),size:e.getUint16(t+10)}}function Ee(e){return 1028===e.type}function Ne(e){return e.size%2!=0?1:0}function Ge(e,t,n,r){for(var i={},o=void 0,a=n+t.size;n<a&&n<e.byteLength;){var u=Be(e,n,i,o,r),c=u.tag,f=u.tagSize;if(null===c)break;c&&("encoding"in c&&(o=c.encoding),void 0===i[c.name]||void 0===c.repeatable?i[c.name]={id:c.id,value:c.value,description:c.description}:(i[c.name]instanceof Array||(i[c.name]=[{id:i[c.name].id,value:i[c.name].value,description:i[c.name].description}]),i[c.name].push({id:c.id,value:c.value,description:c.description}))),n+=5+f}return i}function Be(e,t,n,r,i){if(function(e,t){return 28!==e.getUint8(t)}(e,t))return{tag:null,tagSize:0};var o=e.getUint16(t+1),a=e.getUint16(t+3);if(!i&&!xe.iptc[o])return{tag:void 0,tagSize:a};var u=function(e,t,n){for(var r=[],i=0;i<n;i++)r.push(e.getUint8(t+i));return r}(e,t+5,a),c={id:o,name:je(xe.iptc[o],o,u),value:u,description:ze(xe.iptc[o],u,n,r)};return function(e){return xe.iptc[e]&&xe.iptc[e].repeatable}(o)&&(c.repeatable=1),function(e){return xe.iptc[e]&&void 0!==xe.iptc[e].encoding_name}(o)&&(c.encoding=xe.iptc[o].encoding_name(u)),{tag:c,tagSize:a}}function je(e,t,n){return e?function(e){return"string"==typeof e}(e)?e:function(e){return"function"==typeof e.name}(e)?e.name(n):e.name:"undefined-".concat(t)}function ze(e,t,n,r){if(function(e){return e&&void 0!==e.description}(e))try{return e.description(t,n)}catch(e){}return function(e,t){return e&&t instanceof Array}(e,t)?Re(r,t):t}function Ve(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var We={"tiff:Orientation":function(e){return"1"===e?"Horizontal (normal)":"2"===e?"Mirror horizontal":"3"===e?"Rotate 180":"4"===e?"Mirror vertical":"5"===e?"Mirror horizontal and rotate 270 CW":"6"===e?"Rotate 90 CW":"7"===e?"Mirror horizontal and rotate 90 CW":"8"===e?"Rotate 270 CW":e},"tiff:ResolutionUnit":function(e){return K.ResolutionUnit(parseInt(e,10))},"tiff:XResolution":function(e){return He(K.XResolution,e)},"tiff:YResolution":function(e){return He(K.YResolution,e)},"exif:ApertureValue":function(e){return He(K.ApertureValue,e)},"exif:GPSLatitude":Ye,"exif:GPSLongitude":Ye,"exif:FNumber":function(e){return He(K.FNumber,e)},"exif:FocalLength":function(e){return He(K.FocalLength,e)},"exif:FocalPlaneResolutionUnit":function(e){return K.FocalPlaneResolutionUnit(parseInt(e,10))},"exif:ColorSpace":function(e){return K.ColorSpace(function(e){return"0x"===e.substring(0,2)?parseInt(e.substring(2),16):parseInt(e,10)}(e))},"exif:ComponentsConfiguration":function(e,t){if(/^\d, \d, \d, \d$/.test(t)){var n=t.split(", ").map((function(e){return e.charCodeAt(0)}));return K.ComponentsConfiguration(n)}return t},"exif:Contrast":function(e){return K.Contrast(parseInt(e,10))},"exif:CustomRendered":function(e){return K.CustomRendered(parseInt(e,10))},"exif:ExposureMode":function(e){return K.ExposureMode(parseInt(e,10))},"exif:ExposureProgram":function(e){return K.ExposureProgram(parseInt(e,10))},"exif:ExposureTime":function(e){return Xe(e)?K.ExposureTime(e.split("/").map((function(e){return parseInt(e,10)}))):e},"exif:MeteringMode":function(e){return K.MeteringMode(parseInt(e,10))},"exif:Saturation":function(e){return K.Saturation(parseInt(e,10))},"exif:SceneCaptureType":function(e){return K.SceneCaptureType(parseInt(e,10))},"exif:Sharpness":function(e){return K.Sharpness(parseInt(e,10))},"exif:ShutterSpeedValue":function(e){return He(K.ShutterSpeedValue,e)},"exif:WhiteBalance":function(e){return K.WhiteBalance(parseInt(e,10))}};function He(e,t){return Xe(t)?e(t.split("/")):t}function Xe(e){return/^-?\d+\/-?\d+$/.test(e)}function Ye(e){var t,n=(2,function(e){if(Array.isArray(e))return e}(t=e.split(","))||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o=[],a=1,u=0;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(o.push(r.value),2!==o.length);a=1);}catch(e){u=1,i=e}finally{try{a||null==n.return||n.return()}finally{if(u)throw i}}return o}}(t)||function(e,t){if(e){if("string"==typeof e)return Ve(e,2);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Ve(e,2):void 0}}(t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),r=n[0],i=n[1];if(void 0!==r&&void 0!==i){var o=parseFloat(r),a=parseFloat(i),u=i.charAt(i.length-1);if(!Number.isNaN(o)&&!Number.isNaN(a))return""+(o+a/60)+u}return e}function _e(e){return _e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_e(e)}var qe=function(e,t){return"string"==typeof e?Je({},e):function(e,t){if(0===t.length)return[];var n=[Ke(e,t.slice(0,1))];return t.length>1&&n.push(Ke(e,t.slice(1))),n}(e,t).reduce(Je,{})};function Ke(e,t){for(var n=t.reduce((function(e,t){return e+t.length}),0),r=new Uint8Array(n),i=0,o=0;o<t.length;o++){var a=t[o],u=e.buffer.slice(a.dataOffset,a.dataOffset+a.length);r.set(new Uint8Array(u),i),i+=a.length}return new DataView(r.buffer)}function Je(e,t){try{var n=function(e){var t=function(){if("undefined"!=typeof DOMParser)return DOMParser;try{return require("@xmldom/xmldom").DOMParser}catch(e){return}}();if(!t)throw console.warn("Warning: DOMParser is not available. It is needed to be able to parse XMP tags."),Error();var n=new t,i="string"==typeof e?e:r(e,0,e.byteLength),o=n.parseFromString(i.replace(/^.+(<\?xpacket begin)/,"$1").replace(/(<\?xpacket end=".*"\?>).+$/,"$1"),"application/xml");if("parsererror"===o.documentElement.nodeName)throw Error(o.documentElement.textContent);return{doc:o,raw:i}}(t),i=n.doc,o=n.raw;return e._raw=(e._raw||"")+o,a(e,it(Qe($e(i),1)))}catch(t){return e}}function $e(e){for(var t=0;t<e.childNodes.length;t++){if("x:xmpmeta"===e.childNodes[t].tagName)return $e(e.childNodes[t]);if("rdf:RDF"===e.childNodes[t].tagName)return e.childNodes[t]}throw Error()}function Qe(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=Ze(e);return et(n)?t?{}:tt(n[0]):nt(n)}function Ze(e){for(var t=[],n=0;n<e.childNodes.length;n++)t.push(e.childNodes[n]);return t}function et(e){return 1===e.length&&"#text"===e[0].nodeName}function tt(e){return e.nodeValue}function nt(e){var t={};return e.forEach((function(e){if(function(e){return e.nodeName&&"#text"!==e.nodeName}(e)){var n=function(e){return{attributes:rt(e),value:Qe(e)}}(e);void 0!==t[e.nodeName]?(Array.isArray(t[e.nodeName])||(t[e.nodeName]=[t[e.nodeName]]),t[e.nodeName].push(n)):t[e.nodeName]=n}})),t}function rt(e){for(var t={},n=0;n<e.attributes.length;n++)t[e.attributes[n].nodeName]=decodeURIComponent(escape(e.attributes[n].value));return t}function it(e){var t={};if("string"==typeof e)return e;for(var n in e){var r=e[n];Array.isArray(r)||(r=[r]),r.forEach((function(e){a(t,ot(e.attributes)),"object"===_e(e.value)&&a(t,pt(e.value))}))}return t}function ot(e){var t={};for(var n in e)at(n)&&(t[ct(n)]={value:e[n],attributes:{},description:ft(e[n],n)});return t}function at(e){return"rdf:parseType"!==e&&!ut(e)}function ut(e){return"xmlns"===e.split(":")[0]}function ct(e){return/^MicrosoftPhoto(_\d+_)?:Rating$/i.test(e)?"RatingPercent":e.split(":")[1]}function ft(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0;if(Array.isArray(e)){var n=st(e);return t&&"function"==typeof We[t]?We[t](e,n):n}if("object"===_e(e))return lt(e);try{return t&&"function"==typeof We[t]?We[t](e):decodeURIComponent(escape(e))}catch(t){return e}}function st(e){return e.map((function(e){return void 0!==e.value?ft(e.value):ft(e)})).join(", ")}function lt(e){var t=[];for(var n in e)t.push("".concat(dt(n),": ").concat(ft(e[n].value)));return t.join("; ")}function dt(e){return"CiAdrCity"===e?"CreatorCity":"CiAdrCtry"===e?"CreatorCountry":"CiAdrExtadr"===e?"CreatorAddress":"CiAdrPcode"===e?"CreatorPostalCode":"CiAdrRegion"===e?"CreatorRegion":"CiEmailWork"===e?"CreatorWorkEmail":"CiTelWork"===e?"CreatorWorkPhone":"CiUrlWork"===e?"CreatorWorkUrl":e}function pt(e){var t={};for(var n in e)ut(n)||(t[ct(n)]=mt(e[n],n));return t}function mt(e,t){return gt(e)?vt(e,t):yt(e)?St(e,t):bt(e)?Ct(e,t):function(e){return void 0!==At(e.value)}(e)?function(e,t){var n=At(e.value).value["rdf:li"],r=ht(e),i=[];return void 0===n?n=[]:Array.isArray(n)||(n=[n]),n.forEach((function(e){i.push(function(e){return gt(e)?vt(e):yt(e)?St(e).value:bt(e)?Ct(e).value:It(e)}(e))})),{value:i,attributes:r,description:ft(i,t)}}(e,t):It(e,t)}function gt(e){return"Resource"===e.attributes["rdf:parseType"]&&void 0!==e.value["rdf:value"]||void 0!==e.value["rdf:Description"]&&void 0!==e.value["rdf:Description"].value["rdf:value"]}function vt(e,t){var n=ht(e);void 0!==e.value["rdf:Description"]&&(e=e.value["rdf:Description"]),a(n,ht(e),function(e){var t={};for(var n in e.value)"rdf:value"===n||ut(n)||(t[ct(n)]=e.value[n].value);return t}(e));var r=function(e){return Pt(e.value["rdf:value"])||e.value["rdf:value"].value}(e);return{value:r,attributes:n,description:ft(r,t)}}function ht(e){var t={};for(var n in e.attributes)"rdf:parseType"===n||"rdf:resource"===n||ut(n)||(t[ct(n)]=e.attributes[n]);return t}function yt(e){return"Resource"===e.attributes["rdf:parseType"]||void 0!==e.value["rdf:Description"]&&void 0===e.value["rdf:Description"].value["rdf:value"]}function St(e,t){var n={value:{},attributes:{}};return void 0!==e.value["rdf:Description"]&&(a(n.value,ot(e.value["rdf:Description"].attributes)),a(n.attributes,ht(e)),e=e.value["rdf:Description"]),a(n.value,pt(e.value)),n.description=ft(n.value,t),n}function bt(e){return 0===Object.keys(e.value).length&&void 0===e.attributes["xml:lang"]&&void 0===e.attributes["rdf:resource"]}function Ct(e,t){var n=ot(e.attributes);return{value:n,attributes:{},description:ft(n,t)}}function At(e){return e["rdf:Bag"]||e["rdf:Seq"]||e["rdf:Alt"]}function It(e,t){var n=Pt(e)||it(e.value);return{value:n,attributes:ht(e),description:ft(n,t)}}function Pt(e){return e.attributes&&e.attributes["rdf:resource"]}var Ut={desc:{name:"ICC Description"},cprt:{name:"ICC Copyright"},dmdd:{name:"ICC Device Model Description"},vued:{name:"ICC Viewing Conditions Description"},dmnd:{name:"ICC Device Manufacturer for Display"},tech:{name:"Technology"}},wt={4:{name:"Preferred CMM type",value:function(e,t){return r(e,t,4)},description:function(e){return null!==e?Tt(e):""}},8:{name:"Profile Version",value:function(e,t){return e.getUint8(t).toString(10)+"."+(e.getUint8(t+1)>>4).toString(10)+"."+(e.getUint8(t+1)%16).toString(10)}},12:{name:"Profile/Device class",value:function(e,t){return r(e,t,4)},description:function(e){switch(e.toLowerCase()){case"scnr":return"Input Device profile";case"mntr":return"Display Device profile";case"prtr":return"Output Device profile";case"link":return"DeviceLink profile";case"abst":return"Abstract profile";case"spac":return"ColorSpace profile";case"nmcl":return"NamedColor profile";case"cenc":return"ColorEncodingSpace profile";case"mid ":return"MultiplexIdentification profile";case"mlnk":return"MultiplexLink profile";case"mvis":return"MultiplexVisualization profile";default:return e}}},16:{name:"Color Space",value:function(e,t){return r(e,t,4)}},20:{name:"Connection Space",value:function(e,t){return r(e,t,4)}},24:{name:"ICC Profile Date",value:function(e,t){return function(e,t){var n=e.getUint16(t),r=e.getUint16(t+2)-1,i=e.getUint16(t+4),o=e.getUint16(t+6),a=e.getUint16(t+8),u=e.getUint16(t+10);return new Date(Date.UTC(n,r,i,o,a,u))}(e,t).toISOString()}},36:{name:"ICC Signature",value:function(e,t){return n=e.buffer.slice(t,t+4),String.fromCharCode.apply(null,new Uint8Array(n));var n}},40:{name:"Primary Platform",value:function(e,t){return r(e,t,4)},description:function(e){return Tt(e)}},48:{name:"Device Manufacturer",value:function(e,t){return r(e,t,4)},description:function(e){return Tt(e)}},52:{name:"Device Model Number",value:function(e,t){return r(e,t,4)}},64:{name:"Rendering Intent",value:function(e,t){return e.getUint32(t)},description:function(e){switch(e){case 0:return"Perceptual";case 1:return"Relative Colorimetric";case 2:return"Saturation";case 3:return"Absolute Colorimetric";default:return e}}},80:{name:"Profile Creator",value:function(e,t){return r(e,t,4)}}};function Tt(e){switch(e.toLowerCase()){case"appl":return"Apple";case"adbe":return"Adobe";case"msft":return"Microsoft";case"sunw":return"Sun Microsystems";case"sgi":return"Silicon Graphics";case"tgnt":return"Taligent";default:return e}}var Dt=function(e,t){try{for(var n=t.reduce((function(e,t){return e+t.length}),0),o=new Uint8Array(n),a=0,u=function(e){return Array.isArray(e)?new DataView(Uint8Array.from(e).buffer).buffer:e.buffer}(e),c=function(e){var n=t.find((function(t){return t.chunkNumber===e}));if(!n)throw Error("ICC chunk ".concat(e," not found"));var r=u.slice(n.offset,n.offset+n.length),i=new Uint8Array(r);o.set(i,a),a+=i.length},f=1;f<=t.length;f++)c(f);return function(e){var t=e.buffer,n=e.getUint32();if(e.byteLength!==n)throw Error("ICC profile length not matching");if(e.length<84)throw Error("ICC profile too short");for(var o={},a=Object.keys(wt),u=0;u<a.length;u++){var c=a[u],f=wt[c],s=f.value(e,parseInt(c,10)),l=s;f.description&&(l=f.description(s)),o[f.name]={value:s,description:l}}if(kt(t.slice(36,40))!==xt)throw Error("ICC profile: missing signature");if(function(e){return e.length<132}(t))return o;for(var d=e.getUint32(128),p=132,m=0;m<d;m++){if(Lt(t,p))return o;var g=r(e,p,4),v=e.getUint32(p+4),h=e.getUint32(p+8);if(v>t.length)return o;var y=r(e,v,4);if(y===Mt){var S=e.getUint32(v+8);if(S>h)return o;Et(o,g,kt(t.slice(v+12,v+S+11)))}else if(y===Ot){for(var b=e.getUint32(v+8),C=e.getUint32(v+12),A=v+16,I=[],P=0;P<b;P++){var U=r(e,A+0,2),w=r(e,A+2,2),T=e.getUint32(A+4),D=e.getUint32(A+8),x=i(e,v+D,T);I.push({languageCode:U,countryCode:w,text:x}),A+=C}if(1===b)Et(o,g,I[0].text);else{for(var M={},O=0;O<I.length;O++)M["".concat(I[O].languageCode,"-").concat(I[O].countryCode)]=I[O].text;Et(o,g,M)}}else y===Ft?Et(o,g,kt(t.slice(v+8,v+h-7))):y===Rt&&Et(o,g,kt(t.slice(v+8,v+12)));p+=12}return o}(new DataView(o.buffer))}catch(e){return{}}},xt="acsp",Mt="desc",Ot="mluc",Ft="text",Rt="sig ";function Lt(e,t){return e.length<t+12}function kt(e){return String.fromCharCode.apply(null,new Uint8Array(e))}function Et(e,t,n){Ut[t]?e[Ut[t].name]={value:n,description:n}:e[t]={value:n,description:n}}var Nt=function(e,t){return{"Image Width":Gt(e,t),"Image Height":Bt(e,t),"Bit Depth":jt(e,t),"Color Type":zt(e,t),Compression:Vt(e,t),Filter:Wt(e,t),Interlace:Ht(e,t)}};function Gt(e,t){if(!(t+0+4>e.byteLength)){var n=X.getLongAt(e,t);return{value:n,description:"".concat(n,"px")}}}function Bt(e,t){if(!(t+4+4>e.byteLength)){var n=X.getLongAt(e,t+4);return{value:n,description:"".concat(n,"px")}}}function jt(e,t){if(!(t+8+1>e.byteLength)){var n=X.getByteAt(e,t+8);return{value:n,description:"".concat(n)}}}function zt(e,t){if(!(t+9+1>e.byteLength)){var n=X.getByteAt(e,t+9);return{value:n,description:{0:"Grayscale",2:"RGB",3:"Palette",4:"Grayscale with Alpha",6:"RGB with Alpha"}[n]||"Unknown"}}}function Vt(e,t){if(!(t+10+1>e.byteLength)){var n=X.getByteAt(e,t+10);return{value:n,description:0===n?"Deflate/Inflate":"Unknown"}}}function Wt(e,t){if(!(t+11+1>e.byteLength)){var n=X.getByteAt(e,t+11);return{value:n,description:0===n?"Adaptive":"Unknown"}}}function Ht(e,t){if(!(t+12+1>e.byteLength)){var n=X.getByteAt(e,t+12);return{value:n,description:{0:"Noninterlaced",1:"Adam7 Interlace"}[n]||"Unknown"}}}var Xt=function(e,t){return t.reduce((function(t,n){var r=n.offset,i=n.length,a=n.type,u=function(e,t,n,r){for(var i=[],a=[],u=[],c=[],f=Yt,s=0;s<n&&t+s<e.byteLength;s++){if(f===_t){if(0!==e.getUint8(t+s))return{};s+=2,f=Jt(r,f)}var l=e.getUint8(t+s);0===l?f=Jt(r,f):f===Yt?i.push(l):f===qt?a.push(l):f===Kt?u.push(l):c.push(l)}var d=o(c);return{name:$t(r,a,i),value:d,description:r===F?Re("UTF-8",c):d}}(e,r,i,a),c=u.name,f=u.value,s=u.description;return c&&(t[c]={value:f,description:s}),t}),{})},Yt="STATE_KEYWORD",_t="STATE_COMPRESSION",qt="STATE_LANG",Kt="STATE_TRANSLATED_KEYWORD";function Jt(e,t){return t===Yt&&e===F?_t:t===_t?qt:t===qt?Kt:"STATE_TEXT"}function $t(e,t,n){var r=o(n);if("tEXt"===e||0===t.length)return r;var i=o(t);return"".concat(r," (").concat(i,")")}var Qt=function(e,t){for(var n={},i=0;i<t.length;i++){var o=X.getLongAt(e,t[i]+0),a=r(e,t[i]+4,4);a===R?(n["Pixels Per Unit X"]=Zt(e,t[i],o),n["Pixels Per Unit Y"]=en(e,t[i],o),n["Pixel Units"]=tn(e,t[i],o)):a===L&&(n["Modify Date"]=nn(e,t[i],o))}return n};function Zt(e,t,n){if(rn(e,t,n,0,4)){var r=X.getLongAt(e,t+8+0);return{value:r,description:""+r}}}function en(e,t,n){if(rn(e,t,n,4,4)){var r=X.getLongAt(e,t+8+4);return{value:r,description:""+r}}}function tn(e,t,n){if(rn(e,t,n,8,1)){var r=X.getByteAt(e,t+8+8);return{value:r,description:1===r?"meters":"Unknown"}}}function nn(e,t,n){if(rn(e,t,n,0,7)){var r=X.getShortAt(e,t+8),i=X.getByteAt(e,t+8+2),o=X.getByteAt(e,t+8+3),a=X.getByteAt(e,t+8+4),u=X.getByteAt(e,t+8+5),c=X.getByteAt(e,t+8+6);return{value:[r,i,o,a,u,c],description:"".concat(on(r,4),"-").concat(on(i,2),"-").concat(on(o,2)," ").concat(on(a,2),":").concat(on(u,2),":").concat(on(c,2))}}}function rn(e,t,n,r,i){return r+i<=n&&t+8+r+i<=e.byteLength}function on(e,t){return"".concat("0".repeat(t-(""+e).length)).concat(e)}var an=[6,7,99],un=function(e,t,n){if((i=t)&&(void 0===i.Compression||an.includes(i.Compression.value))&&i.JPEGInterchangeFormat&&i.JPEGInterchangeFormat.value&&i.JPEGInterchangeFormatLength&&i.JPEGInterchangeFormatLength.value){t.type="image/jpeg";var r=n+t.JPEGInterchangeFormat.value;t.image=e.buffer.slice(r,r+t.JPEGInterchangeFormatLength.value),u(t,"base64",(function(){return c(this.image)}))}var i;return t};function cn(e){this.name="MetadataMissingError",this.message=e||"No Exif data",this.stack=Error().stack}cn.prototype=Error();var fn={MetadataMissingError:cn},sn={load:dn,loadView:vn,errors:fn},ln=fn;function dn(e,t){return function(e){return"string"==typeof e}(e)?function(e,t){return/^https?:\/\//.test(e)?"undefined"!=typeof fetch?function(e){var t=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).length,n={method:"GET"};return Number.isInteger(t)&&t>=0&&(n.headers={range:"bytes=0-".concat(t-1)}),fetch(e,n).then((function(e){return e.arrayBuffer()}))}(e,t):function(e){var t=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).length;return new Promise((function(n,r){var i={};Number.isInteger(t)&&t>=0&&(i.headers={range:"bytes=0-".concat(t-1)}),pn(e)(e,i,(function(e){if(e.statusCode>=200&&e.statusCode<=299){var t=[];e.on("data",(function(e){return t.push(Buffer.from(e))})),e.on("error",(function(e){return r(e)})),e.on("end",(function(){return n(Buffer.concat(t))}))}else r("Could not fetch file: ".concat(e.statusCode," ").concat(e.statusMessage)),e.resume()})).on("error",(function(e){return r(e)}))}))}(e,t):function(e){return/^data:[^;,]*(;base64)?,/.test(e)}(e)?Promise.resolve(function(e){var t=e.substring(e.indexOf(",")+1);if(-1!==e.indexOf(";base64")){if("undefined"!=typeof atob)return Uint8Array.from(atob(t),(function(e){return e.charCodeAt(0)})).buffer;if("undefined"==typeof Buffer)return;return void 0!==n(Buffer.from)?Buffer.from(t,"base64"):new Buffer(t,"base64")}var r=decodeURIComponent(t);return"undefined"!=typeof Buffer?void 0!==n(Buffer.from)?Buffer.from(r):new Buffer(r):Uint8Array.from(r,(function(e){return e.charCodeAt(0)})).buffer}(e)):function(e){var t=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).length;return new Promise((function(n,r){var i=mn();i.open(e,(function(o,a){o?r(o):i.stat(e,(function(o,u){if(o)r(o);else{var c=Math.min(u.size,void 0!==t?t:u.size),f=Buffer.alloc(c),s={buffer:f,length:c};i.read(a,s,(function(t){t?r(t):i.close(a,(function(t){t&&console.warn("Could not close file ".concat(e,":"),t),n(f)}))}))}}))}))}))}(e,t)}(e,t).then((function(e){return gn(e,t)})):function(e){return"undefined"!=typeof window&&"undefined"!=typeof File&&e instanceof File}(e)?(r=e,new Promise((function(e,t){var n=new FileReader;n.onload=function(t){return e(t.target.result)},n.onerror=function(){return t(n.error)},n.readAsArrayBuffer(r)}))).then((function(e){return gn(e,t)})):gn(e,t);var r}function pn(e){return/^https:\/\//.test(e)?require("https").get:require("http").get}function mn(){try{return require("fs")}catch(e){return}}function gn(e,t){return function(e){try{return Buffer.isBuffer(e)}catch(e){return 0}}(e)&&(e=new Uint8Array(e).buffer),vn(function(e){try{return new DataView(e)}catch(t){return new s(e)}}(e),t)}function vn(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{expanded:0,includeUnknown:0},n=t.expanded,r=void 0===n?0:n,i=t.includeUnknown,u=void 0===i?0:i,c=0,f={},s=V(e),l=s.fileDataOffset,d=s.jfifDataOffset,p=s.tiffHeaderOffset,m=s.iptcDataOffset,g=s.xmpChunks,v=s.iccChunks,h=s.mpfDataOffset,y=s.pngHeaderOffset,S=s.pngTextChunks,b=s.pngChunkOffsets;if(hn(l)){c=1;var C=ve(e,l);r?f.file=C:f=a({},f,C)}if(yn(d)){c=1;var A=Ie(e,d);r?f.jfif=A:f=a({},f,A)}if(Sn(p)){c=1;var I=ie(e,p,u);if(I.Thumbnail&&(f.Thumbnail=I.Thumbnail,delete I.Thumbnail),r?(f.exif=I,bn(f)):f=a({},f,I),I["IPTC-NAA"]&&!Cn(m)){var P=Le(I["IPTC-NAA"].value,0,u);r?f.iptc=P:f=a({},f,P)}if(I.ApplicationNotes&&!An(g)){var U=qe(o(I.ApplicationNotes.value));r?f.xmp=U:(delete U._raw,f=a({},f,U))}if(I.ICC_Profile&&!In(v)){var w=Dt(I.ICC_Profile.value,[{offset:0,length:I.ICC_Profile.value.length,chunkNumber:1,chunksTotal:1}]);r?f.icc=w:f=a({},f,w)}}if(Cn(m)){c=1;var T=Le(e,m,u);r?f.iptc=T:f=a({},f,T)}if(An(g)){c=1;var D=qe(e,g);r?f.xmp=D:(delete D._raw,f=a({},f,D))}if(In(v)){c=1;var x=Dt(e,v);r?f.icc=x:f=a({},f,x)}if(Pn(h)){c=1;var M=oe(e,h,u);r?f.mpf=M:f=a({},f,M)}if(Un(y)){c=1;var O=Nt(e,y);r?(f.png=f.png?a({},f.png,O):O,f.pngFile=O):f=a({},f,O)}if(wn(S)){c=1;var F=Xt(e,S);r?(f.png=f.png?a({},f.png,F):F,f.pngText=F):f=a({},f,F)}if(Tn(b)){c=1;var R=Qt(e,b);r?f.png=f.png?a({},f.png,R):R:f=a({},f,R)}var L=un(e,f.Thumbnail,p);if(L?(c=1,f.Thumbnail=L):delete f.Thumbnail,!c)throw new fn.MetadataMissingError;return f}function hn(e){return void 0!==e}function yn(e){return void 0!==e}function Sn(e){return void 0!==e}function bn(e){if(e.exif){if(e.exif.GPSLatitude&&e.exif.GPSLatitudeRef)try{e.gps=e.gps||{},e.gps.Latitude=p(e.exif.GPSLatitude.value),"S"===e.exif.GPSLatitudeRef.value.join("")&&(e.gps.Latitude=-e.gps.Latitude)}catch(e){}if(e.exif.GPSLongitude&&e.exif.GPSLongitudeRef)try{e.gps=e.gps||{},e.gps.Longitude=p(e.exif.GPSLongitude.value),"W"===e.exif.GPSLongitudeRef.value.join("")&&(e.gps.Longitude=-e.gps.Longitude)}catch(e){}if(e.exif.GPSAltitude&&e.exif.GPSAltitudeRef)try{e.gps=e.gps||{},e.gps.Altitude=e.exif.GPSAltitude.value[0]/e.exif.GPSAltitude.value[1],1===e.exif.GPSAltitudeRef.value&&(e.gps.Altitude=-e.gps.Altitude)}catch(e){}}}function Cn(e){return void 0!==e}function An(e){return Array.isArray(e)&&e.length>0}function In(e){return Array.isArray(e)&&e.length>0}function Pn(e){return void 0!==e}function Un(e){return void 0!==e}function wn(e){return void 0!==e}function Tn(e){return void 0!==e}return t}()}));
+//# sourceMappingURL=exif-reader.js.map
\ No newline at end of file
diff --git a/vendor/suncalc/LICENSE b/vendor/suncalc/LICENSE
new file mode 100644
index 0000000..91a7b5e
--- /dev/null
+++ b/vendor/suncalc/LICENSE
@@ -0,0 +1,22 @@
+Copyright (c) 2014, Vladimir Agafonkin
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without modification, are
+permitted provided that the following conditions are met:
+
+   1. Redistributions of source code must retain the above copyright notice, this list of
+      conditions and the following disclaimer.
+
+   2. Redistributions in binary form must reproduce the above copyright notice, this list
+      of conditions and the following disclaimer in the documentation and/or other materials
+      provided with the distribution.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
+EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
+SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)
+HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR
+TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
diff --git a/vendor/suncalc/README.md b/vendor/suncalc/README.md
new file mode 100644
index 0000000..0386f80
--- /dev/null
+++ b/vendor/suncalc/README.md
@@ -0,0 +1,15 @@
+# SunCalc 1.9.0
+
+配布物を無改変で同梱しています。
+
+- 入手元：https://cdnjs.cloudflare.com/ajax/libs/suncalc/1.9.0/suncalc.js
+- ソース：https://github.com/mourner/suncalc
+- ライセンス：BSD-2-Clause（全文をLICENSEに同梱）
+- LICENSE入手元：https://raw.githubusercontent.com/mourner/suncalc/v1.9.0/LICENSE
+
+| ファイル | バイト数 | SHA-256 |
+|---|---|---|
+| suncalc.js | 9116 | 5bfe4127cb91b7436295135d491e2d8abeccacbc8c4d450fb30771183b1e24d2 |
+| LICENSE | 1321 | 9010b843aad8e450890fc18dae2dfec00e68c10da775515801c42878afbb0da1 |
+
+ファイルの編集・整形・再圧縮はしません。test/vendor.test.jsでサイズとハッシュを検証します。
diff --git a/vendor/suncalc/suncalc.js b/vendor/suncalc/suncalc.js
new file mode 100644
index 0000000..c9ca56d
--- /dev/null
+++ b/vendor/suncalc/suncalc.js
@@ -0,0 +1,317 @@
+/*
+ (c) 2011-2015, Vladimir Agafonkin
+ SunCalc is a JavaScript library for calculating sun/moon position and light phases.
+ https://github.com/mourner/suncalc
+*/
+
+(function () { 'use strict';
+
+// shortcuts for easier to read formulas
+
+var PI   = Math.PI,
+    sin  = Math.sin,
+    cos  = Math.cos,
+    tan  = Math.tan,
+    asin = Math.asin,
+    atan = Math.atan2,
+    acos = Math.acos,
+    rad  = PI / 180;
+
+// sun calculations are based on http://aa.quae.nl/en/reken/zonpositie.html formulas
+
+
+// date/time constants and conversions
+
+var dayMs = 1000 * 60 * 60 * 24,
+    J1970 = 2440588,
+    J2000 = 2451545;
+
+function toJulian(date) { return date.valueOf() / dayMs - 0.5 + J1970; }
+function fromJulian(j)  { return new Date((j + 0.5 - J1970) * dayMs); }
+function toDays(date)   { return toJulian(date) - J2000; }
+
+
+// general calculations for position
+
+var e = rad * 23.4397; // obliquity of the Earth
+
+function rightAscension(l, b) { return atan(sin(l) * cos(e) - tan(b) * sin(e), cos(l)); }
+function declination(l, b)    { return asin(sin(b) * cos(e) + cos(b) * sin(e) * sin(l)); }
+
+function azimuth(H, phi, dec)  { return atan(sin(H), cos(H) * sin(phi) - tan(dec) * cos(phi)); }
+function altitude(H, phi, dec) { return asin(sin(phi) * sin(dec) + cos(phi) * cos(dec) * cos(H)); }
+
+function siderealTime(d, lw) { return rad * (280.16 + 360.9856235 * d) - lw; }
+
+function astroRefraction(h) {
+    if (h < 0) // the following formula works for positive altitudes only.
+        h = 0; // if h = -0.08901179 a div/0 would occur.
+
+    // formula 16.4 of "Astronomical Algorithms" 2nd edition by Jean Meeus (Willmann-Bell, Richmond) 1998.
+    // 1.02 / tan(h + 10.26 / (h + 5.10)) h in degrees, result in arc minutes -> converted to rad:
+    return 0.0002967 / Math.tan(h + 0.00312536 / (h + 0.08901179));
+}
+
+// general sun calculations
+
+function solarMeanAnomaly(d) { return rad * (357.5291 + 0.98560028 * d); }
+
+function eclipticLongitude(M) {
+
+    var C = rad * (1.9148 * sin(M) + 0.02 * sin(2 * M) + 0.0003 * sin(3 * M)), // equation of center
+        P = rad * 102.9372; // perihelion of the Earth
+
+    return M + C + P + PI;
+}
+
+function sunCoords(d) {
+
+    var M = solarMeanAnomaly(d),
+        L = eclipticLongitude(M);
+
+    return {
+        dec: declination(L, 0),
+        ra: rightAscension(L, 0)
+    };
+}
+
+
+var SunCalc = {};
+
+
+// calculates sun position for a given date and latitude/longitude
+
+SunCalc.getPosition = function (date, lat, lng) {
+
+    var lw  = rad * -lng,
+        phi = rad * lat,
+        d   = toDays(date),
+
+        c  = sunCoords(d),
+        H  = siderealTime(d, lw) - c.ra;
+
+    return {
+        azimuth: azimuth(H, phi, c.dec),
+        altitude: altitude(H, phi, c.dec)
+    };
+};
+
+
+// sun times configuration (angle, morning name, evening name)
+
+var times = SunCalc.times = [
+    [-0.833, 'sunrise',       'sunset'      ],
+    [  -0.3, 'sunriseEnd',    'sunsetStart' ],
+    [    -6, 'dawn',          'dusk'        ],
+    [   -12, 'nauticalDawn',  'nauticalDusk'],
+    [   -18, 'nightEnd',      'night'       ],
+    [     6, 'goldenHourEnd', 'goldenHour'  ]
+];
+
+// adds a custom time to the times config
+
+SunCalc.addTime = function (angle, riseName, setName) {
+    times.push([angle, riseName, setName]);
+};
+
+
+// calculations for sun times
+
+var J0 = 0.0009;
+
+function julianCycle(d, lw) { return Math.round(d - J0 - lw / (2 * PI)); }
+
+function approxTransit(Ht, lw, n) { return J0 + (Ht + lw) / (2 * PI) + n; }
+function solarTransitJ(ds, M, L)  { return J2000 + ds + 0.0053 * sin(M) - 0.0069 * sin(2 * L); }
+
+function hourAngle(h, phi, d) { return acos((sin(h) - sin(phi) * sin(d)) / (cos(phi) * cos(d))); }
+function observerAngle(height) { return -2.076 * Math.sqrt(height) / 60; }
+
+// returns set time for the given sun altitude
+function getSetJ(h, lw, phi, dec, n, M, L) {
+
+    var w = hourAngle(h, phi, dec),
+        a = approxTransit(w, lw, n);
+    return solarTransitJ(a, M, L);
+}
+
+
+// calculates sun times for a given date, latitude/longitude, and, optionally,
+// the observer height (in meters) relative to the horizon
+
+SunCalc.getTimes = function (date, lat, lng, height) {
+
+    height = height || 0;
+
+    var lw = rad * -lng,
+        phi = rad * lat,
+
+        dh = observerAngle(height),
+
+        d = toDays(date),
+        n = julianCycle(d, lw),
+        ds = approxTransit(0, lw, n),
+
+        M = solarMeanAnomaly(ds),
+        L = eclipticLongitude(M),
+        dec = declination(L, 0),
+
+        Jnoon = solarTransitJ(ds, M, L),
+
+        i, len, time, h0, Jset, Jrise;
+
+
+    var result = {
+        solarNoon: fromJulian(Jnoon),
+        nadir: fromJulian(Jnoon - 0.5)
+    };
+
+    for (i = 0, len = times.length; i < len; i += 1) {
+        time = times[i];
+        h0 = (time[0] + dh) * rad;
+
+        Jset = getSetJ(h0, lw, phi, dec, n, M, L);
+        Jrise = Jnoon - (Jset - Jnoon);
+
+        result[time[1]] = fromJulian(Jrise);
+        result[time[2]] = fromJulian(Jset);
+    }
+
+    return result;
+};
+
+
+// moon calculations, based on http://aa.quae.nl/en/reken/hemelpositie.html formulas
+
+function moonCoords(d) { // geocentric ecliptic coordinates of the moon
+
+    var L = rad * (218.316 + 13.176396 * d), // ecliptic longitude
+        M = rad * (134.963 + 13.064993 * d), // mean anomaly
+        F = rad * (93.272 + 13.229350 * d),  // mean distance
+
+        l  = L + rad * 6.289 * sin(M), // longitude
+        b  = rad * 5.128 * sin(F),     // latitude
+        dt = 385001 - 20905 * cos(M);  // distance to the moon in km
+
+    return {
+        ra: rightAscension(l, b),
+        dec: declination(l, b),
+        dist: dt
+    };
+}
+
+SunCalc.getMoonPosition = function (date, lat, lng) {
+
+    var lw  = rad * -lng,
+        phi = rad * lat,
+        d   = toDays(date),
+
+        c = moonCoords(d),
+        H = siderealTime(d, lw) - c.ra,
+        h = altitude(H, phi, c.dec),
+        // formula 14.1 of "Astronomical Algorithms" 2nd edition by Jean Meeus (Willmann-Bell, Richmond) 1998.
+        pa = atan(sin(H), tan(phi) * cos(c.dec) - sin(c.dec) * cos(H));
+
+    h = h + astroRefraction(h); // altitude correction for refraction
+
+    return {
+        azimuth: azimuth(H, phi, c.dec),
+        altitude: h,
+        distance: c.dist,
+        parallacticAngle: pa
+    };
+};
+
+
+// calculations for illumination parameters of the moon,
+// based on http://idlastro.gsfc.nasa.gov/ftp/pro/astro/mphase.pro formulas and
+// Chapter 48 of "Astronomical Algorithms" 2nd edition by Jean Meeus (Willmann-Bell, Richmond) 1998.
+
+SunCalc.getMoonIllumination = function (date) {
+
+    var d = toDays(date || new Date()),
+        s = sunCoords(d),
+        m = moonCoords(d),
+
+        sdist = 149598000, // distance from Earth to Sun in km
+
+        phi = acos(sin(s.dec) * sin(m.dec) + cos(s.dec) * cos(m.dec) * cos(s.ra - m.ra)),
+        inc = atan(sdist * sin(phi), m.dist - sdist * cos(phi)),
+        angle = atan(cos(s.dec) * sin(s.ra - m.ra), sin(s.dec) * cos(m.dec) -
+                cos(s.dec) * sin(m.dec) * cos(s.ra - m.ra));
+
+    return {
+        fraction: (1 + cos(inc)) / 2,
+        phase: 0.5 + 0.5 * inc * (angle < 0 ? -1 : 1) / Math.PI,
+        angle: angle
+    };
+};
+
+
+function hoursLater(date, h) {
+    return new Date(date.valueOf() + h * dayMs / 24);
+}
+
+// calculations for moon rise/set times are based on http://www.stargazing.net/kepler/moonrise.html article
+
+SunCalc.getMoonTimes = function (date, lat, lng, inUTC) {
+    var t = new Date(date);
+    if (inUTC) t.setUTCHours(0, 0, 0, 0);
+    else t.setHours(0, 0, 0, 0);
+
+    var hc = 0.133 * rad,
+        h0 = SunCalc.getMoonPosition(t, lat, lng).altitude - hc,
+        h1, h2, rise, set, a, b, xe, ye, d, roots, x1, x2, dx;
+
+    // go in 2-hour chunks, each time seeing if a 3-point quadratic curve crosses zero (which means rise or set)
+    for (var i = 1; i <= 24; i += 2) {
+        h1 = SunCalc.getMoonPosition(hoursLater(t, i), lat, lng).altitude - hc;
+        h2 = SunCalc.getMoonPosition(hoursLater(t, i + 1), lat, lng).altitude - hc;
+
+        a = (h0 + h2) / 2 - h1;
+        b = (h2 - h0) / 2;
+        xe = -b / (2 * a);
+        ye = (a * xe + b) * xe + h1;
+        d = b * b - 4 * a * h1;
+        roots = 0;
+
+        if (d >= 0) {
+            dx = Math.sqrt(d) / (Math.abs(a) * 2);
+            x1 = xe - dx;
+            x2 = xe + dx;
+            if (Math.abs(x1) <= 1) roots++;
+            if (Math.abs(x2) <= 1) roots++;
+            if (x1 < -1) x1 = x2;
+        }
+
+        if (roots === 1) {
+            if (h0 < 0) rise = i + x1;
+            else set = i + x1;
+
+        } else if (roots === 2) {
+            rise = i + (ye < 0 ? x2 : x1);
+            set = i + (ye < 0 ? x1 : x2);
+        }
+
+        if (rise && set) break;
+
+        h0 = h2;
+    }
+
+    var result = {};
+
+    if (rise) result.rise = hoursLater(t, rise);
+    if (set) result.set = hoursLater(t, set);
+
+    if (!rise && !set) result[ye > 0 ? 'alwaysUp' : 'alwaysDown'] = true;
+
+    return result;
+};
+
+
+// export as Node module / AMD module / browser variable
+if (typeof exports === 'object' && typeof module !== 'undefined') module.exports = SunCalc;
+else if (typeof define === 'function' && define.amd) define(SunCalc);
+else window.SunCalc = SunCalc;
+
+}());