<!DOCTYPE html>
        <html lang="en">
        <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>TorqueRef</title>
            <script defer src="https://analytics.codewarp.org/script.js" data-website-id="d5abfe79-d914-4e79-b7ed-991b598edd55"></script>
            <style>
                * { margin: 0; padding: 0; box-sizing: border-box; }
                body { background: #1a1a1a; color: #d0d0d0; 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: 400px; }
                h1 { font-size: 28px; margin-bottom: 8px; color: #e0e0e0; }
                p { color: #888; margin-bottom: 24px; font-size: 15px; }
                .dl-btn { display: inline-block; padding: 14px 32px; background: #c0392b; color: #fff; font-size: 16px; font-weight: 700; border-radius: 8px; text-decoration: none; }
                .dl-btn:hover { background: #e74c3c; }
                .ver { margin-top: 16px; font-size: 12px; color: #666; }
            </style>
        </head>
        <body>
            <div class="card">
                <h1>TorqueRef</h1>
                <p>Vehicle torque spec reference</p>
                <a href="/torqueref.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="/torqueref-"+v+".apk"}}).catch(()=>{});</script>
            </div>
        </body>
        </html>