body{margin:0;background:var(--l2l-canvas);color:var(--l2l-text);font:1rem/1.6 var(--l2l-font-sans)}main{max-width:36rem;margin:4vh auto;padding:2rem;background:var(--l2l-surface);border:1px solid var(--l2l-border);border-radius:1rem}nav{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}label{display:block;margin:1rem 0}input{display:block;box-sizing:border-box;width:100%;padding:.75rem;font:inherit;background:var(--l2l-canvas);color:inherit;border:1px solid var(--l2l-control-border);border-radius:.4rem}button{padding:.6rem 1rem;font:inherit;cursor:pointer;border-radius:.4rem;border:1px solid var(--l2l-control-border);background:var(--l2l-surface);color:inherit}button[type=submit]{background:var(--l2l-brand-600);color:var(--l2l-on-action)}a{color:var(--l2l-brand-600)}:focus-visible{outline:3px solid var(--l2l-focus);outline-offset:3px}[hidden]{display:none!important}@media(max-width:40rem){main{margin:0;padding:1.25rem;border-radius:0}}