body { font-family: system-ui, sans-serif; margin: 0 auto; max-width: 42rem; padding: 1rem 1rem 8rem; line-height: 1.5; }
h1 { font-size: 2rem; } h2 { font-size: 1.6rem; }
label { display: block; font-weight: 700; margin-top: 0.75rem; }
input, select, textarea { display: block; width: 100%; max-width: 24rem; padding: 0.5rem; font-size: 1rem; margin-top: 0.25rem; }
button { min-height: 2.75rem; padding: 0.5rem 1rem; font-size: 1rem; font-weight: 700; margin: 0.5rem 0.5rem 0.5rem 0; cursor: pointer; }
ul { padding-left: 0; list-style: none; } li { margin: 0.75rem 0; padding: 0.75rem; border: 1px solid #888; }
#bottom-tabs { position: fixed; left: 0; right: 0; bottom: 0; background: #fff; border-top: 2px solid #000; display: grid; grid-template-columns: repeat(4, 1fr); padding: 0.25rem; }
#bottom-tabs button { margin: 0.1rem; min-height: 2.5rem; }
#bottom-tabs button[aria-pressed="true"] { background: #000; color: #fff; }