:root{font-family:Segoe UI,system-ui,sans-serif;color:#0f172a;background:#f1f5f9}body{margin:0}main{max-width:40rem;margin:2rem auto;padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0f172a1f}h1{font-size:1.25rem;margin:0 0 .5rem}.meta{font-size:.85rem;color:#64748b;margin-bottom:1rem}label{display:block;font-size:.8rem;margin-bottom:.25rem}input{width:100%;box-sizing:border-box;padding:.5rem .65rem;margin-bottom:.75rem;border:1px solid #cbd5e1;border-radius:6px}button{padding:.45rem .9rem;border:0;border-radius:6px;background:#0f766e;color:#fff;cursor:pointer}pre{background:#f8fafc;padding:.75rem;border-radius:6px;overflow:auto;font-size:.8rem}