:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#1f2937;background:#f8fafc}*{box-sizing:border-box}body{margin:0}main{max-width:46rem;margin:12vh auto;padding:2.5rem;background:#fff;border-radius:1rem;box-shadow:0 16px 45px #0f172a14}h1{margin:.25rem 0 1rem}p{line-height:1.6}.eyebrow{color:#047857;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.hint{color:#4b5563;font-size:.9rem}code{padding:.15rem .35rem;background:#e5e7eb;border-radius:.25rem}.recordings{display:grid;gap:1rem;margin-top:2rem}.recording{padding-top:1rem;border-top:1px solid #e5e7eb}.recording div{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.recording span{color:#6b7280;font-size:.85rem}.recording audio{width:100%}