<!DOCTYPE html>
        <html lang="en">
        <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>ocrsybil</title>
            <style>
                * { margin: 0; padding: 0; box-sizing: border-box; }
                body { background: #0d0d12; color: #e8e6e3; font-family: -apple-system, system-ui, sans-serif; display: flex; align-items: center; justify-content: center; min-height: 100vh; padding: 20px; }
                .card { text-align: center; max-width: 420px; }
                h1 { font-size: 32px; margin-bottom: 8px; color: #b8d8e0; letter-spacing: 0.04em; }
                p { color: #8a9099; margin-bottom: 24px; font-size: 15px; line-height: 1.4; }
                .dl-btn { display: inline-block; padding: 14px 32px; background: #4a8a9c; color: #0d0d12; font-size: 16px; font-weight: 700; border-radius: 8px; text-decoration: none; }
                .dl-btn:hover { background: #6fa9bc; }
                .ver { margin-top: 16px; font-size: 12px; color: #5c6168; font-family: ui-monospace, monospace; }
            </style>
        </head>
        <body>
            <div class="card">
                <h1>ocrsybil</h1>
                <p>OCR-friendly encrypted paper text. Point your camera at a printed page; if you have the right key, the plaintext appears.</p>
                <a href="/ocrsybil.apk" class="dl-btn" id="dl">Download APK</a>
                <div class="ver" id="ver"></div>
                <script>fetch("/version").then(r=>r.text()).then(v=>{v=v.trim();if(/^[0-9]/.test(v)){document.getElementById("ver").textContent="v"+v;document.getElementById("dl").href="/ocrsybil-"+v+".apk"}}).catch(()=>{});</script>
            </div>
        </body>
        </html>