<!doctype html><html lang="en"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Sign in · Persimmons</title>
<style>body{background:#fffdfa;color:#241a14;font:16px system-ui;margin:4rem auto;padding:1rem;max-width:28rem}input,button{box-sizing:border-box;width:100%;padding:.8rem;margin:.5rem 0;border:1px solid #eadfd6;border-radius:.6rem;font:inherit}button{background:#f47b20;color:white;cursor:pointer}a{color:#b8530d}</style>
<h1>🍊 Persimmons</h1>
<form id="signin" autocomplete="on"><label>Username<input id="name" name="username" autocomplete="username" autocapitalize="none" spellcheck="false" minlength="3" maxlength="64" pattern="[a-zA-Z0-9][a-zA-Z0-9_.-]{2,63}" required></label><label>Password<input id="password" name="password" type="password" autocomplete="current-password" minlength="12" maxlength="1024" required></label><button name="action" value="login">Sign in</button><button name="action" value="register">Create account</button></form>
<p id="status" role="status"></p><a href="/">Back to Persimmons</a><script src="/assets/signin.js"></script></html>
